@font-face{font-family:"Saira Semi Condensed";src:url(../fonts/saira-semi-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;ascent-override:96%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:"Saira Semi Condensed";src:url(../fonts/saira-semi-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;ascent-override:96%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:Barlow;src:url(../fonts/barlow-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(../fonts/barlow-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url(../fonts/barlow-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

/* Cores tiradas do logótipo: azul da chave, laranja da faixa */
:root{
  --noite:#12306b;--noite2:#1a3d82;--azul:#2456b8;--azul-v:#2f62c4;--ceu:#edf2f9;
  --am:#c8501f;--am-esc:#a9421a;--lar-esc:#b3441a;--lar-claro:#ffd2bd;
  --tinta:#0f1f3d;--cinza:#47566a;--linha:#d3dcea;--papel:#f3f6fb;--branco:#fff;
  --wa:#25d366;--wa-esc:#1cb655;--wa-txt:#052e14;
  --tit:"Saira Semi Condensed","Arial Narrow",Arial,sans-serif;
  --txt:Barlow,system-ui,-apple-system,"Segoe UI",sans-serif;
  --faixa:polygon(.55em 0,calc(100% - .55em) 0,100% 100%,0 100%);
  --ck-bg:#fff;--ck-fg:#0f1f3d;--ck-acc:#2456b8;--ck-borda:#d3dcea;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--branco);color:var(--tinta);font:400 1.0625rem/1.55 var(--txt);overflow-x:hidden}
img,svg,canvas{display:block;max-width:100%}
img{height:auto}
a{color:var(--azul)}
h1,h2,h3{font-family:var(--tit);line-height:1.2;margin:0;letter-spacing:.002em}
h2{font-size:clamp(1.45rem,2.6vw,2.05rem);font-weight:600;color:var(--noite);letter-spacing:-.005em}
:focus-visible{outline:3px solid var(--azul-v);outline-offset:2px;border-radius:2px}
.oficina-faixa :focus-visible,.rodape :focus-visible,.pag-topo-esc :focus-visible{outline-color:#fff}
.caixa{width:min(100% - 2.5rem,1240px);margin-inline:auto}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.saltar{position:absolute;left:12px;top:-60px;background:var(--am);color:#fff;padding:10px 16px;z-index:100;font-weight:600}
.saltar:focus{top:8px}
.ic{flex:none}

/* Botões */
.btn{--bg:var(--am);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:.65rem 1.35rem;background:var(--bg);color:var(--fg);border:2px solid var(--bg);border-radius:4px;font:600 1rem/1.15 var(--txt);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .18s,background-color .18s,color .18s,border-color .18s,box-shadow .18s;text-align:center}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(5,20,40,.55)}
.btn:active{transform:none}
.btn .ic{transition:transform .2s}
.btn:hover .ic{transform:translateX(2px)}
.btn-prim:hover{--bg:var(--am-esc)}
.btn-wa{--bg:var(--wa);--fg:var(--wa-txt)}
.btn-wa:hover{--bg:#3ee07c}
.btn-cont{--bg:transparent;--fg:#fff;border-color:rgba(255,255,255,.55)}
.btn-cont:hover{--bg:#fff;--fg:var(--noite);border-color:#fff}
.btn-cont-esc{--bg:transparent;--fg:var(--tinta);border-color:var(--tinta)}
.btn-cont-esc:hover{--bg:var(--tinta);--fg:#fff}
.btn-peq{min-height:44px;padding:.45rem .9rem;font-size:.92rem}
.btn-gde{width:100%;min-height:56px;font-size:1.1rem}
.link{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;min-height:24px}
.link-esc{color:var(--azul)}

/* Logótipo */
.logo-img{height:60px;width:auto;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
a:hover>.logo-img{transform:rotate(-2deg) scale(1.03)}

/* Topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--linha)}
.topo-in{display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:1rem}
.topo-logo{text-decoration:none;display:block}
.menu{display:flex;align-items:center;gap:.25rem}
.menu>a:not(.btn){color:var(--tinta);font:500 1rem var(--txt);letter-spacing:.005em;text-decoration:none;padding:.55rem .7rem;position:relative}
.menu>a:not(.btn)::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.3rem;height:3px;background:var(--am);transform:scaleX(0);transform-origin:left;transition:transform .22s}
.menu>a:not(.btn):hover::after,.menu>a[aria-current]::after{transform:scaleX(1)}
.menu-wa{margin-left:.6rem}
.menu-btn{display:none;width:46px;height:46px;background:none;border:0;cursor:pointer;padding:11px 9px;flex-direction:column;justify-content:space-between}
.menu-btn span{height:3px;background:var(--azul);display:block;transition:transform .2s,opacity .2s}
.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(10.500px) rotate(45deg)}
.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-10.500px) rotate(-45deg)}
@media (max-width:900px){
  .menu-btn{display:flex}
  .menu{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linha);flex-direction:column;align-items:stretch;padding:.5rem 1.25rem 1.1rem;display:none;gap:0}
  .menu.aberto{display:flex;animation:desce .22s ease-out}
  .menu>a:not(.btn){padding:.85rem .1rem;border-bottom:1px solid var(--linha)}
  .menu>a:not(.btn)::after{display:none}
  .menu-wa{margin:.9rem 0 0}
}
@keyframes desce{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Banner: fundo claro como a fachada, chave azul, faixa laranja */
.heroi{position:relative;background:var(--ceu);color:var(--tinta);overflow:hidden;isolation:isolate}
.heroi::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(55% 90% at 78% 45%,#fff 0,rgba(255,255,255,0) 72%)}
.heroi-grelha{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(36,86,184,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(36,86,184,.075) 1px,transparent 1px);background-size:44px 44px;animation:grelha 26s linear infinite;mask-image:linear-gradient(100deg,transparent 14%,#000 62%);-webkit-mask-image:linear-gradient(100deg,transparent 14%,#000 62%)}
@keyframes grelha{to{background-position:44px 44px,44px 44px}}
.heroi-in{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:1rem;align-items:center;padding-block:clamp(1.7rem,3vw,2.8rem) clamp(1.9rem,3.2vw,3rem)}
.antetitulo{display:flex;align-items:center;gap:.65rem;margin:0 0 .85rem;font:600 .9rem var(--txt);text-transform:uppercase;letter-spacing:.08em;color:var(--lar-esc);animation:sobe .6s both}
.antetitulo span{width:38px;height:3px;background:var(--am);transform-origin:left;animation:traco .7s .15s both}
@keyframes traco{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.heroi h1{font-size:clamp(1.9rem,3.4vw,3rem);font-weight:600;line-height:1.15;color:var(--noite);letter-spacing:-.01em;animation:linha .7s cubic-bezier(.2,.75,.2,1) both}
.heroi h1 .ln{display:block;animation:linha .7s cubic-bezier(.2,.75,.2,1) both}
.heroi h1 .ln:nth-child(2){animation-delay:.08s}.heroi h1 .ln:nth-child(3){animation-delay:.16s}.heroi h1 .ln:nth-child(4){animation-delay:.24s}
.heroi h1 em{font-style:normal;color:var(--am)}
@keyframes linha{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}
@keyframes sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.heroi-lead{max-width:37rem;margin:1.05rem 0 0;font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--cinza);animation:sobe .7s .34s both}
.heroi-acoes{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}
.heroi .heroi-acoes{animation:sobe .7s .44s both}
.heroi-logo{position:relative;min-width:0;padding:1rem 0}
.logo-anim{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 18px 22px rgba(18,48,107,.16))}
.logo-anim g{transform-box:fill-box}
/* Entrada: cada peça chega à sua vez. As duas bocas são a MESMA chave: mexem-se juntas, à volta do centro */
.la-chaves{transform-origin:50% 50%;animation:la-chave-entra 1s cubic-bezier(.2,.8,.2,1) .1s both,la-aperta 5s ease-in-out 2s infinite}
.heroi:hover .la-chaves{animation-duration:1s,2.4s}
.la-faixa{transform-origin:0 50%;animation:la-faixa .6s cubic-bezier(.3,.8,.3,1) .7s both}
.la-texto{animation:la-sobe .5s ease-out 1.15s both}
.la-p{animation:la-cai .7s cubic-bezier(.3,1.5,.5,1) .9s both}
.la-j{animation:la-cai .7s cubic-bezier(.3,1.5,.5,1) 1.02s both}
.la-ponto{transform-origin:50% 100%;animation:la-cai .6s cubic-bezier(.3,1.7,.5,1) 1.25s both,la-salta 3.2s ease-in-out 2.4s infinite}
/* Depois: as chaves «apertam» devagar, o ponto do j salta e um brilho passa na faixa */
.la-dir .la-brilho{animation:la-brilho 4.5s ease-in-out 2s infinite}
.heroi:hover @keyframes la-chave-entra{from{opacity:0;transform:rotate(-120deg) scale(.6)}}
@keyframes la-aperta{0%,55%,100%{transform:none}67%{transform:rotate(-9deg)}79%{transform:rotate(3deg)}88%{transform:rotate(-1deg)}94%{transform:none}}
@keyframes la-faixa{from{opacity:0;transform:scaleX(0)}}
@keyframes la-sobe{from{opacity:0;transform:translateY(14px)}}
@keyframes la-cai{from{opacity:0;transform:translateY(-140px)}}
@keyframes la-salta{0%,70%,100%{transform:none}78%{transform:translateY(-22px)}86%{transform:none}91%{transform:translateY(-7px)}}
@keyframes la-brilho{0%{transform:translateX(0)}55%,100%{transform:translateX(760px)}}
@keyframes balanca{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
@keyframes gira{to{transform:rotate(360deg)}}
.heroi-tira{height:9px;background:linear-gradient(90deg,var(--am) 0 42%,#e57b4c 50%,var(--am) 58% 100%);background-size:220% 100%;animation:tira 5s linear infinite}
@keyframes tira{from{background-position:120% 0}to{background-position:-100% 0}}
@media (max-width:900px){
  .heroi-in{grid-template-columns:1fr;position:relative}
  .heroi-txt{position:relative;z-index:1}
  .heroi-logo{order:-1;width:min(380px,82%);margin:0 auto;padding:.4rem 0 .2rem}
  .heroi-lead{max-width:none}
}
@media (max-width:520px){
  .heroi-logo{width:min(270px,76%)}
  .heroi h1{font-size:clamp(1.62rem,8.1vw,2.2rem)}
  .antetitulo{margin-bottom:.55rem;font-size:.9rem}
  .heroi-lead{margin-top:.75rem;font-size:1.02rem}
  .heroi-acoes{margin-top:1.05rem;gap:.55rem}
  .heroi-acoes .btn{flex:1 1 100%;min-height:48px}
}

/* Secções */
.seccao{padding-block:clamp(2.4rem,5vw,4.5rem)}
.seccao-alt{background:var(--papel)}
.seccao-lista{padding-top:1.5rem}
.seccao-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.6rem;flex-wrap:wrap}
.etiqueta{margin:0 0 .35rem;font:600 .85rem var(--txt);text-transform:uppercase;letter-spacing:.09em;color:var(--lar-esc)}
.etiqueta-clara{color:var(--lar-claro)}
.ligacao{display:inline-flex;align-items:center;gap:.4rem;font:600 1rem var(--txt);text-decoration:none;color:var(--azul);padding:.5rem 0;min-height:44px}
.ligacao:hover{color:var(--noite)}
.ligacao .ic{transition:transform .2s}.ligacao:hover .ic{transform:translateX(5px)}
.vazio{padding:1.5rem;background:var(--papel);border-left:4px solid var(--am);margin:0}
.seccao-alt .vazio{background:#fff}

/* Grelha de artigos */
.grelha{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}
.cartao{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:6px;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.cartao:hover{transform:translateY(-4px);box-shadow:0 18px 30px -20px rgba(11,29,51,.55);border-color:var(--azul)}
.cartao-img{position:relative;aspect-ratio:1/1;background:#eef1f5;overflow:hidden}
.cartao-img img{width:100%;height:100%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.cartao:hover .cartao-img img{transform:scale(1.05)}
.sem-foto{position:absolute;inset:26%;fill:#c3cfe2;width:48%;height:48%;animation:gira 40s linear infinite}
.selo{position:absolute;left:.6rem;top:.6rem;padding:.16rem .95rem;font:600 .78rem/1.35 var(--txt);text-transform:uppercase;letter-spacing:.02em;clip-path:var(--faixa)}
.selo-recondicionado{background:var(--azul);color:#fff}
.selo-novo{background:var(--am);color:#fff}
.selo-estado{left:auto;right:.6rem;background:var(--noite);color:#fff}
.selo-fixo{position:static;display:inline-block;margin-bottom:.6rem}
.cartao-vendido .cartao-img img{filter:grayscale(1);opacity:.65}
.cartao-corpo{display:flex;flex-direction:column;flex:1;padding:.85rem .95rem 1rem}
.cartao-marca{margin:0;font-size:.875rem;font-weight:600;color:var(--cinza);text-transform:uppercase;letter-spacing:.05em}
.cartao h3{font-size:1.1rem;font-weight:600;line-height:1.2;margin:.1rem 0 .4rem}
.cartao h3 a{display:block;min-height:26px;padding-block:.1rem;color:var(--tinta);text-decoration:none}
.cartao h3 a::after{content:"";position:absolute;inset:0}
.cartao h3 a:hover{color:var(--azul)}
.cartao-demo{margin:0 0 .3rem;font-size:.8125rem;color:var(--cinza);font-style:italic}
.cartao-preco{margin:auto 0 .7rem;font:700 1.25rem/1.1 var(--tit);color:var(--azul)}
.cartao-preco span{font:600 1rem var(--txt);color:var(--cinza)}
.cartao .btn{position:relative;z-index:1;width:100%}

/* Aparecer */
.rv-pronto{opacity:0;transform:translateY(20px)}
.rv-pronto.visto{opacity:1;transform:none;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1)}
.cartao.rv-pronto.visto{transition:opacity .55s,transform .3s,box-shadow .22s,border-color .22s}
.grelha .cartao:nth-child(4n+2).rv-pronto{transition-delay:.05s}
.grelha .cartao:nth-child(4n+3).rv-pronto{transition-delay:.1s}
.grelha .cartao:nth-child(4n+4).rv-pronto{transition-delay:.15s}
.cartao.visto:hover{transition-delay:0s}

/* Oficina */
.oficina-faixa,.pag-topo-esc{position:relative;background:var(--azul);color:#fff;overflow:hidden;isolation:isolate}
.oficina-faixa{padding-block:clamp(2.8rem,5.5vw,5rem)}
.oficina-chave{position:absolute;right:-90px;top:50%;width:760px;margin-top:-140px;fill:rgba(255,255,255,.07);z-index:-1;animation:balanca 12s ease-in-out infinite}
.oficina-grelha{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:center}
.oficina-faixa h2{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:600;color:#fff}
.oficina-faixa p:not(.etiqueta){max-width:36rem;margin:1rem 0 0;color:#eaf0fb;font-size:1.12rem}
.passos{list-style:none;counter-reset:p;margin:0;padding:0;display:grid;gap:.75rem}
.passos li{counter-increment:p;position:relative;display:grid;padding:.85rem 1rem .85rem 4.2rem;background:var(--noite);border-radius:5px;min-height:74px;align-content:center}
.passos li::before{content:counter(p);position:absolute;left:1rem;top:50%;translate:0 -50%;font:600 2rem/1 var(--tit);color:var(--lar-claro)}
.passos b{font:600 1.08rem/1.25 var(--txt)}
.passos span{color:#d6e0ee;font-size:1rem}
.passos-claro li{background:var(--papel);color:var(--tinta)}
.passos-claro li::before{color:var(--azul)}
.passos-claro span{color:var(--cinza)}
@media (max-width:820px){.oficina-grelha{grid-template-columns:1fr}.oficina-chave{width:520px;right:-170px;top:0;margin-top:0}}

/* Loja */
.loja{padding-block:clamp(2.4rem,5vw,4.5rem);border-top:1px solid var(--linha)}
.loja-grelha{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.nota-google{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--tinta);text-decoration:none;min-height:44px}
.nota-google:hover{text-decoration:underline}
.estrelas{color:#b57a00;display:flex}
.loja-dados{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.3rem}
.loja-dados li{display:flex;gap:.7rem}
.loja-dados .ic{color:var(--azul);margin-top:.15rem;width:24px;height:24px}
.loja-dados small{color:var(--cinza);font-size:.8125rem}
.loja-dados a{display:inline-block;min-height:24px}
.loja-dados-col{grid-template-columns:1fr}
@media (max-width:820px){.loja-grelha{grid-template-columns:1fr}}

/* Páginas interiores */
.pag-topo{background:var(--papel);padding-block:1.5rem 2rem;border-bottom:1px solid var(--linha)}
.pag-topo h1{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:600;color:var(--noite)}
.pag-topo-esc h1{color:#fff}
.pag-lead{max-width:44rem;margin:.65rem 0 0;font-size:1.1rem;color:var(--cinza)}
.pag-topo-esc{background:var(--noite);border:0;padding-block:1.5rem clamp(2.4rem,5vw,3.8rem)}
.pag-topo-esc .pag-lead{color:#dbe4f0}
.pag-topo-esc .migalhas,.pag-topo-esc .migalhas a{color:#d3deec}
.migalhas{display:flex;flex-wrap:wrap;gap:.1rem .45rem;font-size:.875rem;color:var(--cinza);margin-bottom:.7rem;align-items:center}
.migalhas a{color:var(--cinza);display:inline-block;padding:.2rem 0;min-height:24px}
.filtros{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;align-items:center;margin-bottom:.9rem}
.abas{display:flex;gap:.3rem;flex-wrap:wrap}
.abas a{padding:.45rem .95rem;min-height:44px;display:inline-flex;align-items:center;font:500 .98rem var(--txt);text-decoration:none;color:var(--tinta);border:2px solid var(--linha);border-radius:4px;transition:background-color .15s,border-color .15s}
.abas a:hover{border-color:var(--noite)}
.abas a[aria-current]{background:var(--azul);border-color:var(--azul);color:#fff}
.busca{display:flex;gap:.4rem;flex:1 1 300px;max-width:470px}
.busca input{flex:1;min-width:0;min-height:44px;padding:.5rem .8rem;border:2px solid var(--linha);border-radius:4px;font:inherit;color:inherit;background:#fff}
.busca input::placeholder{color:#5b6a7d}
.cats{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}
.cats a{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;min-height:40px;font-size:.9375rem;text-decoration:none;color:var(--tinta);background:var(--papel);border-radius:99px}
.cats a:hover{background:#e3e8ef}
.cats a[aria-current]{background:var(--azul);color:#fff}
.cats small{font-size:.8125rem;opacity:.85}

/* Ficha */
.ficha{padding-block:1.2rem clamp(2.4rem,5vw,4rem)}
.ficha-grelha{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.3rem,4vw,3.2rem);align-items:start}
.galeria-grande{background:#eef1f5;border-radius:6px;overflow:hidden;aspect-ratio:1/1;position:relative}
.galeria-grande img{width:100%;height:100%;object-fit:contain;animation:aparece .35s}
@keyframes aparece{from{opacity:.4}to{opacity:1}}
.galeria-mini{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.galeria-mini button{width:84px;height:84px;padding:0;border:2px solid var(--linha);border-radius:4px;background:#eef1f5;cursor:pointer;overflow:hidden}
.galeria-mini button[aria-current]{border-color:var(--azul)}
.galeria-mini img{width:100%;height:100%;object-fit:contain}
.ficha-info h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;color:var(--noite)}
.ficha-ref{margin:.4rem 0 0;color:var(--cinza);font-size:.9375rem}
.aviso-demo{margin:.6rem 0 0;padding:.45rem .7rem;background:#fff6d0;border-left:4px solid var(--am);font-size:.9375rem}
.ficha-preco{margin:1rem 0 1.1rem;font:700 2.1rem/1.05 var(--tit);color:var(--azul)}
.ficha-preco small{font:500 .875rem var(--txt);color:var(--cinza)}
.ficha-preco span{font:600 1.2rem var(--txt);color:var(--cinza)}
.ficha-info .btn+.btn{margin-top:.6rem}
.ficha-como{margin:1rem 0 0;font-size:.9375rem;color:var(--cinza)}
.estado{padding:.5rem .75rem;border-radius:4px;margin:0 0 .9rem;font-weight:500}
.estado-vendido{background:#fbe6e4;color:#8a1c15}.estado-reservado{background:#fff6d0}
.ficha-detalhe{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(1.3rem,4vw,3.2rem);margin-top:2.4rem;padding-top:1.8rem;border-top:1px solid var(--linha)}
.ficha-detalhe h2{font-size:1.45rem;margin-bottom:.7rem}
.ficha-detalhe p{margin:0}
.specs{margin:0}
.specs div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--linha)}
.specs dt{color:var(--cinza)}.specs dd{margin:0;font-weight:600;text-align:right}
@media (max-width:820px){.ficha-grelha{grid-template-columns:1fr}}

.duas-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}
.duas-col h2{margin-bottom:1rem}
@media (max-width:820px){.duas-col{grid-template-columns:1fr}}
.lista-visto{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.lista-visto li{position:relative;padding-left:2rem}
.lista-visto li::before{content:"";position:absolute;left:0;top:.28em;width:1.15rem;height:.6rem;border-left:4px solid var(--azul);border-bottom:4px solid var(--azul);transform:rotate(-45deg) scale(.8)}
.cta-simples{text-align:center}.cta-simples p{margin:.6rem 0 1.2rem}
.cartao-cta{background:var(--papel);padding:clamp(1.2rem,3vw,2rem);border-radius:6px}
.cartao-cta h2{font-size:1.5rem;margin-bottom:.6rem}.cartao-cta p{margin:0 0 1rem}
.form{display:grid;gap:.8rem}
.form label{display:grid;gap:.25rem;font-weight:500}
.form input:not([type=checkbox]),.form textarea{width:100%;min-height:46px;padding:.6rem .8rem;border:2px solid var(--linha);border-radius:4px;font:inherit;background:#fff}
.form-check{display:flex!important;gap:.6rem;align-items:flex-start;font-weight:400!important}
.form-check input{width:20px;height:20px;margin-top:.2rem}
.pote{position:absolute;left:-9999px}

.legal{padding-block:2rem 4rem}
.texto{max-width:760px}
.texto h1{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:600;margin-bottom:.6rem;color:var(--noite)}
.texto h2{font-size:1.3rem;margin:1.8rem 0 .4rem;text-transform:none}
.texto p,.texto li{margin:.5rem 0}
.texto a{display:inline-block;min-height:24px}
.erro404{text-align:center}.erro404 .heroi-acoes{justify-content:center}
.erro404 h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;color:var(--noite)}
.erro-chave{width:220px;margin:0 auto 1.2rem;fill:var(--azul);animation:balanca 6s ease-in-out infinite}

/* Empresa */
.empresa-grelha{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.empresa-grelha p:not(.etiqueta){margin:.9rem 0 0;color:var(--cinza);font-size:1.08rem;max-width:36rem}
.empresa-grelha .lista-visto{margin-top:1.3rem}
.empresa-foto{margin:0;border-radius:8px;overflow:hidden;box-shadow:0 24px 40px -28px rgba(11,29,51,.6)}
.empresa-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.seccao-lead{margin:.5rem 0 0;color:var(--cinza);max-width:40rem}
@media (max-width:820px){.empresa-grelha{grid-template-columns:1fr}.empresa-foto{order:-1}}

/* Marcas */
.marcas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}
.marca{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--linha);border-radius:8px;padding:1.1rem;text-decoration:none;color:var(--tinta);transition:transform .2s,box-shadow .2s,border-color .2s}
.marca:hover{transform:translateY(-3px);border-color:var(--azul);box-shadow:0 16px 28px -22px rgba(11,29,51,.55)}
.marca-logo{display:flex;align-items:center;justify-content:center;height:72px;margin-bottom:.8rem}
.marca-logo img{max-height:64px;max-width:85%;width:auto;object-fit:contain}
.marca-logo b{font:600 1.4rem var(--tit);color:var(--noite)}
.marca-txt{font-size:.95rem;color:var(--cinza);flex:1}
.marca-ver{display:inline-flex;align-items:center;gap:.35rem;margin-top:.8rem;font-weight:600;color:var(--azul);font-size:.95rem}

/* Áreas */
.areas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.area{display:grid;gap:.3rem;height:100%;padding:1.2rem 1.2rem 1.1rem;border-radius:8px;background:var(--papel);text-decoration:none;color:var(--tinta);border:1px solid transparent;transition:border-color .2s,background-color .2s,transform .2s}
.area:hover{border-color:var(--azul);background:#fff;transform:translateY(-3px)}
.area b{font:600 1.15rem var(--txt);color:var(--noite)}
.area span:not(.area-ic){color:var(--cinza);font-size:.95rem}
.area small{color:var(--azul);font-weight:600;font-size:.9rem;margin-top:.2rem}
.area-ic{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--azul);margin-bottom:.3rem}
.area:hover .area-ic{background:var(--ceu)}

/* Página de catálogos */
.abas-areas{margin:0 0 1.2rem}
.cat-area{padding-top:1.6rem;margin-top:1rem;border-top:1px solid var(--linha);scroll-margin-top:90px}
.cat-area:first-of-type{border-top:0;margin-top:0}
.cat-area-cab{display:flex;gap:.9rem;align-items:center;margin-bottom:1.1rem}
.cat-area-cab .area-ic{background:var(--ceu);margin:0;flex:none}
.cat-area-cab p{margin:.15rem 0 0;color:var(--cinza)}
.catalogos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.catalogo{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.catalogo:hover{transform:translateY(-3px);border-color:var(--azul);box-shadow:0 16px 28px -22px rgba(11,29,51,.55)}
.catalogo-capa{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--papel);padding:1rem}
.catalogo-capa img{max-height:100%;width:auto;object-fit:contain}
.catalogo-capa .catalogo-logo{max-height:56px;max-width:80%}
.catalogo-capa b{font:600 1.3rem var(--tit);color:var(--noite)}
.catalogo-corpo{padding:.8rem .95rem 1rem;display:flex;flex-direction:column;flex:1}
.catalogo h3{font:600 1.05rem/1.3 var(--txt);margin:.1rem 0 .5rem}
.catalogo h3 a{color:var(--tinta);text-decoration:none}
.catalogo h3 a::after{content:"";position:absolute;inset:0}
.catalogo h3 a:hover{color:var(--azul)}
.catalogo-tipo{display:flex;align-items:center;gap:.35rem;margin:auto 0 0;font-size:.9rem;color:var(--azul);font-weight:500}
.catalogo-tipo .ic{width:18px;height:18px}
.cat-cta{margin-top:2.4rem}
.cat-cta .heroi-acoes{margin-top:.4rem}

/* Rodapé */
.rodape{background:var(--noite);color:#dbe4f0;padding-top:clamp(2.2rem,4vw,3.4rem);font-size:1rem}
.rodape a{color:#fff;display:inline-block;min-height:24px}
.rodape h2{font:600 .9rem var(--txt);text-transform:uppercase;letter-spacing:.08em;color:var(--lar-claro);margin-bottom:.6rem}
.rodape p{margin:0 0 .7rem}
.rodape small{font-size:.8125rem;color:#c7d3e2}
.rodape-grelha{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:1.6rem 2rem}
.rodape-logo{margin-bottom:.8rem}
.rodape-legal{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.rodape-legal .link{color:#fff}
.rodape-fim{margin-top:1.8rem;padding-block:1rem;border-top:1px solid rgba(255,255,255,.18);font-size:.875rem}
.rodape-fim p{margin:0;color:#c7d3e2}
@media (max-width:900px){.rodape-grelha{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.rodape-grelha{grid-template-columns:1fr}.grelha{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:.65rem}.cartao h3{font-size:1.02rem}.cartao-corpo{padding:.65rem .65rem .75rem}.selo{font-size:.75rem;left:.3rem;top:.35rem;padding-inline:.8rem}.selo-estado{left:auto;right:.4rem;top:2.2rem}.cartao .btn-peq{font-size:.86rem;padding:.4rem .3rem}.cartao-preco{font-size:1.15rem}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv-pronto{opacity:1;transform:none}
}
@media print{.topo,.rodape,.btn,.heroi-logo{display:none}}

/* Cookies: Rejeitar e Aceitar com o mesmo destaque (CNPD) */
#ck .ck-b button.ck-rej{background:var(--ck-acc);border-color:var(--ck-acc);color:#fff}
.lista-total{margin:0 0 .8rem;font:600 1rem var(--txt);text-transform:none;color:var(--cinza)}

/* «Vida» (pedido da Helena, 12/11/2026): topo escuro com fotografia, fotos nas áreas, assistência com fundo */
.heroi{background:var(--noite);color:#fff}
.heroi::before{z-index:-1;background:linear-gradient(90deg,rgba(9,22,50,.9) 0%,rgba(12,30,66,.62) 48%,rgba(12,30,66,.18) 100%)}
@media (max-width:900px){.heroi::before{background:linear-gradient(180deg,rgba(9,22,50,.35) 0%,rgba(9,22,50,.8) 45%,rgba(9,22,50,.9) 100%)}}
.heroi-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.heroi h1{color:#fff}
.heroi h1 em{color:#ff8a52}
.heroi .antetitulo{color:var(--lar-claro)}
.heroi-lead{color:#d6e0ee}
.heroi :focus-visible{outline-color:#fff}
.heroi .logo-anim{filter:drop-shadow(0 18px 26px rgba(0,0,0,.45))}
.heroi .logo-anim [fill="#2F62C4"]{fill:#fff}
.heroi .logo-anim [stroke="#2F62C4"]{stroke:#fff}
.heroi .la-j,.heroi .la-p,.heroi .la-ponto{fill:#7fa8ff}
.heroi-in{padding-block:clamp(2.4rem,5vw,4.5rem)}
.area{padding:0;overflow:hidden;background:#fff;border:1px solid var(--linha)}
.area-foto{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--noite)}
.area-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.area:hover .area-foto img{transform:scale(1.06)}
.area>.area-ic{position:relative;z-index:1;margin:-24px 0 0 .9rem;box-shadow:0 6px 14px -6px rgba(11,29,51,.5)}
.area b{margin-top:.35rem}
.area b,.area span:not(.area-ic):not(.area-foto),.area small{padding-inline:1.1rem}
.area small{padding-bottom:1.1rem}
.cat-area-foto{width:96px;height:64px;object-fit:cover;border-radius:6px;flex:none}
.oficina-faixa{background:linear-gradient(100deg,rgba(24,62,140,.95) 0%,rgba(24,62,140,.86) 55%,rgba(18,48,107,.7) 100%),url(../img/fotos/assistencia.webp) center/cover}
@media (max-width:520px){.area>.area-ic{width:38px;height:38px;margin-top:-19px}.cat-area-foto{width:72px;height:48px}}
@media (max-width:520px){
  .areas,.marcas{grid-template-columns:1fr 1fr;gap:.6rem}
  .area>span:not(.area-ic):not(.area-foto){display:none}
  .area b{font-size:1rem;padding-inline:.75rem}.area small{padding:0 .75rem .8rem}
  .area>.area-ic{margin-left:.6rem}
  .marca{padding:.8rem}.marca-logo{height:52px;margin-bottom:.4rem}.marca-logo img{max-height:44px}
  .marca-txt{display:none}.marca-ver{margin-top:.3rem;font-size:.88rem}
}