@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/work-sans-400.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/work-sans-500.woff2) format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/work-sans-600.woff2) format('woff2')}

:root{
  --navy:#0a2864;--navy-ink:#020c21;--navy-mute:#546993;--navy-pale:#c9d3e8;
  --paper:#fff;--wash:#f2f2f2;--line:#e5e5e5;--gold:#996600;
  --pad:clamp(16px,3.5vw,50px);
  --ease:cubic-bezier(.23,1,.32,1);
  --veu:rgba(2,12,33,.5);
  --tx:var(--navy-ink);--acao:var(--navy);--sobre-escuro:#fff;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font:400 15px/1.6 'Work Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--tx);background:var(--paper);touch-action:manipulation}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,p,blockquote,dl,dd,figure{margin:0}
::selection{background:var(--navy);color:#fff}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.look :focus-visible,.ceu :focus-visible,.meio-dia :focus-visible,.fecho :focus-visible{outline-color:#fff}
section{overflow-x:clip;position:relative}
.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- chrome do pacote ---------- */
.pular{position:absolute;left:8px;top:-60px;z-index:300;background:var(--navy);color:#fff;padding:10px 14px;border-radius:3px;text-decoration:none}
.pular:focus{top:8px}
.rascunho{background:var(--wash);color:#2b3350;font-size:12px;line-height:1.4;padding:7px var(--pad);text-align:left}
.pacote{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border-bottom:1px solid var(--line);padding:8px var(--pad)}
.pacote-abas{display:flex;flex-wrap:wrap;gap:2px}
.pacote-abas a{display:inline-block;padding:10px 14px;font-size:13px;font-weight:500;letter-spacing:.02em;text-decoration:none;color:var(--navy-ink);border-bottom:2px solid transparent;transition:border-color .2s var(--ease),color .2s var(--ease)}
.pacote-abas a[aria-current=page]{border-bottom-color:var(--navy);color:var(--navy)}
@media (hover:hover) and (pointer:fine){.pacote-abas a:hover{border-bottom-color:var(--navy-mute)}}
.pacote-abas .curto{display:none}
.chat{display:inline-block;background:var(--navy);color:#fff;border-radius:3px;padding:11px 18px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background-color .2s var(--ease),transform .15s var(--ease)}
.chat:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.chat:hover{background:#0c317b}}
.rodape{background:var(--navy-ink);color:var(--navy-pale);padding:36px var(--pad) 44px;font-size:13px;line-height:1.6}
.rodape p+p{margin-top:10px}
.rodape-chat{display:inline-block;background:#fff;color:var(--navy);border-radius:3px;padding:11px 18px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.rodape-fontes{color:var(--navy-pale)}

/* ---------- botões da marca: retângulo, raio 3, caixa alta ---------- */
.botao{display:inline-flex;align-items:center;min-height:48px;padding:0 23px;border-radius:3px;font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;transition:background-color .2s var(--ease),color .2s var(--ease),transform .15s var(--ease)}
.botao:active{transform:scale(.97)}
.botao-cheio{background:var(--navy);color:#fff;border-color:var(--navy)}
.botao-contorno{background:transparent;color:#fff;border-color:#fff}
.botao-branco{background:#fff;color:#000;min-height:40px;padding:0 22px;font-size:11px}
.botao-branco-cheio{background:#fff;color:var(--navy);border-color:#fff}
@media (hover:hover) and (pointer:fine){
  .botao-cheio:hover{background:#0c317b}
  .botao-contorno:hover{background:#fff;color:var(--navy)}
  .botao-branco-cheio:hover{background:var(--navy-pale)}
}

/* ---------- tipografia: Work Sans, caixa alta, 400, tracking fechado ---------- */
h1,h2{font-weight:400;text-transform:uppercase;letter-spacing:-1px;line-height:1.08;text-wrap:balance}
h3{font-weight:500}
.titulo-esq{font-size:clamp(28px,3.1vw,40px);color:var(--navy)}
.num,.pnl-preco,.razao-col b,.prazos-numero,.familia-ano{font-variant-numeric:tabular-nums}

/* ---------- revelação ao rolar (estado escondido só sob .com-js) ---------- */
.com-js .rv:not(.in){opacity:0;transform:translateY(18px)}
.com-js .rv.in{transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.com-js .rv-wipe:not(.in){clip-path:inset(0 0 100% 0);opacity:1;transform:none}
.com-js .rv-wipe.in{clip-path:inset(0);transition:clip-path 1.1s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.com-js .rv-roll:not(.in){clip-path:inset(0 0 100% 0);transform:translateY(.35em)}
.com-js .rv-roll.in{clip-path:inset(-.2em -.2em -.2em -.2em);transition:clip-path .9s var(--ease),transform .9s var(--ease),opacity .6s var(--ease)}
/* um único momento de carregamento no herói */
.com-js .abre{opacity:0;transform:translateY(14px)}
.com-js .abre.in{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1s var(--ease)}
.com-js .abre-1.in{transition-delay:.15s}.com-js .abre-2.in{transition-delay:.3s}.com-js .abre-3.in{transition-delay:.45s}

/* ---------- foto sangrada (look) ---------- */
.look{position:relative;isolation:isolate;color:#fff;background-color:var(--navy-ink);display:flex;align-items:flex-end;min-height:clamp(560px,64vw,810px)}
.look-foto{position:absolute;inset:0;z-index:-1}
.look-foto img{width:100%;height:100%;object-fit:cover}
.look-foto::after{content:"";position:absolute;inset:0;background:var(--veu)}
.look-texto{position:relative;width:100%;max-width:640px;padding:0 var(--pad) 56px}
.look-texto h1,.look-texto h2{font-size:clamp(30px,3.1vw,40px);margin-bottom:18px}
.look-texto p{font-size:15px;font-weight:500;line-height:1.45;max-width:36em}
.look-texto p+p{margin-top:14px}
.look-texto .botao{margin-top:26px}
.look-abertura{min-height:clamp(620px,calc(100svh - 96px),900px)}
.look-assina{position:absolute;right:var(--pad);bottom:56px;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-align:right;white-space:nowrap}
.look-mangas{min-height:clamp(640px,66vw,900px)}
.look-texto-alto{max-width:760px}
.mangas-cita h2{font-size:clamp(26px,3vw,44px);margin-bottom:24px}

/* ---------- 2. céu: navy cheio, foto vertical sangrada à direita ---------- */
.ceu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,5fr);background-color:var(--navy);color:#fff;min-height:810px;margin-top:5px}
.ceu{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.ceu-texto{align-self:end;padding:0 var(--pad) 64px;max-width:620px}
.ceu-texto h2{font-size:clamp(28px,3vw,40px);margin-bottom:18px}
.ceu-texto p{font-weight:500;max-width:34em}
.ceu-foto{min-height:810px;position:relative}
.ceu-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}

/* ---------- 3. corredor: grade 3x2, vão de 5 px ---------- */
.corredor{background-color:var(--paper);padding:26px 5px 5px}
.corredor .titulo-esq{padding:0 var(--pad) 18px;font-size:clamp(28px,3.4vw,44px)}
.corredor-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.corredor-item a{position:relative;display:block;aspect-ratio:1/.865;overflow:hidden;background:var(--navy-ink);color:#fff;text-decoration:none}
.corredor-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.corredor-item a::before{content:"";position:absolute;inset:0;background:rgba(2,12,33,.34);z-index:1}
.corredor-nome{position:absolute;left:20px;bottom:76px;z-index:2;font-size:clamp(22px,2.1vw,30px);letter-spacing:-.5px;line-height:1.1}
.corredor-item .botao{position:absolute;left:20px;bottom:20px;z-index:2}
@media (hover:hover) and (pointer:fine){.corredor-item a:hover img{transform:scale(1.04)}}

/* ---------- 4. amostras: elemento memorável ---------- */
.amostras{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);padding:96px var(--pad);background-color:var(--paper);align-items:start}
.amostras-lado{position:sticky;top:120px}
.amostras-lado h2{font-size:clamp(26px,2.7vw,38px);color:var(--navy);margin-bottom:20px}
.amostras-lado>p{color:#2b3350;max-width:32em}
.parede{display:grid;grid-template-columns:repeat(3,minmax(0,92px));gap:10px;margin-top:34px;align-items:start}
.parede-trama{grid-column:1/-1;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:10px}
.parede-trama:first-child{margin-top:0}
.chip{appearance:none;padding:0;border:1px solid var(--line);border-radius:3px;background:#fff;cursor:pointer;overflow:hidden;aspect-ratio:1;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}
.chip img{width:100%;height:100%;object-fit:cover}
.chip[aria-selected=true]{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy);transform:translateY(-3px)}
@media (hover:hover) and (pointer:fine){.chip:hover{border-color:var(--navy)}}
.amostras-painel{min-width:0}
.pnl{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:0;align-items:stretch;border-radius:3px;overflow:hidden;background-color:var(--navy)}
.pnl[hidden]{display:none}
.pnl>img{width:100%;height:100%;min-height:560px;object-fit:cover;background:var(--wash)}
.pnl-texto{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(24px,3vw,44px);background-color:var(--navy);color:#fff}
.pnl-ply{font-size:clamp(40px,3.7vw,72px);letter-spacing:-.04em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.pnl h3{font-size:17px;line-height:1.35;text-wrap:balance}
.pnl-cod{display:block;font-size:12px;letter-spacing:.1em;color:var(--navy-pale);margin-bottom:6px}
.pnl-preco{margin:12px 0 16px;color:#fff;font-weight:600;font-size:17px}
.pnl-texto>p:last-child{max-width:30em;text-wrap:pretty;color:var(--navy-pale)}
.pnl:not([hidden]){animation:troca .5s var(--ease)}
@keyframes troca{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- 5. outono: frase gigante, bloco curto ---------- */
.outono{background-color:var(--paper);padding:64px var(--pad) 72px;border-top:1px solid var(--line)}
.outono-rotulo{font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--gold);margin-bottom:16px}
.outono h2{font-size:clamp(36px,6.3vw,150px);letter-spacing:-.04em;line-height:.95;color:var(--navy);max-width:none}

/* ---------- 7. porta ---------- */
.porta{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);padding:96px var(--pad);background-color:var(--paper);align-items:start}
.porta-pano{position:sticky;top:120px}
.porta-quadro{max-width:560px}
.porta-quadro img{width:100%;aspect-ratio:2000/2420;object-fit:cover;border-radius:3px}
.porta-texto{max-width:44em}
.porta-texto h2{font-size:clamp(26px,2.9vw,40px);color:var(--navy);margin-bottom:26px}
.porta-nota{font-size:19px;line-height:1.5;color:var(--navy);font-weight:500;margin-bottom:28px}
.porta-texto p+p{margin-top:18px}
.porta-texto>p{max-width:36em}
.porta-cita{font-size:clamp(24px,2.6vw,36px);line-height:1.2;letter-spacing:-.5px;color:var(--navy);margin:38px 0;padding-inline-start:22px;border-inline-start:3px solid var(--navy)}
.porta-texto .botao{margin-top:34px}

/* ---------- 8. família: três colunas de texto, fios finos ---------- */
.familia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background-color:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.familia-col{padding:72px clamp(20px,3.2vw,50px) 80px;border-inline-end:1px solid var(--line)}
.familia-col:last-child{border-inline-end:0}
.familia-col h3{font-size:clamp(24px,2.6vw,36px);font-weight:400;text-transform:uppercase;letter-spacing:-1px;color:var(--navy);margin-bottom:24px;line-height:1.1}
.familia-col p{max-width:30em}
.familia-col p+p{margin-top:16px}
.familia-cita{font-size:19px;line-height:1.4;color:var(--navy);font-weight:500;margin:26px 0}
.familia-ano{font-size:clamp(88px,11vw,170px);line-height:.9;letter-spacing:-.05em;color:var(--navy);margin-top:44px!important}

/* ---------- 9. mais vendidas ---------- */
.mais-vendidas{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,72px);padding:88px var(--pad);background-color:var(--paper);align-items:stretch}
.mais-lista{align-self:start}
.mais-nomes{margin:26px 0 30px}
.mais-nomes li{padding:11px 0;border-bottom:1px solid var(--line);color:var(--navy);font-size:15px}
.mais-nomes li:first-child{border-top:1px solid var(--line)}
.mais-mosaico{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}
.mais-mosaico li{min-height:0}
.mais-mosaico img{width:100%;height:100%;min-height:240px;object-fit:cover;background:var(--wash);border-radius:3px}

/* ---------- 10. trilho ---------- */
.trilho{background-color:var(--wash);padding:34px 0 38px}
.trilho-pausa{appearance:none;display:block;margin:0 var(--pad) 18px auto;min-height:40px;padding:0 18px;border:1px solid var(--navy);border-radius:3px;background:#fff;color:var(--navy);font:500 11.5px 'Work Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.trilho-pausa[aria-pressed=true]{background:var(--navy);color:#fff}
.trilho-fila{overflow-x:auto;scrollbar-width:none;padding:0 var(--pad)}
.trilho-fila::-webkit-scrollbar{display:none}
.trilho-lista{display:flex;gap:14px;width:max-content}
.trilho-fila li{flex:0 0 clamp(190px,17vw,260px)}
.trilho-fila img{width:100%;aspect-ratio:1950/2360;object-fit:cover;background:#fff;border-radius:3px}

/* ---------- 11. corte ---------- */
.corte{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,6vw,96px);padding:96px var(--pad);background-color:var(--paper);align-items:start}
.corte-lead{margin:18px 0 44px;font-size:19px;line-height:1.45;color:var(--navy);max-width:30em}
.corte-sub{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.corte-linha{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,6fr);gap:clamp(14px,2vw,32px);padding:26px 0;border-top:1px solid var(--line)}
.corte-linha:last-child{border-bottom:1px solid var(--line)}
.corte-linha dt{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.5px;color:var(--navy);line-height:1.1}
.corte-como{font-weight:500;color:var(--navy)}
.corte-rotulo{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:4px}
.corte-medidas{margin:44px 0 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(20px,3vw,44px);counter-reset:med}
.corte-medidas li{padding:16px 0;border-top:1px solid var(--line);counter-increment:med;color:#2b3350}
.corte-medidas li:last-child{grid-column:1/-1}
.corte-medidas b{display:block;color:var(--navy);font-weight:600;margin-bottom:4px}
.corte-modelo{font-size:12px;letter-spacing:.14em;font-weight:600;color:var(--navy-mute);margin-bottom:22px}
.corte-modelo-foto{position:sticky;top:120px}
.corte-quadro{max-width:520px}
.corte-quadro img{width:100%;aspect-ratio:1200/1600;object-fit:cover;border-radius:3px}

/* ---------- 12. polo ---------- */
.polo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background-color:var(--paper);min-height:810px;margin-top:5px}
.polo-foto{position:relative;min-height:640px}
.polo-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.polo-texto{align-self:end;padding:0 var(--pad) 64px clamp(24px,6vw,96px)}
.polo-texto h2{font-size:clamp(34px,3.6vw,52px);color:var(--navy);margin-bottom:20px}
.polo-texto p{max-width:28em;margin-bottom:28px}

/* ---------- 13. razão ---------- */
.razao{background-color:var(--paper)}
.razao-faixa{height:clamp(260px,26vw,420px);position:relative}
.razao-faixa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.razao-miolo{padding:72px var(--pad) 96px}
.razao-miolo .titulo-esq{font-size:clamp(32px,3.6vw,52px)}
.razao-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,80px);align-items:end}
.razao-cab-dir{justify-self:end;max-width:34em}
.razao-lead{margin:0 0 22px;font-size:17px}
.razao-colunas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px);margin-top:56px}
.razao-col h3{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding-bottom:12px;border-bottom:2px solid var(--navy)}
.razao-sub{margin-top:34px}
.razao-col li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.4}
.razao-col li span{min-width:0;overflow-wrap:anywhere}
.razao-col b{flex:none;font-weight:600;color:var(--navy);white-space:nowrap}

/* ---------- 14. meio-dia ---------- */
.meio-dia{position:relative;isolation:isolate;color:#fff;background-color:var(--navy-ink);padding:104px var(--pad) 96px}
.meio-dia .look-foto::after{background:rgba(2,12,33,.68)}
.meio-dia-miolo{max-width:1240px}
.meio-dia h2{font-size:clamp(34px,4.4vw,64px);margin-bottom:24px}
.meio-dia-lead{max-width:40em;font-weight:500;margin-bottom:56px;font-size:16px}
.meio-dia-opcoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}
.meio-dia-opcao{border-top:1px solid rgba(255,255,255,.7);padding-top:22px}
.meio-dia-opcao h3{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-weight:600}
.meio-dia-opcao p{font-size:14.5px}
.num{display:block;font-size:clamp(56px,6vw,88px);font-weight:400;letter-spacing:-.04em;line-height:1;margin:6px 0 4px}
.meio-dia-nota{margin-top:52px;max-width:36em;font-weight:500}

/* ---------- 15. prazos ---------- */
.prazos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background-color:var(--paper)}
.prazos-celula{padding:84px var(--pad) 72px;border-inline-end:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:end}
.prazos-celula:nth-of-type(2){border-inline-end:0}
.prazos-numero{font-size:clamp(120px,17vw,280px);line-height:.8;letter-spacing:-.06em;color:var(--navy)}
.prazos-texto p{max-width:30em}
.prazos-texto p+p{margin-top:14px;color:#2b3350}
.prazos-rodape{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,5vw,80px);padding:44px var(--pad) 64px;border-top:1px solid var(--line);color:#2b3350}

/* ---------- 16. perguntas ---------- */
.perguntas{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);padding:96px var(--pad);background-color:var(--paper);align-items:start;border-top:1px solid var(--line)}
.perguntas-lado{position:sticky;top:120px}
.perguntas-quadro{margin-top:30px;max-width:420px}
.perguntas-quadro img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}
.perguntas-lista details{border-top:1px solid var(--line)}
.perguntas-lista details:nth-last-of-type(1){border-bottom:1px solid var(--line)}
.perguntas-lista summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font-size:clamp(18px,1.7vw,22px);color:var(--navy);font-weight:500;position:relative;min-height:48px}
.perguntas-lista summary::-webkit-details-marker{display:none}
.perguntas-lista summary::after{content:"+";position:absolute;right:4px;top:50%;translate:0 -50%;font-size:26px;font-weight:400;transition:transform .25s var(--ease)}
.perguntas-lista details[open] summary::after{transform:rotate(45deg)}
.perguntas-lista details>p,.perguntas-lista details>ol{max-width:38em;padding-bottom:16px;color:#2b3350}
.perguntas-lista details>p:last-child,.perguntas-lista details>ol:last-child{padding-bottom:26px}
.perguntas-lista ol{list-style:decimal;padding-inline-start:20px}
.perguntas-lista ol li{padding:4px 0}
.perguntas-lista address{font-style:normal;margin-top:8px;color:var(--navy);font-weight:500}
.perguntas-lista .botao{margin-top:34px}

/* ---------- 17. fecho ---------- */
.fecho{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);background-color:var(--navy);color:#fff;padding:96px var(--pad) 104px}
.fecho-oferta h2{font-size:clamp(28px,3vw,40px);margin-bottom:16px}
.fecho-oferta p{max-width:28em;font-weight:500}
.fecho-cupom{margin:10px 0 28px;color:var(--navy-pale)}
.fecho-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,48px)}
.fecho-links h3{font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:-.3px;margin-bottom:18px}
.fecho-links li+li{margin-top:12px}
.fecho-links a{color:#fff;text-decoration:none;font-size:15px;display:inline-block;padding:2px 0}
@media (hover:hover) and (pointer:fine){.fecho-links a:hover{text-decoration:underline}}

/* ---------- reduced motion: só opacidade ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .com-js .rv:not(.in),.com-js .abre,.com-js .rv-roll:not(.in){transform:none;clip-path:none}
  .com-js .rv-wipe:not(.in){clip-path:none;opacity:0}
  .com-js .rv.in,.com-js .rv-wipe.in,.com-js .rv-roll.in,.com-js .abre.in{transition:opacity .4s linear;transition-delay:0s}
  .pnl:not([hidden]){animation:none}
  .corredor-item img{transition:none}
}

/* ---------- celular ---------- */
@media (max-width:1100px){
  .ceu,.polo{grid-template-columns:minmax(0,1fr)}
  .ceu{min-height:0}
  .ceu-texto{padding:72px var(--pad) 40px}
  .ceu-foto{min-height:0;aspect-ratio:3/4;max-height:760px}
  .polo-foto{min-height:0;aspect-ratio:4/5;max-height:760px}
  .polo-texto{padding:44px var(--pad) 64px}
  .amostras,.porta,.mais-vendidas,.corte,.perguntas,.fecho{grid-template-columns:minmax(0,1fr)}
  .amostras-lado,.porta-pano,.mais-lista,.corte-modelo-foto,.perguntas-lado{position:static}
  .porta-quadro,.corte-quadro{max-width:420px}
  .razao-colunas,.meio-dia-opcoes,.razao-cab{grid-template-columns:minmax(0,1fr)}
  .razao-cab-dir{justify-self:start}
  .pnl{grid-template-columns:minmax(0,1fr)}
  .pnl>img{min-height:0;aspect-ratio:1000/1210;max-height:560px}
  .prazos-celula{grid-template-columns:minmax(0,1fr);align-items:start}
  .familia{grid-template-columns:minmax(0,1fr)}
  .familia-col{border-inline-end:0;border-bottom:1px solid var(--line);padding:48px var(--pad)}
  .familia-col:last-child{border-bottom:0}
}
@media (max-width:760px){
  body{font-size:15px}
  .corredor-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .corredor-item a{aspect-ratio:1/1.25}
  .corredor-nome{left:12px;bottom:68px;font-size:19px}
  .corredor-item .botao{left:12px;bottom:12px;min-height:44px}
  .pnl{grid-template-columns:minmax(0,1fr)}
  .pnl>img{max-width:420px}
  .parede{grid-template-columns:repeat(4,minmax(0,1fr));max-width:420px}
  .corte-linha{grid-template-columns:minmax(0,1fr);gap:8px}
  .corte-medidas{grid-template-columns:minmax(0,1fr)}
  .mais-mosaico{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prazos,.prazos-rodape{grid-template-columns:minmax(0,1fr)}
  .prazos-celula{border-inline-end:0;border-bottom:1px solid var(--line);padding:56px var(--pad) 48px}
  .fecho-links{grid-template-columns:minmax(0,1fr)}
  .look-assina{position:static;text-align:left;padding:0 var(--pad) 40px;max-width:none}
  .look-abertura{flex-wrap:wrap;align-content:flex-end}
  .look-abertura .look-texto{padding-bottom:28px}
  .outono h2{font-size:clamp(38px,12vw,64px)}
  .trilho-fila li{flex-basis:170px}
  .razao-col li{flex-wrap:wrap}
}
