
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-garamond-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/cormorant-garamond-latin-500-italic.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url(fonts/cormorant-garamond-latin-600-italic.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format('woff2')}
:root{--m:32px;--k:#08090B;--w:#F2EEE7;--g:#8C8780;--sf:'Cormorant Garamond',Georgia,serif;--ss:'Instrument Sans',system-ui,sans-serif}
@media(min-width:900px){:root{--m:clamp(56px,6.5vw,112px)}}
*{box-sizing:border-box}html{background:var(--k)}
body{margin:0;background:var(--k);color:var(--w);font:400 17px/1.55 var(--ss);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.07;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3{font-family:var(--sf);font-weight:500;margin:0;line-height:.98;letter-spacing:-.01em}
a{color:inherit}
:focus-visible{outline:2px solid var(--w);outline-offset:4px}
#gl{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;z-index:0;display:block}
section,footer{position:relative;z-index:2}
/* header */
header{position:fixed;inset:0 0 auto 0;z-index:70;display:flex;justify-content:space-between;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) var(--m) 12px;pointer-events:none}
header>*{pointer-events:auto}
.logo{font:600 12px var(--ss);letter-spacing:.26em;text-decoration:none;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16)}
.burger{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:20px;cursor:pointer}
.menu{position:fixed;inset:0;z-index:65;background:rgba(8,9,11,.96);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 var(--m);opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.menu.open{opacity:1;visibility:visible}
.menu a{font:500 clamp(42px,12vw,76px)/1.15 var(--sf);text-decoration:none}
.menu small{color:var(--g);margin-top:26px;font-size:14px}
/* hero */
.hero{height:100svh;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--m) calc(48px + env(safe-area-inset-bottom,0px))}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 30%,rgba(0,0,0,.78));pointer-events:none}
.hero>*{position:relative}
.brand{font:500 12px var(--ss);letter-spacing:.3em;margin-bottom:22px}
.brand i{display:block;font-style:normal;color:#cfc9bd;letter-spacing:.2em;margin-top:6px}
.hero h1{font-size:clamp(38px,11.4vw,150px)}
@media(min-width:900px){.hero h1{font-size:clamp(56px,6.2vw,112px);max-width:50vw}}
.hero h1 span{display:block;opacity:0;transform:translateY(26px);animation:in 1.4s cubic-bezier(.2,.7,.2,1) forwards}
.hero h1 span:nth-child(2){animation-delay:.22s}.hero h1 span:nth-child(3){animation-delay:.55s;font-style:italic;color:#d6d0c4;margin-top:.22em}.hero h1 span:nth-child(4){animation-delay:.8s;font-style:italic;color:#d6d0c4}
@keyframes in{to{opacity:1;transform:none}}
.explore{margin-top:32px;display:flex;align-items:center;gap:12px;font:500 12px var(--ss);letter-spacing:.3em;color:#cfc9bd}
.explore b{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;animation:bob 2.2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(6px)}}
/* tour */
.tour{height:calc(var(--n)*115vh)}
.stage{position:sticky;top:0;height:100svh;overflow:hidden;pointer-events:none}
.lbl{position:absolute;left:var(--m);right:var(--m);bottom:calc(100px + env(safe-area-inset-bottom,0px));opacity:0;will-change:transform,opacity}
.eye{display:inline-block;font:500 11.5px var(--ss);letter-spacing:.2em;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);margin-bottom:14px}
.lbl h2{font-size:clamp(64px,19vw,210px);text-shadow:0 8px 40px rgba(0,0,0,.45)}
.lbl p{margin:10px 0 0;font:italic 500 clamp(22px,5.6vw,36px)/1.15 var(--sf);color:#ece7dd;max-width:15em;text-shadow:0 4px 24px rgba(0,0,0,.5)}
.st{margin-top:12px;font-size:14px;color:#d6d0c4}
.cta{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;min-height:52px;margin-top:18px;padding:0 24px;font:600 12px var(--ss);letter-spacing:.18em;text-decoration:none;border-radius:999px;background:var(--w);color:var(--k)}
@media(min-width:900px){.lbl{right:auto;bottom:16vh;max-width:40vw}.lbl p{max-width:11em}.lbl h2{font-size:clamp(90px,11vw,200px)}}
.hud{position:absolute;left:var(--m);right:var(--m);bottom:calc(36px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:14px;font:500 12px var(--ss);letter-spacing:.16em;opacity:0}
.bar{flex:1;height:2px;border-radius:2px;background:rgba(242,238,231,.25);position:relative;overflow:hidden}
.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--w);width:0;border-radius:2px}
/* portfólio */
.port{padding:110px 0 90px;text-align:center;background:var(--k);border-radius:44px 44px 0 0;margin-top:-44px;overflow:hidden}
.mq{display:flex;width:max-content;animation:mq 28s linear infinite;margin-bottom:46px}
.mq span{font:italic 500 clamp(54px,14vw,150px)/1 var(--sf);color:transparent;-webkit-text-stroke:1px rgba(242,238,231,.5);padding-right:.5em;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}

/* portfólio completo */
.port{text-align:left;--gut:max(var(--m),calc((100vw - 1400px)/2 + var(--m)))}
.pfh{padding:0 var(--gut)}
.pfh h2{font-size:clamp(40px,9vw,84px)}
.pfh p{color:#b9b3a8;max-width:34em;margin:16px 0 0}
.chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:30px 0 26px;padding:0 var(--gut)}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--w);font:600 12px var(--ss);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}
.chip small{opacity:.55;margin-left:8px;font-weight:500;font-size:11px}
.chip[aria-pressed=true]{background:var(--w);color:var(--k);border-color:var(--w)}
.car{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--gut);padding:2px var(--gut) 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.car::-webkit-scrollbar{display:none}
.car::after{content:"";flex:0 0 calc(var(--gut) - 16px)}
.car:focus-visible{outline-offset:-2px}
.cd{flex:0 0 min(80vw,372px);scroll-snap-align:start;background:#101216;border:1px solid rgba(255,255,255,.08);border-radius:32px;overflow:hidden;display:flex;flex-direction:column}
.cd .ph{position:relative;aspect-ratio:5/4;background:center/cover;overflow:hidden}
.cd .ph.art{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 38%,#0b0d10),#0b0d10 85%)}
.cd .ph svg{position:absolute;inset:0;width:100%;height:100%}
.bdg{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(8,9,11,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font:600 10.5px var(--ss);letter-spacing:.16em;text-transform:uppercase;color:#fff}
.bdg::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bc,var(--c))}
.cd .bd{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.sts{font:600 11px var(--ss);letter-spacing:.16em;text-transform:uppercase;color:#b9b3a8}
.cd h3{font-size:clamp(30px,7vw,36px);margin:10px 0 8px;line-height:1.02}
.pw{font:600 10.5px var(--ss);letter-spacing:.2em;text-transform:uppercase;color:#d6d0c4;margin:-2px 0 8px}
.loc{color:var(--g);font-size:14px;line-height:1.4}
.ar{margin:16px 0 0;padding-left:12px;border-left:3px solid var(--c)}
.ar small{display:block;font:500 11px var(--ss);letter-spacing:.14em;text-transform:uppercase;color:#b9b3a8}
.ar b{display:block;font:600 17px/1.3 var(--ss);color:#f2eee7;margin-top:2px}
.ar.mute b{color:#b9b3a8;font-weight:500;font-size:15px}
.facts{margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.facts li{font-size:12.5px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:#ddd8cd}
.tg{font:italic 500 21px/1.15 var(--sf);color:#e8e3d9;margin:16px 0 22px}
.cd a{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.3);text-decoration:none;font:600 12px var(--ss);letter-spacing:.16em;text-align:center}
.cd a.wab{gap:10px;background:#25D366;color:#04210f;border:0;letter-spacing:.14em;box-shadow:0 8px 22px rgba(37,211,102,.28);transition:transform .2s,background .2s}
.cd a.wab:hover{background:#2fe574;transform:translateY(-2px)}
.ctl{display:flex;align-items:center;gap:18px;padding:0 var(--gut);margin-top:26px;font:500 12px var(--ss);letter-spacing:.16em}
.arr{display:flex;gap:10px}
.arr button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:opacity .25s}
.arr button:disabled{opacity:.28;cursor:default}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.brand i.ex{letter-spacing:.14em;font-size:11px;margin-top:10px;color:#e8e3d9}
.conv{background:var(--w);color:var(--k);padding:96px var(--m) 110px;display:grid;gap:40px;border-radius:44px 44px 0 0;margin-top:-44px}
.me{width:min(66vw,300px);aspect-ratio:4/5;border-radius:36px;background:#ccc center 22%/cover;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.conv h2{font-size:clamp(40px,10.5vw,92px)}
.conv h2 em{color:#6e6a63}
.conv p{max-width:34em;color:#3a3732;margin:22px 0 28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 32px;background:var(--k);color:var(--w);text-decoration:none;font:600 13px var(--ss);letter-spacing:.16em;border-radius:999px;width:100%}
@media(min-width:900px){.conv{grid-template-columns:340px 1fr;align-items:center;padding:140px var(--m);gap:90px}.me{width:100%}.btn{width:auto}}
.sig{padding:110px var(--m) 40px;text-align:center;background:var(--k);border-radius:44px 44px 0 0;margin-top:-44px}
.sig h2{font-size:clamp(36px,8.4vw,86px)}.sig h2 span{color:var(--g);font-style:italic}
.sig b{display:block;margin-top:44px;font:600 13px var(--ss);letter-spacing:.3em}
.sig small{display:block;color:var(--g);margin-top:8px;letter-spacing:.14em}
.fine{max-width:760px;margin:70px auto 0;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));font-size:12px;color:#6d6963;line-height:1.5}
@media(prefers-reduced-motion:reduce){.hero h1 span{animation:none;opacity:1;transform:none}.mq,.explore b{animation:none}.menu{transition:none}}
.brand i.ex{display:flex;align-items:center;gap:10px}.brand img.mf{height:15px;width:auto;opacity:.95}.sig img.lg{display:block;width:150px;max-width:44vw;height:auto;margin:48px auto 0;opacity:.95}.sig .lgs{display:flex;align-items:center;justify-content:center;gap:22px;margin:48px auto 0}.sig .lgs img.lg{margin:0;width:120px;max-width:34vw}.sig .vl{width:1px;height:64px;background:rgba(242,238,231,.28)}.sig img.lm{width:84px;max-width:24vw;height:auto;opacity:.95}.vis{background:#0e1013;color:var(--w);padding:96px var(--m) 130px;border-radius:44px 44px 0 0;margin-top:-44px;display:grid;gap:32px}
.vis .ph{position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/3;background:#222}.vis .ph img{width:100%;height:100%;object-fit:cover;display:block}
.vis .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,11,0) 55%,rgba(8,9,11,.55))}
.vis .tag{position:absolute;left:16px;bottom:16px;z-index:2;font:500 11px var(--ss);letter-spacing:.2em;padding:9px 14px;border-radius:999px;background:rgba(8,9,11,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(242,238,231,.25)}
.vis .ey{font:500 12px var(--ss);letter-spacing:.3em;color:#cfc9bd;margin-bottom:18px}
.vis h2{font-size:clamp(38px,9.6vw,84px)}.vis h2 em{color:var(--g);font-style:italic}
.vis p{max-width:32em;color:#cfc9bd;margin:22px 0 28px}
.vis .bt{display:grid;gap:12px}.vis .btn{background:var(--w);color:var(--k)}.vis .btn.o{background:transparent;color:var(--w);border:1px solid rgba(242,238,231,.4)}
@media(min-width:900px){.vis{grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;padding:140px var(--m) 170px}.vis .ph{aspect-ratio:5/4}.vis .bt{display:flex}.vis .btn{width:auto}}




.lan{--gold:#EBC48A;margin-top:-44px;position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:44px 44px 0 0;background:#08090B;padding:0 var(--m) 64px}
.lph{position:relative;margin:0 calc(-1*var(--m));aspect-ratio:6/5;background:#1a1c22 url(img/cortina.webp) 50% 40%/cover no-repeat}.lph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,11,.3),rgba(8,9,11,0) 20%,rgba(8,9,11,0) 58%,#08090B 100%)}
.ltag{position:absolute;left:var(--m);top:92px;z-index:2;font:500 11px var(--ss);letter-spacing:.3em;padding:10px 16px;border-radius:999px;background:rgba(8,9,11,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(242,238,231,.3)}
.ltx{position:relative;max-width:36em;margin-top:-34px}
.ley{font:500 12px var(--ss);letter-spacing:.3em;color:#e4dccb;margin-bottom:16px}
.lan h2{font-weight:500;font-size:clamp(42px,11vw,92px);line-height:1;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.lan h2 em{color:var(--gold);font-style:italic}
.lan p{color:#e4dccb;line-height:1.55;margin:20px 0 26px;max-width:30em}
.lbtn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:60px;padding:0 30px;background:#25D366;color:#04210f;text-decoration:none;font:700 13px var(--ss);letter-spacing:.14em;border-radius:999px;width:100%;box-shadow:0 14px 40px -12px #25D36699}
.lbtn svg{width:22px;height:22px}
.lnote{display:block;margin-top:14px;font-size:12px;letter-spacing:.08em;color:#b9b2a3}
@media(min-width:900px){.lan{min-height:780px;justify-content:flex-end;padding:0 var(--m) 84px}.lph{position:absolute;inset:0;margin:0;aspect-ratio:auto;background-position:50% 30%}.lph:after{background:linear-gradient(90deg,rgba(8,9,11,.8) 0%,rgba(8,9,11,.38) 45%,rgba(8,9,11,0) 70%),linear-gradient(180deg,rgba(8,9,11,.25),rgba(8,9,11,0) 25%,rgba(8,9,11,.2) 80%,#08090B 100%)}.ltx{margin-top:0}.lbtn{width:auto}.ltag{left:var(--m)}}
.ab{position:absolute;top:0;left:0;right:0;z-index:64;height:42px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,#d9a35f,#EBC48A 50%,#d9a35f);color:#1a1204;font:700 10.5px var(--ss);letter-spacing:.14em;text-decoration:none;padding:0 14px;white-space:nowrap}
.ab i{width:8px;height:8px;border-radius:50%;background:#1a1204;display:inline-block;animation:abp 1.6s infinite}@keyframes abp{50%{opacity:.25}}
.ab b{font-weight:700;border-bottom:1.5px solid #1a1204;padding-bottom:1px}
header{top:var(--abo,42px)!important}
@media(min-width:900px){.ab{font-size:12px;height:46px;letter-spacing:.18em}}
@media(prefers-reduced-motion:reduce){.ab i{animation:none}}
.soc{display:flex;justify-content:center;gap:14px;margin-top:34px}
.soc a{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 16px;border-radius:999px;color:var(--w);text-decoration:none;font:500 12px var(--ss);letter-spacing:.12em;background:rgba(242,238,231,.07);border:1px solid rgba(242,238,231,.22);transition:background .25s,border-color .25s,transform .25s}
.soc a:hover,.soc a:focus-visible{background:rgba(242,238,231,.16);border-color:rgba(242,238,231,.5);transform:translateY(-2px)}
.soc svg{width:22px;height:22px;flex:none}
.soc span{display:none}
@media(min-width:420px){.soc span{display:inline}}
@media(max-width:419px){.soc a{width:52px;padding:0;justify-content:center}}

/* v22 textos */
.hero .apoio{margin:20px 0 0;max-width:30em;color:#d6d0c4;font-size:clamp(16px,4.2vw,19px);line-height:1.5}
.hbt{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}
.hbt .explore{margin-top:0;text-decoration:none}
.hwa{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:600 11.5px var(--ss);letter-spacing:.16em;text-decoration:none;color:#fff}
.tin{position:absolute;left:var(--m);right:var(--m);top:calc(88px + var(--abo,42px));pointer-events:none;will-change:opacity}
.tin .tey{display:block;font:600 11px var(--ss);letter-spacing:.2em;color:#EBC48A;margin-bottom:10px}
.tin h2{font-size:clamp(34px,9vw,64px);text-shadow:0 6px 30px rgba(0,0,0,.5)}
.tin p{margin:10px 0 0;max-width:24em;color:#e4dccb;font-size:15px;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.lbl .cta2{pointer-events:auto;display:block;width:max-content;margin-top:12px;font:600 11px var(--ss);letter-spacing:.16em;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:3px}
.lbl .pw{font:600 10.5px var(--ss);letter-spacing:.2em;text-transform:uppercase;color:#d6d0c4;margin:8px 0 0}
.emp{margin:10px var(--gut);padding:34px 20px;text-align:center;color:#b9b3a8;border:1.5px dashed rgba(255,255,255,.2);border-radius:24px}
.pnote{margin:22px var(--gut) 0;font:500 12px var(--ss);color:#8C8780}
.vis .slot{font-size:13.5px;color:#b9b3a8;border-left:2px solid #EBC48A;padding-left:12px;margin-top:-6px}
.vis .slot u{text-decoration:none;color:#EBC48A;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11.5px}.vis .slot{line-height:1.7}
.cd a.wab span{font-size:11px;letter-spacing:.1em}
.brand i{letter-spacing:.1em;font-size:11px}
.tin{top:0;padding:calc(84px + var(--abo,42px)) var(--m) 46px;left:0;right:0;background:linear-gradient(180deg,rgba(8,9,11,.92) 55%,rgba(8,9,11,0))}
.tin h2{font-size:clamp(28px,7.4vw,52px)}
.tin p{font-size:14px;margin-top:8px}

/* v23 privacidade */
.ck{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:90;max-width:560px;margin:0 auto;padding:18px 18px 16px;border-radius:22px;background:rgba(16,18,22,.97);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 50px rgba(0,0,0,.55);font:400 13.5px/1.5 var(--ss);color:#e4dccb}
.ck[hidden]{display:none}
.ck b{display:block;font:600 11px var(--ss);letter-spacing:.16em;color:#EBC48A;margin-bottom:6px}
.ck a,.ck button.lk{color:#fff;text-decoration:underline;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.ck .row{display:flex;gap:10px;margin-top:14px}
.ck .row button{flex:1;min-height:46px;border-radius:999px;font:600 11.5px var(--ss);letter-spacing:.12em;cursor:pointer;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff}
.ck .row button.ok{background:var(--w);color:var(--k);border-color:var(--w)}
.leg{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font:500 12px var(--ss)}
.leg button{background:none;border:0;color:#cfc9bd;text-decoration:underline;cursor:pointer;font:inherit;padding:8px 2px;min-height:36px}
dialog.pv{width:min(720px,calc(100vw - 24px));max-height:86vh;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:#101216;color:#e4dccb;overflow:hidden}
dialog.pv::backdrop{background:rgba(0,0,0,.72)}
.pv .in{max-height:86vh;overflow:auto;padding:30px 24px 26px;font:400 15px/1.65 var(--ss)}
.pv h2{font-size:34px;margin-bottom:6px}.pv h3{font:600 12px var(--ss);letter-spacing:.14em;text-transform:uppercase;color:#EBC48A;margin:24px 0 6px}
.pv p,.pv li{color:#cfc9bd}.pv ul{padding-left:20px;margin:6px 0}
.pv .x{position:sticky;top:0;float:right;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#101216;color:#fff;font-size:18px;cursor:pointer}
.ck{left:0;right:0;bottom:0;max-width:none;margin:0;border-radius:18px 18px 0 0;padding:10px var(--m) calc(10px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;font-size:12.5px;line-height:1.4;border-width:1px 0 0}
.ck .ct{flex:1 1 260px}.ck .row{margin:0;flex:0 0 auto;display:flex;gap:8px}.ck .row button{flex:none;min-height:44px;padding:0 20px;font-size:11px}
@media(max-width:520px){.ck .row{flex:1 1 100%}.ck .row button{flex:1}}

/* simulador */
.sim{background:var(--w);color:var(--k);padding:96px var(--m) 110px;border-radius:44px 44px 0 0;margin-top:-44px}
.simh{max-width:1100px;margin:0 auto 36px}
.simh .ey{font:600 12px var(--ss);letter-spacing:.3em;color:#6e6a63;margin-bottom:16px}
.simh h2{font-size:clamp(40px,10vw,84px)}
.simh p{max-width:30em;color:#3a3732;margin:18px 0 0;font-size:18px}
.simc{max-width:1100px;margin:0 auto;background:#0e1014;color:var(--w);border-radius:36px;padding:28px 22px 26px;display:grid;gap:34px;box-shadow:0 30px 70px -30px rgba(8,9,11,.55)}
.simc>*,.sfs,.sright,.sf{min-width:0}
.sf{border:0;margin:0;padding:0}.simc{grid-template-columns:minmax(0,1fr)}
.sf+.sf{margin-top:30px}
.sl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.sl label,.sl legend{font:500 15px var(--ss);color:#cfc9bd;padding:0}
.sv{font:600 28px/1.1 var(--ss);letter-spacing:-.01em;color:var(--w)}
.svi{display:flex;align-items:center;gap:4px;border-bottom:1.5px solid rgba(242,238,231,.3);padding:2px 0;transition:border-color .2s}
.svi:focus-within{border-color:#EBC48A}
.svi span{font:600 20px var(--ss);color:#8C8780}
.svi input{width:9ch;background:transparent;border:0;color:var(--w);font:600 28px/1.1 var(--ss);padding:4px 0;outline:0;min-height:44px;-moz-appearance:textfield}
.sh{display:block;margin:4px 0 0;font:500 12px var(--ss);color:#8C8780;letter-spacing:.04em}
.srg{--p:0%;-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:6px 0 0;cursor:pointer;touch-action:pan-y}
.srg::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#EBC48A var(--p),rgba(242,238,231,.18) var(--p))}
.srg::-moz-range-track{height:6px;border-radius:6px;background:rgba(242,238,231,.18)}
.srg::-moz-range-progress{height:6px;border-radius:6px;background:#EBC48A}
.srg::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-11px;border-radius:50%;background:var(--w);border:0;box-shadow:0 0 0 6px rgba(235,196,138,.22),0 4px 14px rgba(0,0,0,.5);transition:box-shadow .2s}
.srg::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--w);border:0;box-shadow:0 0 0 6px rgba(235,196,138,.22),0 4px 14px rgba(0,0,0,.5)}
.srg:active::-webkit-slider-thumb{box-shadow:0 0 0 10px rgba(235,196,138,.3),0 4px 14px rgba(0,0,0,.5)}
.srg:focus-visible{outline:none}.srg:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #0e1014,0 0 0 6px var(--w)}
.srg:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #0e1014,0 0 0 6px var(--w)}
.sm{display:flex;justify-content:space-between;font:500 11.5px var(--ss);color:#6d6963;letter-spacing:.06em;margin-top:-2px}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;border:1px solid rgba(242,238,231,.22);font:600 15px var(--ss);color:var(--w);cursor:pointer;transition:background .2s,color .2s,border-color .2s;text-align:center}
.seg label small{font:500 11px var(--ss);margin-left:4px;opacity:.7}
.seg input:checked+label{background:var(--w);color:var(--k);border-color:var(--w)}
.seg input:focus-visible+label{outline:2px solid var(--w);outline-offset:3px}
.sres{background:linear-gradient(160deg,rgba(235,196,138,.16),rgba(235,196,138,.04) 70%);border:1px solid rgba(235,196,138,.35);border-radius:26px;padding:24px 20px;text-align:center}
.sres .t{font:600 12px var(--ss);letter-spacing:.22em;color:#EBC48A}
.sres .big{font:500 clamp(54px,15vw,92px)/1 var(--sf);margin:12px 0 6px;color:var(--w);white-space:nowrap}
.sres .big small{font:500 clamp(16px,4.4vw,22px) var(--ss);color:#cfc9bd;margin-left:4px;letter-spacing:0}
.sres .f{font:500 15px var(--ss);color:#cfc9bd}.sres .f b{color:var(--w);font-weight:600}
.scta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;margin-top:16px;padding:0 22px;border-radius:999px;background:#25D366;color:#04210f;text-decoration:none;font:700 13px var(--ss);letter-spacing:.12em;box-shadow:0 14px 40px -14px #25D366aa;text-align:center;line-height:1.25;transition:transform .2s,background .2s}
.scta:hover{background:#2fe574;transform:translateY(-2px)}.scta svg{flex:none;width:22px;height:22px}
.sdisc{margin:14px 2px 0;font:400 12.5px/1.55 var(--ss);color:#8C8780}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(min-width:900px){.simc{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;padding:48px 52px;align-items:center}.sres{padding:34px 28px}}
@media(max-width:360px){.sv,.svi input{font-size:24px}.seg label{font-size:14px}.seg label small{display:none}.scta{font-size:12px;letter-spacing:.08em}}
.vis{margin-top:-44px;border-radius:44px 44px 0 0;position:relative}
