/* Ajuste acotado sobre V22. Los estilos y módulos aprobados siguen siendo la base. */
body.v21-quality .city-now-layout{grid-template-columns:minmax(0,1fr)}
body.v21-quality .city-lead-button{grid-template-columns:52% 48%;min-height:315px;border-color:#856099;box-shadow:0 12px 32px #08041145}
body.v21-quality .city-lead-graphic{height:100%;min-height:315px}
body.v21-quality .city-lead-body{padding:clamp(22px,3vw,38px);position:relative}
body.v21-quality .city-lead-body::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;background:linear-gradient(transparent,#d991e2,transparent)}
body.v21-quality .city-lead-body h3{font-size:clamp(26px,3.1vw,40px)!important;line-height:1.14;max-width:19ch}
body.v21-quality .city-lead-body p{font-size:13px;line-height:1.7;max-height:none;max-width:49ch}
body.v21-quality .city-first-label{font-size:9px;letter-spacing:.13em;padding:8px 10px;background:#1b102be8;border:1px solid #ddafde86;border-radius:6px;color:#ffe4c0}
body.v21-quality .latest-report-date{display:block;font-size:11px;color:#c3aeca;margin-top:10px}
body.v21-quality #destacados .featured-block:has(#featuredReportsTrack){padding:14px 0 10px}
body.v21-quality #destacados #featuredReportsTrack{gap:14px;padding:4px 2px 8px;touch-action:pan-x pan-y}
body.v21-quality #destacados #featuredReportsTrack .report-slide{flex:0 0 calc((100% - 68px)/3);width:calc((100% - 68px)/3);height:246px;min-height:246px;border-radius:14px;border-color:#73538b;transition:border-color .2s,box-shadow .2s}
body.v21-quality #destacados #featuredReportsTrack .report-slide:hover{border-color:#e0a4f4;box-shadow:0 0 0 1px #bc76e94a}
body.v21-quality #destacados #featuredReportsTrack .report-slide:before{inset:20% 0 0;background:linear-gradient(180deg,transparent,#090b18b0 48%,#090b18 98%)}
body.v21-quality #destacados #featuredReportsTrack .report-slide h3{font:700 clamp(16px,1.7vw,20px)/1.25 Georgia,serif;left:16px;right:16px;bottom:42px;max-height:76px;letter-spacing:-.01em}
body.v21-quality #destacados #featuredReportsTrack .report-slide .feature-pill{left:12px;top:12px;font-size:10px;max-width:calc(100% - 54px)}
body.v21-quality #destacados #featuredReportsTrack .report-slide .feature-meta{left:16px;right:16px;bottom:14px;font-size:10px;display:flex;justify-content:space-between;gap:8px}
body.v21-quality #destacados #featuredReportsTrack .report-slide .card-status{position:static!important;display:inline-flex!important;padding:3px 7px;font-size:9px;line-height:1.2;white-space:nowrap}
body.v21-quality #destacados #featuredReportsTrack .report-slide [data-bookmark]{top:10px;right:10px}
body.v21-quality #destacados .featured-block:has(#featuredReportsTrack) .carousel-btn{width:34px;height:34px;min-height:34px;font-size:17px}
.report-carousel-footer{display:flex;align-items:center;gap:16px;padding:10px 4px 0;color:#ceb3de}
.report-carousel-count{font:600 11px/1.4 system-ui;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.report-carousel-dots{display:flex;align-items:center;gap:2px}
.report-carousel-dots button{border:0;background:transparent;width:28px;height:28px;padding:0;cursor:pointer;position:relative}
.report-carousel-dots button::after{content:"";position:absolute;inset:10px;border-radius:8px;background:#856797;transition:background .2s,inset .2s}
.report-carousel-dots button[aria-pressed="true"]::after{inset:10px 3px;background:#e0a4ed}
.report-carousel-pause{margin-left:auto;color:inherit;background:transparent;border:1px solid #715482;border-radius:20px;padding:7px 12px;font:500 10px/1.4 system-ui;cursor:pointer}
.report-carousel-pause:hover{background:#8655a02b}
.neighborhood-tabs{display:flex;gap:8px;margin:14px 0 12px;border-bottom:1px solid #624478;padding-bottom:10px}
.neighborhood-tabs [role="tab"]{background:transparent;border:1px solid #624478;border-radius:9px;padding:11px 16px;color:#d5bcdf;font:600 12px/1.4 system-ui;cursor:pointer}
.neighborhood-tabs [aria-selected="true"]{background:linear-gradient(120deg,#7139a4,#912ca0);border-color:#c481e0;color:#fff}
body.v21-quality [role="tabpanel"][hidden],body.v21-quality #reportCarouselControls[hidden]{display:none!important}
body.v21-quality #territorios{margin:0;padding:20px;border:1px solid #69477f;border-radius:15px;background:#111526}
body.v21-quality #territorios .territory-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
body.v21-quality #territorios .territory-layout{grid-template-columns:minmax(0,1fr) minmax(200px,.3fr)}
body.v21-quality #territorios .territory-side{grid-template-columns:minmax(0,1fr)}
body.v21-quality #territorios .section-head h2{font-size:clamp(21px,2.6vw,31px)}
body.v21-quality #hidrico.v21-expanded,body.v21-quality #barrios.v21-expanded{display:block!important}
body.v21-quality[data-theme="light"] .latest-report-date{color:#70537e}
body.v21-quality[data-theme="light"] .report-carousel-footer{color:#684377}
body.v21-quality[data-theme="light"] .report-carousel-dots button::after{background:#c6b0d4}
body.v21-quality[data-theme="light"] .report-carousel-dots button[aria-pressed="true"]::after{background:#842bad}
body.v21-quality[data-theme="light"] .neighborhood-tabs [role="tab"]{color:#654178;border-color:#c2a6d4}
body.v21-quality[data-theme="light"] .neighborhood-tabs [aria-selected="true"]{color:#fff}
body.v21-quality[data-theme="light"] #territorios{background:#fff;border-color:#d4bfe6}
@media(max-width:950px){body.v21-quality #destacados #featuredReportsTrack .report-slide{flex-basis:calc((100% - 52px)/2);width:calc((100% - 52px)/2)}body.v21-quality #territorios .territory-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 body.v21-quality .city-lead-button{display:block;min-height:0}
 body.v21-quality .city-lead-graphic{height:210px;min-height:210px}
 body.v21-quality .city-lead-body{padding:20px}
 body.v21-quality .city-lead-body h3{font-size:27px!important;max-width:none}
 body.v21-quality .city-lead-body::before{display:none}
 body.v21-quality #destacados #featuredReportsTrack .report-slide{flex-basis:calc(100% - 36px);width:calc(100% - 36px);height:258px;min-height:258px}
 body.v21-quality #destacados #featuredReportsTrack .report-slide h3{font-size:20px}
 body.v21-quality #territorios{padding:12px}
 body.v21-quality #territorios .territory-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 body.v21-quality #territorios .territory-col{padding:6px 3px;min-width:0}
 body.v21-quality #territorios .territory-choice{font-size:10px;padding:9px 5px}
 .neighborhood-tabs [role="tab"]{flex:1;padding:10px 8px;font-size:11px}
 .report-carousel-footer{gap:8px}
}
@media(prefers-reduced-motion:reduce){body.v21-quality #featuredReportsTrack .report-slide,.report-carousel-dots button::after{transition:none!important}}