/* Portada elegida: propuesta 01 oscura + propuesta 04 clara.
   Sólo presentación y accesos a acciones existentes. */
@font-face{font-family:"Cormorant Garamond";src:url('../fonts/cormorant-garamond.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Caslon Display";src:url('../fonts/libre-caslon-display.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url('../fonts/manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
body.v21-quality{
 --editorial:"Cormorant Garamond",Georgia,serif;--body-font:"Manrope",system-ui,sans-serif;
 --page:#0c0916;--panel:#12101e;--panel-soft:#1d152a;--ink:#efe5f8;--sub:#c3b5d3;
 --heading:#faefff;--accent:#dc96f6;--edge:#644576;--hero-wash:#0a071348;
 --title-weight:600;--heading-size:clamp(34px,3.15vw,47px);--gold:#e8c06d;
 font-family:var(--body-font);font-synthesis:weight;
}
body.v21-quality[data-theme="light"]{
 --editorial:"Libre Caslon Display",Georgia,serif;
 --page:#f5edff;--panel:#fcf9ff;--panel-soft:#eee2fc;--ink:#31134c;--sub:#5d4275;
 --heading:#280641;--accent:#7e1fbd;--edge:#cbb2e4;--hero-wash:#f2e7fb95;
 --title-weight:400;--heading-size:clamp(32px,3vw,43px);--gold:#926111;
}
body.v21-quality :is(button,input,select,textarea){font-family:var(--body-font)}
body.v21-quality .brand-mark{font-family:var(--body-font);font-weight:800;color:#fff;background:linear-gradient(140deg,#a510ed,#e323d3);box-shadow:0 0 16px #b428df44}
body.v21-quality .brand-name{font-family:var(--body-font);font-size:18px;font-weight:800}
body.v21-quality .brand-name strong{color:var(--accent)}
body.v21-quality .brand-name small{color:var(--gold);font-size:8px;letter-spacing:.15em}
body.v21-quality .nav-links{font-family:var(--body-font);font-size:12px;gap:20px}
body.v21-quality .nav-in{max-width:1560px;min-height:66px;padding:0 26px}
body.v21-quality .v18-nav-publish,body.v21-quality .hero .btn-primary{background:linear-gradient(115deg,#cc20b8,#873dcc)!important;border-color:#c175dd}
body.v21-quality .v18-top-ticker{max-width:1508px;margin-bottom:5px;border-radius:10px;font-size:10px}
body.v21-quality .hero{min-height:174px}
body.v21-quality .hero-in{max-width:1508px;min-height:174px;padding:23px 26px}
body.v21-quality .hero h1,body.v21-quality[data-theme] .hero h1{font-family:var(--editorial)!important;font-weight:var(--title-weight)!important;font-size:clamp(42px,4.4vw,63px);letter-spacing:-.03em;line-height:1.04}
body.v21-quality .hero p{font-size:15px;line-height:1.5;max-width:70ch}
body.v21-quality .hero .actions{margin-top:14px}
body.v21-quality .hero #publishBtn{display:none}
body.v21-quality .hero .actions button{min-height:34px;padding:8px 14px;font-size:11px}
body.v21-quality .hero-glass{max-width:310px;min-width:280px}
body.v21-quality .radar-stats b{font-size:27px;font-weight:600}
body.v21-quality .radar-stats small{font-size:8px}
body.v21-quality[data-theme="light"] .nav-in{border-radius:12px}
body.v21-quality[data-theme="light"] .hero h1 span{color:#7823b1!important;-webkit-text-fill-color:#7823b1!important}
body.v21-quality[data-theme="light"] .hero p{font-family:var(--editorial);font-size:22px;color:var(--heading)!important}

body.v21-quality .portal-layout{max-width:1560px;grid-template-columns:minmax(155px,180px) minmax(0,1fr) minmax(155px,180px);gap:22px;padding:24px 26px 20px}
body.v21-quality .portal-layout>main.wrap{gap:25px}
body.v21-quality :is(main .section-head h2,#destacados .featured-block-head h2){font-family:var(--editorial)!important;font-weight:var(--title-weight)!important;font-size:var(--heading-size)!important;line-height:1.05;letter-spacing:-.02em;margin:5px 0 10px}
body.v21-quality .editorial-eyebrow{font-size:8px;letter-spacing:.21em;color:var(--gold)!important}
body.v21-quality #actualidad .section-head p{font-size:12px;line-height:1.5}
body.v21-quality #actualidad>.section-head{margin-bottom:12px}
body.v21-quality .city-lead-button{grid-template-columns:48% 52%;min-height:252px;border-radius:12px}
body.v21-quality .city-lead-graphic{min-height:252px}
body.v21-quality .city-lead-body{padding:20px 23px}
body.v21-quality .city-lead-body h3{font-family:var(--editorial)!important;font-size:clamp(27px,2.35vw,35px)!important;font-weight:var(--title-weight)!important;line-height:1.06;letter-spacing:-.01em;margin:9px 0;max-width:27ch}
body.v21-quality .city-lead-body p{font-size:12px;line-height:1.65}
body.v21-quality .city-headline-category{font-family:var(--body-font);font-size:8px;letter-spacing:.09em}
body.v21-quality .latest-report-date{font-family:var(--body-font);font-size:9px;margin-top:7px}
body.v21-quality .city-lead-body .city-open{font-size:11px;font-weight:650;margin-top:11px}
body.v21-quality .city-first-label{font-size:8px;font-weight:700;letter-spacing:.07em;padding:6px 9px}
body.v21-quality #destacados .featured-layout{gap:25px}
body.v21-quality #destacados .featured-block-head{gap:6px;margin-bottom:8px}
body.v21-quality #destacados .featured-block-head p{font-size:11px!important}
body.v21-quality #destacados .carousel-tools{gap:7px}
body.v21-quality #destacados .carousel-btn{width:30px;height:30px;min-height:30px;font-size:16px}
body.v21-quality #destacados .v21-see-all{font-family:var(--body-font);font-size:10px}
body.v21-quality #destacados #featuredReportsTrack{gap:12px}
body.v21-quality #destacados #featuredReportsTrack .report-slide{flex-basis:calc((100% - 48px)/4);width:calc((100% - 48px)/4);height:203px;min-height:203px;border-radius:10px}
body.v21-quality #destacados #featuredReportsTrack .report-slide>h3{font-family:var(--editorial)!important;font-weight:650!important;font-size:19px!important;line-height:1.08;max-height:82px;bottom:37px;left:12px;right:12px}
body.v21-quality #destacados #featuredReportsTrack .report-slide .feature-meta{font-size:8px;bottom:11px;left:12px;right:12px}
body.v21-quality #destacados #featuredReportsTrack .report-slide .feature-pill{font-size:8px;max-width:calc(100% - 43px)}
body.v21-quality #destacados #featuredReportsTrack .report-slide [data-bookmark]{height:24px;width:24px;min-width:24px;min-height:24px;border-radius:6px}
body.v21-quality .report-carousel-footer{gap:9px;padding-top:4px}
body.v21-quality .report-carousel-pause{font-size:9px;padding:4px 8px}
body.v21-quality #destacados #featuredNewsTrack .news-slide{height:117px;min-height:117px;grid-template-columns:91px minmax(0,1fr);gap:10px;border-radius:9px}
body.v21-quality #destacados #featuredNewsTrack .news-slide :is(.v20-demo-image,.news-thumbnail){height:115px;min-height:115px;max-width:91px;width:91px;border-radius:8px 0 0 8px}
body.v21-quality #destacados #featuredNewsTrack .news-slide>h3{font-family:var(--editorial)!important;font-size:18px!important;font-weight:650!important;line-height:1.08;max-height:77px;margin-top:27px}

/* Los mismos cuatro casos, sobre panel lavanda en el modo claro elegido. */
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide{height:230px;min-height:230px;background:var(--panel)!important}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide:before{display:none!important}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide>:is(.v20-demo-image,.v18-gallery,.v18-feature-fallback){position:absolute!important;inset:0 0 auto!important;height:129px!important;min-height:129px!important;overflow:hidden}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide .v20-demo-image img{height:129px!important;min-height:129px!important}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide .v18-gallery :is(.v18-gallery-viewport,.v18-gallery-slide){height:100%!important;min-height:0!important}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide>h3{font-family:var(--editorial)!important;font-weight:400!important;font-size:20px!important;color:var(--heading)!important;-webkit-text-fill-color:var(--heading)!important;background:none!important;filter:none;bottom:40px;max-height:51px;left:11px;right:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide .feature-pill{top:auto!important;bottom:12px;left:11px;right:11px;max-width:calc(100% - 22px);background:none!important;border:0;padding:0;color:var(--accent)!important;font-size:8px;letter-spacing:0}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide .feature-meta{top:10px!important;bottom:auto!important;left:9px;right:37px;justify-content:flex-start;gap:5px;margin:0;padding:4px 6px;background:#25102acb;border-radius:8px;color:#fff!important;font-size:7px}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide .card-status{font-size:7px}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .card-status.red{background:#ffe0e7!important;color:#7a2038!important}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .card-status.amber{background:#ffecb5!important;color:#654200!important}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .card-status.green{background:#d9f6e5!important;color:#155a35!important}
body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide [data-bookmark]{background:#fffcffeb;color:var(--accent);border-color:#b591d0}
body.v21-quality[data-theme="light"] #destacados #featuredNewsTrack .news-slide>h3{font-family:var(--editorial)!important;font-weight:400!important;font-size:18px!important}
body.v21-quality[data-theme="light"] #destacados .featured-block-head{border-top:1px solid var(--edge);padding-top:9px}
body.v21-quality[data-theme="light"] #destacados .editorial-eyebrow{color:var(--gold)!important}

/* Publicidad: los dos asides conservan exactamente su posición. */
body.v21-quality .portal-layout>:is(#publicidad,#sfteV222AdBand){padding:0!important;overflow:hidden;border-radius:8px}
body.v21-quality .sponsor-aside h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
body.v21-quality .sponsor-label{display:block;padding:13px 10px;text-align:center;font-family:var(--body-font);font-size:8px;letter-spacing:.17em;border-bottom:1px solid var(--edge)}
body.v21-quality .sponsor-aside .ad-slot{min-height:600px;justify-content:flex-end;gap:17px;padding:25px 21px;border:0!important;border-radius:0;background:linear-gradient(180deg,#100b170a 0%,#100b1740 34%,#100b17e8 56%,#100b17 100%),url('../images/demo-clean/puente.webp') center top/cover!important;align-items:flex-start;text-align:left}
body.v21-quality .sponsor-right .ad-slot{background-image:linear-gradient(180deg,#100b170a 0%,#100b1740 34%,#100b17e8 56%,#100b17 100%),url('../images/portada-puente-santa-fe-hd.webp')!important}
body.v21-quality .sponsor-aside .ad-slot .ad-slot-mark{order:3;font-size:29px;color:var(--gold)}
body.v21-quality .sponsor-aside .ad-slot strong{font-family:var(--editorial);font-size:31px;font-weight:600;line-height:1.03;color:#f7eaff!important}
body.v21-quality .sponsor-aside .ad-slot strong::after{content:"";display:block;width:35px;height:2px;margin-top:22px;background:var(--gold)}
body.v21-quality .sponsor-aside .ad-slot p{font-family:var(--body-font);font-size:12px;line-height:1.65;color:#ddd0ea}
body.v21-quality .sponsor-aside .ad-slot small{font-family:var(--body-font);order:4;color:#bfaacd!important;font-size:7px;letter-spacing:.15em}
body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot{min-height:600px;justify-content:flex-start;padding:65px 24px 240px;gap:22px;background:linear-gradient(180deg,#f6effeaa,#eee3fa88),url('../icons/comercio-lavanda.svg') center bottom/100% auto no-repeat!important}
body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot strong{font-family:var(--editorial);font-size:31px;font-weight:400;color:var(--accent)!important}
body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot strong::after{height:1px;background:var(--edge);margin-top:22px}
body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot p{color:var(--sub)}
body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot small{color:var(--sub)!important}
body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot .ad-slot-mark{display:none}

/* Atajos a módulos y acciones existentes; sus manejadores no cambian. */
body.v21-quality .home-shortcuts{order:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
body.v21-quality .home-shortcuts :is(a,button){display:flex;align-items:center;gap:10px;min-width:0;text-align:left;text-decoration:none;padding:13px 12px;border:1px solid var(--edge);background:var(--panel)!important;color:var(--ink)!important;border-radius:10px;cursor:pointer;font-family:var(--body-font)}
body.v21-quality .home-shortcuts .shortcut-icon{font-size:23px;line-height:1;color:var(--accent)}
body.v21-quality .home-shortcuts .shortcut-copy{min-width:0}
body.v21-quality .home-shortcuts b{display:block;font-size:11px;line-height:1.35;font-weight:650;color:var(--heading)}
body.v21-quality .home-shortcuts small{display:block;font-size:8px;line-height:1.5;color:var(--sub);margin-top:3px}
body.v21-quality .home-shortcuts :is(a,button):hover{border-color:var(--accent);background:var(--panel-soft)!important}
body.v21-quality[data-theme="light"] .home-shortcuts b{font-family:var(--editorial);font-weight:400;font-size:16px}
@media(max-width:1180px){
 body.v21-quality .portal-layout{grid-template-columns:minmax(115px,140px) minmax(0,1fr) minmax(115px,140px);gap:15px;padding-inline:16px}
 body.v21-quality #destacados #featuredReportsTrack .report-slide{flex-basis:calc((100% - 36px)/3);width:calc((100% - 36px)/3)}
 body.v21-quality .sponsor-aside .ad-slot{padding-inline:15px}
 body.v21-quality .sponsor-aside .ad-slot strong{font-size:27px}
 body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot{padding-inline:16px}
 body.v21-quality .nav-links{gap:12px;font-size:11px}
 body.v21-quality .brand-name{font-size:15px}
}
@media(max-width:1000px){
 body.v21-quality .portal-layout{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:20px 14px}
 body.v21-quality .sponsor-aside .ad-slot,body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot{min-height:65px;padding:12px;background:var(--panel-soft)!important;align-items:center;justify-content:center;gap:5px;text-align:center}
 body.v21-quality .sponsor-aside .ad-slot strong,body.v21-quality[data-theme="light"] .sponsor-aside .ad-slot strong{font-size:23px;color:var(--heading)!important}
 body.v21-quality .sponsor-aside .ad-slot strong br{display:none}
 body.v21-quality .sponsor-aside .ad-slot strong::after{display:none}
 body.v21-quality .sponsor-label{padding:8px}
 body.v21-quality .sponsor-aside .ad-slot :is(p,small,.ad-slot-mark){display:none}
 body.v21-quality .home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 body.v21-quality .nav-in{padding:0 7px;gap:5px}
 body.v21-quality .brand-name{font-size:11px}
 body.v21-quality .hero-in{min-height:159px;padding:20px 14px}
 body.v21-quality .hero h1,body.v21-quality[data-theme] .hero h1{font-size:44px}
 body.v21-quality .hero p{font-size:12px}
 body.v21-quality[data-theme="light"] .hero p{font-size:18px}
 body.v21-quality .portal-layout{padding:14px 12px}
 body.v21-quality .city-lead-button{display:block;min-height:0}
 body.v21-quality .city-lead-graphic{min-height:205px;height:205px}
 body.v21-quality .city-lead-body{padding:20px}
 body.v21-quality .city-lead-body h3{font-size:31px!important}
 body.v21-quality :is(main .section-head h2,#destacados .featured-block-head h2){font-size:36px!important}
 body.v21-quality #destacados #featuredReportsTrack .report-slide{flex-basis:calc((100% - 24px)/2);width:calc((100% - 24px)/2)}
 body.v21-quality .home-shortcuts b{font-size:10px}
}
@media(max-width:480px){
 body.v21-quality #destacados #featuredReportsTrack .report-slide{flex-basis:calc(100% - 30px);width:calc(100% - 30px);height:233px;min-height:233px}
 body.v21-quality #destacados #featuredReportsTrack .report-slide>h3{font-size:23px!important}
 body.v21-quality[data-theme="light"] #destacados #featuredReportsTrack .report-slide>h3{font-size:23px!important;max-height:52px;bottom:39px}
 body.v21-quality .hero h1,body.v21-quality[data-theme] .hero h1{font-size:39px}
}