:root{--bg:#121412;--ink:#f0eee5;--muted:#a2a99f;--line:#ffffff20;--accent:#b8ceb9}
body{background:var(--bg)}.nav{position:fixed;inset:0 0 auto;height:88px;background:linear-gradient(#10120fe8,#10120f08);border-bottom:1px solid #ffffff1e;color:#e9e8df;padding:0 4vw;transition:background .25s}.nav.solid{background:#121412f5}.brand img{filter:grayscale(1) brightness(0) invert(1);width:122px}.brand>span{color:#bdbfb4;border-color:#ffffff30}.nav nav{gap:36px;text-transform:uppercase;letter-spacing:1.6px;font-size:9px}.nav nav a small{font-size:8px;color:#bcae91;display:block;margin-bottom:6px}.nav-cta{font-size:10px;letter-spacing:.2px;border:1px solid #ffffff30;padding:11px 14px}.nav-cta span{font-size:19px}.film-story{height:580svh;margin:0;max-width:none}.film-sticky{top:0;height:100svh;display:block}.film-shell{height:100%;border-radius:0;overflow:hidden;background:#121412}.film-shell video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0a110c4d 0%,transparent 32%,transparent 55%,#090f0be8 100%),linear-gradient(90deg,transparent 30%,#080d0930 62%,#080d0960 100%);pointer-events:none}.scene-topline{position:absolute;left:4vw;right:4vw;top:116px;display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:1.5px;color:#e0dfd1;text-shadow:0 1px 6px black}.hero-copy{position:absolute;right:7.5vw;top:25%;width:36%;max-width:620px;opacity:var(--intro-opacity,1);transform:translateY(calc((1 - var(--intro-opacity,1))*-20px));visibility:var(--intro-visibility,visible);text-shadow:0 2px 24px #080c0990}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#dbceb3}.hero-copy h1{font-size:clamp(42px,4.9vw,87px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:22px 0}.hero-copy h1 em,.scene-ending em{font-family:Georgia,serif;font-weight:400;color:#d8bb8d}.hero-copy p{font-size:12px;line-height:1.85;color:#dfdfd4;margin:0 0 25px}.cinema-link{display:inline-flex;gap:44px;align-items:center;font-size:10px;border-bottom:1px solid #d8c9a976;padding-bottom:12px}.cinema-link span{font-size:21px}.scene-signature{position:absolute;left:4vw;bottom:128px;display:flex;align-items:center;gap:14px;max-width:220px;color:#e2e5d9}.signature-line{width:30px;height:1px;background:#d9b77c}.scene-signature p{font-size:7px;letter-spacing:1.3px;line-height:1.7;margin:0}.scene-signature strong{font-weight:400;font-size:10px;letter-spacing:0}.benefit-caption{position:absolute;right:7.5vw;bottom:124px;width:36%;max-width:520px;opacity:var(--caption-opacity,0);visibility:var(--caption-visibility,hidden);transform:translateY(calc((1 - var(--caption-opacity,0))*14px));text-shadow:0 2px 20px #000}.benefit-caption h2{font-size:clamp(24px,3vw,49px);line-height:1.08;letter-spacing:-.04em;margin:13px 0}.benefit-caption p{font-size:11px;line-height:1.7;color:#d3d6cc;max-width:390px;margin:0}.scene-ending{position:absolute;right:7.5vw;top:36%;width:36%;opacity:var(--ending-opacity,0);visibility:var(--ending-visibility,hidden)}.scene-ending h2{font-size:clamp(30px,3.8vw,64px);margin:20px 0 28px}.button{background:#d0ddbc;color:#1d2d22;border-radius:0}.scene-ending>small{display:block;font-size:9px;margin-top:15px;color:#d4d5c8}.scene-bottom{position:absolute;left:4vw;right:4vw;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;border-top:1px solid #ffffff35}.scroll-cue{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:14px;color:#d5d8cc}.scroll-icon{font-size:23px}.chapter-nav{gap:32px}.chapter-nav button,.chapter-nav button[aria-pressed=true]{background:transparent;color:#e8e8dc;font-size:10px;padding:0 0 8px;border-radius:0;border-bottom:1px solid transparent;opacity:.6}.chapter-nav button[aria-pressed=true]{border-color:#c9ba99;opacity:1}.chapter-nav button small{display:block;font-size:7px;letter-spacing:1px;margin-bottom:6px;color:#d5c7ac}.scene-bottom #motion{font-size:8px;color:#d1d3c7;background:none;border:0;border-bottom:1px solid #a6ac9b;padding:6px 0}.track{height:2px}.track>div{background:#c8b183}.loading-status{position:absolute;left:4vw;top:155px;font-size:10px;color:#eee;background:#172017dd;padding:8px 12px}.loading-status[hidden]{display:none}.operation{padding-top:120px;padding-bottom:110px}.section-label{color:#a6b6a1}.operation-grid p,.webapp-copy p{color:#a3aca0}.operation h2 span{color:#909e88}.feature-rows a{padding:32px 0;transition:background .2s}.feature-rows a:hover{background:#ffffff05;filter:none}.feature-rows h3{font-size:17px}.feature-rows .arrow{color:#c5d7b8}.booking-preview{color:#233028;background:#d9dfcf;border-color:#879581;box-shadow:18px 22px 0 #242c22}.text-link{color:#d6e1ca}.closing{background:#1d281f}.closing h2 span{color:#a3b595}.closing .button{background:#d0ddbc}.closing .section-label{color:#a6b6a1}footer{padding-top:32px;padding-bottom:32px}.footer-light,footer small{color:#8f9c88}.static-scene .film-story{height:100svh}.static-scene .film-sticky{position:relative}.static-scene .scroll-cue{opacity:.6}
@media(min-aspect-ratio:2/1){.hero-copy{top:23%}.hero-copy h1{font-size:9vh}.hero-copy p{font-size:11px}.benefit-caption h2{font-size:6vh}.scene-signature{bottom:115px}}
@media(max-width:1000px){.nav{padding:0 25px;gap:18px}.brand>span{display:none}.nav nav{gap:24px}.hero-copy{right:5vw;width:40%}.benefit-caption,.scene-ending{right:5vw;width:40%}.hero-copy h1{font-size:5.8vw}.chapter-nav{gap:22px}.scene-bottom{gap:20px}.scroll-cue{font-size:7px;letter-spacing:.7px}}
@media(max-width:680px){.nav{height:70px;padding:0 20px;background:#121412cc}.brand img{width:94px}.nav-cta{font-size:8px;padding:8px 10px}.nav nav{display:none}.film-story{height:450svh;margin:0}.film-sticky{position:sticky;top:0;height:100svh}.film-shell{height:100%;aspect-ratio:auto}.film-shell video{top:35%;height:auto;width:100%;aspect-ratio:16/9;object-fit:contain}.cinema-shade{background:linear-gradient(180deg,#121412 29%,transparent 42%,transparent 50%,#121412 66%)}.scene-topline{left:20px;right:20px;top:93px;font-size:7px;letter-spacing:1px}.scene-topline span:last-child{display:none}.hero-copy{left:20px;right:20px;top:16%;width:auto;max-width:none}.hero-copy>.eyebrow{display:none}.hero-copy h1{font-size:38px;line-height:1.06;margin:0 0 15px;max-width:340px}.hero-copy h1 br:first-of-type{display:none}.hero-copy p{font-size:10px;line-height:1.6;margin-bottom:12px}.cinema-link{font-size:9px;padding-bottom:7px;gap:20px}.scene-signature{left:20px;bottom:151px;max-width:none}.scene-signature p{font-size:7px}.scene-signature strong{font-size:9px}.benefit-caption{top:17%;bottom:auto;left:20px;right:20px;width:auto;max-width:none}.benefit-caption h2{font-size:31px;margin:13px 0}.benefit-caption p{font-size:10px;max-width:310px}.benefit-caption .eyebrow{font-size:8px;letter-spacing:1.5px}.scene-ending{top:16%;left:20px;right:20px;width:auto}.scene-ending h2{font-size:31px;margin:15px 0}.scene-ending .eyebrow{font-size:8px}.scene-ending .button{font-size:9px;padding:11px 15px}.scene-ending>small{font-size:8px;margin-top:8px}.scene-bottom{left:20px;right:20px;bottom:22px;padding-top:14px;display:grid;grid-template-columns:1fr auto;gap:17px}.chapter-nav{grid-row:1;grid-column:1/-1;justify-content:space-between;gap:15px;width:100%}.chapter-nav button{font-size:9px;padding:0 0 6px}.chapter-nav button small{font-size:7px}.scroll-cue{grid-row:2;font-size:7px;gap:10px}.scene-bottom #motion{grid-row:2;font-size:7px}.scroll-icon{font-size:19px}.operation{padding:65px 0}.feature-rows h3{font-size:13px}.loading-status{top:auto;bottom:210px;left:20px;font-size:9px}.webapp{padding-bottom:70px}.closing{padding:50px 0 30px}}
/* User-controlled scroll remains reversible; reduced motion removes secondary transitions. */
@media(prefers-reduced-motion:reduce){.nav,.feature-rows a{transition:none}.hero-copy,.benefit-caption{transform:none}body:not(.static-scene) .film-story{height:580svh}body:not(.static-scene) .film-sticky{position:sticky;top:0;height:100svh}body .film-shell{aspect-ratio:auto;height:100%}body .booking-preview{transform:none}}
@media(prefers-reduced-motion:reduce) and (max-width:680px){body:not(.static-scene) .film-story{height:450svh}}
body .film-sticky .film-shell{width:100%;aspect-ratio:auto}
body.static-scene .film-sticky{position:relative;top:0;height:100svh}
@media(min-width:681px){.benefit-caption{bottom:110px}}
@media(max-width:680px){.hero-copy h1{font-size:34px}.hero-copy h1 br:first-of-type{display:initial}.film-shell video{top:43%}.cinema-shade{background:linear-gradient(180deg,#121412 35%,transparent 47%,transparent 62%,#121412 73%)}.cinema-link{padding:6px 0 8px}}
.webapp{grid-template-columns:.85fr 1.3fr;gap:6%;padding-top:25px;padding-bottom:155px;align-items:center}.webapp h2{font-size:clamp(30px,3.7vw,60px);line-height:1.12}.webapp h2 span{color:#9cacae}.webapp-copy>p{max-width:385px}.brand-features{padding:0;margin:27px 0;list-style:none;display:grid;gap:14px}.brand-features li{font-size:11px;color:#cdd5cd;display:flex;align-items:center;gap:17px}.brand-features li>span{font-size:8px;color:#849692}.brand-customizer{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #ffffff18;max-width:385px}.brand-customizer>span{font-size:9px;color:#bdc9c5}.brand-customizer>div{display:flex;gap:8px}.brand-customizer>small{font-size:8px;color:#82938b}.brand-swatch{width:24px;height:24px;border-radius:50%;border:3px solid #121412;outline:1px solid #ffffff28;padding:0}.brand-swatch[aria-pressed=true]{outline:1px solid #eef5e8}.brand-swatch.slate{background:#597f95}.brand-swatch.forest{background:#608476}.brand-swatch.clay{background:#b77d5e}.branded-app-scene{--app-accent:#365669;--app-tint:#e5edf0;--app-detail:#a2c5d2;position:relative;margin:0 0 20px;min-width:0;isolation:isolate}.branded-app-scene[data-theme=forest]{--app-accent:#345d4d;--app-tint:#e5eee6;--app-detail:#afcdb3}.branded-app-scene[data-theme=clay]{--app-accent:#815340;--app-tint:#f2e9e1;--app-detail:#e4ba91}.app-lifestyle{display:block;width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;object-position:29% center;border-radius:3px;filter:none}.app-photo-label{position:absolute;left:24px;bottom:27px;color:white;text-shadow:0 2px 10px #000;display:grid;gap:6px}.app-photo-label span{font-size:8px;letter-spacing:2px}.app-photo-label strong{font-size:20px;font-weight:400;letter-spacing:-.5px}.personalized-phone{position:absolute;right:17px;bottom:-35px;width:clamp(175px,16.6vw,258px);padding:7px;background:#15191b;border:1px solid #71838b;border-radius:30px;box-shadow:0 26px 55px #0008;overflow:hidden;color:#203039}.phone-speaker{position:absolute;z-index:2;top:12px;left:50%;transform:translateX(-50%);width:54px;height:12px;background:#15191b;border-radius:15px}.app-cover{border-radius:24px 24px 0 0;background:linear-gradient(155deg,#ffffff05,var(--app-accent)),url('webapp-personalizado-v1.png') 85% 40% / 280%;background-color:var(--app-accent);background-blend-mode:normal,luminosity;padding:29px 14px 18px;color:#fff}.app-monogram{width:30px;height:30px;border:1px solid #ffffff55;display:grid;place-items:center;border-radius:50%;font-size:11px;margin-bottom:10px;color:var(--app-detail)}.app-cover>small{font-size:6px;letter-spacing:1.4px;color:#e7edf0}.app-cover h3{font-size:clamp(15px,1.45vw,23px);font-weight:400;letter-spacing:-.6px;line-height:1.15;margin:10px 0}.app-cover-caption{font-size:7px;color:#e1e8e8}.app-screen-body{background:var(--app-tint);border-radius:0 0 23px 23px;padding:18px 12px 13px}.app-screen-label{font-size:6px;letter-spacing:.7px;color:#657b84}.app-service{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #bccbd080;padding:13px 0;font-size:9px}.app-service small{display:block;margin-top:5px;font-size:6px;color:#61737b}.app-book{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:17px;padding:12px 9px;background:var(--app-accent);color:white;font-size:8px;border-radius:3px}.app-bottom-nav{display:flex;justify-content:space-between;gap:8px;padding-top:17px;color:#607680;font-size:6px}.app-bottom-nav span:first-child{color:var(--app-accent);font-weight:600}.branded-app-scene figcaption{position:absolute;left:0;bottom:-28px;font-size:8px;color:#8b9e98;max-width:calc(100% - 235px);line-height:1.5}.webapp .text-link{margin-top:25px;font-size:11px}
@media(min-width:1600px){.personalized-phone{right:30px;width:258px}.branded-app-scene figcaption{max-width:calc(100% - 320px)}}
@media(min-width:681px) and (max-width:950px){.webapp{grid-template-columns:1fr;gap:40px}.webapp-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:center}.webapp-copy .section-label,.webapp-copy h2{grid-column:1}.webapp-copy>p{grid-column:2;grid-row:2}.brand-features{grid-column:1}.brand-customizer{grid-column:2}.webapp .text-link{grid-column:1/-1;justify-self:start}.app-lifestyle{aspect-ratio:1.55;object-position:center}.personalized-phone{width:240px;right:35px}.app-cover h3{font-size:23px}.app-service{font-size:10px}.app-service small{font-size:7px}.app-book{font-size:9px}}
@media(max-width:680px){.webapp{grid-template-columns:1fr;gap:35px;padding-top:0;padding-bottom:95px}.webapp h2{font-size:34px}.brand-features{gap:12px;margin:22px 0}.brand-features li{font-size:10px}.brand-customizer{gap:12px}.branded-app-scene{margin-bottom:25px}.app-lifestyle{aspect-ratio:.93;object-position:15% center}.personalized-phone{right:5px;bottom:-31px;width:160px;border-radius:25px;padding:5px}.phone-speaker{top:9px;width:45px;height:10px}.app-cover{padding:25px 11px 14px;border-radius:20px 20px 0 0}.app-monogram{width:26px;height:26px;font-size:9px;margin-bottom:8px}.app-cover h3{font-size:16px}.app-cover>small{font-size:5px;letter-spacing:1px}.app-cover-caption{font-size:6px}.app-screen-body{padding:14px 9px 10px;border-radius:0 0 20px 20px}.app-service{font-size:8px;padding:10px 0}.app-service small{font-size:5px}.app-book{font-size:7px;padding:10px 7px;margin-top:13px}.app-bottom-nav{font-size:5px;gap:4px;padding-top:13px}.app-photo-label{left:12px;bottom:15px;max-width:calc(100% - 180px)}.app-photo-label span{font-size:6px;letter-spacing:1px}.app-photo-label strong{font-size:14px;line-height:1.2}.branded-app-scene figcaption{bottom:-32px;max-width:calc(100% - 177px);font-size:7px}}
@media(max-width:680px){.branded-app-scene{padding-bottom:175px}.app-lifestyle{aspect-ratio:1.5;object-position:center}.personalized-phone{right:0;bottom:0;width:168px}.app-photo-label{left:0;bottom:82px;max-width:calc(100% - 185px)}.app-photo-label strong{font-size:17px}.branded-app-scene figcaption{bottom:-28px;max-width:100%;font-size:7px}}