/* =========================================================================
 * Verdão — Portal do Palmeirense
 * Design tokens + componentes. Reconstrução fiel do protótipo (classes vrd-).
 * ====================================================================== */
:root{
  --green:#12833F; --green-deep:#0A4D29; --lime:#D6F24C;
  --paper:#F3F5EE; --card:#FFFFFF; --ink:#0E120A; --sub:#6C7264;
  --line:#E4E7DC; --live:#E23B2E; --body:#26291F; --fill:#FAFBF7;
  --gold:#B98A16; --star:#E0A72E;
  --wrap:1220px;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; font-family:'Space Grotesk',system-ui,sans-serif;
  background:var(--paper); color:var(--ink);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
a:hover{ color:var(--green); }
h1,h2,h3,h4,p,blockquote,figure{ margin:0; }
button{ font-family:inherit; }
::selection{ background:var(--lime); color:var(--ink); }
.disp{ font-family:'Archivo Expanded','Archivo',sans-serif; }
.arch{ font-family:'Archivo',sans-serif; }

.vrd-wrap{ max-width:var(--wrap); margin:0 auto; padding:0 26px; }
.vrd-main{ max-width:var(--wrap); margin:0 auto; padding:22px 26px 64px; }
.vrd-narrow{ max-width:760px; margin:0 auto; }
.vrd-ph__label{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:ui-monospace,monospace; font-size:12px; color:var(--sub); letter-spacing:.08em; }

/* Animações */
@keyframes vrd-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.2; } }
@keyframes vrd-marq{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ---------- Botões / pills ---------- */
.vrd-btn{ display:inline-flex; align-items:center; gap:8px; cursor:pointer; border:0; border-radius:999px; font-weight:700; font-size:14.5px; padding:14px 26px; line-height:1; }
.vrd-btn--ink{ background:var(--ink); color:#fff; }
.vrd-btn--green{ background:var(--green); color:#fff; }
.vrd-btn--white{ background:#fff; color:var(--green-deep); }
.vrd-btn--sq{ border-radius:12px; padding:13px 22px; font-size:14px; }
.vrd-btn--sq-lime{ border-radius:12px; padding:13px 22px; font-size:14px; background:var(--lime); color:var(--green-deep); }
.vrd-pill{ display:inline-flex; align-items:center; gap:9px; padding:8px 14px; border-radius:999px; font-weight:700; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.vrd-pill--lime{ background:var(--lime); color:var(--green-deep); }
.vrd-pill--green{ background:var(--green); color:#fff; }
.vrd-kicker{ font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green); }

.vrd-sechead{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.vrd-sechead h2{ font-weight:900; font-size:22px; text-transform:uppercase; color:var(--ink); }
.vrd-sechead .vrd-rule{ flex:1; height:2px; background:var(--ink); }
.vrd-sechead a{ font-size:13.5px; font-weight:700; color:var(--green); white-space:nowrap; }
.vrd-sechead .vrd-sub{ font-size:13px; color:var(--sub); font-weight:600; }

/* ---------- Masthead ---------- */
.vrd-header{ max-width:var(--wrap); margin:0 auto; padding:22px 26px 0; }
.vrd-mast{ display:flex; align-items:center; gap:16px; }
.vrd-logo{ display:flex; align-items:center; gap:13px; }
.vrd-logo__tile{ width:46px; height:46px; background:var(--green); color:var(--lime); display:flex; align-items:center; justify-content:center; font-size:24px; border-radius:14px; flex:0 0 46px; }
.vrd-logo__name{ font-weight:900; font-size:21px; letter-spacing:-.01em; color:var(--ink); text-transform:uppercase; line-height:1; }
.vrd-logo__kick{ font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:var(--sub); margin-top:5px; font-weight:600; }
.vrd-nav{ margin:0 auto; display:flex; align-items:center; font-size:14px; font-weight:600; letter-spacing:.01em; }
.vrd-menu{ list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:4px; white-space:nowrap; }
.vrd-menu li{ position:relative; }
.vrd-menu a{ display:block; padding:9px 15px; border-radius:999px; color:var(--ink); }
.vrd-menu .current-menu-item > a,.vrd-menu .current_page_item > a,.vrd-menu .current-menu-ancestor > a{ background:var(--ink); color:var(--paper); }
.vrd-menu .menu-item-has-children > a::after{ content:'▾'; margin-left:6px; font-size:10px; opacity:.65; }
/* Dropdown-undermenu (bevaret fra eksisterende menu) */
.vrd-menu .sub-menu{ list-style:none; margin:0; padding:8px; position:absolute; top:calc(100% + 8px); left:0; min-width:210px; background:var(--card); border:1px solid var(--line); border-radius:14px; box-shadow:0 12px 34px rgba(14,18,10,.12); display:none; flex-direction:column; gap:2px; z-index:60; }
/* Usynlig bro over undermenuen så hover ikke mistes i gabet mellem knap og menu */
.vrd-menu .menu-item-has-children > .sub-menu::before{ content:''; position:absolute; top:-10px; left:0; right:0; height:10px; }
.vrd-menu li:hover > .sub-menu,.vrd-menu li:focus-within > .sub-menu,.vrd-menu li.is-open > .sub-menu{ display:flex; }
.vrd-menu .sub-menu a{ padding:8px 12px; border-radius:8px; font-size:13.5px; white-space:normal; }
.vrd-menu .sub-menu a:hover{ background:var(--fill); }
.vrd-search{ width:42px; height:42px; border-radius:999px; border:1.5px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--ink); font-size:16px; background:transparent; cursor:pointer; flex:0 0 42px; }

/* ---------- Plantão marquee ---------- */
.vrd-plantao{ display:flex; align-items:stretch; margin-top:18px; background:var(--green); border-radius:16px; overflow:hidden; color:#fff; }
.vrd-plantao__cap{ display:flex; align-items:center; gap:9px; padding:12px 18px; background:var(--green-deep); font-weight:700; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; white-space:nowrap; }
.vrd-plantao__dot{ width:8px; height:8px; border-radius:999px; background:var(--lime); animation:vrd-pulse 1.1s infinite; }
.vrd-plantao__vp{ flex:1; overflow:hidden; display:flex; align-items:center; }
.vrd-plantao__track{ display:flex; gap:40px; padding:0 24px; white-space:nowrap; font-size:14px; font-weight:500; color:rgba(255,255,255,.9); animation:vrd-marq 28s linear infinite; }
.vrd-plantao__track a{ color:rgba(255,255,255,.9); }
.vrd-plantao:hover .vrd-plantao__track{ animation-play-state:paused; }

/* ---------- Hero (verde) ---------- */
.vrd-hero{ background:var(--green); border-radius:26px; padding:36px; color:#fff; position:relative; overflow:hidden; }
.vrd-hero__deco{ position:absolute; right:-60px; top:-60px; width:320px; height:320px; border-radius:999px; background:rgba(255,255,255,.06); }
.vrd-hero__grid{ position:relative; display:grid; grid-template-columns:1.25fr 1fr; gap:34px; align-items:center; }
.vrd-hero h1{ font-weight:900; font-size:60px; line-height:.9; letter-spacing:-.02em; text-transform:uppercase; margin:20px 0 0; text-wrap:balance; }
.vrd-hero p{ font-size:18px; line-height:1.5; color:rgba(255,255,255,.86); margin:18px 0 26px; max-width:46ch; }
.vrd-hero__cta{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.vrd-hero__by{ font-size:13.5px; color:rgba(255,255,255,.72); font-weight:500; }
.vrd-hero__media{ height:320px; border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,.18); position:relative; }
.vrd-hero__media img{ width:100%; height:100%; object-fit:cover; }

/* Banda genérica (ink / green / green-deep) para cabeçalhos de página */
.vrd-band{ border-radius:26px; padding:38px 40px; color:#fff; position:relative; overflow:hidden; }
.vrd-band--ink{ background:var(--ink); }
.vrd-band--green{ background:var(--green); }
.vrd-band__star{ position:absolute; right:-40px; bottom:-70px; font-size:220px; line-height:1; }
.vrd-band h1{ font-weight:900; font-size:56px; line-height:.9; text-transform:uppercase; color:#fff; letter-spacing:-.02em; }
.vrd-band p{ font-size:17px; line-height:1.5; color:rgba(255,255,255,.8); max-width:60ch; margin:18px 0 0; }
.vrd-band .vrd-crumb a{ color:var(--lime); }
.vrd-band .vrd-crumb{ color:rgba(255,255,255,.55); }

/* ---------- Cards de notícia ---------- */
.vrd-grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.vrd-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.vrd-card{ background:var(--card); border-radius:20px; overflow:hidden; display:block; transition:transform .15s ease, box-shadow .15s ease; }
.vrd-card:hover{ transform:translateY(-3px); box-shadow:0 10px 30px rgba(14,18,10,.08); }
.vrd-card__media,.vrd-card__media .vrd-ph{ height:140px; }
.vrd-card__media img{ width:100%; height:140px; object-fit:cover; }
.vrd-card__body{ padding:15px 16px 18px; }
.vrd-card__title{ font-weight:800; font-size:18px; line-height:1.08; margin-top:8px; color:var(--ink); letter-spacing:-.01em; }
.vrd-card__meta{ font-size:12.5px; color:var(--sub); margin-top:8px; font-weight:500; }
.vrd-center{ display:flex; justify-content:center; margin-top:28px; }

/* ---------- "Em alta" ranked ---------- */
.vrd-split{ display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:start; }
.vrd-rank a{ display:flex; gap:20px; align-items:flex-start; padding:20px 0; border-top:1px solid var(--line); }
.vrd-rank a:first-child{ border-top:2px solid var(--ink); }
.vrd-rank__num{ font-weight:900; font-size:30px; color:var(--green); line-height:.9; }
.vrd-rank__title{ font-weight:800; font-size:23px; line-height:1.02; color:var(--ink); letter-spacing:-.01em; }
.vrd-rank__meta{ font-size:13.5px; color:var(--sub); margin-top:6px; font-weight:500; }
.vrd-feature{ display:flex; flex-direction:column; gap:18px; }
.vrd-feature__card{ background:var(--card); border-radius:20px; overflow:hidden; }
.vrd-feature__media{ height:190px; position:relative; }
.vrd-feature__media .vrd-tag{ position:absolute; top:14px; left:14px; background:var(--ink); color:#fff; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:6px 12px; border-radius:999px; }
.vrd-feature__body{ padding:18px 20px 22px; }
.vrd-feature__body h3{ font-weight:800; font-size:22px; line-height:1.04; color:var(--ink); letter-spacing:-.01em; }
.vrd-feature__body p{ font-size:14.5px; color:var(--sub); line-height:1.45; margin:9px 0 0; }
.vrd-feature__lime{ background:var(--lime); border-radius:20px; padding:22px; color:var(--green-deep); }
.vrd-feature__lime .vrd-k{ font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; opacity:.7; }
.vrd-feature__lime h3{ font-weight:900; font-size:27px; line-height:.96; text-transform:uppercase; margin-top:10px; }

/* ---------- Números do Verdão ---------- */
.vrd-stats{ background:var(--ink); border-radius:26px; padding:38px 40px; color:#fff; }
.vrd-stats__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.vrd-stats__n{ font-weight:900; font-size:52px; line-height:.85; color:#fff; }
.vrd-stats__n span{ font-size:22px; color:var(--lime); }
.vrd-stats__l{ font-size:13px; color:rgba(255,255,255,.6); margin-top:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.vrd-stats .vrd-sechead h2{ color:var(--lime); }

/* ---------- Guias (cards com borda) ---------- */
.vrd-guide{ background:var(--card); border:1px solid var(--line); border-radius:20px; padding:22px; display:flex; flex-direction:column; gap:12px; transition:transform .15s ease; }
.vrd-guide:hover{ transform:translateY(-3px); }
.vrd-guide__tag{ align-self:flex-start; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green); background:rgba(18,131,63,.1); padding:6px 12px; border-radius:999px; }
.vrd-guide h3{ font-weight:800; font-size:21px; line-height:1.06; color:var(--ink); letter-spacing:-.01em; }
.vrd-guide p{ font-size:14px; color:var(--sub); line-height:1.45; }
.vrd-guide__link{ font-size:13.5px; font-weight:700; color:var(--green); margin-top:2px; }

/* ---------- Matéria ---------- */
.vrd-article__crumbwrap{ margin-bottom:16px; }
.vrd-article h1{ font-weight:900; font-size:52px; line-height:.92; letter-spacing:-.02em; text-transform:uppercase; color:var(--ink); margin:18px 0 0; text-wrap:balance; }
.vrd-article__dek{ font-size:20px; line-height:1.5; color:var(--sub); margin:18px 0 24px; font-weight:500; }
.vrd-byline{ display:flex; align-items:center; gap:14px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.vrd-avatar{ width:48px; height:48px; border-radius:999px; background:var(--green); color:var(--lime); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:17px; flex:0 0 48px; overflow:hidden; }
.vrd-avatar img{ width:100%; height:100%; object-fit:cover; }
.vrd-byline__name{ font-weight:700; color:var(--ink); }
.vrd-byline__meta{ color:var(--sub); }
.vrd-byline__share{ margin-left:auto; display:flex; gap:8px; }
.vrd-byline__share span{ width:40px; height:40px; border-radius:999px; border:1.5px solid var(--line); display:flex; align-items:center; justify-content:center; }
.vrd-article__herowrap{ max-width:900px; margin:26px auto 0; }
.vrd-article__hero{ height:400px; border-radius:24px; overflow:hidden; position:relative; }
.vrd-article__hero img{ width:100%; height:100%; object-fit:cover; }
.vrd-article__cap{ font-size:12.5px; color:var(--sub); margin:10px 4px 0; font-weight:500; }
.vrd-article__body{ max-width:680px; margin:34px auto 0; font-size:19px; line-height:1.72; color:var(--body); }
.vrd-article__body > p{ margin:0 0 22px; }
.vrd-article__body h2{ font-family:'Archivo Expanded','Archivo',sans-serif; font-weight:900; font-size:28px; text-transform:uppercase; color:var(--ink); margin:30px 0 16px; letter-spacing:-.01em; }
.vrd-article__body h3{ font-family:'Archivo',sans-serif; font-weight:800; font-size:22px; color:var(--ink); margin:26px 0 12px; }
.vrd-article__body a{ color:var(--green); text-decoration:underline; text-underline-offset:2px; }
.vrd-article__body img{ border-radius:16px; margin:24px 0; }
.vrd-article__body ul,.vrd-article__body ol{ margin:0 0 22px; padding-left:24px; }
.vrd-article__body li{ margin:0 0 8px; }
.vrd-article__body > p:first-of-type::first-letter,
.vrd-dropcap::first-letter{ font-family:'Archivo Expanded','Archivo',sans-serif; float:left; font-weight:900; font-size:66px; line-height:.72; margin:6px 14px 0 0; color:var(--green); }
.vrd-article__body blockquote{ margin:30px 0; padding:6px 0 6px 24px; border-left:5px solid var(--lime); }
.vrd-article__body blockquote p,.vrd-pullquote{ font-family:'Archivo Expanded','Archivo',sans-serif; font-weight:900; font-size:30px; line-height:1.02; text-transform:uppercase; color:var(--ink); letter-spacing:-.01em; }

/* Tabela de salários (e tabelas em geral no corpo) */
.vrd-table{ border-radius:18px; overflow:hidden; border:1px solid var(--line); margin:6px 0; }
.vrd-table__head,.vrd-table__row{ display:grid; grid-template-columns:1.6fr 1fr 1fr; padding:14px 18px; }
.vrd-table__head{ background:var(--ink); color:#fff; font-weight:700; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; }
.vrd-table__head span:last-child,.vrd-table__row span:last-child{ text-align:right; }
.vrd-table__body{ background:var(--card); }
.vrd-table__row{ border-bottom:1px solid var(--line); font-size:16px; }
.vrd-table__row:last-child{ border-bottom:0; }
.vrd-table__row:nth-child(even){ background:var(--fill); }
.vrd-table__row .n{ font-weight:700; color:var(--ink); }
.vrd-table__row .pos{ color:var(--sub); }
.vrd-table__row .val{ text-align:right; font-weight:800; color:var(--green); }
.vrd-caption{ font-size:12px; color:var(--sub); margin:10px 2px 0; font-weight:500; }
.vrd-article__body table{ width:100%; border-collapse:collapse; border-radius:18px; overflow:hidden; border:1px solid var(--line); margin:24px 0; font-size:16px; }
.vrd-article__body thead th{ background:var(--ink); color:#fff; font-weight:700; font-size:12.5px; letter-spacing:.08em; text-transform:uppercase; padding:14px 18px; text-align:left; }
.vrd-article__body tbody td{ padding:14px 18px; border-bottom:1px solid var(--line); }
.vrd-article__body tbody tr:nth-child(even){ background:var(--fill); }

/* CTA comercial in-content */
.vrd-adcta{ background:var(--green-deep); border-radius:18px; padding:22px 24px; margin:30px 0; color:#fff; display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.vrd-adcta__k{ font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--lime); }
.vrd-adcta__t{ font-weight:800; font-size:19px; margin-top:6px; line-height:1.1; flex:1; min-width:220px; }
.vrd-adcta .vrd-btn--sq-lime{ white-space:nowrap; }

/* Author box */
.vrd-authorbox{ display:flex; gap:16px; align-items:flex-start; background:var(--card); border-radius:18px; border-top:4px solid var(--green); padding:20px 22px; margin:6px 0 0; }
.vrd-authorbox .vrd-avatar{ width:54px; height:54px; flex:0 0 54px; font-size:19px; }
.vrd-authorbox__k{ font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--green); }
.vrd-authorbox__name{ font-weight:800; font-size:18px; color:var(--ink); margin-top:3px; }
.vrd-authorbox p{ color:var(--sub); font-size:15px; line-height:1.5; margin:6px 0 0; }

/* Leia também */
.vrd-related{ max-width:900px; margin:38px auto 0; }
.vrd-related .vrd-card__media,.vrd-related .vrd-card__media .vrd-ph,.vrd-related .vrd-card__media img{ height:120px; }
.vrd-related .vrd-card__body{ padding:14px 16px 17px; }
.vrd-related .vrd-card__title{ font-size:16px; line-height:1.1; margin-top:0; }
.vrd-related .vrd-grid3{ gap:16px; }

/* ---------- Apostas (comparativo) ---------- */
.vrd-chips{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:22px; }
.vrd-chip{ background:var(--card); color:var(--ink); font-weight:600; font-size:13.5px; padding:9px 16px; border-radius:999px; border:1px solid var(--line); cursor:pointer; }
.vrd-chip.is-active{ background:var(--ink); color:#fff; font-weight:700; border-color:var(--ink); }
.vrd-odds-list{ display:flex; flex-direction:column; gap:14px; }
.vrd-odds{ background:var(--card); border:1px solid var(--line); border-radius:20px; padding:20px 22px; display:grid; grid-template-columns:auto 1.4fr 1fr 1fr auto; gap:22px; align-items:center; }
.vrd-odds__rank{ font-weight:900; font-size:34px; color:var(--sub); width:38px; }
.vrd-odds__rank.is-first{ color:var(--green); }
.vrd-odds__brand{ display:flex; align-items:center; gap:14px; }
.vrd-odds__mono{ width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:20px; color:#fff; flex:0 0 52px; }
.vrd-odds__name{ font-weight:800; font-size:19px; color:var(--ink); }
.vrd-odds__stars{ color:var(--star); font-size:14px; letter-spacing:.08em; }
.vrd-odds__stars b{ color:var(--sub); font-size:12px; letter-spacing:0; font-weight:600; }
.vrd-odds__col .k{ font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--sub); font-weight:600; }
.vrd-odds__col .v{ font-weight:800; font-size:18px; color:var(--ink); }
.vrd-odds__col .v.green{ color:var(--green); }
.vrd-disc{ font-size:12px; color:var(--sub); margin:16px 2px 0; font-weight:500; line-height:1.6; }

.vrd-panel{ background:var(--card); border:1px solid var(--line); border-radius:24px; padding:34px 36px; }
.vrd-panel h2{ font-weight:900; font-size:24px; text-transform:uppercase; color:var(--ink); }
.vrd-panel__intro{ font-size:16px; line-height:1.6; color:var(--sub); max-width:70ch; margin:10px 0 26px; }
.vrd-criteria{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.vrd-criteria__n{ font-weight:900; font-size:30px; color:var(--green); }
.vrd-criteria h3{ font-weight:800; font-size:17px; color:var(--ink); margin:8px 0 6px; }
.vrd-criteria p{ font-size:14px; line-height:1.5; color:var(--sub); }

.vrd-faq{ display:grid; grid-template-columns:1fr 1.4fr; gap:34px; align-items:start; }
.vrd-faq h2{ font-weight:900; font-size:24px; text-transform:uppercase; color:var(--ink); }
.vrd-faq__intro{ font-size:15px; line-height:1.6; color:var(--sub); margin:14px 0 0; }
.vrd-faq__list{ display:flex; flex-direction:column; gap:12px; }
.vrd-faq__item{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px 22px; }
.vrd-faq__q{ font-weight:800; font-size:16.5px; color:var(--ink); }
.vrd-faq__a{ font-size:15px; line-height:1.6; color:var(--sub); margin:8px 0 0; }

.vrd-respo{ background:var(--green-deep); border-radius:24px; padding:30px 34px; color:#fff; display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.vrd-18{ background:var(--live); color:#fff; font-weight:800; font-size:16px; padding:8px 14px; border-radius:10px; }
.vrd-respo__t{ font-weight:900; font-size:22px; text-transform:uppercase; }
.vrd-respo p{ font-size:14.5px; line-height:1.6; color:rgba(255,255,255,.78); margin:8px 0 0; max-width:80ch; }
.vrd-respo__body{ flex:1; min-width:260px; }

/* ---------- Jogos ---------- */
.vrd-nextgame{ background:var(--card); border:1px solid var(--line); border-radius:24px; padding:26px 30px; }
.vrd-nextgame__comp{ display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:20px; font-size:12.5px; font-weight:600; color:var(--sub); flex-wrap:wrap; }
.vrd-nextgame__comp .tag{ background:rgba(18,131,63,.1); color:var(--green); font-weight:700; padding:5px 12px; border-radius:999px; letter-spacing:.06em; text-transform:uppercase; }
.vrd-nextgame__teams{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
.vrd-team{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.vrd-team__crest{ width:66px; height:66px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:28px; }
.vrd-team__crest.home{ background:var(--green); color:var(--lime); }
.vrd-team__crest.away{ background:#EEF0E8; color:var(--sub); }
.vrd-team__name{ font-weight:900; font-size:20px; text-transform:uppercase; color:var(--ink); }
.vrd-nextgame__x{ font-weight:900; font-size:26px; color:var(--sub); }
.vrd-nextgame__foot{ display:flex; align-items:center; gap:12px; margin-top:24px; padding-top:22px; border-top:1px solid var(--line); flex-wrap:wrap; }
.vrd-oddsstrip{ margin-left:auto; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.vrd-oddsstrip__k{ font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--sub); }
.vrd-oddsstrip__o{ background:#F1F3EC; border-radius:8px; padding:7px 12px; font-weight:700; font-size:13px; color:var(--ink); }

.vrd-results{ display:flex; flex-direction:column; gap:10px; }
.vrd-result{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 18px; display:flex; align-items:center; gap:16px; }
.vrd-result__badge{ width:26px; height:26px; border-radius:8px; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:12px; flex:0 0 26px; }
.vrd-result__badge.v{ background:var(--green); }
.vrd-result__badge.e{ background:#B9BEB0; }
.vrd-result__badge.d{ background:var(--live); }
.vrd-result__score{ font-weight:700; font-size:15.5px; color:var(--ink); }
.vrd-result__meta{ font-size:12.5px; color:var(--sub); }
.vrd-result__date{ font-size:12.5px; color:var(--sub); font-weight:600; }
.vrd-result > div{ flex:1; }

.vrd-standings{ background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.vrd-standings__head,.vrd-standings__row{ display:grid; grid-template-columns:32px 1fr 44px 44px; align-items:center; }
.vrd-standings__head{ background:var(--ink); color:#fff; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:11px 16px; }
.vrd-standings__row{ padding:12px 16px; border-bottom:1px solid var(--line); font-size:14.5px; }
.vrd-standings__row:last-child{ border-bottom:0; }
.vrd-standings__row.is-team{ background:rgba(18,131,63,.08); }
.vrd-standings__row .r{ font-weight:800; color:var(--sub); }
.vrd-standings__row.is-team .r{ color:var(--green); }
.vrd-standings__row .t{ font-weight:600; color:var(--ink); }
.vrd-standings__row.is-team .t{ font-weight:800; }
.vrd-standings__row .p{ text-align:center; font-weight:800; color:var(--ink); }
.vrd-standings__row .j{ text-align:center; color:var(--sub); }
.vrd-standings__head span:nth-child(3),.vrd-standings__head span:nth-child(4){ text-align:center; }
/* Zona-farver (Libertadores / Sul-Americana / rebaixamento) */
.vrd-standings__row{ position:relative; }
.vrd-standings__row::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:transparent; }
.vrd-standings__row.zone-lib::before{ background:var(--green); }
.vrd-standings__row.zone-libq::before{ background:#5FBF7F; }
.vrd-standings__row.zone-sula::before{ background:#B9BEB0; }
.vrd-standings__row.zone-releg::before{ background:var(--live); }
.vrd-zoneleg{ display:flex; gap:14px; flex-wrap:wrap; margin-top:12px; font-size:11.5px; color:var(--sub); font-weight:600; }
.vrd-zoneleg span{ display:inline-flex; align-items:center; gap:6px; }
.vrd-zoneleg i{ width:10px; height:10px; border-radius:3px; }

.vrd-fixtures{ display:flex; flex-direction:column; gap:10px; }
.vrd-fixture{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:15px 20px; display:grid; grid-template-columns:110px 1fr auto; gap:16px; align-items:center; }
.vrd-fixture__date{ font-size:12.5px; font-weight:700; color:var(--green); }
.vrd-fixture__match{ font-weight:700; font-size:15.5px; color:var(--ink); }
.vrd-fixture__venue{ font-size:12.5px; color:var(--sub); }

/* ---------- Sobre / Contato ---------- */
.vrd-about{ display:grid; grid-template-columns:1.5fr 1fr; gap:34px; align-items:start; }
.vrd-prose{ font-size:18px; line-height:1.7; color:var(--body); }
.vrd-prose h2{ font-weight:900; font-size:26px; text-transform:uppercase; color:var(--ink); margin:8px 0 16px; }
.vrd-prose h2:first-child{ margin-top:0; }
.vrd-prose p{ margin:0 0 20px; }
.vrd-numbers{ background:var(--ink); border-radius:20px; padding:24px; color:#fff; }
.vrd-numbers__k{ font-weight:800; font-size:14px; letter-spacing:.06em; text-transform:uppercase; color:var(--lime); margin-bottom:16px; }
.vrd-numbers__grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.vrd-numbers__n{ font-weight:900; font-size:34px; color:#fff; line-height:.9; }
.vrd-numbers__l{ font-size:12px; color:rgba(255,255,255,.6); margin-top:6px; text-transform:uppercase; letter-spacing:.04em; }
.vrd-commit{ background:var(--card); border:1px solid var(--line); border-radius:20px; padding:24px; }
.vrd-commit__k{ font-weight:800; font-size:14px; letter-spacing:.06em; text-transform:uppercase; color:var(--green); margin-bottom:14px; }
.vrd-commit__list{ display:flex; flex-direction:column; gap:12px; font-size:14.5px; color:var(--ink); }
.vrd-commit__list div{ display:flex; gap:10px; }
.vrd-commit__list span{ color:var(--green); font-weight:800; }

.vrd-team-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.vrd-member{ background:var(--card); border:1px solid var(--line); border-radius:20px; padding:24px; }
.vrd-member__av{ width:60px; height:60px; border-radius:999px; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:22px; color:var(--lime); overflow:hidden; }
.vrd-member__name{ font-weight:800; font-size:19px; color:var(--ink); margin-top:14px; }
.vrd-member__role{ font-size:12.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--green); margin-top:3px; }
.vrd-member p{ font-size:14px; line-height:1.55; color:var(--sub); margin:10px 0 0; }

.vrd-contact{ display:grid; grid-template-columns:1.4fr 1fr; gap:30px; align-items:start; }
.vrd-form{ background:var(--card); border:1px solid var(--line); border-radius:24px; padding:28px 30px; display:flex; flex-direction:column; gap:16px; }
.vrd-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.vrd-field{ display:flex; flex-direction:column; gap:7px; }
.vrd-field > span{ font-size:12.5px; font-weight:700; color:var(--ink); letter-spacing:.03em; }
.vrd-field input,.vrd-field textarea{ font-family:inherit; font-size:15px; padding:13px 15px; border:1px solid var(--line); border-radius:12px; background:var(--fill); color:var(--ink); outline:none; }
.vrd-field input:focus,.vrd-field textarea:focus{ border-color:var(--green); }
.vrd-field textarea{ resize:vertical; }
.vrd-form__note{ font-size:13.5px; padding:12px 14px; border-radius:12px; }
.vrd-form__note.ok{ background:rgba(18,131,63,.1); color:var(--green-deep); }
.vrd-form__note.err{ background:rgba(226,59,46,.1); color:var(--live); }
.vrd-info{ display:flex; flex-direction:column; gap:14px; }
.vrd-info__card{ background:var(--card); border:1px solid var(--line); border-radius:18px; padding:20px 22px; }
.vrd-info__k{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--green); }
.vrd-info__v{ font-weight:700; font-size:16px; color:var(--ink); margin-top:6px; word-break:break-word; }
.vrd-info__social{ background:var(--green); border-radius:18px; padding:20px 22px; color:#fff; }
.vrd-info__social .vrd-info__k{ color:var(--lime); }
.vrd-social-row{ display:flex; gap:10px; margin-top:12px; }
.vrd-social-row span{ width:42px; height:42px; border-radius:999px; background:rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; font-size:16px; }

/* ---------- Footer ---------- */
.vrd-footer{ background:var(--ink); color:#fff; margin-top:0; }
.vrd-footer__in{ max-width:var(--wrap); margin:0 auto; padding:48px 26px 30px; }
.vrd-footer__grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:34px; }
.vrd-footer__desc{ font-size:14px; line-height:1.6; color:rgba(255,255,255,.66); margin:18px 0 0; max-width:38ch; }
.vrd-footer__logo{ display:flex; align-items:center; gap:12px; }
.vrd-footer__logo .vrd-logo__tile{ width:44px; height:44px; flex:0 0 44px; border-radius:13px; font-size:22px; }
.vrd-footer__logo .vrd-logo__name{ font-size:19px; }
.vrd-footer__logo .vrd-logo__kick{ font-size:10.5px; letter-spacing:.24em; color:rgba(255,255,255,.55); }
.vrd-footer__col h4{ font-family:'Archivo Expanded','Archivo',sans-serif; font-weight:800; font-size:14px; letter-spacing:.06em; text-transform:uppercase; color:var(--lime); margin-bottom:14px; }
.vrd-footer__col nav{ display:flex; flex-direction:column; gap:11px; font-size:14px; }
.vrd-footer__col a{ color:rgba(255,255,255,.72); }
.vrd-footer__col a:hover{ color:#fff; }
.vrd-social{ display:flex; gap:10px; margin-top:18px; }
.vrd-social span{ width:40px; height:40px; border-radius:999px; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; font-size:15px; }
.vrd-footer__bar{ border-top:1px solid rgba(255,255,255,.12); margin-top:36px; padding-top:22px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.vrd-footer__cr{ font-size:12.5px; color:rgba(255,255,255,.5); }
.vrd-footer__rg{ margin-left:auto; font-size:12px; color:rgba(255,255,255,.5); display:inline-flex; align-items:center; gap:8px; }
.vrd-footer__rg .vrd-18{ font-size:11px; padding:3px 8px; border-radius:6px; }

/* Utils */
.vrd-mt40{ margin-top:40px; } .vrd-mt44{ margin-top:44px; } .vrd-mt28{ margin-top:28px; }
.vrd-pagination{ display:flex; justify-content:center; gap:8px; margin-top:32px; }
.vrd-pagination a,.vrd-pagination span{ padding:10px 16px; border-radius:999px; border:1px solid var(--line); font-weight:700; font-size:14px; }
.vrd-pagination .current{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* =========================================================================
 * Responsivo
 * ====================================================================== */
@media (max-width:1000px){
  .vrd-grid4{ grid-template-columns:repeat(2,1fr); }
  .vrd-hero__grid,.vrd-split,.vrd-about,.vrd-contact,.vrd-faq{ grid-template-columns:1fr; }
  .vrd-hero__media{ height:220px; }
  .vrd-criteria,.vrd-stats__grid{ grid-template-columns:repeat(2,1fr); }
  .vrd-footer__grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .vrd-main{ padding:16px 16px 48px; }
  .vrd-header{ padding:16px 16px 0; }
  .vrd-wrap,.vrd-footer__in{ padding-left:16px; padding-right:16px; }
  .vrd-mast{ flex-wrap:wrap; }
  .vrd-nav{ order:3; width:100%; margin:0; overflow-x:auto; scrollbar-width:none; }
  .vrd-nav::-webkit-scrollbar{ height:0; }
  /* På mobil: vis undermenu-punkter inline (undgå at dropdown klippes af scroll) */
  .vrd-menu .sub-menu{ position:static; display:flex; box-shadow:none; border:0; padding:0; min-width:0; flex-direction:row; }
  .vrd-menu .menu-item-has-children > a::after{ content:none; }
  .vrd-hero{ padding:24px; }
  .vrd-hero h1{ font-size:38px; }
  .vrd-band{ padding:26px 24px; }
  .vrd-band h1{ font-size:36px; }
  .vrd-article h1{ font-size:34px; }
  .vrd-article__body{ font-size:17px; }
  .vrd-grid3,.vrd-grid4,.vrd-team-grid,.vrd-criteria,.vrd-stats__grid,.vrd-numbers__grid{ grid-template-columns:1fr; }
  .vrd-odds{ grid-template-columns:auto 1fr; gap:12px 16px; }
  .vrd-odds__col,.vrd-odds .vrd-btn--sq,.vrd-odds .vrd-btn--green{ grid-column:2; }
  .vrd-form__row{ grid-template-columns:1fr; }
  .vrd-footer__grid{ grid-template-columns:1fr; }
  .vrd-article__hero{ height:220px; }
}