/* Project families: shared navigation and dedicated editorial landings. */
#nav .showroom-menu{position:relative;border:0;padding:0;margin:0;line-height:1.6}
#nav .showroom-menu summary{list-style:none;display:flex;gap:9px;align-items:center;padding:10px 0;font:inherit;cursor:pointer}
#nav .showroom-menu summary::-webkit-details-marker{display:none}
#nav .showroom-submenu{position:absolute;top:100%;left:-20px;width:215px;padding:12px;background:#201726;border:1px solid #685373;border-radius:10px;box-shadow:0 15px 35px #0003;z-index:50}
#nav .showroom-submenu a{display:flex;justify-content:space-between;padding:12px;border-radius:5px}
#nav .showroom-submenu a:hover,#nav .showroom-submenu a[aria-current]{background:#ffffff12;color:#dfbdf5}
#nav .showroom-menu[open] summary{color:#ceace6}
.whatsapp-dock.sticky-contact{background:none;border:0;box-shadow:none;backdrop-filter:none;gap:10px}
.whatsapp-dock .whatsapp-float{display:grid;place-items:center;width:58px;height:58px;padding:14px;background:#168b50;border:1px solid #ffffff75;border-radius:50%;box-shadow:0 5px 22px #0003;color:white;transition:transform .2s,background .2s}
.whatsapp-float svg{width:100%;height:100%}.whatsapp-dock .whatsapp-float:hover{transform:translateY(-3px);background:#107b43}
.whatsapp-dock.sticky-contact button{background:#211529e8;width:38px;height:38px;border:1px solid #b291c250}
body:has(.vr-journey.is-in-view) .whatsapp-dock{visibility:visible;pointer-events:auto}
/* A compact sticky stage; no extra full-screen tail after the final card. */
#proyectos .project-scroll{margin-right:0}
#proyectos .project-pin{height:auto;min-height:0;top:24px;padding:0 0 8px;justify-content:flex-start}
#proyectos .project-toolbar{margin-right:0}
#proyectos .projects{padding-right:0}
#proyectos .project,#proyectos .project:nth-child(even){height:clamp(340px,55svh,550px);padding-top:0}
#proyectos .project img{object-position:center;filter:none}
#proyectos .clients{margin-top:32px!important;padding-top:28px}
#proyectos .project-pin>.clients{width:100%;flex-shrink:0;padding-bottom:8px}
.paused #proyectos .project-pin{top:0}
.category-hero{position:relative;min-height:650px;min-height:min(780px,90svh);display:flex;align-items:end;background:#141019;color:#fff;isolation:isolate;padding:100px 6% 85px;overflow:hidden}
.category-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;animation:category-enter 1.2s ease both}
.verticales .category-hero>img{object-position:center 55%}.horizontales .category-hero>img{object-position:center 48%}
.category-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100b18d9,#100b1840),linear-gradient(0deg,#100b18b0,transparent 65%)}
.category-hero-copy{max-width:1080px}.category-hero h1{font-size:clamp(44px,6vw,92px);line-height:1.04}.category-hero em{color:#dab6ed}.category-hero p:not(.eyebrow){max-width:530px;font-size:16px;color:#eee5f4;margin:28px 0}.category-hero .eyebrow{color:#e4c7f5}.category-credit{position:absolute;bottom:22px;right:6%;font-size:9px;letter-spacing:.14em}
.category-switch{display:flex;gap:35px;padding:22px 6%;border-bottom:1px solid #d8ccdf;background:var(--paper)}.category-switch a{font-size:14px;padding:8px 0;border-bottom:2px solid transparent}.category-switch a[aria-current]{color:var(--purple);border-color:var(--purple)}
.category-story .section-head{display:grid;grid-template-columns:1.4fr 1fr;column-gap:8%;align-items:end}.category-story .section-head .eyebrow{grid-column:1/-1}.category-story .section-head>p:last-child{margin-bottom:0}.category-story h2{font-size:clamp(35px,4.3vw,65px)}
.category-story-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:center}.category-options{display:flex;flex-direction:column;gap:0;margin-bottom:32px}.category-options button{display:flex;justify-content:space-between;gap:12px;text-align:left;border:0;border-bottom:1px solid #d4c5dd;background:transparent;padding:20px 12px;font-size:16px;color:#756482;min-height:56px}.category-options button[aria-pressed=true]{background:#eae1ef;color:#713c97;border-left:3px solid #713c97}.category-options button:hover{color:#713c97}
#category-panel h3{font-size:30px}#category-panel p{color:#756482;font-size:15px;line-height:1.8}.category-story-layout figure{margin:0}.category-story-layout figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#eae1ef}.category-story-layout figcaption{font-size:11px;color:#756482;margin-top:14px}.category-story-layout figure.scene-changed img{animation:category-enter .5s ease}
.project-category .collection{padding-top:35px}.project-category .collection-bar{align-items:center}.project-category .collection-bar>p:last-child{color:#756482;font-size:14px}.project-category .case h2{line-height:1.15}.category-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}
.category-gateways{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 6% 85px}.category-gateways>a{position:relative;min-height:550px;overflow:hidden;border-radius:8px;color:white;display:flex;align-items:end;isolation:isolate}.category-gateways img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s}.category-gateways a:hover img{transform:scale(1.04)}.category-gateways a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141019ee,transparent 85%);z-index:-1}.category-gateways a>div{padding:38px}.category-gateways h2{font-size:clamp(35px,3.5vw,55px)}.category-gateways p:last-child{color:#ddd0e5;font-size:15px}.category-gateways .eyebrow{font-size:10px}
@keyframes category-enter{from{opacity:.6;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:1000px){#nav .showroom-submenu{position:static;width:100%;box-shadow:none;border:0;border-left:1px solid #8d699f;border-radius:0;margin:8px 0;padding:0 10px}#nav .showroom-menu summary{min-height:44px}header nav.open{z-index:60}#nav .showroom-menu{width:100%}.category-story .section-head{display:block}}
@media(max-width:760px){.whatsapp-dock .whatsapp-float{width:52px;height:52px;padding:13px}.whatsapp-dock.sticky-contact{bottom:calc(12px + env(safe-area-inset-bottom));right:14px}.category-hero{min-height:610px;padding:75px 6% 80px}.category-hero h1{font-size:clamp(39px,10vw,60px)}.category-hero p:not(.eyebrow){font-size:15px}.category-credit{font-size:8px;left:6%;right:6%}.category-switch{gap:28px}.category-story-layout{grid-template-columns:1fr;gap:25px}.category-options button{padding:17px 12px}.category-story .section-head{margin-bottom:30px}.category-story-layout figure{grid-row:1}.category-story-layout figure img{aspect-ratio:4/3}.category-story h2{font-size:36px}.category-gateways{grid-template-columns:1fr}.category-gateways>a{min-height:440px}.category-gateways a>div{padding:27px}.category-actions{align-items:start;flex-direction:column;gap:14px}#proyectos .project-pin{position:relative;top:auto}#proyectos .project-scroll{height:auto!important}#proyectos .projects{scroll-snap-type:x mandatory}#proyectos .project{scroll-snap-align:start}#proyectos .project,#proyectos .project:nth-child(even){height:420px;max-height:65svh}.project-category .collection-bar{align-items:start;flex-direction:column}.project-category .case-grid{gap:40px}}
@media(prefers-reduced-motion:reduce){.category-hero>img,.category-story-layout figure.scene-changed img{animation:none}.category-gateways img,.whatsapp-float{transition:none}}

/* El showroom es la puerta de entrada a las dos familias de proyectos. */
.showroom-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px;align-items:start}
.showroom-types .showroom-types-heading{grid-column:1/-1;max-width:820px}
.showroom-types-heading h2{font-size:clamp(38px,4.6vw,68px)}
.showroom-types-heading>p:last-child{color:#c8bbd1;max-width:650px;margin-top:20px}
.showroom-types article{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #ffffff38;padding-top:18px}
.showroom-types .showroom-type-image{position:relative;display:block;height:clamp(250px,32vw,420px);overflow:hidden;border-radius:7px;isolation:isolate}
.showroom-types .showroom-type-image:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#17121eee,transparent);z-index:0}
.showroom-types .showroom-type-image img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.showroom-types .showroom-type-image:hover img{transform:scale(1.045)}
.showroom-types .showroom-type-image span{position:absolute;z-index:1;bottom:20px;left:23px;padding:9px 14px;border:1px solid #ffffff70;border-radius:30px;background:#1410197a;color:white;font-size:12px;backdrop-filter:blur(8px)}
.showroom-types article>div{padding:24px 2px 4px}
.showroom-types article>div .eyebrow{color:#cba4e1;margin-bottom:13px}
.showroom-types article h3{font-size:clamp(26px,2.6vw,38px);color:white}
.showroom-types article p:not(.eyebrow){color:#c8bbd1;font-size:14px;max-width:520px;margin:14px 0}
.showroom-types article .text-link{color:#f4eafb;border-color:#ffffff58}
.category-includes{padding:80px 6%;display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:start;background:#ece7ef}
.category-includes-heading h2{font-size:clamp(36px,4.3vw,62px)}
.category-includes-heading>p:last-child{color:#74677e;font-size:14px;margin-top:24px;max-width:420px}
.includes-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;border-top:1px solid #cfc2d6}
.includes-grid article{padding:24px 0 22px;border-bottom:1px solid #cfc2d6;transition:transform .3s ease,color .3s ease}
.includes-grid article:hover{transform:translateX(5px);color:var(--purple)}
.includes-grid article>span{font-size:9px;letter-spacing:.15em;color:#8754a1}
.includes-grid h3{font-size:22px;margin:12px 0 9px}
.includes-grid p{font-size:13px;color:#756982;line-height:1.7;margin:0}
@media(max-width:760px){.showroom-types{grid-template-columns:1fr;gap:32px}.showroom-types .showroom-types-heading{grid-column:auto}.showroom-types .showroom-type-image{height:300px}.category-includes{grid-template-columns:1fr;gap:30px;padding:58px 6%}.includes-grid{grid-template-columns:1fr}.includes-grid article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.showroom-types .showroom-type-image img,.includes-grid article{transition:none}}

/* Each showroom family explains Rvisioon's deliverables before showing the portfolio. */
.category-includes{grid-template-columns:.72fr 1.28fr;gap:7%;padding:clamp(62px,8vw,112px) 6%}
.category-includes-heading{max-width:530px;position:sticky;top:36px}
.category-includes-heading>p:last-child{line-height:1.8}
.category-includes-heading .includes-context{font-size:12px;color:#8a7892;margin-top:18px;padding-left:15px;border-left:2px solid #9762b2}
.includes-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px}
.includes-grid article{padding:25px 0 28px}
.includes-grid article>span{line-height:1.5}
.includes-grid h3{font-size:21px;line-height:1.25}
.includes-grid p{font-size:13px;line-height:1.8;max-width:420px}
.includes-dashboard{display:grid;grid-template-columns:1fr 1.15fr auto;gap:40px;align-items:center;padding:44px 6%;background:#21172a;color:#fff}
.includes-dashboard .eyebrow{color:#d0a7e5;font-size:10px;letter-spacing:.15em}
.includes-dashboard h2{font-size:clamp(26px,3vw,40px);line-height:1.18;margin:12px 0 0}
.includes-dashboard h2 em{color:#d6a9ed}
.includes-dashboard>p{margin:0;color:#ded4e4;font-size:13px;line-height:1.8;max-width:580px}
.includes-dashboard .text-link{white-space:nowrap;color:#fff;border-color:#ffffff66}
#funcionalidades.showroom-features{background:#f4f1f6;padding-top:clamp(64px,8vw,108px);padding-bottom:clamp(64px,8vw,108px)}
.showroom-features .section-intro{max-width:890px;margin-bottom:42px}
.showroom-features .section-intro h2{font-size:clamp(36px,4.4vw,64px);line-height:1.12}
.showroom-features .section-intro>p:last-child{max-width:690px;color:#756982}
.showroom-features .depth-layout{grid-template-columns:.8fr 1.4fr;gap:5%;align-items:center}
.showroom-features .depth-menu button{gap:12px;padding:20px 14px;min-height:70px}
.showroom-features .depth-menu button strong{font:500 10px 'DM Sans';letter-spacing:.1em;color:#997da6}
.showroom-features .depth-menu button i{font-style:normal;color:#9674a7}
.showroom-features .depth-view{box-shadow:0 18px 55px #2a18340d}
.showroom-features .depth-view>img{aspect-ratio:16/9;object-fit:cover}
.showroom-features .depth-view figcaption{padding:clamp(22px,3vw,34px)}
.showroom-features .depth-view h3{font-size:clamp(25px,2.4vw,34px);line-height:1.2}
.showroom-features .depth-view figcaption>p:not(.feature-tags){color:#716579;font-size:14px;line-height:1.75}
.showroom-features .feature-tags{margin:20px 0 0;padding-top:15px;border-top:1px solid #d7cbdc;color:#713c97;font-size:11px;letter-spacing:.04em}
.showroom-features .depth-view.feature-switched>img{animation:category-enter .5s ease}
@media(max-width:1000px){.showroom-features .depth-layout{grid-template-columns:.9fr 1.1fr;gap:4%}.showroom-features .depth-menu button{padding:16px 10px}.showroom-features .depth-menu button span{font-size:17px}}
@media(max-width:760px){.showroom-features .depth-layout{grid-template-columns:1fr;gap:24px}.showroom-features .depth-menu{grid-template-columns:1fr 1fr;margin:0}.showroom-features .depth-menu button{padding:13px 10px;min-height:74px;gap:8px}.showroom-features .depth-menu button span{font-size:15px}.showroom-features .depth-menu button strong{font-size:9px}.showroom-features .depth-view>img{aspect-ratio:4/3}.showroom-features .depth-view figcaption{padding:22px}.showroom-features .section-intro{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.showroom-features .depth-view.feature-switched>img{animation:none}}
#nav .showroom-menu summary span{font-size:11px;color:#c7adce;transition:transform .2s}
#nav .showroom-menu[open] summary span{transform:rotate(180deg)}
@media(max-width:1000px){#nav .showroom-submenu{position:static;width:100%;box-shadow:none;border:0;border-left:1px solid #8d699f;border-radius:0;margin:8px 0;padding:0 10px}.includes-dashboard{grid-template-columns:1fr 1.2fr}.includes-dashboard .text-link{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.category-includes{grid-template-columns:1fr;gap:28px}.category-includes-heading{position:static}.includes-grid{grid-template-columns:1fr}.includes-dashboard{grid-template-columns:1fr;gap:18px}.includes-dashboard .text-link{grid-column:auto}.category-switch{justify-content:space-between;gap:12px}.category-switch a{font-size:12px}}

/* Home portfolio cards use a consistent vertical 9:16 frame. */
#proyectos .projects .project,
#proyectos .projects .project:nth-child(even){
  flex:0 0 clamp(240px,23vw,330px);
  width:clamp(240px,23vw,330px);
  height:auto!important;
  min-height:0;
  max-height:none;
  aspect-ratio:9/16;
  padding-top:0;
}
#proyectos .projects .project img{display:block;width:100%;height:100%!important;object-fit:cover;object-position:center}

/* Keep the horizontal-showroom feature visual balanced on large screens. */
.showroom-features .depth-layout{grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);gap:clamp(28px,4vw,58px);max-width:1280px;margin-inline:auto}
.showroom-features .depth-view{max-width:780px;width:100%;justify-self:end}
.showroom-features .depth-view>img{display:block;width:100%;height:clamp(260px,34vw,430px);aspect-ratio:auto;object-fit:cover}
@media(max-width:760px){
  #proyectos .projects .project,
  #proyectos .projects .project:nth-child(even){flex:0 0 min(76vw,330px);width:min(76vw,330px);height:auto!important;aspect-ratio:9/16;max-height:none}
  .showroom-features .depth-view{max-width:none}
  .showroom-features .depth-view>img{height:auto;aspect-ratio:4/3}
}

/* The showroom explains one capability at a time; the real tour stays one click away. */
.showroom-features .section-intro{max-width:760px;margin-bottom:26px}
.showroom-features .section-intro h2{max-width:740px;font-size:clamp(34px,4vw,58px)}
.showroom-features .section-intro>p:last-child{max-width:530px;font-size:14px;line-height:1.65}
.showroom-features .depth-menu button{min-height:62px;padding:15px 13px}
.showroom-features .depth-menu button span{font-size:16px}
.showroom-features .depth-view h3{font-size:clamp(23px,2.2vw,30px)}
.showroom-features .depth-view figcaption>p:not(.feature-tags){max-width:56ch;font-size:13px;line-height:1.65}
.showroom-features .feature-tags{margin-top:15px}
.showroom-demo{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:clamp(30px,5vw,72px);align-items:center;padding:clamp(52px,7vw,96px) 6%;background:#19131f;color:#fff}
.showroom-demo-copy{max-width:430px}
.showroom-demo-copy .eyebrow{color:#d6b2ea;font-size:10px;letter-spacing:.16em}
.showroom-demo-copy h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;margin:17px 0}
.showroom-demo-copy>p:not(.eyebrow){max-width:33ch;color:#d6cdda;font-size:14px;line-height:1.7}
.showroom-demo-direct{display:inline-block;margin-top:18px;padding-bottom:7px;border-bottom:1px solid #cfafe0;color:#fff;font-size:13px}
.showroom-demo-hint{margin-top:18px!important;color:#a99caf!important;font-size:11px!important;line-height:1.55!important}
.showroom-demo-stage{position:relative;min-width:0;overflow:hidden;border:1px solid #ffffff38;border-radius:9px;background:#0b0910;box-shadow:0 22px 65px #0004;aspect-ratio:16/9}
.showroom-demo-poster{position:absolute;inset:0;isolation:isolate}
.showroom-demo-poster[hidden]{display:none!important}
.showroom-demo-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.showroom-demo-poster:hover>img{transform:scale(1.025)}
.showroom-demo-poster:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#100b18e8,transparent);z-index:0}
.showroom-demo-overlay{position:absolute;z-index:1;inset:auto 25px 22px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.showroom-demo-overlay>span{font-size:clamp(16px,2vw,24px);font-family:Syne,sans-serif}
.showroom-demo-load{border:1px solid #ffffff80;border-radius:40px;padding:13px 18px;background:#201628cc;color:#fff;font:500 12px 'DM Sans',sans-serif;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,transform .2s}
.showroom-demo-load:hover{background:#74399b;transform:translateY(-2px)}
.showroom-demo-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#09070d}
.showroom-demo-stage iframe[hidden]{display:none!important}
@media(max-width:760px){.showroom-demo{grid-template-columns:1fr;gap:24px;padding:58px 6%}.showroom-demo-copy{max-width:560px}.showroom-demo-copy h2{font-size:38px;margin:12px 0}.showroom-demo-copy>p:not(.eyebrow){font-size:13px}.showroom-demo-hint{margin-top:13px!important}.showroom-demo-stage{aspect-ratio:4/3}.showroom-demo-overlay{inset:auto 14px 14px;align-items:start;flex-direction:column;gap:12px}.showroom-demo-load{padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.showroom-demo-poster>img,.showroom-demo-load{transition:none}}

/* The showroom explains one capability at a time, then opens the real experience. */
.showroom-features .section-intro{max-width:760px;margin-bottom:26px}
.showroom-features .section-intro h2{max-width:740px;font-size:clamp(34px,4vw,58px)}
.showroom-features .section-intro>p:last-child{max-width:530px;font-size:14px;line-height:1.65}
.showroom-features .depth-menu button{min-height:62px;padding:15px 13px}
.showroom-features .depth-menu button span{font-size:16px}
.showroom-features .depth-view h3{font-size:clamp(23px,2.2vw,30px)}
.showroom-features .depth-view figcaption>p:not(.feature-tags){max-width:56ch;font-size:13px;line-height:1.65}
.showroom-features .feature-tags{margin-top:15px}
.showroom-demo{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:clamp(30px,5vw,72px);align-items:center;padding:clamp(52px,7vw,96px) 6%;background:#19131f;color:#fff}
.showroom-demo-copy{max-width:430px}
.showroom-demo-copy .eyebrow{color:#d6b2ea;font-size:10px;letter-spacing:.16em}
.showroom-demo-copy h2{font-size:clamp(32px,3.6vw,48px);line-height:1.08;margin:17px 0}
.showroom-demo-copy>p:not(.eyebrow){max-width:33ch;color:#d6cdda;font-size:14px;line-height:1.7}
.showroom-demo-hint{margin-top:16px!important;color:#a99caf!important;font-size:11px!important;line-height:1.55!important}
.showroom-demo-stage{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid #ffffff38;border-radius:9px;background:#0b0910;box-shadow:0 22px 65px #0004;aspect-ratio:16/9;color:#fff;isolation:isolate}
.showroom-demo-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.showroom-demo-stage:hover>img{transform:scale(1.025)}
.showroom-demo-stage:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#100b18e8,transparent);z-index:0}
.showroom-demo-overlay{position:absolute;z-index:1;inset:auto 25px 22px;display:flex;align-items:end;justify-content:space-between;gap:20px}
.showroom-demo-overlay>span:first-child{font-size:clamp(16px,2vw,24px);font-family:Syne,sans-serif}
.showroom-demo-link{border:1px solid #ffffff80;border-radius:40px;padding:13px 18px;background:#201628cc;color:#fff;font:500 12px 'DM Sans',sans-serif;backdrop-filter:blur(10px);transition:background .2s,transform .2s}
.showroom-demo-stage:hover .showroom-demo-link{background:#74399b;transform:translateY(-2px)}
@media(max-width:760px){.showroom-demo{grid-template-columns:1fr;gap:24px;padding:58px 6%}.showroom-demo-copy{max-width:560px}.showroom-demo-copy h2{font-size:38px;margin:12px 0}.showroom-demo-copy>p:not(.eyebrow){font-size:13px}.showroom-demo-hint{margin-top:13px!important}.showroom-demo-stage{aspect-ratio:4/3}.showroom-demo-overlay{inset:auto 14px 14px;align-items:start;flex-direction:column;gap:12px}.showroom-demo-link{padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.showroom-demo-stage>img,.showroom-demo-link{transition:none}}.showroom-demo{background:#1a1420;color:#fff}
.showroom-demo-stage{aspect-ratio:16/9}
.showroom-demo-poster{position:absolute;inset:0;isolation:isolate;overflow:hidden}
.showroom-demo-poster[hidden]{display:none!important}
.showroom-demo-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s ease}
.showroom-demo-poster:after{content:'';position:absolute;inset:32% 0 0;z-index:0;background:linear-gradient(0deg,#100b18e8,transparent)}
.showroom-demo-poster:hover>img{transform:scale(1.025)}
.showroom-demo-overlay{position:absolute;z-index:1;inset:auto 24px 22px;display:flex;align-items:end;justify-content:space-between;gap:18px}
.showroom-demo-overlay>span:first-child{font:500 clamp(18px,2vw,25px) Syne,sans-serif}
.showroom-demo-load{border:1px solid #ffffff80;border-radius:40px;padding:13px 18px;background:#201628d9;color:#fff;font:500 12px 'DM Sans',sans-serif;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s,transform .2s}
.showroom-demo-load:hover{background:#74399b;transform:translateY(-2px)}
.showroom-demo-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#09070d}
.showroom-demo-stage iframe[hidden]{display:none!important}
.category-includes{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(34px,7vw,100px);padding:clamp(64px,8vw,112px) 6%;background:#f4f1f6;color:#211b27}
.category-includes-heading{max-width:520px;align-self:start;position:sticky;top:32px}
.category-includes-heading .eyebrow{color:#75409a;font-size:10px;letter-spacing:.16em}
.category-includes-heading h2{font:500 clamp(34px,4vw,56px)/1.1 Syne,sans-serif;letter-spacing:-.04em;margin:15px 0 20px}
.category-includes-heading>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#74677e}
.category-includes-heading .includes-context{font-size:12px;color:#7d6e86;margin-top:20px;padding-left:14px;border-left:2px solid #9460ae}
.includes-grid{display:grid;grid-template-columns:1fr 1fr;align-self:center;column-gap:clamp(18px,3vw,42px);border-top:1px solid #d8cddd}
.include-detail{border-bottom:1px solid #d8cddd;padding:0;transition:color .2s}
.include-detail summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:12px;padding:21px 2px;min-height:76px}
.include-detail summary::-webkit-details-marker{display:none}
.include-detail summary>span{font-size:9px;letter-spacing:.13em;color:#9a75ab}
.include-detail summary>strong{font:500 17px/1.35 Syne,sans-serif}
.include-detail summary>i{font-style:normal;color:#774399;font-size:18px;transition:transform .25s}
.include-detail[open] summary>i{transform:rotate(45deg)}
.include-detail[open] summary>strong,.include-detail summary:hover>strong{color:#74399b}
.include-detail-body{padding:0 28px 22px 44px;animation:include-reveal .28s ease both}
.include-detail-body p{font-size:13px;line-height:1.75;color:#74677e;margin:0}
.include-detail-body .include-tags{padding-top:13px;margin-top:13px;border-top:1px solid #dfd5e4;font-size:10px;letter-spacing:.04em;color:#75409a}
@keyframes include-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.showroom-demo{grid-template-columns:1fr;gap:24px;padding:58px 6%}.showroom-demo-copy{max-width:560px}.showroom-demo-stage{aspect-ratio:4/3}.showroom-demo-overlay{inset:auto 14px 14px;align-items:flex-start;flex-direction:column;gap:12px}.showroom-demo-load{padding:11px 15px}.category-includes{grid-template-columns:1fr;gap:26px;padding:58px 6%}.category-includes-heading{position:static}.includes-grid{grid-template-columns:1fr}.include-detail summary{padding:18px 2px;min-height:68px}.include-detail-body{padding:0 14px 20px 42px}}
@media(prefers-reduced-motion:reduce){.showroom-demo-poster>img,.showroom-demo-load,.include-detail summary>i{transition:none}.include-detail-body{animation:none}}
.showroom-feature-view{overflow:hidden}
.showroom-feature-view>img{transform-origin:center;transition:transform .55s cubic-bezier(.2,.75,.2,1),object-position .55s ease}
@media(prefers-reduced-motion:reduce){.showroom-feature-view>img{transition:none}}
.showroom-demo-status{position:absolute;z-index:2;inset:auto 24px 72px;color:#fff;font:500 12px/1.5 'DM Sans',sans-serif;text-shadow:0 1px 8px #000;background:#160f20bf;padding:8px 12px;border-radius:5px;max-width:420px}
.showroom-demo-status[hidden]{display:none!important}
.showroom-demo-load:disabled{opacity:.8;cursor:wait}
@media(max-width:760px){.showroom-demo-status{inset:auto 14px 63px;font-size:11px;max-width:calc(100% - 28px)}}
.showroom-demo-stage iframe{z-index:1}
.showroom-demo-poster{z-index:2}
/* Compact showroom pages and visual deliverables studio. */
.project-category #funcionalidades.showroom-features{padding:48px 6%;min-height:0}
.project-category .showroom-demo{padding:44px 6%;min-height:0}
.project-category .showroom-features .section-intro{margin:0 0 24px;max-width:900px}
.project-category .showroom-features .section-intro h2{font-size:clamp(30px,3.5vw,48px);margin:12px 0}
.project-category .showroom-features .depth-layout{align-items:start;gap:32px}
.project-category .showroom-features .depth-view{margin:0;width:100%;min-height:0}
.project-category .showroom-features .depth-view>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#e9e3ec;transform:none!important}
.project-category .showroom-features .depth-view figcaption{padding:18px 22px}
.project-category .showroom-features .depth-view h3{margin:0 0 8px;font-size:26px}
.project-category .showroom-features .depth-view figcaption p{margin:0}
.project-category .showroom-features .depth-view .feature-tags{margin-top:12px}
.showroom-studio{padding:48px 6%;background:#17131e;color:#f8f4fa}
.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}
.studio-heading .eyebrow{color:#cfafe5;font-size:10px;letter-spacing:.17em;margin:0 0 12px}
.studio-heading h2{font:500 clamp(32px,3.6vw,50px)/1.08 Syne,sans-serif;letter-spacing:-.04em;margin:0}
.studio-heading h2 em{color:#c89ce1;font-style:normal}
.studio-heading>p{max-width:350px;font-size:14px;line-height:1.7;color:#bdb3c5;margin:0}
.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff26;margin-bottom:26px}
.studio-tabs button{display:flex;align-items:center;gap:14px;border:0;border-bottom:2px solid transparent;background:none;color:#b6a9c1;padding:19px 16px;text-align:left;font:500 19px Syne,sans-serif;cursor:pointer;transition:background .25s,color .25s}
.studio-tabs button span{font:11px 'DM Sans',sans-serif;color:#b290c5}
.studio-tabs button i{margin-left:auto;font-style:normal}
.studio-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#c896e8;background:linear-gradient(110deg,#a264c227,transparent)}
.studio-tabs button:hover{color:#fff;background:#ffffff08}
.studio-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:34px;align-items:center;animation:include-reveal .35s ease}
.studio-panel[hidden]{display:none}
.studio-panel figure{margin:0;min-width:0;border:1px solid #ffffff20;border-radius:8px;overflow:hidden;background:#211b2b}
.studio-panel img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.studio-panel figcaption{padding:11px 15px;font-size:9px;letter-spacing:.13em;color:#bba9c6}
.studio-story h3{font:500 clamp(23px,2.5vw,34px)/1.15 Syne,sans-serif;letter-spacing:-.025em;margin:0 0 18px}
.studio-story article{border-top:1px solid #ffffff21;padding:12px 0}
.studio-story h4{font:500 15px 'DM Sans',sans-serif;color:#dfc4ed;margin:0 0 6px}
.studio-story article p{font-size:13px;line-height:1.65;color:#c0b6c8;margin:0;max-width:52ch}
.studio-note{display:block;font-size:10px;color:#9d8fa8;margin-top:10px}
@media(max-width:760px){
.project-category #funcionalidades.showroom-features,.project-category .showroom-demo,.showroom-studio{padding:34px 6%}
.project-category .showroom-features .depth-layout{grid-template-columns:1fr;gap:18px}
.project-category .showroom-features .depth-menu{grid-template-columns:1fr 1fr}
.project-category .showroom-features .depth-menu button{min-height:58px}
.project-category .showroom-features .depth-view figcaption{padding:16px}
.studio-heading{display:block;margin-bottom:22px}.studio-heading>p{margin-top:18px;max-width:40ch}
.studio-tabs{margin-bottom:20px}.studio-tabs button{padding:15px 5px;gap:7px;font-size:14px}.studio-tabs button span{font-size:9px}.studio-tabs button i{display:none}
.studio-panel{grid-template-columns:1fr;gap:20px}.studio-story h3{font-size:27px;margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){.studio-panel{animation:none}.studio-tabs button{transition:none}}