/* Portada: jerarquía y legibilidad, sin dependencias ni animaciones. */
.basin-card-history { margin:.3rem 0 .5rem; padding:.7rem .65rem .15rem; border-radius:12px; background:linear-gradient(180deg,var(--color-background),var(--color-surface)); }
.basin-card-history-label { display:flex; justify-content:space-between; gap:.5rem; color:var(--color-muted); font-size:.66rem; font-weight:700; }
.basin-card-history-label > span { font-weight:400; }
.basin-card-history .basin-card-spark { display:block; margin-top:.4rem; }
.basin-card-history .basin-card-spark svg { width:100%; max-width:none; height:82px; color:var(--color-muted); }
.home-rankings .rk-item-home { min-height:90px; }
.home-rankings .rk-item-home .rk-spark { display:block; width:clamp(120px,16vw,210px); color:var(--color-muted); }
.home-rankings .rk-item-home .rk-spark svg { width:100%; max-width:none; height:52px; }
@media(max-width:768px) {
    .home-rankings .rk-item-home .rk-spark { width:100%; max-width:180px; margin-top:.3rem; }
    .home-rankings .rk-item-home .rk-spark svg { height:38px; }
}
.chart-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0 0 1.5rem; }
.chart-highlights > div { padding:.8rem 1rem; background:#f2f8fa; border-radius:12px; border-top:2px solid #c9e4eb; }
.chart-highlights dt { font-size:.78rem; line-height:1.5; color:#526579; }
.chart-highlights dd { margin:.25rem 0; font-size:1.55rem; font-weight:800; color:#087e99; font-variant-numeric:tabular-nums; }
.chart-highlights small { display:block; margin-top:.25rem; font-weight:400; font-size:.75rem; color:#526579; }
@media(max-width:520px){.chart-highlights { gap:.45rem; }.chart-highlights > div { padding:.65rem .5rem; }.chart-highlights dt { font-size:.7rem; }.chart-highlights dd { font-size:1.1rem; }.chart-highlights small { font-size:.7rem; }}
.home-overview .hero-grid { grid-template-columns:minmax(280px,.7fr) minmax(0,1.4fr); align-items:start; }
.home-overview #mapa-nacional { padding:0; background:transparent; min-width:0; scroll-margin-top:90px; }
.home-overview #mapa-nacional > .container { padding:0; width:100%; max-width:none; }
.home-overview .atlas-heading { display:block; margin:0 0 .65rem; }
.home-overview .atlas-heading .atlas-eyebrow,.home-overview .atlas-heading .section-subtitle,.home-overview .atlas-heading .atlas-source { display:none; }
.home-overview .atlas-heading .section-title { font-size:1.05rem; margin:0; }
.home-overview #mapa-nacional > .container > .map-coverage-note { font-size:.75rem; line-height:1.5; margin:.65rem 0; }
.home-overview #mapa-nacional > .container > .map-coverage-note:first-of-type { margin-top:0; }
.home-overview #map-toggle-filters { display:block; }
.home-overview .map-atlas .map-explorer { position:relative; height:490px; min-height:0; }
.home-overview .map-atlas .map-explorer-view { width:100%; min-height:0; }
.home-overview .map-atlas .map-explorer-sidebar { display:none; }
.home-overview .map-atlas.filters-open .map-explorer-sidebar { display:flex; position:absolute; inset:0 auto 0 0; width:min(310px,88%); height:100%; z-index:900; box-shadow:14px 0 40px #14374844; }
.home-overview .atlas-toolbar { flex-wrap:wrap; padding:14px; gap:12px; }
.home-overview .atlas-actions { margin-left:0; }
.home-overview .atlas-footer { font-size:.72rem; }
.home-overview .atlas-footer > span:last-child { display:none; }
.home-overview .map-atlas:fullscreen .map-explorer { flex:1; height:auto; }
.home-history { margin-top:2.5rem; }
.home-history > .atlas-eyebrow { margin-bottom:.8rem; }
.home-overview .hero-main > .atlas-eyebrow { margin:0; }
@media(max-width:1050px) { .home-overview .hero-grid { grid-template-columns:1fr; } }
.home-overview ~ section .home-fact-card,
.home-overview ~ section .basin-card-v4,
.home-overview ~ section .resource-card { border-radius:16px; padding:1.15rem; }
.home-overview ~ section .section-subtitle { line-height:1.6; }
.home-overview ~ section .section-header { margin-bottom:1.5rem; }
.home-overview { padding-block:clamp(1.5rem,4vw,3.5rem); }
.home-overview .hero-grid { gap:clamp(1.5rem,4vw,3.5rem); }
.home-overview .hero-main { gap:1.2rem; }
.home-overview .hero-meta { gap:.6rem 1rem; }
.home-overview .hero-date { font-size:.85rem; line-height:1.5; }
.home-overview .hero-title { font-size:clamp(1.5rem,2.3vw,2rem); line-height:1.2; letter-spacing:-.025em; color:var(--color-text); text-wrap:balance; }
.home-overview .hero-pct { margin:0; line-height:1.05; }
.home-overview .hero-pct-state { margin-top:.4rem; line-height:1.5; }
.home-overview .hero-compare { gap:.75rem; }
.home-overview .hero-compare-item { padding:.85rem; border-radius:12px; gap:.3rem; }
.home-overview .hero-compare-value { font-size:1.25rem; }
.home-overview .hero-compare-label { font-size:.8rem; line-height:1.5; }
.home-overview .hero-volume { padding-top:.25rem; }
.home-overview .hero-volume-value { font-size:1.4rem; line-height:1.4; }
.home-overview .hero-volume-label,.home-overview .hero-coverage { font-size:.85rem; line-height:1.6; }
.home-overview .hero-coverage { margin:0; }
.home-overview .hero-actions { gap:.65rem; margin-top:.25rem; }
.home-overview .btn { min-height:46px; border-radius:12px; font-size:.9rem; }
.home-overview .hero-chart-card { padding:clamp(1rem,2vw,1.75rem); border-radius:20px; border:1px solid var(--color-border); box-shadow:0 12px 36px rgba(15,54,72,.06); }
.home-overview .hero-chart-header { gap:.75rem; margin-bottom:1.25rem; }
.home-overview .hero-chart-title { font-size:1.05rem; }
.home-overview .hero-chart-canvas { height:280px; }
.home-overview .hero-chart-canvas .skeleton { height:100% !important; }
.home-overview .hero-chart-card > p { font-size:.8rem; line-height:1.6; }
.home-overview .hero-recent-strip { margin-top:2rem; padding:1.3rem; border-radius:16px; border-left:3px solid var(--color-cyan-500); background:var(--color-surface); gap:1.25rem; }
.home-overview .hero-recent-context { font-size:.83rem; line-height:1.6; }
.home-overview .hero-recent-kicker { font-size:.75rem; line-height:1.5; }
.home-overview .hero-recent-metrics dt { font-size:.75rem; line-height:1.5; }
.home-overview .hero-recent-metrics dd { font-size:1rem; margin-top:.35rem; }
.home-source-details { margin-top:.5rem; font-size:.83rem; line-height:1.6; }
.home-source-details summary { cursor:pointer; color:var(--color-text); text-decoration:underline; text-underline-offset:3px; padding-block:.35rem; }
.home-source-details summary:focus-visible { outline:2px solid var(--color-cyan-500); outline-offset:3px; border-radius:4px; }
.home-source-details p { margin:.5rem 0 0; max-width:58ch; }
@media(max-width:767px) {
 .home-overview .hero-main { gap:1rem; }
 .home-overview .hero-meta { flex-direction:column; align-items:flex-start; }
 .home-overview .hero-title { font-size:1.75rem; }
 .home-overview .hero-pct { font-size:clamp(3.8rem,17vw,5.5rem); }
 .home-overview .hero-chart-header { flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; }
 .home-overview .hero-chart-canvas { height:260px; }
 .home-overview .hero-recent-strip { padding:1rem; margin-top:1.25rem; }
 .home-overview .hero-recent-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
 .home-overview .hero-recent-metrics > div { border-left:0; padding-left:0; }
 .home-overview .hero-recent-metrics > div:last-child { grid-column:1/-1; }
}