/* ETAPA 02 · mapa amplio aprobado el 13/10/2026.
   Todo el acabado queda dentro de #mapa; se conservan los IDs y la lógica. */
body.v21-quality #mapa{
 --map-title:#eed8ff;--map-gradient:linear-gradient(100deg,#f2dfff 0%,#dda0f2 38%,#c457e9 72%,#de81f5 100%);
 position:relative;left:auto;transform:none;box-sizing:border-box;width:calc(100% + 32px);max-width:none;
 margin:12px -16px 18px;padding:0;border:0;background:transparent;box-shadow:none;scroll-margin-top:132px;
}
body.v21-quality[data-theme="light"] #mapa{--map-title:#632586;--map-gradient:linear-gradient(100deg,#351446 0%,#682594 40%,#8d36b0 75%,#752b9b 100%)}
body.v21-quality #mapa>.atlas-page-head{display:block!important;max-width:none;padding:0 0 14px;margin:0 0 8px;position:relative}
body.v21-quality #mapa>.atlas-page-head .editorial-eyebrow{display:block;color:var(--accent)!important;font:700 10px/1.4 var(--body-font);letter-spacing:.24em;margin:0 0 7px}
body.v21-quality[data-theme] #mapa #atlasHeading{font:var(--title-weight) clamp(36px,3.7vw,58px)/1.03 var(--editorial)!important;letter-spacing:-.025em;margin:0 0 13px;padding:0}
body.v21-quality[data-theme="light"] #mapa #atlasHeading{font-size:clamp(32px,3.2vw,49px)!important}
body.v21-quality #mapa #atlasHeading .map-title-emphasis{font-style:italic}
body.v21-quality #mapa #atlasHeading::after{content:"";display:block;width:72px;height:2px;background:var(--map-gradient);margin-top:10px}
body.v21-quality #mapa>.atlas-page-head p{font:13px/1.55 var(--body-font)!important;color:var(--sub)!important;margin:0;max-width:85ch}
body.v21-quality #mapa>.atlas-page-head>.section-badge{display:inline-flex;margin-top:9px;padding:4px 8px;font-size:8px;letter-spacing:.07em;background:var(--panel)!important;color:var(--sub)!important}

/* Dos columnas, sin una tercera reserva vacía. El resto del sitio mantiene su ancho. */
body.v21-quality #mapa #v19Atlas{display:grid;grid-template-columns:226px minmax(0,1fr);gap:14px 12px;align-items:start;min-height:0!important;width:100%;max-width:100%;overflow:visible}
body.v21-quality #mapa #v19Atlas>.atlas-filters{grid-column:1;grid-row:1;order:0;align-self:stretch;min-width:0;padding:14px;border:1px solid var(--edge)!important;border-radius:13px;background:var(--panel)!important}
body.v21-quality #mapa #v19Atlas>.atlas-center{grid-column:2;grid-row:1;order:0;min-width:0;width:100%;max-width:none;min-height:0!important;max-height:none;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--edge)!important;border-radius:13px;background:var(--panel)!important;overflow:hidden}
body.v21-quality #mapa .atlas-side-heading>span{font:700 9px/1.4 var(--body-font);letter-spacing:.16em;color:var(--accent)!important;margin-bottom:6px}
body.v21-quality[data-theme] #mapa #v19Atlas .atlas-side-heading h3{font:var(--title-weight) 31px/1.08 var(--editorial)!important;letter-spacing:-.02em;margin:0 0 8px}
body.v21-quality #mapa .atlas-side-heading p{font:11px/1.45 var(--body-font)!important;color:var(--sub)!important;margin:0 0 15px}
body.v21-quality #mapa .atlas-control{display:block;width:100%;margin:0 0 10px;min-width:0}
body.v21-quality #mapa .atlas-control>span{font:650 10px/1.4 var(--body-font);margin-bottom:5px;color:var(--ink)!important}
body.v21-quality #mapa .atlas-control :is(input,select){width:100%;min-width:0;min-height:36px;padding:8px 9px;font:11px/1.4 var(--body-font);border:1px solid var(--edge)!important;border-radius:9px;background:var(--panel-soft)!important;color:var(--ink)!important}
body.v21-quality #mapa .atlas-filter-heading{font-size:10px;margin:10px 0 6px}
body.v21-quality #mapa .atlas-chip-group{gap:5px}
body.v21-quality #mapa .atlas-chip-group button{font:600 9px/1.3 var(--body-font);padding:6px 7px;min-height:27px;border-color:var(--edge)}
body.v21-quality #mapa .atlas-filter-footer{padding:9px;margin-top:9px;border-color:var(--edge)}
body.v21-quality #mapa .atlas-precision-note{font:9px/1.5 var(--body-font);margin:9px 0 0;color:var(--sub)}

body.v21-quality #mapa .atlas-map-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;min-height:43px}
body.v21-quality #mapa .atlas-map-title{display:flex;align-items:center;gap:11px;min-width:0;background:transparent!important;border:0!important;padding:0}
body.v21-quality #mapa .atlas-map-title>span{font-size:23px;color:var(--accent)}
body.v21-quality[data-theme] #mapa #v19Atlas .atlas-map-title b{font:var(--title-weight) 25px/1.08 var(--editorial)!important}
body.v21-quality #mapa .atlas-map-title small{display:block;font:10px/1.4 var(--body-font);color:var(--sub)}
body.v21-quality #mapa .atlas-zoom-presets{display:flex;align-items:center;gap:4px;max-width:100%;flex-wrap:wrap}
body.v21-quality #mapa .atlas-zoom-presets button{padding:6px 8px;font:600 9px/1.3 var(--body-font);min-height:29px;white-space:nowrap}
body.v21-quality #mapa .atlas-map-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
body.v21-quality #mapa .atlas-map-legend{font:9px/1.4 var(--body-font);padding:5px 7px;gap:7px}
body.v21-quality #mapa .atlas-map-buttons{display:flex;flex-wrap:wrap;gap:6px}
body.v21-quality #mapa .atlas-map-buttons button{font:600 10px/1.3 var(--body-font);padding:8px 10px;min-height:31px;border-color:var(--edge);color:var(--ink);background:var(--panel-soft)}
body.v21-quality #mapa #v19Atlas .atlas-map-shell{width:100%;height:405px!important;min-height:405px!important;max-height:405px!important;flex:0 0 405px!important;border:1px solid var(--edge);border-radius:11px;overflow:hidden!important}
body.v21-quality #mapa #v19Atlas #leafletMap{width:100%;height:100%!important;min-height:0!important;max-height:405px!important}

/* Avisos y leyenda fuera del visor: dejan toda la cartografía libre. */
body.v21-quality #mapa #atlasMapEmpty:not([hidden]){display:block;position:static;inset:auto;transform:none;width:100%;max-width:none;margin:0;padding:10px 12px;box-sizing:border-box;border:1px solid var(--edge);border-radius:9px;background:var(--panel-soft);color:var(--ink);box-shadow:none;font:11px/1.5 var(--body-font);text-align:left;pointer-events:auto}
body.v21-quality #mapa #atlasMapEmpty[hidden]{display:none!important}
body.v21-quality #mapa .map-floating{position:static;inset:auto;width:100%;max-width:none;margin:0;padding:4px 2px;border:0;background:transparent!important;box-shadow:none;color:var(--sub);font-size:9px;pointer-events:auto}
body.v21-quality #mapa .map-floating .legend-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
body.v21-quality #mapa .map-floating .map-status{margin-top:4px;font-size:9px;color:var(--sub)}
body.v21-quality #mapa .atlas-map-footer{padding:3px 2px;gap:6px;display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--sub)}
body.v21-quality #mapa .atlas-map-footer :is(span,strong){font-size:9px;color:var(--sub)}
body.v21-quality #mapa .atlas-map-footer small{font-size:8px;color:var(--sub)}

/* Ambos módulos originales se muestran debajo del mapa, conservando cada lectura y resultado. */
body.v21-quality[data-theme] #mapa #v19Atlas>.atlas-intelligence{grid-column:1/-1;grid-row:2;order:0;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start;padding:0;border:0!important;background:transparent!important}
body.v21-quality #mapa .atlas-river-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;padding:17px;border:1px solid var(--edge);border-radius:13px;background:var(--panel)}
body.v21-quality #mapa .atlas-river-block>.atlas-side-heading{grid-column:1/-1}
body.v21-quality #mapa .atlas-river-block .atlas-side-heading p{margin-bottom:2px}
body.v21-quality #mapa .atlas-river-metric{margin:0;padding:10px;min-width:0;border:1px solid var(--edge);border-radius:9px;background:var(--panel-soft)!important}
body.v21-quality #mapa .atlas-river-metric strong{font:600 10px/1.4 var(--body-font);color:var(--ink)}
body.v21-quality #mapa .atlas-river-metric>b{font:var(--title-weight) 28px/1.15 var(--editorial);color:var(--heading);margin-top:7px}
body.v21-quality #mapa .atlas-river-metric small{font:9px/1.5 var(--body-font);color:var(--sub)}
body.v21-quality #mapa .atlas-river-metric a{font:600 9px/1.5 var(--body-font);color:var(--accent);display:inline-block}
body.v21-quality #mapa .atlas-hydric-warning{font:9px/1.55 var(--body-font);color:var(--sub);margin:0}
body.v21-quality #mapa .map-river-illustration{grid-column:2;grid-row:3;position:relative;margin:0;align-self:start;justify-self:end;width:90px}
body.v21-quality #mapa .map-river-illustration img{display:block;width:90px;height:111px;object-fit:cover;border-radius:9px;border:1px solid var(--edge)}
body.v21-quality #mapa .map-river-illustration figcaption{font:7px/1.4 var(--body-font);color:var(--sub);margin-top:3px;text-align:center}
body.v21-quality #mapa .atlas-result-block{min-height:0;max-width:100%;padding:17px;margin:0;border:1px solid var(--edge);border-radius:13px;background:var(--panel)}
body.v21-quality #mapa .atlas-result-heading{gap:8px;align-items:start}
body.v21-quality[data-theme] #mapa #v19Atlas .atlas-result-heading h3{font:var(--title-weight) 29px/1.08 var(--editorial)!important;letter-spacing:-.015em;margin:5px 0 0}
body.v21-quality #mapa #atlasResultTitle{font:10px/1.5 var(--body-font);color:var(--sub);padding-top:4px}
body.v21-quality #mapa .atlas-results{max-height:253px;margin:12px -3px 9px;padding:0 3px;overflow:auto}
body.v21-quality #mapa .atlas-view-all{font:600 11px/1.4 var(--body-font);padding:9px 13px;background:var(--panel-soft);color:var(--accent);border-color:var(--edge);border-radius:9px}
body.v21-quality #mapa .atlas-bottom-status{margin-top:14px;background:var(--panel)!important;border-color:var(--edge)}
body.v21-quality #mapa .atlas-bottom-status>div{padding:10px 12px}
body.v21-quality #mapa .atlas-bottom-status>div+div{border-color:var(--edge)}
body.v21-quality #mapa .atlas-bottom-status b{font-size:10px;color:var(--accent)}
body.v21-quality #mapa .atlas-bottom-status small{font-size:9px;color:var(--sub)}

/* Degradado sólo en los títulos de esta sección, con alternativa sólida legible. */
body.v21-quality[data-theme] #mapa :is(#atlasHeading,#v19Atlas .atlas-side-heading h3,#v19Atlas .atlas-result-heading h3,#v19Atlas .atlas-map-title b){background:none!important;color:var(--map-title)!important;-webkit-text-fill-color:var(--map-title)!important;text-shadow:none!important}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 body.v21-quality[data-theme] #mapa :is(#atlasHeading,#v19Atlas .atlas-side-heading h3,#v19Atlas .atlas-result-heading h3,#v19Atlas .atlas-map-title b){background:var(--map-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
}

@media(max-width:1180px){
 body.v21-quality #mapa{width:calc(100% + 12px);margin-inline:-6px}
 body.v21-quality #mapa #v19Atlas{grid-template-columns:200px minmax(0,1fr);gap:12px 10px}
 body.v21-quality #mapa #v19Atlas>.atlas-filters{padding:12px}
 body.v21-quality[data-theme] #mapa #v19Atlas .atlas-side-heading h3{font-size:27px!important}
 body.v21-quality #mapa .atlas-river-block{grid-template-columns:minmax(0,1fr)}
 body.v21-quality #mapa .map-river-illustration{display:none}
}
@media(max-width:1000px){body.v21-quality #mapa{width:100%;margin-inline:0}}
@media(max-width:760px){
 body.v21-quality #mapa #v19Atlas{grid-template-columns:minmax(0,1fr)}
 body.v21-quality #mapa #v19Atlas>.atlas-filters{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
 body.v21-quality #mapa .atlas-filters>:is(.atlas-side-heading,.atlas-filter-heading,.atlas-chip-group,.atlas-filter-footer,.atlas-precision-note),body.v21-quality #mapa .atlas-control:has(#atlasSearch){grid-column:1/-1}
 body.v21-quality #mapa .atlas-control{margin:0}
 body.v21-quality #mapa #v19Atlas>.atlas-center{grid-column:1;grid-row:2}
 body.v21-quality[data-theme] #mapa #v19Atlas>.atlas-intelligence{grid-column:1;grid-row:3;grid-template-columns:minmax(0,1fr)}
 body.v21-quality #mapa #v19Atlas .atlas-map-shell{height:335px!important;min-height:335px!important;max-height:335px!important;flex-basis:335px!important}
 body.v21-quality #mapa #v19Atlas #leafletMap{max-height:335px!important}
 body.v21-quality #mapa .atlas-river-block{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.v21-quality #mapa .atlas-hydric-warning{grid-column:1/-1}
 body.v21-quality[data-theme] #mapa #atlasHeading{font-size:37px!important}
 body.v21-quality #mapa .atlas-map-buttons button{min-height:38px;padding:8px 11px}
}
@media(max-width:480px){
 body.v21-quality #mapa #v19Atlas>.atlas-filters{grid-template-columns:minmax(0,1fr)}
 body.v21-quality #mapa .atlas-control{grid-column:1}
 body.v21-quality #mapa .atlas-river-block{grid-template-columns:minmax(0,1fr)}
 body.v21-quality #mapa #v19Atlas .atlas-map-shell{height:285px!important;min-height:285px!important;max-height:285px!important;flex-basis:285px!important}
 body.v21-quality #mapa #v19Atlas #leafletMap{max-height:285px!important}
 body.v21-quality[data-theme] #mapa #atlasHeading{font-size:33px!important}
 body.v21-quality #mapa .atlas-map-top{display:flex}
}