/* Brasil em Dados — minimalista e editorial */
.brasil-hero{max-width:680px;margin:0 0 8px}
.brasil-hero h1{margin:6px 0 10px}
.brasil-hero .muted{font-size:16px;line-height:1.6;max-width:56ch}

/* KPIs como linha de estatísticas, sem caixas pesadas */
.br-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:40px 0 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.br-kpi{padding:26px 24px 24px;text-align:left;border-left:1px solid var(--line)}
.br-kpi:first-child{border-left:0;padding-left:0}
.br-kpi strong{display:block;font-size:34px;font-weight:700;letter-spacing:-1.2px;color:#1d2033;line-height:1}
.br-kpi span{display:block;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.45;max-width:22ch}
.br-kpi.accent strong{color:#17663f}

/* Mapa + ranking */
.br-split{display:grid;grid-template-columns:1.25fr 0.75fr;gap:48px;align-items:start;margin-top:4px}
.br-map-wrap{padding:0}
.br-map-wrap .eyebrow{margin-bottom:18px!important}
.br-map svg{width:100%;height:auto;display:block;max-height:560px}
.br-map path{stroke:#f7f8fa;stroke-width:1;cursor:pointer;transition:opacity .15s}
.br-map path:hover{opacity:.82}
.br-legend{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:11px;color:var(--muted);letter-spacing:.02em;text-transform:uppercase}
.br-legend .bar{flex:1;max-width:180px;height:6px;border-radius:3px;background:linear-gradient(90deg,#eef0f4,#17663f)}

.br-rank{padding:0}
.br-rank h2{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.br-rank-row{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:14px}
.br-rank-row .pos{color:#b9bdc9;font-weight:600;font-size:13px}
.br-rank-row .nm{font-weight:600;color:#1d2033;font-size:14px}
.br-bar{height:3px;border-radius:2px;background:#cbd5d0;margin-top:7px;min-width:2px}
.br-rank-row:first-of-type .br-bar{background:#17663f}
.br-rank-row .vl{text-align:right}
.br-rank-row .vl b{font-weight:700;color:#1d2033;font-size:15px}
.br-rank-row .vl small{display:block;color:var(--muted);font-size:11px;margin-top:2px}

/* Modalidades — lista sóbria */
.br-lot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;margin-top:10px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.br-lot{position:relative;background:#fff;padding:20px 22px;text-decoration:none;transition:background .15s}
.br-lot:hover{background:#fafbfc;text-decoration:none}
.br-lot h3{margin:0 0 10px;font-size:13px;font-weight:600;color:#4a4e63;display:flex;align-items:center;gap:8px}
.br-lot h3::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lottery);flex-shrink:0}
.br-lot .lot-val{font-size:22px;font-weight:700;color:#1d2033;letter-spacing:-.5px}
.br-lot .lot-sub{font-size:12px;color:var(--muted);margin-top:5px}

.br-tip{position:fixed;pointer-events:none;background:#1d2033;color:#fff;font-size:12.5px;padding:9px 12px;border-radius:9px;opacity:0;transition:opacity .12s;z-index:50;max-width:220px;box-shadow:0 8px 24px -8px rgba(0,0,0,.4)}
.br-tip b{display:block;font-size:13px;margin-bottom:3px}

@media(max-width:860px){
 .br-kpis{grid-template-columns:1fr 1fr;border:0}
 .br-kpi{border-left:0;border-top:1px solid var(--line);padding:20px 0}
 .br-kpi:first-child,.br-kpi:nth-child(2){border-top:0}
 .br-kpi:nth-child(odd){padding-right:16px}
 .br-split{grid-template-columns:1fr;gap:40px}
 .br-kpi strong{font-size:28px}
}

/* Cidades que mais ganharam — duas colunas */
.br-cities{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:10px}
.br-city-col .br-rank-row:first-child{border-top:0}
.br-city-col .city-uf{font-weight:600;color:#b9bdc9;font-size:11px;margin-left:4px}
@media(max-width:860px){.br-cities{grid-template-columns:1fr;gap:0}.br-city-col:last-child .br-rank-row:first-child{border-top:1px solid var(--line)}}

/* Modalidade sem dados na base */
.br-lot.empty .lot-val.lot-na{color:#c3c6d4;font-weight:600}
.br-lot.empty{opacity:.72}
.br-lot.empty h3::before{background:#d4d7e0}

/* Total geral distribuído */
.br-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 12px}
.br-total{display:flex;flex-direction:column;gap:10px;padding:22px 24px;border-radius:14px;color:#fff}
.br-total.prize{background:#17663f}
.br-total.revenue{background:#1d2033}
.br-total span{font-size:13px;font-weight:600;opacity:.92}
.br-total span small{display:block;font-weight:400;font-size:11px;opacity:.72;margin-top:3px;line-height:1.4}
.br-total strong{font-size:30px;font-weight:800;letter-spacing:-1px;color:#fff}
/* Comparação prêmio x arrecadado */
.br-compare{margin:0 0 16px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}
.br-compare-bar{height:14px;border-radius:7px;background:#eef0f4;overflow:hidden}
.br-compare-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,#1aa864,#17663f)}
.br-compare-legend{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:13px}
.br-compare-legend b{color:#17663f;font-size:15px}
.br-compare-legend .muted{font-size:12px}
@media(max-width:620px){.br-totals{grid-template-columns:1fr}.br-total{padding:18px 18px}.br-total strong{font-size:25px}}

/* Gráfico de evolução por ano (interativo) */
.br-chart-wrap{margin-top:8px}
.br-chart-legend{display:flex;gap:20px;margin-bottom:10px;font-size:12.5px;color:var(--muted)}
.br-chart-legend span{display:inline-flex;align-items:center;gap:7px}
.br-chart-legend i{width:13px;height:13px;border-radius:3px;display:inline-block}
.br-chart-legend .lg-rev i{background:#b7c3d6}
.br-chart-legend .lg-paid i{background:#17663f;border-radius:50%}
.br-chart{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 14px 6px}
.br-chart svg{width:100%;height:auto;display:block}
/* Barras = arrecadado (contexto, cinza-azulado claro) */
.yr-bar{fill:#dbe3ef;transition:fill .12s;cursor:pointer}
.yr-bar:hover,.yr-bar.active{fill:#9fb0cc}
/* Linha do arrecadado (topo das barras) */
.yr-line-rev{stroke:#7d93b8;stroke-width:1.5;stroke-dasharray:4 3;stroke-linejoin:round;opacity:.75;pointer-events:none}
/* Linha do pago = verde, grossa e bem visível */
.yr-line{stroke:#17663f;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.yr-dot{fill:#fff;stroke:#17663f;stroke-width:2;pointer-events:none}
.yr-label{fill:#9aa0b0;font-size:11px;font-family:inherit}
.yr-grid{stroke:#f0f1f5;stroke-width:1}
.yr-axis{fill:#9aa0b0;font-size:11px}

/* Destaque: pessoas premiadas */
.br-people{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 26px;margin:0 0 16px;background:linear-gradient(120deg,#17663f,#1aa864);border-radius:16px;color:#fff}
.br-people .big{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1}
.br-people .txt{font-size:14px;line-height:1.5;max-width:52ch;opacity:.95}
.br-people .txt b{font-weight:700}
@media(max-width:560px){.br-people{padding:20px}.br-people .big{font-size:32px}}

/* Busca por cidade */
.br-search{margin:14px 0 18px;max-width:560px}
.br-search input{width:100%;padding:15px 18px;font-size:15px;border:1.5px solid var(--line);border-radius:12px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.br-search input:focus{border-color:#17663f;box-shadow:0 0 0 3px rgba(23,102,63,.12)}
.br-search-results{margin-top:10px}
.br-search-results .sr-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid var(--line);border-radius:11px;margin-bottom:8px;background:#fff}
.br-search-results .sr-city{font-weight:600;color:#1d2033;font-size:14.5px}
.br-search-results .sr-city small{color:#b9bdc9;font-weight:600;margin-left:5px}
.br-search-results .sr-val{text-align:right;flex-shrink:0}
.br-search-results .sr-val b{color:#17663f;font-size:15px;font-weight:700}
.br-search-results .sr-val span{display:block;font-size:11.5px;color:var(--muted)}
.br-search-results .sr-empty{padding:16px;color:var(--muted);font-size:14px;text-align:center}
.br-search-results .sr-empty b{color:#1d2033}

/* Detalhe de loterias na busca por cidade */
.br-search-results .sr-row{align-items:flex-start}
.br-search-results .sr-city{display:block}
.br-search-results .sr-lots{display:block;font-style:normal;font-size:12px;color:var(--muted);font-weight:500;margin-top:4px}
.br-search-results .sr-best{display:block;font-style:normal;font-size:12px;color:#17663f;font-weight:600;margin-top:3px}

/* Texto SEO (prosa com os números) */
.br-seo-text{max-width:760px}
.br-seo-text p{font-size:15.5px;line-height:1.7;color:#3a3d55;margin:0 0 16px}
.br-seo-text a{color:#17663f;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(23,102,63,.3)}
.br-seo-text a:hover{border-bottom-color:#17663f}

/* "O que os dados revelam" — cards de destaque */
.br-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.br-fact{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.br-fact.br-fact-wide{grid-column:1 / -1;background:linear-gradient(120deg,rgba(23,102,63,.04),rgba(23,102,63,.01));border-color:rgba(23,102,63,.18)}
.br-fact h3{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#17663f}
.br-fact p{margin:0;font-size:15px;line-height:1.65;color:#3a3d55}
.br-fact a{color:#17663f;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(23,102,63,.3)}
.br-fact a:hover{border-bottom-color:#17663f}
@media(max-width:700px){.br-facts{grid-template-columns:1fr}}

/* Resultados da busca agora são links clicáveis */
a.sr-row{text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}
a.sr-row:hover{border-color:#17663f;box-shadow:0 6px 18px -12px rgba(23,102,63,.5)}
a.sr-row .sr-city{color:#1d2033}
