/* Site público M2 Seminovos — complementos ao design system (m2.css) */
.header{position:sticky;top:0;z-index:20}
.links a.area{font-weight:600;font-size:14px;padding:10px 0;color:var(--muted)}
.links a.area:hover{color:var(--gold-link-hover)}
.hero{padding:56px 0 40px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center}
.hero h1{font-size:clamp(34px,4.4vw,58px);line-height:1.04;letter-spacing:-.045em;margin:0 0 18px}
.hero .lead{font-size:17px;max-width:540px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-art{background:var(--ink);border-radius:var(--radius-20);aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden}
.hero-art img{width:88%;display:block;position:relative}
.hero-art:before{content:"";position:absolute;inset:auto -10% -40% -10%;height:70%;background:radial-gradient(closest-side,#d6a63d33,transparent)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:540px}
.facts div{background:var(--surface);border:1px solid var(--line-card);border-radius:var(--radius-11);padding:14px}
.facts strong{display:block;font-size:22px;letter-spacing:-.03em}.facts span{font-size:12px;color:var(--muted)}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin:10px 0 20px}
.sec-h h2{font-size:30px;letter-spacing:-.04em;margin:0}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:30px;padding:9px 16px;font-weight:600;font-size:14px;min-height:42px}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.toolbar input,.toolbar select{margin:0;min-height:42px;width:auto}
.toolbar input[type=search]{min-width:240px}
select{font:inherit;border:1px solid var(--input-border);border-radius:var(--radius-9);background:var(--surface);padding:10px 12px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin-bottom:40px}
.vcard .photo{background-size:cover;background-position:center}
.noimg{background:var(--photo-bg) url(/assets/m2-simbolo-fundo-claro.svg) center/42% no-repeat!important}
.empty-s{background:var(--surface);border:1px solid var(--line-card);border-radius:var(--radius-18);padding:48px 24px;text-align:center;color:var(--muted);margin-bottom:40px}
.main-photo{background-size:cover;background-position:center;cursor:zoom-in}
.thumb{background-size:cover;background-position:center}
.banner-sub{color:#b8b8bf;margin:8px 0 0;font-size:14px;line-height:1.6;max-width:700px}
.foot-info{margin:10px 0 0}
.lightbox img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#000;border-radius:var(--radius-10);display:block}
.status{min-height:20px}
.specs-wrap{margin-top:32px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero{padding:32px 0 24px}}
@media(max-width:760px){.links a.area{min-height:44px;display:flex;align-items:center}.toolbar input[type=search]{min-width:0;width:100%}.facts{grid-template-columns:repeat(3,1fr)}.facts strong{font-size:18px}}
.footer-links a{font-size:12px;padding:8px}
/* ---- conteúdo editável pelo sistema (Editar site) ---- */
.aviso-bar{font-size:14px;font-weight:600;text-align:center;padding:9px 0;line-height:1.35}
.aviso-bar .wrap{display:flex;justify-content:center}
.aviso-bar .aviso-link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.aviso-dourado{background:var(--gold);color:var(--ink)}
.aviso-preto{background:var(--ink);color:#fff}
.aviso-vermelho{background:#b42318;color:#fff}
.aviso-verde{background:#1f7a4d;color:#fff}
.hero-foto{background-size:cover;background-position:center;padding:0}
.hero-foto:before{display:none}
.promos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}
.promo{background:var(--surface);border:1px solid var(--line-card);border-radius:var(--radius-16);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}
.promo-img{aspect-ratio:3/2;background-size:cover;background-position:center;position:relative}
.promo-img .badge{position:absolute;top:12px;left:12px}
.promo-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.promo-body h3{margin:0;font-size:19px;letter-spacing:-.02em}
.promo-body p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.promo-body .btn{margin-top:auto;align-self:flex-start}
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:40px}
.video{margin:0}
.video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--radius-16);overflow:hidden;background:#000}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video figcaption{margin-top:10px;font-weight:600}
dialog.popup{max-width:520px}
.popup-img{width:100%;max-height:60vh;object-fit:contain;border-radius:var(--radius-10);display:block;margin:0 0 14px;background:var(--photo-bg)}
@media(max-width:760px){.videos{grid-template-columns:1fr}.aviso-bar{font-size:13px;padding:8px 12px}}