/* ==========================================================================
   MobiEV UI — header (topbar+mega-menu), home (hero 50/50, diferencial,
   rankings, notícias) e footer. Classes prefixadas .mv- para não colidir com
   o CSS global dos posts "wp:html". Usa os tokens do tema (app.css).
   ========================================================================== */
:root{
  --mv-ink-2:#0f2740; --mv-ink-3:#13314f;
  --mv-good:#22c55e; --mv-bad:#ef4444;
}
.mv-display{font-family:var(--font-display,"Sora",system-ui,sans-serif)}

/* ---------- Topbar (ticker) ---------- */
.mv-topbar{background:var(--color-ink,#0a1a2b);color:#cfe0f0;font-size:12.5px}
.mv-topbar .mv-in{display:flex;align-items:center;justify-content:space-between;height:38px;gap:16px;width:min(1280px,calc(100% - 40px));margin-inline:auto}
.mv-ticker{display:flex;align-items:center;gap:18px;overflow:hidden;white-space:nowrap}
.mv-ticker b{color:#fff;font-weight:700}
.mv-ticker .mv-dot{color:var(--color-green,#A4D233)}
.mv-tsoc{display:flex;gap:14px;color:#9fb6cd;flex-shrink:0}
.mv-tsoc a:hover{color:#fff}
@media(max-width:720px){.mv-tsoc{display:none}.mv-ticker span:nth-child(n+3){display:none}}

/* ---------- Header / Mega-menu ---------- */
.mv-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border,#e2e8f0)}
.mv-nav .mv-in{display:flex;align-items:center;gap:12px;height:66px;width:min(1280px,calc(100% - 40px));margin-inline:auto}
.mv-brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:22px;letter-spacing:-.03em;color:var(--color-text,#1b2533);flex-shrink:0}
.mv-brand .mv-spark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--color-blue,#0066B3),var(--color-blue-light,#3FA9F5));box-shadow:0 6px 16px rgba(0,102,179,.4)}
.mv-brand .mv-spark svg{width:20px;height:20px}
.mv-brand em{font-style:normal;color:var(--color-blue,#0066B3)}
.mv-menu{display:flex;align-items:center;gap:2px;margin-left:12px;list-style:none;padding:0;margin-block:0}
.mv-menu>li{position:relative}
.mv-menu>li>a,.mv-menu>li>button{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:14.5px;color:var(--color-text,#1b2533);padding:9px 13px;border-radius:10px;background:none;border:none;cursor:pointer;text-decoration:none}
.mv-menu>li>a:hover,.mv-menu>li>button:hover,.mv-menu>li:hover>button{background:color-mix(in srgb,var(--color-blue,#0066B3) 10%,transparent);color:var(--color-blue,#0066B3)}
.mv-caret{width:9px;height:9px;opacity:.7;transition:transform .2s}
.mv-menu>li:hover .mv-caret{transform:rotate(180deg)}
.mv-tagcompare{color:#0a1a2b!important;background:var(--color-green,#A4D233)!important}
.mv-tagcompare:hover{background:var(--color-green-light,#C7F464)!important}
.mv-dd{position:absolute;top:calc(100% + 8px);left:0;min-width:252px;background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:14px;box-shadow:0 18px 40px rgba(0,40,80,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:60}
.mv-menu>li:hover .mv-dd{opacity:1;visibility:visible;transform:translateY(0)}
.mv-dd a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:500;color:var(--color-text,#1b2533);text-decoration:none}
.mv-dd a:hover{background:var(--color-bg,#f3f7fb)}
.mv-dd a .mv-ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-blue,#0066B3) 12%,transparent);flex-shrink:0}
.mv-dd a small{display:block;color:var(--color-muted,#5c6b80);font-weight:400;font-size:12px}
.mv-dd .mv-soon{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--color-green-dark,#7AA61F);background:color-mix(in srgb,var(--color-green,#A4D233) 20%,transparent);padding:2px 7px;border-radius:999px}
.mv-nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
@media(max-width:1024px){.mv-menu{display:none}}

/* ---------- Botões ---------- */
.mv-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:15px;padding:13px 22px;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s;text-decoration:none}
.mv-btn:hover{transform:translateY(-1px)}
.mv-btn-green{background:var(--color-green,#A4D233);color:#0a1a2b;box-shadow:0 8px 20px rgba(164,210,51,.35)}
.mv-btn-green:hover{background:var(--color-green-light,#C7F464)}
.mv-btn-ghost{background:transparent;border-color:var(--color-border-strong,#cdd8e6);color:var(--color-text,#1b2533)}
.mv-btn-ghost.mv-on-ink{border-color:rgba(255,255,255,.25);color:#fff}
.mv-btn-blue{background:var(--color-blue,#0066B3);color:#fff}
.mv-btn-sm{padding:9px 15px;font-size:13.5px}

/* ---------- Hero (50/50) ---------- */
.mv-hero{background:radial-gradient(1000px 480px at 78% -12%,rgba(63,169,245,.20),transparent 60%),radial-gradient(680px 380px at 3% 116%,rgba(164,210,51,.10),transparent 62%),var(--color-ink,#0a1a2b);color:#eaf2fb}
.mv-hero .mv-in{width:min(1280px,calc(100% - 40px));margin-inline:auto;padding:clamp(16px,1.8vw,26px) 0 clamp(24px,2.6vw,34px)}
.mv-eyebrow{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-green,#A4D233)}
.mv-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.mv-hsleft{display:flex;flex-direction:column}
.mv-hsleft h1{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;letter-spacing:-.02em;font-size:clamp(26px,3.2vw,39px);line-height:1.05;color:#fff;margin:8px 0 15px;max-width:20ch}
.mv-hsleft h1 .mv-hi{color:var(--color-green,#A4D233)}
.mv-hcta{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:18px}

/* compare widget */
.mv-compare{background:linear-gradient(180deg,rgba(19,49,79,.92),rgba(12,30,46,.82));border:1px solid rgba(120,170,220,.22);border-radius:var(--radius-lg,20px);padding:17px 17px 16px;box-shadow:0 26px 54px rgba(0,0,0,.35);display:flex;flex-direction:column;flex:1}
.mv-ctop{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.mv-ctop .mv-t{display:flex;align-items:center;gap:8px;font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-green,#A4D233)}
.mv-cvs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start;margin-bottom:13px}
.mv-ccar{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;position:relative}
.mv-ccar img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#0a1420;display:block}
.mv-ccar .mv-noimg{width:100%;aspect-ratio:16/10;display:grid;place-items:center;color:#7f97b0;font-size:12px;background:#0a1420}
.mv-ccar .mv-sel{width:100%;border:0;border-top:1px solid rgba(255,255,255,.1);background:rgba(10,20,32,.6);color:#fff;font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:12.5px;padding:8px 10px;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:center}
.mv-ccar .mv-sel option{color:#111}
.mv-cvsb{align-self:center;font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:12px;color:#0a1a2b;background:var(--color-green,#A4D233);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;margin-top:34px}
.mv-cspecs{display:flex;flex-direction:column;gap:1px;border-radius:11px;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-bottom:13px}
.mv-crow{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:8px 12px;background:rgba(255,255,255,.03);font-size:13px}
.mv-crow .mv-lbl{color:#9fb6cd}
.mv-crow .mv-v{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;color:#dce8f4;text-align:right;min-width:70px;font-variant-numeric:tabular-nums}
.mv-crow .mv-v.mv-win{color:#0a1a2b;background:var(--color-green,#A4D233);padding:2px 9px;border-radius:999px}
.mv-crow .mv-v.mv-lose{color:#fca5a5}
.mv-ccta{margin-top:auto}
.mv-cfoot{margin-top:11px;font-size:11.5px;color:#8aa4bd;text-align:center}

/* blog na 1ª dobra */
.mv-hsblog{display:flex;flex-direction:column;gap:11px}
.mv-bhead{display:flex;align-items:center;justify-content:space-between}
.mv-bhead .mv-l{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#cdddec}
.mv-bhead a{font-size:12.5px;color:var(--color-green,#A4D233);font-weight:600;text-decoration:none}
.mv-bfeat{position:relative;flex:1;min-height:172px;border-radius:var(--radius-lg,20px);overflow:hidden;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none}
.mv-bfeat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mv-bfeat .mv-fallback{position:absolute;inset:0;background:linear-gradient(140deg,var(--color-ink,#0a1a2b),var(--mv-ink-3))}
.mv-bfeat .mv-ov{position:relative;padding:16px 17px;background:linear-gradient(transparent,rgba(5,11,20,.55) 45%,rgba(5,11,20,.94))}
.mv-bfeat h2{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:clamp(16px,1.7vw,20px);color:#fff;line-height:1.14;margin:0}
.mv-bfeat .mv-meta{margin-top:8px;font-size:12px;color:#c4d3e2}
.mv-tagcat{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.03em;color:#0a1a2b;background:var(--color-green,#A4D233);padding:4px 10px;border-radius:999px;margin-bottom:9px}
.mv-brow{display:flex;gap:11px;align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:9px;transition:background .15s;text-decoration:none}
.mv-brow:hover{background:rgba(255,255,255,.09)}
.mv-brow .mv-thumb{width:72px;height:52px;border-radius:9px;flex-shrink:0;overflow:hidden;background:linear-gradient(140deg,var(--mv-ink-2),var(--mv-ink-3))}
.mv-brow .mv-thumb img{width:100%;height:100%;object-fit:cover}
.mv-brow .mv-tag{font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--color-green,#A4D233)}
.mv-brow b{display:block;font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:13px;color:#eaf2fb;line-height:1.2;margin-top:2px}

/* ---------- Sec-head genérico ---------- */
.mv-sec{width:min(1280px,calc(100% - 40px));margin-inline:auto;padding:clamp(38px,4.4vw,58px) 0}
.mv-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}
.mv-sechead h2{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;letter-spacing:-.02em;font-size:clamp(23px,3.1vw,31px);color:var(--color-text,#1b2533);margin:0}
.mv-eyebrow.mv-e-blue{color:var(--color-blue,#0066B3)}
.mv-sechead .mv-link{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:14px;color:var(--color-blue,#0066B3);text-decoration:none}

/* ---------- Diferencial (tabela color-coded) ---------- */
.mv-diff{background:var(--color-bg,#f3f7fb)}
.mv-diffgrid{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px;align-items:center}
.mv-diffcopy h2{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;letter-spacing:-.02em;font-size:clamp(24px,3.2vw,34px);color:var(--color-text,#1b2533);margin:12px 0 12px}
.mv-diffcopy p{color:var(--color-muted,#5c6b80);font-size:15.5px;max-width:44ch;margin:0 0 16px}
.mv-feats{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.mv-feat{display:flex;gap:12px;align-items:flex-start}
.mv-feat .mv-fi{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in srgb,var(--color-green,#A4D233) 18%,transparent);color:var(--color-green-dark,#7AA61F);font-size:15px}
.mv-feat b{font-family:var(--font-display,"Sora",sans-serif);font-size:14.5px;color:var(--color-text,#1b2533)}
.mv-feat span{color:var(--color-muted,#5c6b80);font-size:13px}
.mv-cmpcard{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,20px);box-shadow:0 18px 40px rgba(0,40,80,.10);overflow:hidden}
.mv-cmpscroll{overflow-x:auto}
table.mv-cmp{width:100%;border-collapse:collapse;min-width:600px}
table.mv-cmp th,table.mv-cmp td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--color-border,#e2e8f0)}
table.mv-cmp thead th{background:var(--color-ink,#0a1a2b);color:#eaf2fb;font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:13.5px}
table.mv-cmp thead th .mv-mini{display:flex;align-items:center;gap:9px}
table.mv-cmp thead th .mv-mini img{width:48px;height:32px;object-fit:cover;border-radius:6px;background:#0a1420}
table.mv-cmp thead th small{display:block;color:#9fb6cd;font-weight:400;font-size:11.5px}
table.mv-cmp tbody th{font-weight:600;color:var(--color-muted,#5c6b80);font-size:13.5px;white-space:nowrap}
table.mv-cmp td{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:15px;color:var(--color-text,#1b2533);font-variant-numeric:tabular-nums}
table.mv-cmp td .mv-cell{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px}
td .mv-cell.mv-best{background:color-mix(in srgb,var(--mv-good) 16%,transparent);color:var(--mv-good)}
td .mv-cell.mv-worst{background:color-mix(in srgb,var(--mv-bad) 14%,transparent);color:var(--mv-bad)}
.mv-legend{display:flex;gap:16px;padding:11px 16px;border-top:1px solid var(--color-border,#e2e8f0);font-size:12.5px;color:var(--color-muted,#5c6b80);flex-wrap:wrap}
.mv-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}

/* ---------- Catálogo (grid dos vehicle-card) ---------- */
.mv-catwrap{background:#fff}
.mv-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* card (usado no vehicle-card.php) */
.mv-card{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-lg,20px);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.mv-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,40,80,.10)}
.mv-card .mv-media{position:relative;aspect-ratio:16/10;background:linear-gradient(160deg,#dfeaf5,#c9dcee);overflow:hidden;display:block}
.mv-card .mv-media img{width:100%;height:100%;object-fit:cover}
.mv-card .mv-noimg{width:100%;height:100%;display:grid;place-items:center;color:var(--color-muted,#5c6b80);font-size:13px}
.mv-card .mv-badge{position:absolute;top:12px;left:12px;font-size:11.5px;font-weight:700;color:#fff;background:var(--color-blue,#0066B3);padding:5px 11px;border-radius:999px}
.mv-card .mv-cbody{padding:16px 17px 17px;display:flex;flex-direction:column;flex:1}
.mv-card h3{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:17.5px;color:var(--color-text,#1b2533);margin:0}
.mv-card h3 a{color:inherit;text-decoration:none}
.mv-card h3 a:hover{color:var(--color-blue,#0066B3)}
.mv-card .mv-price{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:19px;color:var(--color-green-dark,#7AA61F);margin:4px 0 12px}
.mv-card .mv-specrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--color-border,#e2e8f0);margin-top:auto;list-style:none;padding-inline:0;margin-bottom:0}
.mv-card .mv-specrow li{text-align:center}
.mv-card .mv-specrow small{display:block;font-size:11px;color:var(--color-muted,#5c6b80);margin-bottom:3px}
.mv-card .mv-specrow b{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:15.5px;color:var(--color-text,#1b2533);font-variant-numeric:tabular-nums}
.mv-card .mv-actions{display:flex;gap:9px;margin-top:14px;align-items:center}
.mv-card .mv-actions>a{flex:1}
.mv-card .evc-compare-slot,.mv-card .evc-compare-btn{flex:1}
.mv-card .evc-compare-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:13.5px;padding:9px 15px;border-radius:999px;background:transparent;border:1px solid var(--color-border-strong,#cdd8e6);color:var(--color-text,#1b2533);cursor:pointer;text-decoration:none;transition:background .15s}
.mv-card .evc-compare-btn:hover{background:var(--color-bg,#f3f7fb)}

/* ---------- Rankings ---------- */
.mv-rank{background:var(--color-ink,#0a1a2b);color:#eaf2fb}
.mv-rank .mv-sechead h2{color:#fff}
.mv-rank .mv-sechead .mv-link{color:var(--color-green,#A4D233)}
.mv-rankgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mv-rankcard{background:linear-gradient(180deg,rgba(19,49,79,.7),rgba(12,30,46,.55));border:1px solid rgba(120,170,220,.2);border-radius:var(--radius-lg,20px);padding:16px 16px 12px}
.mv-rankcard .mv-rh{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mv-rankcard .mv-rh .mv-ri{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--color-green,#A4D233) 20%,transparent);font-size:15px}
.mv-rankcard h3{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:16px;color:#fff;margin:0}
.mv-ranklist{display:flex;flex-direction:column}
.mv-ritem{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:9px;text-decoration:none}
.mv-ritem:hover{background:rgba(255,255,255,.05)}
.mv-ritem+.mv-ritem{border-top:1px solid rgba(255,255,255,.06)}
.mv-ritem .mv-pos{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:14.5px;width:20px;color:#8aa4bd;font-variant-numeric:tabular-nums}
.mv-ritem.mv-top .mv-pos{color:var(--color-green,#A4D233)}
.mv-ritem .mv-nm{flex:1;font-size:13.5px;color:#dce8f4}
.mv-ritem .mv-val{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:13.5px;color:#fff;font-variant-numeric:tabular-nums}

/* ---------- Notícias (2ª dobra) ---------- */
.mv-newsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mv-na{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .16s,box-shadow .16s;text-decoration:none}
.mv-na:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,40,80,.08)}
.mv-na .mv-namedia{aspect-ratio:16/9;background:linear-gradient(150deg,var(--mv-ink-2),var(--mv-ink-3));overflow:hidden}
.mv-na .mv-namedia img{width:100%;height:100%;object-fit:cover}
.mv-na .mv-nabody{padding:15px 16px 17px}
.mv-na .mv-natag{display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--color-blue,#0066B3);background:color-mix(in srgb,var(--color-blue,#0066B3) 12%,transparent);padding:4px 10px;border-radius:999px;margin-bottom:9px}
.mv-na h3{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:15.5px;color:var(--color-text,#1b2533);line-height:1.2;margin:0 0 8px}
.mv-na .mv-meta{font-size:12.5px;color:var(--color-muted,#5c6b80)}

/* ---------- Footer ---------- */
.mv-foot{background:var(--color-ink,#0a1a2b);color:#a9bdd2;padding:52px 0 28px;border-top:1px solid rgba(255,255,255,.06);margin-top:0}
.mv-foot .mv-in{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.mv-footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;margin-bottom:32px}
.mv-foot .mv-brand{color:#fff;margin-bottom:13px}
.mv-foot .mv-brand em{color:var(--color-green,#A4D233)}
.mv-foot .mv-about{font-size:13.5px;color:#8aa4bd;max-width:34ch}
.mv-foot h2{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.mv-foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.mv-foot ul a{font-size:14px;color:#a9bdd2;text-decoration:none}
.mv-foot ul a:hover{color:var(--color-green,#A4D233)}
.mv-footbottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#7f97b0}

/* ---------- Responsivo ---------- */
@media(max-width:1080px){
  .mv-split{grid-template-columns:1fr;gap:18px}
  .mv-diffgrid{grid-template-columns:1fr;gap:24px}
  .mv-cards{grid-template-columns:repeat(2,1fr)}
  .mv-rankgrid{grid-template-columns:1fr}
  .mv-newsgrid{grid-template-columns:1fr 1fr}
  .mv-footgrid{grid-template-columns:1fr 1fr;gap:26px}
}
@media(max-width:720px){
  .mv-cards{grid-template-columns:1fr 1fr;gap:14px}
  .mv-newsgrid{grid-template-columns:1fr}
  .mv-footgrid{grid-template-columns:1fr 1fr}
  .mv-sec{padding:38px 0}
}
@media(max-width:480px){.mv-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mv-btn,.mv-card,.mv-na,.mv-brow,.mv-caret{transition:none!important}}

/* ==========================================================================
   Artigo do blog (dentro de .e-content / .prose) — figuras, TL;DR e FAQ
   ========================================================================== */
.e-content .mv-fig{margin:2.2rem 0;text-align:center}
.e-content .mv-fig img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 34px rgba(0,40,80,.14);display:block;margin:0}
.e-content .mv-fig figcaption{text-align:center;font-size:.85rem;color:var(--color-muted,#5c6b80);margin-top:.7rem;font-style:normal}

/* TL;DR / resumo rápido */
.e-content .mv-tldr{background:var(--color-bg,#f3f7fb);border:1px solid var(--color-border,#e2e8f0);border-left:4px solid var(--color-green,#A4D233);border-radius:14px;padding:6px 22px 6px;margin:1.6rem 0}
.e-content .mv-tldr>strong{display:block;font-family:var(--font-display,"Sora",sans-serif);color:var(--color-ink,#0a1a2b);margin:14px 0 4px;font-size:1rem}
.e-content .mv-tldr ul{margin:0;padding:0 0 8px 1.1rem}
.e-content .mv-tldr li{margin:.3rem 0}

/* FAQ — acordeão */
.e-content .mv-faq{display:flex;flex-direction:column;gap:12px;margin:1.6rem 0}
.e-content .mv-faq details{border:1px solid var(--color-border,#e2e8f0);border-radius:14px;background:var(--color-panel,#fff);overflow:hidden;transition:box-shadow .15s,border-color .15s}
.e-content .mv-faq details[open]{box-shadow:0 12px 30px rgba(0,40,80,.09);border-color:var(--color-border-strong,#cdd8e6)}
.e-content .mv-faq summary{list-style:none;cursor:pointer;padding:15px 20px;font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:1.02rem;line-height:1.3;color:var(--color-ink,#0a1a2b);display:flex;align-items:center;justify-content:space-between;gap:14px}
.e-content .mv-faq summary::-webkit-details-marker{display:none}
.e-content .mv-faq summary::after{content:"+";font-size:1.5rem;font-weight:400;line-height:1;color:var(--color-blue,#0066B3);flex-shrink:0;transition:transform .2s}
.e-content .mv-faq details[open] summary::after{content:"\2212"}
.e-content .mv-faq summary:hover{color:var(--color-blue,#0066B3)}
.e-content .mv-faq .mv-a{padding:0 20px 18px;color:var(--color-text,#1b2533);line-height:1.65}
.e-content .mv-faq .mv-a p{margin:0}

/* ==========================================================================
   Catálogo — Marcas (índice), Marca (modelos), Modelo (versões + comparar)
   ========================================================================== */
.mv-crumbs{font-size:13px;color:#9fb6cd;margin-bottom:12px}
.mv-crumbs a{color:#cdddec;text-decoration:none}
.mv-crumbs a:hover{color:#fff}
.mv-crumbs span{opacity:.55;margin:0 7px}

/* índice de marcas */
.mv-brandgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.mv-brandcard{background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:16px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:9px;text-decoration:none;transition:transform .16s,box-shadow .16s}
.mv-brandcard:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,40,80,.10)}
.mv-brandlogo{width:96px;height:60px;display:grid;place-items:center}
.mv-brandlogo img{max-width:100%;max-height:100%;object-fit:contain}
.mv-monogram{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;font-family:var(--font-display,"Sora",sans-serif);font-weight:800;font-size:21px;color:#fff;background:linear-gradient(135deg,var(--color-blue,#0066B3),var(--color-blue-light,#3FA9F5))}
.mv-brandcard .mv-bn{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:16px;color:var(--color-text,#1b2533)}
.mv-brandcard .mv-bm{font-size:12px;color:var(--color-muted,#5c6b80);text-align:center}

/* página do modelo — lista de versões */
.mv-verlist{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.mv-vercard{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--color-border,#e2e8f0);border-radius:16px;padding:14px 16px;transition:box-shadow .15s}
.mv-vercard:hover{box-shadow:0 10px 26px rgba(0,40,80,.08)}
.mv-verthumb{width:120px;height:74px;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#dfeaf5,#c9dcee);flex-shrink:0;display:block}
.mv-verthumb img{width:100%;height:100%;object-fit:cover}
.mv-verinfo h3{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:16.5px;color:var(--color-text,#1b2533);margin:0}
.mv-vertags{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}
.mv-vertag{font-size:11px;font-weight:700;color:var(--color-blue,#0066B3);background:color-mix(in srgb,var(--color-blue,#0066B3) 10%,transparent);padding:3px 9px;border-radius:999px}
.mv-vertag-muted{color:var(--color-muted,#5c6b80);background:var(--color-bg,#f3f7fb)}
.mv-verspecs{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--color-muted,#5c6b80)}
.mv-verspecs b{color:var(--color-text,#1b2533);font-weight:600}
.mv-verright{text-align:right}
.mv-verprice{font-family:var(--font-display,"Sora",sans-serif);font-weight:700;font-size:18px;color:var(--color-green-dark,#7AA61F)}

@media(max-width:1080px){.mv-brandgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){
  .mv-brandgrid{grid-template-columns:repeat(2,1fr)}
  .mv-vercard{grid-template-columns:1fr}
  .mv-verthumb{width:100%;height:160px}
  .mv-verright{text-align:left;display:flex;align-items:center;gap:14px}
  .mv-verright .mv-btn{margin-top:0!important}
}

/* ===== Ficha: cabecalho das secoes na cor da marca (override EVCompare) ===== */
.evc-specs .evc-spec-group h3 {
  background: #0066B3;
  color: #fff;
  font-weight: 600;
  letter-spacing: .2px;
}

/* ===== evmenu (drawer mobile): corrige espacamento gigante (grid esticava as linhas com height:100%) ===== */
#evmenu-panel .evmenu__content { align-content: start; }

/* ============================================================
   Galeria da ficha + Lightbox (modal de fotos em alta) — UX
   ============================================================ */
.mv-gal-main { position: relative; display: block; width: 100%; padding: 0; margin: 0; border: 0; background: #eef3f8; border-radius: 20px; overflow: hidden; cursor: zoom-in; line-height: 0; }
.mv-gal-main img { width: 100%; max-height: 520px; object-fit: cover; display: block; transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.mv-gal-main:hover img { transform: scale(1.03); }
.mv-gal-hint { position: absolute; right: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; border-radius: 999px; background: rgba(10,16,26,.6); color: #fff; font-size: 12px; font-weight: 600; line-height: 1; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transform: translateY(6px); transition: opacity .22s ease, transform .22s ease; pointer-events: none; }
.mv-gal-main:hover .mv-gal-hint, .mv-gal-main:focus-visible .mv-gal-hint { opacity: 1; transform: none; }

/* Palco da foto principal + navegação sincronizada (setas + contador) */
.mv-gallery { margin: 0; }
.mv-gal-stage { position: relative; }
.mv-gal-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 999px; cursor: pointer; color: #fff; background: rgba(10,16,26,.5); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); opacity: 0; transition: opacity .2s ease, background .2s ease; z-index: 2; }
.mv-gal-stage:hover .mv-gal-nav, .mv-gal-nav:focus-visible { opacity: 1; }
.mv-gal-nav:hover { background: rgba(10,16,26,.78); }
.mv-gal-nav--prev { left: 12px; }
.mv-gal-nav--next { right: 12px; }
.mv-gal-counter { position: absolute; left: 14px; top: 14px; padding: 5px 11px; border-radius: 999px; background: rgba(10,16,26,.6); color: #fff; font-size: 12px; font-weight: 600; line-height: 1; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 2; }
.mv-gal-caption { margin: 10px 2px 0; color: var(--color-muted, #5c6b80); font-size: 13px; line-height: 1.5; }

/* Tira de miniaturas — carrossel deslizante */
.mv-gal-thumbs-wrap { position: relative; margin-top: 12px; display: flex; align-items: center; gap: 6px; }
.mv-gal-thumbs-nav { flex: 0 0 auto; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--color-border, #e2e8f0); background: var(--color-panel, #fff); color: var(--color-text, #1b2533); border-radius: 999px; cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.mv-gal-thumbs-nav:hover { border-color: var(--color-blue, #0066B3); color: var(--color-blue, #0066B3); }
.mv-gal-thumbs { list-style: none; margin: 0; padding: 4px 2px; display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.mv-gal-thumbs::-webkit-scrollbar { height: 6px; }
.mv-gal-thumbs::-webkit-scrollbar-thumb { background: var(--color-border, #e2e8f0); border-radius: 999px; }
.mv-gal-thumb { flex: 0 0 auto; width: 96px; padding: 0; border: 1px solid var(--color-border, #e2e8f0); background: #eef3f8; border-radius: 12px; overflow: hidden; line-height: 0; cursor: pointer; scroll-snap-align: center; transition: border-color .2s ease, box-shadow .2s ease; }
.mv-gal-thumb img { aspect-ratio: 1 / 1; width: 100%; object-fit: cover; transition: opacity .2s ease, transform .35s cubic-bezier(.22,.61,.36,1); }
.mv-gal-thumb:hover img { opacity: .9; transform: scale(1.06); }
.mv-gal-thumb.is-active { border-color: var(--color-blue, #0066B3); box-shadow: inset 0 0 0 2px var(--color-blue, #0066B3); }
.mv-gal-thumb:focus-visible { outline: 2px solid var(--color-blue, #0066B3); outline-offset: 2px; }
@media (max-width: 640px) {
  .mv-gal-thumb { width: 76px; }
  .mv-gal-thumbs-nav { display: none; }
}

/* Lightbox overlay */
.mv-lb { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 28px; background: rgba(6,11,20,.94); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .28s ease, visibility .28s ease; }
.mv-lb.is-open { opacity: 1; visibility: visible; }
.mv-lb__stage { display: flex; align-items: center; justify-content: center; max-width: 100%; max-height: 100%; }
.mv-lb__img { max-width: min(1280px, 94vw); max-height: 85vh; width: auto; height: auto; object-fit: contain; border-radius: 12px; box-shadow: 0 30px 80px rgba(0,0,0,.6); background: #0b1220; opacity: 0; transition: opacity .25s ease; will-change: opacity; }
.mv-lb.is-open .mv-lb__img { opacity: 1; }

.mv-lb__btn { position: absolute; display: inline-flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); border-radius: 999px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background .2s ease, transform .2s ease; }
.mv-lb__btn:hover { background: rgba(255,255,255,.26); }
.mv-lb__btn:active { transform: scale(.94); }
.mv-lb__close { top: 20px; right: 20px; width: 46px; height: 46px; font-size: 28px; line-height: 1; font-weight: 300; }
.mv-lb__prev, .mv-lb__next { top: 50%; margin-top: -27px; width: 54px; height: 54px; }
.mv-lb__prev { left: 22px; } .mv-lb__next { right: 22px; }
.mv-lb__prev:hover, .mv-lb__next:hover { transform: scale(1.08); }
.mv-lb__count { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .4px; padding: 7px 15px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.mv-lb__cap { position: absolute; left: 50%; bottom: 58px; transform: translateX(-50%); max-width: min(1100px, 92vw); text-align: center; color: #e6edf5; font-size: 14px; line-height: 1.5; padding: 0 12px; text-shadow: 0 1px 3px rgba(0,0,0,.65); pointer-events: none; }

@media (max-width: 640px) {
  .mv-lb { padding: 10px; }
  .mv-lb__img { max-height: 80vh; max-width: 96vw; }
  .mv-lb__prev, .mv-lb__next { width: 46px; height: 46px; margin-top: -23px; }
  .mv-lb__prev { left: 8px; } .mv-lb__next { right: 8px; }
  .mv-lb__close { top: 10px; right: 10px; width: 42px; height: 42px; }
  .mv-lb__count { bottom: 14px; }
  .mv-lb__cap { bottom: 44px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .mv-gal-main img, .mv-gal-thumb img, .mv-lb, .mv-lb__img, .mv-lb__btn { transition: none !important; }
}

/* ============================================================
   Vídeos (cards) — ficha do veículo (22/07/2026)
   Grid 2 colunas no desktop; facade click-to-load (performance + LGPD:
   nada do YouTube carrega até o clique; só o poster estático do ytimg).
   ============================================================ */
.mv-videos {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .mv-videos { grid-template-columns: 1fr 1fr; }
}
.mv-video-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mv-video-title {
  margin: 0;
  font-family: var(--font-display, inherit);
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-ink, #0a1a2b);
}
.mv-video-frame {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md, 12px);
  overflow: hidden;
  cursor: pointer;
  background: #000;
}
.mv-video-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease, opacity .35s ease;
}
.mv-video-frame:hover .mv-video-poster,
.mv-video-frame:focus-visible .mv-video-poster {
  transform: scale(1.04);
  opacity: .82;
}
.mv-video-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .45));
}
.mv-video-play-bg {
  fill: rgba(18, 18, 18, .72);
  transition: fill .2s ease;
}
.mv-video-frame:hover .mv-video-play-bg,
.mv-video-frame:focus-visible .mv-video-play-bg {
  fill: #f00;
}
.mv-video-iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: var(--radius-md, 12px);
  display: block;
  background: #000;
}
.mv-video-frame--link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--color-ink, #0a1a2b);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.mv-video-frame--link .mv-video-play {
  position: static;
  filter: none;
}

/* ---------- Estouro horizontal em telas estreitas (mvc-320) ---------- */
/* A faixa interna do cabeçalho reserva 40 px de gutter e seus filhos flex (marca e
   ações) não encolhem: em 320 px a soma passa da largura da tela. Abaixo de 400 px
   o gutter cai para 20 px e a marca diminui um pouco. */
@media (max-width:400px){
  .mv-nav .mv-in{width:calc(100% - 20px);gap:8px}
  .mv-brand{font-size:19px;min-width:0}
  .mv-brand .mv-spark{width:32px;height:32px}
}
.mv-nav-actions{min-width:0}