@font-face{font-family:"Bricolage";src:url(fonts/display.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Hanken";src:url(fonts/body.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --primary:#506EB6;--accent:#F26B2D;--sky:#62C6E4;--on-accent:#10172B;--on-primary:#fff;
  --ink:color-mix(in srgb,var(--primary) 30%,#0a0f1e);
  --deep:color-mix(in srgb,var(--primary) 72%,#000);
  --muted:color-mix(in srgb,var(--ink) 68%,#fff);
  --line:color-mix(in srgb,var(--primary) 20%,#fff);
  --paper:color-mix(in srgb,var(--primary) 8%,#fff);
  --tint:color-mix(in srgb,var(--primary) 12%,#fff);
  --ribbon:linear-gradient(90deg,var(--sky),var(--primary) 55%,var(--accent));
  --display:"Bricolage","Segoe UI",system-ui,sans-serif;
  --body:"Hanken","Segoe UI",system-ui,-apple-system,sans-serif;
  --wrap:1180px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 1.0625rem/1.6 var(--body);color:var(--ink);background:var(--paper);font-variant-numeric:tabular-nums}
img{max-width:100%;display:block}
a{color:var(--deep);text-underline-offset:.18em}
a:hover{color:var(--primary)}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--display);line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2.2rem,5.2vw,3.9rem);font-weight:800}
.h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1em}
.h3{font-size:1.3rem;margin:2em 0 .7em}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.narrow{max-width:760px}
.section{padding-top:56px;padding-bottom:56px}
.bg-white{background:#fff}
.muted{color:var(--muted)}
.lead{font-size:1.25rem;line-height:1.5;max-width:56ch;color:color-mix(in srgb,var(--ink) 85%,#fff)}
.lead.small{font-size:1.1rem}
.note{color:var(--muted);font-size:.92rem;margin-top:22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;z-index:99}
.skip:focus{left:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.plain{list-style:none;margin:0;padding:0}
.textlink{font-weight:600}

/* botões */
.btn{display:inline-block;font:600 1rem/1 var(--body);padding:15px 22px;border-radius:8px;border:2px solid transparent;text-decoration:none;cursor:pointer;text-align:center;transition:background .15s,transform .15s}
.btn-accent{background:var(--accent);color:var(--on-accent)}
.btn-accent:hover{background:color-mix(in srgb,var(--accent) 88%,#000);color:var(--on-accent)}
.btn-line{border-color:var(--primary);color:var(--deep);background:#fff}
.btn-line:hover{background:var(--tint);color:var(--deep)}
.btn.wide{display:block;width:100%}

/* cabeçalho */
.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.brand img{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:6px}
.nav a:not(.btn){padding:10px 14px;text-decoration:none;color:var(--ink);font-weight:600;border-radius:8px}
.nav a:not(.btn):hover{background:var(--tint)}
.nav a[aria-current=page]{color:var(--deep);box-shadow:inset 0 -3px 0 var(--accent);border-radius:0}
.nav .btn{margin-left:10px;padding:12px 18px}
.nav-toggle{display:none;font:600 1rem var(--body);background:#fff;border:2px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--ink)}

/* hero */
.hero-after{padding-top:48px}
.hero-after h1{font-size:clamp(1.9rem,3.6vw,2.9rem)}
.hero{padding:64px 0 24px;background:
  radial-gradient(60% 80% at 100% 0%,color-mix(in srgb,var(--sky) 22%,transparent),transparent 70%),
  radial-gradient(50% 70% at 0% 100%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),var(--paper)}
.hero h1{max-width:17ch}
.panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:36px;padding-bottom:56px}
.panel{display:flex;flex-direction:column;gap:14px;padding:34px 34px 30px;text-decoration:none;border-radius:28px 6px 28px 6px;min-height:340px;position:relative;overflow:hidden;transition:transform .2s}
.panel:hover{transform:translateY(-3px)}
.panel-name{font:700 1.35rem var(--display)}
.panel-span{font:800 clamp(3.6rem,8vw,6.2rem)/.95 var(--display);letter-spacing:-.04em}
.panel-span small{font:500 1.2rem var(--body);letter-spacing:0;margin-left:.5em}
.panel-text{max-width:34ch;font-size:1.05rem}
.panel-cta{margin-top:auto;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em}
.panel-renting{background:linear-gradient(155deg,var(--deep),var(--primary));color:var(--on-primary)}
.panel-renting::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sky) 55%,transparent),transparent 70%)}
.panel-mensal{background:linear-gradient(155deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#FFC15E));color:var(--on-accent);border-radius:6px 28px 6px 28px}
.panel-mensal::after{content:"";position:absolute;left:-70px;bottom:-70px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%)}

/* secções */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding-top:58px}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;background:var(--tint);color:var(--deep);font:800 1.15rem/42px var(--display);text-align:center}
.steps h3{font-size:1.25rem;margin-bottom:.35em}
.band{background:linear-gradient(120deg,var(--deep),var(--primary));color:#fff;padding:52px 0 46px;position:relative;overflow:hidden}
.band::after{content:"";position:absolute;right:-80px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sky) 50%,transparent),transparent 70%);pointer-events:none}
.band .wrap{position:relative;z-index:1}
.band .lead{color:rgba(255,255,255,.92)}
.band a{color:#fff}
.band .included{color:var(--ink)}
.band .included a{color:var(--deep)}
.band h1{margin-bottom:.35em;color:#fff}
.band-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
.included{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 24px}
.included h2{font-size:1.1rem;margin-bottom:.6em}
.ticks{list-style:none;margin:0;padding:0}
.ticks li{position:relative;padding-left:28px;margin:.4em 0}
.ticks li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg)}
.ticks.cols{columns:2;column-gap:32px}
.ticks.cols li{break-inside:avoid}
.cta-band{background:linear-gradient(120deg,var(--deep),var(--primary));color:#fff;padding:52px 0}
.cta-band h2{margin-bottom:.2em}
.cta-band p{margin:0;color:color-mix(in srgb,#fff 78%,var(--ink))}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}

/* tabela comparativa */
.tablewrap{overflow-x:auto}
.matrix-wrap,.vlayout+.section .tablewrap{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 10px}
.compare{width:100%;border-collapse:collapse;min-width:560px}
.compare th,.compare td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{font:700 1.2rem var(--display);border-bottom:3px solid var(--primary)}
.compare thead th:nth-child(3){border-bottom-color:var(--accent)}
.compare tbody th{font-weight:600;color:var(--muted);width:22%}

/* catálogo */
.filters{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:26px}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg button{font:600 .95rem var(--body);padding:10px 15px;border-radius:8px;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s}
.seg button:hover{border-color:var(--primary)}
.seg button.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:24px}
.vcard{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.vimg{display:block;aspect-ratio:16/10;background:var(--paper);overflow:hidden}
.vimg img{width:100%;height:100%;object-fit:cover}
.vbody{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.vcat{color:var(--muted);font-size:.88rem;margin:0 0 4px}
.vcard h3{font-size:1.3rem;margin:0}
.vcard h3 a{color:var(--ink);text-decoration:none}
.vcard h3 a:hover{color:var(--primary)}
.vver{color:var(--muted);margin:2px 0 6px;font-size:.98rem}
.vver.big{font-size:1.2rem;margin:-.2em 0 1em}
.vspecs{font-size:.92rem;color:var(--muted);margin-bottom:14px}
.vprices{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);margin-bottom:16px}
.vprices p{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;margin:0 0 8px}
.plabel{font-weight:600;font-size:.88rem;color:var(--deep);grid-row:span 2}
.vprices strong{font:700 1.45rem var(--display);letter-spacing:-.01em}
.vprices .per{display:none}
.vprices small{grid-column:2;color:var(--muted);font-size:.84rem}
.empty,.thanks{text-align:left;padding:40px;border:2px dashed var(--line);border-radius:12px}
.empty-filter{color:var(--muted)}

/* página de viatura */
.crumbs{padding-top:22px;font-weight:600}
.crumbs a{text-decoration:none}
.vlayout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;padding-top:18px;padding-bottom:24px;align-items:start}
.vhero{border-radius:12px;overflow:hidden;background:var(--paper);margin-bottom:26px;aspect-ratio:16/9}
.vhero img{width:100%;height:100%;object-fit:cover}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;margin:24px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.specs div{padding:14px 16px;border-right:1px solid var(--line)}
.specs div:last-child{border-right:0}
.specs dt{font-size:.85rem;color:var(--muted)}
.specs dd{margin:2px 0 0;font-weight:700}
.conds li{margin:.5em 0}
.vside{position:sticky;top:96px}
.sim{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 26px 26px;position:relative;overflow:hidden}
.sim::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--ribbon)}
.sim h2{font-size:1.35rem;margin-bottom:1.1em}
.field{margin-bottom:22px}
.flabel{display:block;font-weight:700;margin-bottom:10px}
.out{border-top:1px dashed var(--line);padding-top:20px;margin-top:6px}
.amount strong{font:800 clamp(2.4rem,5vw,3.2rem)/1 var(--display);letter-spacing:-.03em;color:var(--ink)}
.amount .per{font-weight:600;color:var(--muted);margin-left:6px}
.sub{margin:8px 0 0;color:var(--muted)}
.save{margin:10px 0 0;display:inline-block;background:color-mix(in srgb,var(--accent) 16%,#fff);color:var(--ink);font-weight:700;font-size:.92rem;padding:5px 11px;border-radius:6px}
.vat{font-size:.88rem;color:var(--muted);margin:16px 0}
.switch{margin-top:14px;color:var(--muted);font-size:.95rem}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;margin:0;--fill:100%}
input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--sky),var(--primary) 55%,var(--accent)) 0 0/100% 100%}
input[type=range]::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--sky),var(--primary) 55%,var(--accent))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--ink);margin-top:-10px;cursor:grab}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--ink);cursor:grab}
.ticks-row{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;padding:0 4px}

/* tabela de valores */
.matrix{border-collapse:collapse;width:100%;min-width:520px}
.matrix th,.matrix td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}
.matrix thead th{font-weight:700;border-bottom:3px solid var(--primary);white-space:nowrap}
.matrix tbody th{font-weight:600;white-space:nowrap}
.matrix button{font:600 1rem var(--body);background:none;border:2px solid transparent;border-radius:8px;padding:7px 10px;cursor:pointer;color:var(--ink)}
.matrix button:hover{background:var(--tint)}
.matrix button.sel{background:var(--primary);color:var(--on-primary)}

/* formulários */
.qform{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 28px 20px}
.qform label{display:block;font-weight:600;margin-bottom:16px}
.qform input:not([type=checkbox]),.qform textarea,.qform select{display:block;width:100%;font:400 1rem var(--body);padding:12px 14px;margin-top:6px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.qform input:focus,.qform textarea:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--sky) 45%,transparent)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.check{display:flex!important;gap:12px;align-items:flex-start;font-weight:400!important}
.check input{width:20px;height:20px;margin-top:3px;accent-color:var(--primary)}
.alert{background:color-mix(in srgb,var(--accent) 12%,#fff);border-left:5px solid var(--accent);padding:14px 18px;margin-bottom:22px;border-radius:0 8px 8px 0}
.alert ul{margin:.4em 0 0;padding-left:1.2em}
.summary{font-weight:700;color:var(--deep);min-height:1.6em}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px}
.contact-info li{margin-bottom:18px}
.prose p{max-width:68ch}

/* rodapé */
.site-footer{background:var(--ink);color:#fff;padding-top:48px}
.site-footer a{color:#fff}
.site-footer .muted{color:color-mix(in srgb,#fff 70%,var(--ink))}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px}
.foot-logo{background:#fff;padding:8px 14px;border-radius:8px;height:56px;width:auto;margin-bottom:14px}
.foot h2{font-size:1.05rem;margin-bottom:.7em}
.foot li{margin:.35em 0}
.legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid color-mix(in srgb,#fff 18%,var(--ink));margin-top:36px;padding-top:18px;padding-bottom:26px;font-size:.92rem}

/* responsivo */
@media (max-width:900px){
  .vlayout,.contact-grid,.band-grid{grid-template-columns:1fr}
  .vside{position:static}
  .panels,.steps,.foot{grid-template-columns:1fr}
  .panel{min-height:280px}
}
@media (max-width:820px){
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 24px 20px;gap:2px}
  .nav.open{display:flex}
  .nav .btn{margin:10px 0 0}
  .bar{position:relative}
}
@media (max-width:600px){
  .row2{grid-template-columns:1fr;gap:0}
  .ticks.cols{columns:1}
  .hero{padding-top:40px}
  .search input{min-width:0;width:100%}
  .search{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.panel:hover{transform:none}}

/* seletor empresa/particular */
.aud{display:inline-flex;border:2px solid var(--line);border-radius:10px;padding:2px;margin-left:8px;background:#fff}
.nav .aud a{padding:7px 12px;border-radius:8px;font-size:.92rem;box-shadow:none}
.nav .aud a[aria-current=true]{background:var(--primary);color:var(--on-primary);box-shadow:none;border-radius:8px}
.nav .aud a:not([aria-current=true]):hover{background:var(--tint)}

/* etiquetas nas ofertas */
.vimg{position:relative}
.tag{position:absolute;left:12px;top:12px;background:var(--accent);color:var(--on-accent);font:700 .85rem/1 var(--body);padding:7px 11px;border-radius:6px}
.tag.tag-off{background:var(--ink);color:#fff}
.tag.static{position:static;display:inline-block}
.tagline{margin:-.3em 0 .8em}
.vcard.sold .vimg img{filter:grayscale(.85);opacity:.7}
.vcard.sold .vprices strong{color:var(--muted)}
.soldnote{background:color-mix(in srgb,var(--ink) 8%,#fff);border-radius:8px;padding:10px 12px;font-size:.95rem;margin:0 0 14px}

/* filtros */
.filterpanel{margin-bottom:26px}
.filterpanel .seg{margin-bottom:16px}
.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.controls label{display:block;font-weight:600;font-size:.92rem}
.controls select,.controls input{display:block;width:100%;margin-top:5px;font:400 1rem var(--body);padding:10px 12px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);min-width:0}
.count{display:flex;align-items:center;gap:14px;margin:14px 0 0;color:var(--muted);font-weight:600}
.linkbtn{background:none;border:0;padding:0;font:600 1rem var(--body);color:var(--deep);text-decoration:underline;cursor:pointer}
.empty-filter{border:2px dashed var(--line);border-radius:12px;padding:28px 30px;max-width:560px}
.empty-filter p{margin:0 0 .7em}

/* perguntas frequentes */
.narrow-faq{max-width:860px;margin-left:auto;margin-right:auto}
.faq details{border-bottom:1px solid var(--line);margin:0}
.faq summary{cursor:pointer;list-style:none;font:600 1.12rem var(--display);padding:18px 40px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:3px solid var(--primary);border-bottom:3px solid var(--primary);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details>div{padding:0 0 20px;max-width:64ch;color:color-mix(in srgb,var(--ink) 88%,#fff)}

@media (max-width:820px){
  .aud{margin:8px 0 0;align-self:flex-start}
}


/* ---------- slide de destaques ---------- */
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:color-mix(in srgb,var(--ink) 80%,#000);color:#fff}
.slider{position:relative;overflow:hidden;background:var(--deep);color:#fff}
.slides{display:grid}
.slide{grid-area:1/1;position:relative;min-height:500px;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s .7s}
.slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s}
.slide-in{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;padding-top:44px;padding-bottom:76px}
.slide-text h2{font-size:clamp(2rem,4.6vw,3.6rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;margin:.2em 0 .35em;max-width:16ch;text-wrap:balance}
.slide-sub{font-size:1.2rem;max-width:44ch;margin-bottom:1.1em}
.badge{display:inline-block;font:700 .95rem/1 var(--body);padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.18);color:inherit;border:1.5px solid rgba(255,255,255,.55)}
.slide-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 1.3em}
.slide-price .from{font-size:1.05rem}
.slide-price strong{font:800 clamp(2.2rem,4.2vw,3.2rem)/1 var(--display);letter-spacing:-.03em}
.slide-price .per{font-weight:600}
.slide-price small{flex-basis:100%;font-size:.95rem;opacity:.9}
.slide-media{position:relative;display:grid;place-items:center;min-height:300px}
.slide-media img{position:relative;z-index:1;width:100%;max-height:380px;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(8,16,40,.35))}
.slide.is-active .slide-media img{animation:car-in .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes car-in{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}

/* modelo 1: viatura em destaque, azul da marca */
.slide.t1{background:linear-gradient(115deg,var(--deep) 0%,var(--primary) 62%,color-mix(in srgb,var(--sky) 55%,var(--primary)) 100%)}
.slide.t1 .slide-media::before{content:"";position:absolute;width:min(420px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sky) 70%,transparent),transparent 68%)}
.slide.t1 .slide-media::after{content:"";position:absolute;left:4%;right:4%;bottom:8%;border-bottom:4px dashed rgba(255,255,255,.55)}

/* modelo 2: oferta, laranja da marca com selo de preço */
.slide.t2{background:linear-gradient(115deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#FFC15E));color:var(--on-accent)}
.slide.t2 .badge{background:var(--ink);color:#fff;border-color:var(--ink)}
.slide.t2 .slide-media::before{content:"";position:absolute;width:min(440px,92%);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.34)}
.sticker{position:absolute;z-index:3;left:0;top:-6px;width:156px;height:156px;border-radius:50%;margin:0;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);text-align:center;box-shadow:0 10px 24px rgba(8,16,40,.3)}
.sticker .from{font-size:.9rem}
.sticker strong{font:800 1.5rem/1.05 var(--display);letter-spacing:-.02em;padding:0 8px}
.sticker .per{font-size:.9rem}

/* modelo 3: fotografia em fundo */
.slide.t3{background:linear-gradient(120deg,var(--deep),var(--primary) 55%,var(--sky))}
.slide.t3 .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide.t3 .shade{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 92%,transparent) 0%,color-mix(in srgb,var(--ink) 62%,transparent) 48%,transparent 82%)}
.slide.t3 .slide-in{grid-template-columns:minmax(0,640px)}
.slide.t3 .badge{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}

.slider-ui{position:absolute;left:0;right:0;bottom:22px;z-index:5;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.slider-ui>*{pointer-events:auto}
.dots{display:flex;gap:10px}
.dots button{width:34px;height:8px;border-radius:8px;border:0;padding:0;background:rgba(255,255,255,.45);cursor:pointer;transition:background .2s,width .2s}
.dots button[aria-current=true]{background:#fff;width:54px}
.slider:has(.slide.t2.is-active) .dots button{background:rgba(16,23,43,.35)}
.slider:has(.slide.t2.is-active) .dots button[aria-current=true]{background:var(--ink)}
.arrows{display:flex;gap:8px}
.arrows button{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:rgba(10,15,30,.25);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.arrows button:hover{background:rgba(10,15,30,.5)}
.slider:has(.slide.t2.is-active) .arrows button{border-color:var(--ink);color:var(--ink);background:rgba(255,255,255,.35)}
.sl-pause .ic-play{display:none}
.sl-pause[data-playing="0"] .ic-play{display:block}
.sl-pause[data-playing="0"] .ic-pause{display:none}
.sl-pause svg{fill:currentColor}
.slider :focus-visible{outline-color:#fff}
.slider .slide.t2 :focus-visible,.slider:has(.slide.t2.is-active) .arrows :focus-visible{outline-color:var(--ink)}

@media (max-width:900px){
  .slide{min-height:0}
  .slide-in{grid-template-columns:1fr;gap:8px;padding-top:36px;padding-bottom:84px}
  .slide-media{min-height:200px;order:2}
  .slide-media img{max-height:230px}
  .sticker{width:120px;height:120px;top:-4px}
  .sticker strong{font-size:1.15rem}
  .slide-text h2{max-width:none}
  .slide.t3 .slide-in{grid-template-columns:1fr}
  .slide.t3 .shade{background:linear-gradient(0deg,color-mix(in srgb,var(--ink) 92%,transparent) 0%,color-mix(in srgb,var(--ink) 55%,transparent) 100%)}
}
@media (prefers-reduced-motion:reduce){.slide,.slide.is-active{transition:none}.slide.is-active .slide-media img{animation:none}}

/* páginas de conteúdo */
.page-hero{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--sky)));color:var(--on-primary);padding:48px 0 40px}
.page-hero h1{margin:0;color:inherit}
.page-hero .lead{margin:.6em 0 0;max-width:62ch;opacity:.92}
.page-img{width:100%;max-height:380px;object-fit:cover;border-radius:14px;margin-bottom:28px}
.content{font-size:1.06rem;line-height:1.7}
.content h2{font-size:1.6rem;margin:1.6em 0 .5em}.content h3{font-size:1.2rem;margin:1.4em 0 .4em}
.content p,.content li{max-width:68ch}.content ul,.content ol{padding-left:1.3em}
.content blockquote{margin:1.4em 0;padding:.6em 1.2em;border-left:4px solid var(--accent);background:color-mix(in srgb,var(--primary) 7%,#fff);border-radius:0 10px 10px 0}
.content a{color:var(--primary);text-decoration:underline}
.legal-links{display:inline-flex;gap:18px;flex-wrap:wrap}
.preview-bar{background:#fff3cd;color:#5c4400;padding:10px 0;text-align:center;font-weight:600}
.page-hero .lead{color:inherit}