/* Marcela Pagano · tema unificado de producción · v23
   Una sola hoja de estilo para Inicio, Proyectos, Denunciómetro, Rearme, Argentina PyME y Prensa.
   Paleta principal: celeste institucional. */

/* ===== celeste-institucional-v3 ===== */
/* ========================================================================
   PALETA CELESTE INSTITUCIONAL · PORTADA
   Referencia visual: celeste claro + azul institucional + dorado puntual.
   Objetivos: más contraste, menos saturación, mejor lectura y una identidad
   más institucional sin tocar la estructura ni la lógica PHP/JS.
   ======================================================================== */

:root,
:root[data-theme="dark"]{
  --pag-bg:#F6FBFE;
  --pag-sky-0:#EEF8FD;
  --pag-sky-1:#E3F2FB;
  --pag-sky-2:#D5EBF8;
  --pag-sky-3:#C6E3F4;
  --pag-cream:#FCFAF4;
  --pag-white:#FFFFFF;
  --pag-navy:#0B3B69;
  --pag-navy-deep:#062B50;
  --pag-blue:#1F6FA3;
  --pag-blue-2:#4FA3D7;
  --pag-blue-3:#79BDE6;
  --pag-gold:#E3B437;
  --pag-gold-soft:#F6D97F;
  --pag-gold-ink:#7F5A00;
  --pag-text:#173F60;
  --pag-muted:#456F8D;
  --pag-subtle:#527893;
  --pag-line:rgba(11,59,105,.14);
  --pag-line-strong:rgba(11,59,105,.26);
  --pag-shadow:0 18px 46px -34px rgba(6,43,80,.34);
  --pag-shadow-card:0 24px 58px -40px rgba(6,43,80,.40);
  color-scheme:light!important;

  /* Compatibilidad con los tokens originales del sitio. */
  --paper:var(--pag-bg);
  --surface:#FFFFFF;
  --surface-2:var(--pag-sky-0);
  --surface-3:var(--pag-sky-1);
  --ink:var(--pag-text);
  --muted:var(--pag-muted);
  --faint:var(--pag-subtle);
  --line:var(--pag-line);
  --line-strong:var(--pag-line-strong);
  --link:var(--pag-blue);
  --sol:var(--pag-gold);
  --sol-2:#C99B25;
  --celeste:#74ACDF;
  --celeste-soft:var(--pag-sky-1);
  --sol-soft:#FFF3C9;
  --sol-ink:var(--pag-gold-ink);
  --hero-bg:var(--pag-sky-2);
  --hero-bg-2:var(--pag-sky-0);
  --hero-ink:var(--pag-navy);
  --hero-muted:var(--pag-muted);
  --hero-line:var(--pag-line);
  --tab-active-bg:var(--pag-navy);
  --tab-active-ink:#fff;
  --btn-bg:var(--pag-navy);
  --btn-ink:#fff;
  --field-bg:#fff;
  --field-line:rgba(11,59,105,.25);
  --focus:#2A83BC;
  --mark-bg:#F7DD86;
  --mark-ink:var(--pag-navy-deep);
  --bar:var(--pag-blue);
  --bar-hover:var(--pag-navy);
  --bar-track:#DBECF6;
  --shadow:var(--pag-shadow);
  --shadow-lg:var(--pag-shadow-card);
}

/* Si el sistema operativo pide modo oscuro y el usuario todavía no eligió,
   esta portada usa la identidad institucional clara. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:var(--pag-bg);
    --surface:#FFFFFF;
    --surface-2:var(--pag-sky-0);
    --surface-3:var(--pag-sky-1);
    --ink:var(--pag-text);
    --muted:var(--pag-muted);
    --faint:var(--pag-subtle);
    --line:var(--pag-line);
    --line-strong:var(--pag-line-strong);
    --link:var(--pag-blue);
    --sol:var(--pag-gold);
    --sol-2:#C99B25;
    --celeste-soft:var(--pag-sky-1);
    --sol-soft:#FFF3C9;
    --sol-ink:var(--pag-gold-ink);
    --btn-bg:var(--pag-navy);
    --btn-ink:#fff;
    --field-bg:#fff;
    --field-line:rgba(11,59,105,.25);
    --focus:#2A83BC;
    --bar:var(--pag-blue);
    --bar-hover:var(--pag-navy);
    --bar-track:#DBECF6;
    color-scheme:light!important;
  }
}

html,body{background:var(--pag-bg)!important;color:var(--pag-text)!important}
body{font-weight:500!important;overflow-x:hidden}
main{background:var(--pag-bg)!important}
::selection{background:var(--pag-gold-soft)!important;color:var(--pag-navy-deep)!important}

/* ----------------------------- HEADER ---------------------------------- */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:500!important;
  background:rgba(252,250,244,.985)!important;
  color:var(--pag-navy)!important;
  border-bottom:1px solid var(--pag-line)!important;
  box-shadow:0 8px 28px -26px rgba(6,43,80,.55)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.topbar::before{
  content:""!important;
  display:block!important;
  height:6px!important;
  background:linear-gradient(90deg,var(--pag-blue-3) 0 33.333%,#FFF 33.333% 66.666%,var(--pag-blue-3) 66.666% 100%)!important;
  box-shadow:0 1px 0 var(--pag-gold)!important;
}
.topbar__row{min-height:88px!important;gap:16px!important;padding-top:4px!important}
.brand{gap:13px!important}
.brand img{width:46px!important;height:46px!important;filter:none!important}
.brand__name{font-size:19px!important;letter-spacing:.055em!important;color:var(--pag-navy)!important}
.brand__role{font-size:9.5px!important;letter-spacing:.22em!important;color:var(--pag-blue)!important;margin-top:6px!important}
.tabs{display:none!important}
.topbar.is-open .tabs{
  display:grid!important;
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:max(16px,var(--gutter))!important;
  width:min(340px,calc(100vw - 32px))!important;
  padding:12px!important;
  gap:7px!important;
  background:#fff!important;
  border:1px solid var(--pag-line-strong)!important;
  border-radius:20px!important;
  box-shadow:0 24px 60px -30px rgba(6,43,80,.55)!important;
}
.topbar.is-open .tabs a{
  min-height:47px!important;
  border-radius:13px!important;
  background:var(--pag-sky-0)!important;
  border:1px solid var(--pag-line)!important;
  color:var(--pag-navy)!important;
  justify-content:space-between!important;
  padding-inline:16px!important;
}
.topbar.is-open .tabs a:hover{background:var(--pag-sky-1)!important;border-color:var(--pag-line-strong)!important}
.topbar.is-open .tabs a[aria-current="page"]{background:var(--pag-navy)!important;color:#fff!important;border-color:var(--pag-navy)!important}
.topbar__tools{margin-left:auto!important;display:flex!important;gap:10px!important}
.icon-btn,.menu-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  color:var(--pag-navy)!important;
  border:1.5px solid var(--pag-line-strong)!important;
  box-shadow:0 8px 22px -20px rgba(6,43,80,.45)!important;
}
.icon-btn{width:52px!important;height:52px!important;border-radius:50%!important}
.menu-btn{min-height:52px!important;padding:0 21px!important;border-radius:999px!important;font-size:1rem!important;gap:10px!important}
.icon-btn:hover,.menu-btn:hover{background:var(--pag-sky-0)!important;border-color:rgba(31,111,163,.45)!important}
.theme-toggle .sun{display:block!important}.theme-toggle .moon{display:none!important}

/* ----------------------------- HERO ------------------------------------ */
.hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 80% 40%,rgba(255,255,255,.98) 0 8%,rgba(255,255,255,.40) 27%,transparent 53%),
    linear-gradient(180deg,#DCEFFB 0%,#D5EAF8 64%,#EAF6FC 100%)!important;
  color:var(--pag-navy)!important;
  border-bottom:0!important;
}
.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.55!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.22),transparent 44%),
    radial-gradient(circle at 78% 42%,rgba(116,172,223,.12),transparent 56%)!important;
}
.hero::after{display:none!important}
.hero__grid{
  position:relative!important;
  z-index:1!important;
  min-height:680px!important;
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr)!important;
  column-gap:12px!important;
  align-items:stretch!important;
}
.hero__copy{position:relative!important;z-index:5!important;padding:72px 0 56px!important;align-self:stretch!important}
.hero .eyebrow{color:var(--pag-navy)!important;font-weight:900!important;letter-spacing:.19em!important}
.hero .eyebrow::before{background:var(--pag-blue-2)!important;width:30px!important;height:3px!important}
.hero h1{
  color:var(--pag-navy)!important;
  font-size:clamp(4.15rem,7vw,6.9rem)!important;
  line-height:.89!important;
  letter-spacing:-.044em!important;
  margin:28px 0 31px!important;
  max-width:7.5ch!important;
  text-shadow:none!important;
}
.hero h1 .acento{color:var(--pag-gold)!important;text-shadow:none!important}
.hero h1 .acento svg{bottom:-.12em!important}
.hero h1 .acento path{stroke:var(--pag-blue-2)!important;stroke-width:6!important}
.hero .lead{color:var(--pag-muted)!important;max-width:49ch!important;font-size:1.08rem!important;line-height:1.72!important}
.hero .lead strong{color:var(--pag-navy)!important;font-size:1.13rem!important;line-height:1.45!important;margin-bottom:12px!important}
.hero__visual{min-height:680px!important;position:relative!important;z-index:2!important;overflow:visible!important}
.hero__halo{display:block!important;left:54%!important;top:47%!important;width:780px!important;background:radial-gradient(circle,rgba(255,255,255,.92) 0%,rgba(79,163,215,.12) 42%,transparent 70%)!important}
.hero__sun{display:block!important;left:54%!important;top:47%!important;width:920px!important;opacity:.095!important;filter:hue-rotate(150deg) saturate(.75)!important;mix-blend-mode:multiply!important}
.hero__portrait{display:block!important;bottom:-2px!important;left:53%!important;height:min(91%,715px)!important;filter:drop-shadow(-12px 18px 30px rgba(6,43,80,.11))!important}
.hero__actions{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:30px!important;position:relative!important;z-index:8!important}
.hero__actions .btn{min-height:54px!important;border-radius:13px!important;font-size:.96rem!important;font-weight:900!important;box-shadow:none!important}
.hero__actions .btn--sol{background:linear-gradient(180deg,var(--pag-gold-soft),var(--pag-gold))!important;color:var(--pag-navy-deep)!important;border:1px solid #D5A72C!important}
.hero__actions .btn--sol:hover{background:linear-gradient(180deg,#FBE59D,#E8BA40)!important}
.hero__actions .btn--ghost{background:rgba(255,255,255,.60)!important;color:var(--pag-navy)!important;border:1.5px solid rgba(79,163,215,.75)!important}
.hero__actions .btn--ghost:hover{background:#fff!important;border-color:var(--pag-blue)!important}
.hero__note{color:var(--pag-subtle)!important;font-size:.84rem!important;line-height:1.55!important;max-width:62ch!important}

/* ------------------------- TABLERO DE CIFRAS ---------------------------- */
.board{background:var(--pag-cream)!important;color:var(--pag-navy)!important;border-block:1px solid var(--pag-line)!important}
.board__grid{gap:0!important}
.board .stat{background:transparent!important;border-color:var(--pag-line)!important;padding-top:29px!important;padding-bottom:29px!important}
.board .stat__label{color:var(--pag-blue)!important;font-weight:850!important}
.board .stat__value{color:var(--pag-navy)!important;text-shadow:none!important}
.board .stat__hint{color:var(--pag-muted)!important;font-weight:550!important}

/* ------------------------------ BASE ----------------------------------- */
.section{color:var(--pag-text)!important;background:var(--pag-bg)!important}
.section .h-section,.section h2,.section h3,.section h4{color:var(--pag-navy)!important}
.section .lead,.section p{color:var(--pag-muted)!important}
.section strong,.section b{color:var(--pag-navy-deep)}
.eyebrow{color:var(--pag-blue)!important}
.eyebrow::before{background:var(--pag-blue-2)!important}
.h-section .alt{color:var(--pag-blue)!important}

/* --------------------------- PUERTAS ----------------------------------- */
.doors{background:linear-gradient(180deg,var(--pag-sky-1),var(--pag-bg))!important}
.doors .section-head{margin-bottom:32px!important}
.door,.door--den,.door--pro{
  background:rgba(255,255,255,.94)!important;
  color:var(--pag-navy)!important;
  border:1px solid var(--pag-line)!important;
  box-shadow:var(--pag-shadow-card)!important;
}
.door::before{background:linear-gradient(90deg,var(--pag-blue-2),var(--pag-gold))!important}
.door__top{border-color:var(--pag-line)!important}
.door__figure,.door--den .door__figure{color:var(--pag-gold-ink)!important}
.door__label,.door--den .door__label,.door--pro .door__label{color:var(--pag-blue)!important}
.door p,.door--den p,.door--pro p,.door__meta,.door--den .door__meta,.door--pro .door__meta{color:var(--pag-muted)!important}
.door h3{color:var(--pag-navy)!important}
.door .btn--navy{background:var(--pag-navy)!important;color:#fff!important;border-color:var(--pag-navy)!important}
.door .btn--line{background:var(--pag-sky-0)!important;color:var(--pag-navy)!important;border-color:var(--pag-blue-2)!important}

/* -------------------------- REARME DEMOGRÁFICO ------------------------- */
.rd-band{background:linear-gradient(180deg,#E7F4FC 0%,#DDEFFA 100%)!important;padding-block:clamp(64px,8vw,100px)!important}
.rd-band__box{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  gap:clamp(34px,5vw,72px)!important;
  align-items:center!important;
  padding:clamp(30px,4vw,54px)!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid var(--pag-line)!important;
  border-radius:28px!important;
  box-shadow:var(--pag-shadow)!important;
}
.rd-band__box>.eyebrow{grid-column:1!important}
.rd-band__box>h2{grid-column:1!important;font-family:var(--display)!important;font-weight:850!important;font-size:clamp(2rem,3.5vw,3.55rem)!important;line-height:1.02!important;letter-spacing:-.03em!important;margin:10px 0 16px!important;color:var(--pag-navy)!important;text-transform:none!important}
.rd-band__box>h2 em{font-style:normal!important;color:var(--pag-gold-ink)!important}
.rd-band__box>p{grid-column:1!important;color:var(--pag-muted)!important;line-height:1.72!important;margin:0!important;max-width:64ch!important}
.rd-band__actions{grid-column:1!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important}
.rd-band__actions .btn--sol{background:var(--pag-gold-soft)!important;color:var(--pag-navy-deep)!important;border-color:#D5A72C!important}
.rd-band__actions .btn--ghost{background:#fff!important;color:var(--pag-navy)!important;border:1.5px solid var(--pag-blue-2)!important}
.rd-band__fig{grid-column:2!important;grid-row:1 / span 5!important;align-self:center!important;min-width:0!important}
.rd-trio__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:end!important}
.rd-trio__item{display:grid!important;grid-template-rows:minmax(220px,1fr) auto auto!important;align-items:end!important;text-align:center!important;padding:18px 12px 14px!important;background:rgba(255,255,255,.82)!important;border:1px solid var(--pag-line)!important;border-radius:18px!important}
.rd-trio__item--hoy{background:#fff!important;border-color:rgba(227,180,55,.48)!important;box-shadow:0 18px 38px -30px rgba(6,43,80,.40)!important}
.rd-trio__item svg{display:block!important;width:100%!important;height:230px!important;max-width:150px!important;margin:0 auto 10px!important;overflow:visible!important}
.rd-trio__lbl{display:block!important;color:var(--pag-muted)!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.rd-trio__year{display:block!important;color:var(--pag-navy)!important;font:900 1.1rem/1.1 var(--display)!important;margin-top:5px!important}
.rd-band__nota{grid-column:2!important;margin:14px 0 0!important;text-align:center!important;color:var(--pag-subtle)!important;font-size:.74rem!important;line-height:1.5!important}
.rd-band__nota b{color:var(--pag-navy)!important}

/* ---------------------- PROYECTOS DESTACADOS --------------------------- */
.featured-home{background:var(--pag-cream)!important;border-color:var(--pag-line)!important}
.feat-grid--home{gap:18px!important}
.feat{background:#fff!important;border:1px solid var(--pag-line)!important;border-radius:18px!important;box-shadow:var(--pag-shadow)!important;color:var(--pag-text)!important}
.feat:hover{border-color:var(--pag-line-strong)!important;box-shadow:var(--pag-shadow-card)!important}
.feat__band{border-color:var(--pag-line)!important}
.feat__title,.feat__title a{color:var(--pag-navy)!important}
.feat__bajada{color:var(--pag-muted)!important}
.feat__meta{color:var(--pag-subtle)!important}.feat__meta .num{color:var(--pag-navy)!important}
.feat__actions{padding-bottom:20px!important}
.feat__actions .btn--navy{background:var(--pag-navy)!important;color:#fff!important;border-color:var(--pag-navy)!important}
.feat__actions .btn--sol{background:var(--pag-gold-soft)!important;color:var(--pag-navy-deep)!important;border-color:#D5A72C!important}
.featured-home .more .btn{background:var(--pag-navy)!important;color:#fff!important;border-color:var(--pag-navy)!important}

/* ---------------------------- PLACAS ----------------------------------- */
.placas-home{
  background:
    radial-gradient(circle at 84% 10%,rgba(255,255,255,.92),transparent 31%),
    linear-gradient(180deg,#D9EDF9 0%,#EAF6FC 100%)!important;
  color:var(--pag-navy)!important;
  border-block:1px solid var(--pag-line)!important;
}
.placas-home::before{opacity:.05!important;mix-blend-mode:multiply!important}
.placas-home .eyebrow{color:var(--pag-blue)!important}
.placas-home .eyebrow::before{background:var(--pag-blue-2)!important}
.placas-home .h-section,.placas-editorial-title{color:var(--pag-navy)!important}
.placas-home .lead,.placas-editorial-deck{color:var(--pag-muted)!important}
.placas-editorial-head{border-color:var(--pag-line)!important}
.placa-card{background:rgba(255,255,255,.92)!important;border-color:var(--pag-line)!important;box-shadow:var(--pag-shadow-card)!important}
.placa-card:hover{background:#fff!important;border-color:rgba(31,111,163,.34)!important;box-shadow:0 28px 56px -36px rgba(6,43,80,.48)!important}
.placa-title{color:var(--pag-navy)!important}
.placa-deck{color:var(--pag-subtle)!important}
.placas-hint{color:var(--pag-subtle)!important}
.placas-arrow{background:#fff!important;color:var(--pag-navy)!important;border-color:var(--pag-line-strong)!important;box-shadow:0 16px 34px -24px rgba(6,43,80,.52)!important}
.placas-arrow:hover,.placas-arrow:focus-visible{background:var(--pag-gold-soft)!important;color:var(--pag-navy-deep)!important;border-color:#D5A72C!important}

/* -------------------------- QUIÉN SOY ---------------------------------- */
.who{background:linear-gradient(180deg,var(--pag-cream),#F4F9FC)!important}
.who__copy p{color:var(--pag-muted)!important}
.who__copy p strong{color:var(--pag-navy)!important}
.quote{color:var(--pag-navy)!important;border-left-color:var(--pag-gold)!important;background:linear-gradient(90deg,rgba(246,217,127,.28),transparent 72%)!important}
.cred{background:#fff!important;border-color:var(--pag-line)!important;box-shadow:0 12px 30px -28px rgba(6,43,80,.38)!important}
.cred__tick{background:linear-gradient(145deg,#EAC049,#C99620)!important;color:#fff!important}
.cred b{color:var(--pag-navy)!important}.cred span:not(.cred__tick){color:var(--pag-muted)!important}.cred a{color:var(--pag-blue)!important}
.who__photo{background:#fff!important;border-color:var(--pag-line)!important;box-shadow:var(--pag-shadow-card)!important}
.who__photo figcaption{background:var(--pag-sky-2)!important;color:var(--pag-navy)!important;border-top:1px solid var(--pag-line)!important}

/* ---------------------------- CONTACTO -------------------------------- */
.contact{background:linear-gradient(180deg,#E6F4FC 0%,#F4FAFD 100%)!important}
.channels .chip{background:#fff!important;color:var(--pag-navy)!important;border-color:var(--pag-line-strong)!important}
.channels .chip:hover{background:var(--pag-sky-0)!important;border-color:rgba(31,111,163,.42)!important}
.form-card{background:#fff!important;border-color:var(--pag-line)!important;box-shadow:var(--pag-shadow-card)!important}
.form-card h3{color:var(--pag-navy)!important}.form-card .intro,.form-note{color:var(--pag-muted)!important}
.form-card label{color:var(--pag-navy)!important}
.form-card input,.form-card select,.form-card textarea{background:#FCFEFF!important;color:var(--pag-navy)!important;border-color:rgba(11,59,105,.25)!important}
.form-card input::placeholder,.form-card textarea::placeholder{color:#6D8DA5!important}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--pag-blue)!important;box-shadow:0 0 0 3px rgba(79,163,215,.18)!important}
.form-card .btn--navy{background:var(--pag-navy)!important;color:#fff!important}

/* ----------------------------- CIERRE ---------------------------------- */
.closing{
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.68),transparent 42%),
    linear-gradient(180deg,#D7ECF8 0%,#EAF6FC 100%)!important;
  color:var(--pag-navy)!important;
  border-top:1px solid var(--pag-line)!important;
}
.closing__sun{opacity:.05!important;mix-blend-mode:multiply!important;filter:hue-rotate(150deg) saturate(.7)!important}
.closing .eyebrow{color:var(--pag-blue)!important}.closing .eyebrow::before{background:var(--pag-blue-2)!important}
.closing h2{color:var(--pag-navy)!important;text-shadow:none!important}
.closing .voice{color:var(--pag-muted)!important}
.closing .btn--sol{background:var(--pag-gold-soft)!important;color:var(--pag-navy-deep)!important;border-color:#D5A72C!important}
.closing .btn--line{background:#fff!important;color:var(--pag-navy)!important;border-color:var(--pag-blue-2)!important}
.closing .btn--line:hover{background:var(--pag-sky-0)!important;border-color:var(--pag-blue)!important;color:var(--pag-navy)!important}

/* ------------------------------ FOOTER -------------------------------- */
.footer{background:var(--pag-cream)!important;color:var(--pag-muted)!important;border-top:1px solid var(--pag-line)!important;padding-top:54px!important}
.footer img{filter:none!important}
.footer__name{color:var(--pag-navy)!important}
.footer__role{color:var(--pag-gold-ink)!important}
.footer .voice{color:var(--pag-muted)!important}
.footer__links a{color:var(--pag-navy)!important}.footer__links a:hover{color:var(--pag-blue)!important}
.footer__legal{color:#567A96!important;border-top-color:var(--pag-line)!important}
.footer::after{background:linear-gradient(90deg,var(--pag-blue-3) 0 33.4%,#fff 33.4% 66.6%,var(--pag-blue-3) 66.6%)!important;box-shadow:0 -1px 0 var(--pag-gold)!important}

/* Botones genéricos del prototipo. */
.btn--navy{background:var(--pag-navy)!important;color:#fff!important;border-color:var(--pag-navy)!important}
.btn--navy:hover{background:var(--pag-navy-deep)!important;border-color:var(--pag-navy-deep)!important}
.btn--sol{background:var(--pag-gold-soft)!important;color:var(--pag-navy-deep)!important;border-color:#D5A72C!important}
.btn--line,.btn--ghost{background:#fff!important;color:var(--pag-navy)!important;border-color:var(--pag-blue-2)!important}

/* ----------------------------- RESPONSIVE ------------------------------ */
@media (max-width:900px){
  .topbar__row{min-height:78px!important}
  .brand img{width:42px!important;height:42px!important}.brand__name{font-size:17px!important}.brand__role{font-size:8.3px!important}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(315px,.8fr)!important;min-height:610px!important}
  .hero__visual{min-height:610px!important}.hero h1{font-size:clamp(3.6rem,7.4vw,5.2rem)!important}
  .rd-band__box{grid-template-columns:1fr!important}
  .rd-band__box>.eyebrow,.rd-band__box>h2,.rd-band__box>p,.rd-band__actions,.rd-band__fig,.rd-band__nota{grid-column:1!important;grid-row:auto!important}
  .rd-band__fig{margin-top:20px!important}
}

@media (max-width:720px){
  .wrap{width:min(100% - 40px,1160px)!important}
  .section{padding-block:56px!important}
  .section-head{margin-bottom:26px!important}
  .h-section{font-size:clamp(2rem,9vw,2.75rem)!important;line-height:1!important}
  .lead{font-size:1rem!important;line-height:1.65!important}

  .topbar__row{min-height:74px!important;padding-inline:0!important}
  .topbar::before{height:5px!important}
  .brand{gap:9px!important}.brand img{width:36px!important;height:36px!important}
  .brand__name{font-size:15px!important}.brand__role{font-size:7px!important;letter-spacing:.18em!important;margin-top:4px!important}
  .icon-btn{width:44px!important;height:44px!important}.menu-btn{min-height:44px!important;padding:0 15px!important;font-size:.9rem!important;gap:8px!important}
  .menu-btn svg{width:18px!important;height:18px!important}
  .topbar.is-open .tabs{right:16px!important;top:calc(100% + 6px)!important}

  .hero{min-height:790px!important;background:linear-gradient(180deg,#DEEFFB 0%,#D7EBF8 72%,#EAF6FC 100%)!important}
  .hero__grid{display:block!important;min-height:790px!important;width:100%!important;max-width:none!important;padding:0 20px!important}
  .hero__copy{display:block!important;padding:54px 0 32px!important;min-height:790px!important;width:100%!important}
  .hero .eyebrow{font-size:.60rem!important;letter-spacing:.17em!important;padding-left:42px!important;white-space:nowrap!important}
  .hero .eyebrow::before{width:26px!important;left:0!important}
  .hero h1{font-size:clamp(3rem,13.7vw,3.8rem)!important;line-height:.90!important;max-width:5.8ch!important;margin:24px 0 26px!important;position:relative!important;z-index:5!important}
  .hero .lead{font-size:.92rem!important;line-height:1.62!important;max-width:58%!important;position:relative!important;z-index:5!important;color:var(--pag-muted)!important}
  .hero .lead strong{font-size:.94rem!important;line-height:1.44!important;margin-bottom:11px!important}
  .hero__visual{display:block!important;position:absolute!important;right:-72px!important;bottom:190px!important;width:68%!important;height:525px!important;min-height:0!important;z-index:3!important;overflow:visible!important}
  .hero__portrait{left:52%!important;bottom:0!important;height:100%!important;max-width:none!important;filter:drop-shadow(-8px 12px 18px rgba(6,43,80,.10))!important}
  .hero__sun{left:45%!important;top:45%!important;width:175%!important;opacity:.075!important}
  .hero__halo{left:45%!important;top:45%!important;width:155%!important;opacity:.78!important}
  .hero__actions{position:absolute!important;left:20px!important;right:20px!important;bottom:80px!important;margin:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;z-index:12!important}
  .hero__actions .btn{width:100%!important;min-height:52px!important;justify-content:center!important;border-radius:13px!important;font-size:.90rem!important}
  .hero__note{position:absolute!important;left:20px!important;right:20px!important;bottom:18px!important;margin:0!important;font-size:.76rem!important;line-height:1.45!important;color:var(--pag-subtle)!important;z-index:12!important}

  .board{padding-block:20px!important}
  .board__grid{grid-template-columns:1fr 1fr!important;gap:0!important}
  .board .stat{padding:19px 14px!important;border-bottom:1px solid var(--pag-line)!important}
  .board .stat:nth-child(odd){border-left:0!important}.board .stat:nth-child(even){border-left:1px solid var(--pag-line)!important}
  .stat__value{font-size:2rem!important}.stat__hint{font-size:.80rem!important}

  .doors__grid{grid-template-columns:1fr!important;gap:14px!important}.door{padding:24px!important;border-radius:18px!important}
  .rd-band{padding-block:54px!important}.rd-band__box{padding:24px 20px!important;border-radius:22px!important;gap:10px!important}
  .rd-band__box>h2{font-size:clamp(2rem,9vw,2.7rem)!important;margin-top:10px!important}
  .rd-band__actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.rd-band__actions .btn{width:100%!important;min-height:50px!important}
  .rd-trio__grid{gap:8px!important}.rd-trio__item{grid-template-rows:minmax(150px,1fr) auto auto!important;padding:12px 6px 10px!important;border-radius:14px!important}
  .rd-trio__item svg{height:160px!important;max-width:110px!important;margin-bottom:8px!important}.rd-trio__lbl{font-size:.58rem!important;letter-spacing:.04em!important}.rd-trio__year{font-size:.88rem!important}.rd-band__nota{font-size:.68rem!important}
  .feat-grid--home{grid-template-columns:1fr!important}.feat{border-radius:16px!important}
  .placas-home{padding-block:56px!important}.placa-card{background:#fff!important}.placa-title{font-size:1rem!important}.placa-deck{font-size:.82rem!important}
  .who__grid,.contact__grid{grid-template-columns:1fr!important}.who__photo{justify-self:stretch!important;max-width:520px!important;margin-inline:auto!important}
  .closing{padding-block:64px!important}.closing h2{font-size:clamp(2.3rem,10.5vw,3.25rem)!important;max-width:10ch!important}.closing__actions{display:grid!important;grid-template-columns:1fr!important;width:min(100%,520px)!important;margin-inline:auto!important}.closing__actions .btn{width:100%!important;min-height:50px!important}
  .footer{padding-inline:20px!important}.footer__links{gap:8px 18px!important}
}

@media (max-width:430px){
  .hero{min-height:770px!important}.hero__grid,.hero__copy{min-height:770px!important}
  .hero__copy{padding-top:50px!important}
  .hero .eyebrow{font-size:.56rem!important;padding-left:38px!important;letter-spacing:.15em!important}
  .hero h1{font-size:clamp(2.8rem,13vw,3.35rem)!important;margin-top:22px!important}
  .hero .lead{max-width:59%!important;font-size:.86rem!important}.hero .lead strong{font-size:.87rem!important}
  .hero__visual{right:-80px!important;width:72%!important;height:500px!important;bottom:185px!important}
  .hero__actions{left:18px!important;right:18px!important;bottom:78px!important}
  .hero__note{left:18px!important;right:18px!important;bottom:16px!important}
  .board .stat{padding-inline:12px!important}.stat__label{font-size:.64rem!important}.stat__value{font-size:1.8rem!important}
  .rd-trio__item svg{height:145px!important}
}

@media (max-width:365px){
  .brand__role{display:none!important}.menu-btn{padding-inline:12px!important}.topbar__tools{gap:7px!important}
  .hero h1{font-size:2.65rem!important}.hero .lead{font-size:.82rem!important;max-width:60%!important}
  .hero__visual{right:-86px!important;width:75%!important}
}

/* ===== fix-rearme-demografico-v4 ===== */
/* ======================================================================
   FIX REARME DEMOGRÁFICO · v4
   Corrige la estructura real del HTML (copy envuelto en un <div>),
   restaura la paleta de las pirámides SVG y elimina las filas implícitas
   que generaban el gran espacio vacío debajo del contenido.
   ====================================================================== */
.rd-band{
  --rd-h-ninez:#D4A72C;
  --rd-h-activa:#4A8AD2;
  --rd-h-mayor:#CF6690;
}

.rd-band__box{
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
  grid-auto-rows:auto!important;
  align-items:center!important;
  min-height:0!important;
}

/* El texto está realmente dentro del primer div hijo. */
.rd-band__box > div:first-child{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  align-self:center!important;
}
.rd-band__box > div:first-child .eyebrow{
  color:var(--pag-blue)!important;
  font-size:.72rem!important;
  letter-spacing:.16em!important;
}
.rd-band__box > div:first-child .eyebrow::before{
  background:var(--pag-blue-2)!important;
}
.rd-band__box > div:first-child h2{
  margin:14px 0 18px!important;
  max-width:16ch!important;
  color:var(--pag-navy)!important;
  font-family:var(--display)!important;
  font-size:clamp(2.45rem,3.8vw,3.75rem)!important;
  font-weight:900!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
  text-wrap:balance!important;
}
.rd-band__box > div:first-child h2 em{
  color:var(--pag-gold-ink)!important;
  font-style:normal!important;
}
.rd-band__box > div:first-child > p{
  max-width:58ch!important;
  margin:0!important;
  color:var(--pag-muted)!important;
  font-size:1rem!important;
  line-height:1.68!important;
}
.rd-band__box > div:first-child .rd-band__actions{
  display:flex!important;
  grid-column:auto!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:24px!important;
}

/* La figura ocupa una sola fila: el span 5 era el responsable del vacío. */
.rd-band__fig{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  gap:14px!important;
  align-self:center!important;
  min-width:0!important;
  margin:0!important;
}
.rd-trio__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:end!important;
}
.rd-trio__item{
  display:grid!important;
  grid-template-rows:205px auto auto!important;
  align-items:end!important;
  justify-items:center!important;
  min-width:0!important;
  padding:16px 10px 13px!important;
  border:1px solid var(--pag-line)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.78)!important;
  text-align:center!important;
}
.rd-trio__item--hoy{
  border-color:rgba(212,167,44,.58)!important;
  background:#FFFFFF!important;
  box-shadow:0 18px 38px -30px rgba(6,43,80,.42)!important;
}
.rd-trio__item svg{
  display:block!important;
  width:100%!important;
  height:205px!important;
  max-width:150px!important;
  margin:0 auto 8px!important;
  overflow:visible!important;
}
.rd-trio__lbl{
  display:block!important;
  color:var(--pag-blue)!important;
  font-size:.67rem!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.rd-trio__item--hoy .rd-trio__lbl{color:var(--pag-gold-ink)!important}
.rd-trio__year{
  display:block!important;
  margin-top:5px!important;
  color:var(--pag-navy)!important;
  font:900 1.12rem/1.05 var(--display)!important;
}
.rd-band__nota{
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
  color:var(--pag-subtle)!important;
  font-size:.73rem!important;
  line-height:1.48!important;
  text-align:center!important;
}
.rd-band__nota b{color:var(--pag-navy)!important}

@media (max-width:900px){
  .rd-band__box{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .rd-band__box > div:first-child,
  .rd-band__fig{
    grid-column:1!important;
    grid-row:auto!important;
  }
  .rd-band__fig{margin-top:0!important}
  .rd-band__box > div:first-child h2{max-width:18ch!important}
}

@media (max-width:720px){
  .rd-band__box > div:first-child h2{
    margin-top:12px!important;
    font-size:clamp(2.15rem,9.4vw,2.8rem)!important;
    max-width:15ch!important;
  }
  .rd-band__box > div:first-child > p{
    font-size:.96rem!important;
    line-height:1.62!important;
  }
  .rd-band__box > div:first-child .rd-band__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .rd-band__box > div:first-child .rd-band__actions .btn{
    width:100%!important;
    min-height:50px!important;
  }
  .rd-trio__grid{gap:8px!important}
  .rd-trio__item{
    grid-template-rows:150px auto auto!important;
    padding:12px 6px 10px!important;
    border-radius:14px!important;
  }
  .rd-trio__item svg{
    height:150px!important;
    max-width:108px!important;
    margin-bottom:7px!important;
  }
  .rd-trio__lbl{font-size:.56rem!important;letter-spacing:.035em!important}
  .rd-trio__year{font-size:.9rem!important}
  .rd-band__nota{font-size:.68rem!important}
}

@media (max-width:430px){
  .rd-trio__item{grid-template-rows:132px auto auto!important}
  .rd-trio__item svg{height:132px!important;max-width:96px!important}
  .rd-trio__lbl{font-size:.52rem!important}
  .rd-trio__year{font-size:.84rem!important}
}

/* ===== celeste-institucional-v5-header-footer-theme ===== */
/* ========================================================================
   V5 · HEADER + FOOTER + TEMA CLARO/OSCURO REAL
   El celeste sigue siendo el color principal en ambos modos.
   ======================================================================== */

/* ---------- HEADER DESKTOP: vuelve la navegación completa ---------- */
@media (min-width:861px){
  .topbar__row{
    min-height:76px!important;
    padding-top:0!important;
    gap:14px!important;
  }
  .brand img{width:42px!important;height:42px!important}
  .brand__name{font-size:17px!important}
  .brand__role{font-size:9px!important;letter-spacing:.19em!important}
  .tabs{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    margin-left:auto!important;
    position:static!important;
    width:auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .tabs a{
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:.88rem!important;
    white-space:nowrap!important;
  }
  .topbar.is-open .tabs{
    display:flex!important;
    position:static!important;
    width:auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .topbar.is-open .tabs a{min-height:42px!important;border-radius:999px!important;padding-inline:14px!important}
  .menu-btn{display:none!important}
  .icon-btn{width:44px!important;height:44px!important}
  .topbar__tools{margin-left:0!important}
}
@media (min-width:861px) and (max-width:1180px){
  .tabs{gap:5px!important}
  .tabs a{padding-inline:10px!important;font-size:.82rem!important}
  .tabs a .count{display:none!important}
  .brand__role{display:none!important}
}

/* ---------- MOBILE/TABLET: menú desplegable ---------- */
@media (max-width:860px){
  .topbar__row{min-height:68px!important;padding-top:0!important}
  .brand img{width:40px!important;height:40px!important}
  .brand__name{font-size:15px!important}
  .brand__role{font-size:8.5px!important}
  .tabs{display:none!important}
  .menu-btn{display:inline-flex!important;min-height:46px!important;padding:0 15px!important}
  .icon-btn{width:46px!important;height:46px!important}
  .topbar.is-open .tabs{
    display:grid!important;
    position:absolute!important;
    left:var(--gutter)!important;
    right:var(--gutter)!important;
    top:calc(100% + 7px)!important;
    width:auto!important;
    padding:10px!important;
    gap:7px!important;
    border-radius:18px!important;
  }
  .topbar.is-open .tabs a{min-height:46px!important;border-radius:12px!important;padding-inline:15px!important}
}

/* ---------- Tema oscuro: tokens propios, celeste protagonista ---------- */
:root[data-theme="dark"]{
  color-scheme:dark!important;
  --pag-bg:#061522;
  --pag-sky-0:#0A2031;
  --pag-sky-1:#0D2A40;
  --pag-sky-2:#123750;
  --pag-sky-3:#74ACDF;
  --pag-cream:#081B29;
  --pag-white:#0C2334;
  --pag-navy:#E9F6FC;
  --pag-navy-deep:#FFFFFF;
  --pag-blue:#8AC9ED;
  --pag-blue-2:#69B7E3;
  --pag-blue-3:#74ACDF;
  --pag-gold:#E3B437;
  --pag-gold-soft:#4A3911;
  --pag-gold-ink:#F4D371;
  --pag-text:#E7F2F8;
  --pag-muted:#B5CDDC;
  --pag-subtle:#91AFC1;
  --pag-line:rgba(116,172,223,.17);
  --pag-line-strong:rgba(116,172,223,.34);
  --pag-shadow:0 20px 46px -30px rgba(0,0,0,.72);
  --pag-shadow-card:0 28px 64px -36px rgba(0,0,0,.82);
  --pag-action:#166E9F;
  --pag-action-hover:#2087BD;

  --paper:var(--pag-bg);
  --surface:#0C2233;
  --surface-2:#0A2031;
  --surface-3:#103047;
  --ink:var(--pag-text);
  --muted:var(--pag-muted);
  --faint:var(--pag-subtle);
  --line:var(--pag-line);
  --line-strong:var(--pag-line-strong);
  --link:var(--pag-blue);
  --celeste:#74ACDF;
  --celeste-soft:#102E45;
  --sol:var(--pag-gold);
  --sol-2:#C99B25;
  --sol-soft:#3A2D0D;
  --sol-ink:#F4D371;
  --hero-bg:#071A29;
  --hero-bg-2:#103550;
  --hero-ink:#F3FAFE;
  --hero-muted:#BCD2DF;
  --hero-line:rgba(116,172,223,.18);
  --tab-active-bg:var(--pag-action);
  --tab-active-ink:#FFFFFF;
  --btn-bg:var(--pag-action);
  --btn-ink:#FFFFFF;
  --field-bg:#0A2031;
  --field-line:rgba(116,172,223,.32);
  --focus:#74ACDF;
  --mark-bg:#70571B;
  --mark-ink:#FFFFFF;
  --bar:#74ACDF;
  --bar-hover:#9BD2F0;
  --bar-track:#123149;
}

/* También respeta el modo oscuro del sistema si todavía no hay elección guardada. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:dark!important}
}

/* ---------- Estado de iconos del selector ---------- */
:root[data-theme="light"] .theme-toggle .sun{display:block!important}
:root[data-theme="light"] .theme-toggle .moon{display:none!important}
:root[data-theme="dark"] .theme-toggle .sun{display:none!important}
:root[data-theme="dark"] .theme-toggle .moon{display:block!important}

/* ---------- Modo oscuro: base ---------- */
:root[data-theme="dark"] html,
:root[data-theme="dark"] body,
:root[data-theme="dark"] main,
:root[data-theme="dark"] .section{background:var(--pag-bg)!important;color:var(--pag-text)!important}
:root[data-theme="dark"] .section .h-section,
:root[data-theme="dark"] .section h2,
:root[data-theme="dark"] .section h3,
:root[data-theme="dark"] .section h4,
:root[data-theme="dark"] .section strong,
:root[data-theme="dark"] .section b{color:var(--pag-navy)!important}
:root[data-theme="dark"] .section p,
:root[data-theme="dark"] .section .lead{color:var(--pag-muted)!important}

/* ---------- Header oscuro ---------- */
:root[data-theme="dark"] .topbar{
  background:rgba(6,21,34,.965)!important;
  color:var(--pag-navy)!important;
  border-bottom-color:var(--pag-line)!important;
  box-shadow:0 10px 30px -24px rgba(0,0,0,.88)!important;
}
:root[data-theme="dark"] .topbar::before{
  background:linear-gradient(90deg,#74ACDF 0 33.333%,#EAF6FC 33.333% 66.666%,#74ACDF 66.666% 100%)!important;
  box-shadow:0 1px 0 rgba(227,180,55,.9)!important;
}
:root[data-theme="dark"] .brand__name{color:#F2FAFE!important}
:root[data-theme="dark"] .brand__role{color:#8AC9ED!important}
:root[data-theme="dark"] .tabs a,
:root[data-theme="dark"] .topbar.is-open .tabs a{
  background:#0C2334!important;
  color:#EAF6FC!important;
  border-color:var(--pag-line)!important;
}
:root[data-theme="dark"] .tabs a:hover,
:root[data-theme="dark"] .topbar.is-open .tabs a:hover{background:#123149!important;border-color:var(--pag-line-strong)!important}
:root[data-theme="dark"] .tabs a.tab--pro{background:#102E45!important;border-color:rgba(116,172,223,.44)!important}
:root[data-theme="dark"] .tabs a.tab--den{background:#32290F!important;border-color:rgba(227,180,55,.44)!important}
:root[data-theme="dark"] .tabs a[aria-current="page"],
:root[data-theme="dark"] .topbar.is-open .tabs a[aria-current="page"]{background:var(--pag-action)!important;color:#fff!important;border-color:#55A9D8!important}
:root[data-theme="dark"] .tabs a .count{background:#16344A!important;color:#B9DBEF!important}
:root[data-theme="dark"] .tabs a.tab--den .count{background:#5A4617!important;color:#F7DA80!important}
:root[data-theme="dark"] .tabs a.tab--pro .count{background:#174262!important;color:#B9E0F5!important}
:root[data-theme="dark"] .icon-btn,
:root[data-theme="dark"] .menu-btn{background:#0C2334!important;color:#DFF2FC!important;border-color:var(--pag-line-strong)!important}
:root[data-theme="dark"] .icon-btn:hover,
:root[data-theme="dark"] .menu-btn:hover{background:#123149!important;border-color:#69B7E3!important}
:root[data-theme="dark"] .topbar.is-open .tabs{background:#081C2B!important;border-color:var(--pag-line-strong)!important}

/* ---------- Hero oscuro ---------- */
:root[data-theme="dark"] .hero{
  background:
    radial-gradient(circle at 80% 38%,rgba(116,172,223,.18) 0 8%,rgba(116,172,223,.07) 28%,transparent 55%),
    linear-gradient(180deg,#0A2638 0%,#081D2C 62%,#071724 100%)!important;
  color:var(--pag-text)!important;
}
:root[data-theme="dark"] .hero::before{background:linear-gradient(90deg,rgba(116,172,223,.045),transparent 48%),radial-gradient(circle at 78% 42%,rgba(116,172,223,.10),transparent 58%)!important}
:root[data-theme="dark"] .hero .eyebrow,
:root[data-theme="dark"] .hero h1,
:root[data-theme="dark"] .hero .lead strong{color:#EAF6FC!important}
:root[data-theme="dark"] .hero .lead{color:#BCD2DF!important}
:root[data-theme="dark"] .hero h1 .acento{color:#E3B437!important}
:root[data-theme="dark"] .hero__halo{background:radial-gradient(circle,rgba(116,172,223,.18) 0%,rgba(116,172,223,.07) 42%,transparent 70%)!important}
:root[data-theme="dark"] .hero__sun{opacity:.11!important;mix-blend-mode:screen!important;filter:none!important}
:root[data-theme="dark"] .hero__portrait{filter:drop-shadow(-12px 18px 34px rgba(0,0,0,.42))!important}
:root[data-theme="dark"] .hero__actions .btn--ghost{background:rgba(116,172,223,.08)!important;color:#EAF6FC!important;border-color:rgba(116,172,223,.66)!important}
:root[data-theme="dark"] .hero__actions .btn--ghost:hover{background:rgba(116,172,223,.16)!important}
:root[data-theme="dark"] .hero__note{color:#96B5C7!important}

/* ---------- Superficies oscuras ---------- */
:root[data-theme="dark"] .board{background:#081B29!important;color:var(--pag-text)!important}
:root[data-theme="dark"] .board .stat__label{color:#8AC9ED!important}
:root[data-theme="dark"] .board .stat__value{color:#F1F9FD!important}
:root[data-theme="dark"] .board .stat__hint{color:#B5CDDC!important}
:root[data-theme="dark"] .doors{background:linear-gradient(180deg,#0D2A40,#061522)!important}
:root[data-theme="dark"] .door,
:root[data-theme="dark"] .door--den,
:root[data-theme="dark"] .door--pro{background:#0B2233!important;color:var(--pag-text)!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] .door h3,
:root[data-theme="dark"] .door__label{color:#EAF6FC!important}
:root[data-theme="dark"] .door p,
:root[data-theme="dark"] .door__meta{color:#B5CDDC!important}

:root[data-theme="dark"] .rd-band{background:linear-gradient(180deg,#0A2639 0%,#071A28 100%)!important}
:root[data-theme="dark"] .rd-band__box{background:rgba(11,34,51,.94)!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] .rd-band__box h2,
:root[data-theme="dark"] .rd-trio__year,
:root[data-theme="dark"] .rd-band__nota b{color:#EAF6FC!important}
:root[data-theme="dark"] .rd-band__box p,
:root[data-theme="dark"] .rd-trio__lbl,
:root[data-theme="dark"] .rd-band__nota{color:#B5CDDC!important}
:root[data-theme="dark"] .rd-band__box h2 em{color:#F2C95D!important}
:root[data-theme="dark"] .rd-trio__item{background:#091F30!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] .rd-trio__item--hoy{background:#0D293D!important;border-color:rgba(227,180,55,.55)!important}
:root[data-theme="dark"] .rd-band__actions .btn--ghost{background:#0C2334!important;color:#EAF6FC!important}

:root[data-theme="dark"] .featured-home{background:#081B29!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] .feat{background:#0B2233!important;border-color:var(--pag-line)!important;color:var(--pag-text)!important}
:root[data-theme="dark"] .feat__title,
:root[data-theme="dark"] .feat__title a,
:root[data-theme="dark"] .feat__meta .num{color:#EAF6FC!important}
:root[data-theme="dark"] .feat__bajada,
:root[data-theme="dark"] .feat__meta{color:#B5CDDC!important}

:root[data-theme="dark"] .placas-home{background:radial-gradient(circle at 84% 10%,rgba(116,172,223,.12),transparent 31%),linear-gradient(180deg,#0B2A40 0%,#071A28 100%)!important;color:var(--pag-text)!important}
:root[data-theme="dark"] .placas-home .h-section,
:root[data-theme="dark"] .placas-editorial-title,
:root[data-theme="dark"] .placa-title{color:#EAF6FC!important}
:root[data-theme="dark"] .placas-home .lead,
:root[data-theme="dark"] .placas-editorial-deck,
:root[data-theme="dark"] .placa-deck,
:root[data-theme="dark"] .placas-hint{color:#B5CDDC!important}
:root[data-theme="dark"] .placa-card{background:#0B2233!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] .placa-card:hover{background:#0F2C41!important;border-color:rgba(116,172,223,.42)!important}
:root[data-theme="dark"] .placas-arrow{background:#0C2334!important;color:#EAF6FC!important;border-color:var(--pag-line-strong)!important}

:root[data-theme="dark"] .who{background:linear-gradient(180deg,#081B29,#071724)!important}
:root[data-theme="dark"] .quote{color:#EAF6FC!important;background:linear-gradient(90deg,rgba(227,180,55,.12),transparent 72%)!important}
:root[data-theme="dark"] .cred,
:root[data-theme="dark"] .who__photo{background:#0B2233!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] .cred b{color:#EAF6FC!important}
:root[data-theme="dark"] .cred span:not(.cred__tick){color:#B5CDDC!important}
:root[data-theme="dark"] .who__photo figcaption{background:#102E45!important;color:#DCEFFA!important}

:root[data-theme="dark"] .contact{background:linear-gradient(180deg,#0A2639 0%,#061522 100%)!important}
:root[data-theme="dark"] .channels .chip{background:#0C2334!important;color:#EAF6FC!important;border-color:var(--pag-line-strong)!important}
:root[data-theme="dark"] .channels .chip:hover{background:#123149!important}
:root[data-theme="dark"] .form-card{background:#0B2233!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] .form-card h3,
:root[data-theme="dark"] .form-card label{color:#EAF6FC!important}
:root[data-theme="dark"] .form-card .intro,
:root[data-theme="dark"] .form-note{color:#B5CDDC!important}
:root[data-theme="dark"] .form-card input,
:root[data-theme="dark"] .form-card select,
:root[data-theme="dark"] .form-card textarea{background:#071B2A!important;color:#EAF6FC!important;border-color:var(--pag-line-strong)!important}
:root[data-theme="dark"] .form-card input::placeholder,
:root[data-theme="dark"] .form-card textarea::placeholder{color:#789AAF!important}

:root[data-theme="dark"] .closing{background:radial-gradient(circle at 50% 40%,rgba(116,172,223,.10),transparent 42%),linear-gradient(180deg,#0A2639 0%,#061522 100%)!important;color:var(--pag-text)!important}
:root[data-theme="dark"] .closing h2{color:#EAF6FC!important}
:root[data-theme="dark"] .closing .voice{color:#B5CDDC!important}
:root[data-theme="dark"] .closing .btn--line{background:#0C2334!important;color:#EAF6FC!important;border-color:#69B7E3!important}

/* ---------- Footer realmente integrado al sistema ---------- */
.footer{display:block!important}
:root[data-theme="light"] .footer{background:#FCFAF4!important;color:#456F8D!important}
:root[data-theme="dark"] .footer{background:#05131F!important;color:#AFC8D8!important;border-top-color:var(--pag-line)!important}
:root[data-theme="dark"] .footer__name{color:#F0F9FD!important}
:root[data-theme="dark"] .footer__role{color:#E3B437!important}
:root[data-theme="dark"] .footer .voice{color:#B5CDDC!important}
:root[data-theme="dark"] .footer__links a{color:#DCEFFA!important}
:root[data-theme="dark"] .footer__links a:hover{color:#8AC9ED!important}
:root[data-theme="dark"] .footer__legal{color:#8EAABC!important;border-top-color:var(--pag-line)!important}
:root[data-theme="dark"] .footer::after{background:linear-gradient(90deg,#74ACDF 0 33.4%,#EAF6FC 33.4% 66.6%,#74ACDF 66.6%)!important;box-shadow:0 -1px 0 #E3B437!important}

/* ---------- Botones en modo oscuro ---------- */
:root[data-theme="dark"] .btn--navy,
:root[data-theme="dark"] .door .btn--navy,
:root[data-theme="dark"] .feat__actions .btn--navy,
:root[data-theme="dark"] .featured-home .more .btn,
:root[data-theme="dark"] .form-card .btn--navy{background:var(--pag-action)!important;color:#fff!important;border-color:#2C8DC0!important}
:root[data-theme="dark"] .btn--navy:hover{background:var(--pag-action-hover)!important;border-color:#69B7E3!important}
:root[data-theme="dark"] .btn--line,
:root[data-theme="dark"] .btn--ghost{background:#0C2334!important;color:#EAF6FC!important;border-color:#69B7E3!important}
:root[data-theme="dark"] .btn--line:hover,
:root[data-theme="dark"] .btn--ghost:hover{background:#123149!important}
:root[data-theme="dark"] .btn--sol{background:linear-gradient(180deg,#E9C24E,#D5A62C)!important;color:#062B50!important;border-color:#B8891A!important}

/* Que el cambio sea perceptible pero no brusco. */
html,body,.topbar,.hero,.board,.section,.door,.rd-band,.rd-band__box,.feat,.placas-home,.placa-card,.who,.cred,.contact,.form-card,.closing,.footer{
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
@media (prefers-reduced-motion:reduce){
  html,body,.topbar,.hero,.board,.section,.door,.rd-band,.rd-band__box,.feat,.placas-home,.placa-card,.who,.cred,.contact,.form-card,.closing,.footer{transition:none!important}
}

/* ===== home-v6-contacto-datos ===== */
/* ==========================================================================
   Inicio v6 · dos grupos de datos + correo institucional + celeste principal
   ========================================================================== */
.home-summary{
  background:linear-gradient(180deg,#F8FCFF 0%,#E8F5FC 100%)!important;
  border-block:1px solid #C8DEEB!important;
  padding:clamp(26px,4vw,44px) 0!important;
}
.home-summary__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.home-data-card{
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:20px;
  min-width:0;
  padding:clamp(22px,3vw,30px)!important;
  border:1px solid #BFD9E8!important;
  border-radius:22px;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 20px 45px -34px rgba(7,55,91,.36);
  overflow:hidden;
}
.home-data-card::before{
  content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#55A9D8;
}
.home-data-card--judicial::before{background:#E0B53F}
.home-data-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.home-data-card__eyebrow{font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#176B9B}
.home-data-card__tag{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:4px 10px;border:1px solid #C6DAE6;border-radius:999px;background:#F8FCFF;color:#49697D;font-size:.72rem;font-weight:750;line-height:1.2}
.home-data-card__tag--live{border-color:#A9D3E9;background:#E7F6FE;color:#0C648F}
.home-data-card__tag--live i{width:7px;height:7px;border-radius:50%;background:#45A8D7;box-shadow:0 0 0 4px rgba(69,168,215,.14)}
.home-data-card__main{display:grid;gap:12px;align-content:start}
.home-data-card__main>div{display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap}
.home-data-card__number{font:900 clamp(3.35rem,6vw,5.25rem)/.82 var(--display);letter-spacing:-.055em;color:#073F6B}
.home-data-card--judicial .home-data-card__number{color:#0A4E7A}
.home-data-card__title{max-width:12ch;padding-bottom:4px;font:850 clamp(1rem,1.8vw,1.25rem)/1.08 var(--display);letter-spacing:-.015em;text-transform:uppercase;color:#123E5C}
.home-data-card__main p{max-width:46ch;color:#486B80;font-size:.94rem;line-height:1.55}
.home-data-card__detail,.home-data-card__update{border-top:1px solid #D4E4ED;padding-top:15px}
.home-data-card__detail{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:#567386}
.home-data-card__detail strong{font:900 1.65rem/1 var(--display);color:#0B547F}
.home-data-card__detail span{font-size:.84rem;line-height:1.4}
.home-data-card__update{display:grid;grid-template-columns:1fr auto;gap:3px 14px;align-items:end}
.home-data-card__update>span{font-size:.69rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#5B788A}
.home-data-card__update>strong{grid-column:2;grid-row:1 / span 2;font:900 1.35rem/1 var(--display);color:#0B5E8F;white-space:nowrap}
.home-data-card__update>small{font-size:.76rem;color:#6D8797;line-height:1.45}
.home-data-card__update code{font:inherit;color:inherit;background:none;padding:0}

/* Correo institucional: una sola unidad visual, sin botón huérfano. */
.email-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  margin-top:24px;
  max-width:610px;
  padding:13px 14px;
  border:1px solid #B9D5E5;
  border-radius:16px;
  background:rgba(255,255,255,.76);
  box-shadow:0 16px 34px -30px rgba(7,54,88,.45);
}
.email-card__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#DDF2FC;color:#0C6796;flex:none}
.email-card__icon svg{width:21px;height:21px}
.email-card__body{display:grid;gap:2px;min-width:0}
.email-card__label{font-size:.69rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#5C788B}
.email-card__address{font-family:var(--mono);font-size:clamp(.82rem,1.5vw,.94rem);font-weight:600;color:#073F6B;text-decoration:none;overflow-wrap:anywhere}
.email-card__address:hover{text-decoration:underline;text-underline-offset:3px}
.email-card__copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1.5px solid #58A9D5;border-radius:10px;background:#F7FCFF;color:#075480;font-size:.8rem;font-weight:850;transition:background .16s,border-color .16s,transform .16s}
.email-card__copy:hover{background:#DFF3FD;border-color:#2C94C9;transform:translateY(-1px)}
.email-card__copy svg{width:17px;height:17px}
.email-card__copy.is-copied{background:#E1F6EE;border-color:#7CC7A8;color:#176548}

/* Dark explícito: mantiene al celeste como acento principal. */
:root[data-theme="dark"] .home-summary{background:linear-gradient(180deg,#071925 0%,#0A2030 100%)!important;border-color:#1B4359!important}
:root[data-theme="dark"] .home-data-card{background:#0D2636!important;border-color:#24506A!important;box-shadow:0 20px 45px -30px rgba(0,0,0,.7)}
:root[data-theme="dark"] .home-data-card__eyebrow{color:#7CCAF0}
:root[data-theme="dark"] .home-data-card__tag{background:#102E40;border-color:#2B5268;color:#B8D3E2}
:root[data-theme="dark"] .home-data-card__tag--live{background:#123448;border-color:#367091;color:#9CD9F5}
:root[data-theme="dark"] .home-data-card__number{color:#A7DDF6}
:root[data-theme="dark"] .home-data-card__title{color:#EAF7FD}
:root[data-theme="dark"] .home-data-card__main p,:root[data-theme="dark"] .home-data-card__detail{color:#B6CEDB}
:root[data-theme="dark"] .home-data-card__detail,:root[data-theme="dark"] .home-data-card__update{border-color:#244A60}
:root[data-theme="dark"] .home-data-card__detail strong,:root[data-theme="dark"] .home-data-card__update>strong{color:#7CCAF0}
:root[data-theme="dark"] .home-data-card__update>span,:root[data-theme="dark"] .home-data-card__update>small{color:#A8C3D1}
:root[data-theme="dark"] .email-card{background:#0E2B3C;border-color:#2D5870;box-shadow:none}
:root[data-theme="dark"] .email-card__icon{background:#153E54;color:#8AD3F4}
:root[data-theme="dark"] .email-card__label{color:#A4C4D4}
:root[data-theme="dark"] .email-card__address{color:#DDF5FF}
:root[data-theme="dark"] .email-card__copy{background:#12384D;border-color:#3E80A0;color:#D5F1FD}
:root[data-theme="dark"] .email-card__copy:hover{background:#17465F;border-color:#62B4DA}

@media (max-width:760px){
  .home-summary__grid{grid-template-columns:1fr!important;gap:14px!important}
  .home-data-card{padding:22px 20px!important;gap:17px}
  .home-data-card__number{font-size:3.45rem}
  .home-data-card__title{font-size:1rem;max-width:none}
  .home-data-card__update{grid-template-columns:1fr auto}
  .email-card{max-width:none}
}
@media (max-width:520px){
  .home-data-card__head{align-items:flex-start}
  .home-data-card__tag{width:100%;justify-content:flex-start}
  .home-data-card__main>div{align-items:center}
  .home-data-card__update{grid-template-columns:1fr}
  .home-data-card__update>strong{grid-column:1;grid-row:auto;margin-top:3px;font-size:1.25rem}
  .email-card{grid-template-columns:auto minmax(0,1fr);padding:13px}
  .email-card__copy{grid-column:1 / -1;width:100%;margin-top:2px}
}

/* ===== hero-pagano-transparent-v10 ===== */
/* ======================================================================
   HERO PAGANO · retrato transparente · v10
   Ajustado específicamente para el nuevo recorte en desktop, tablet y móvil.
   ====================================================================== */
.hero__visual{
  isolation:isolate!important;
}
.hero__portrait-wrap{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  z-index:4!important;
  pointer-events:none!important;
}
.hero__portrait{
  position:absolute!important;
  left:auto!important;
  right:clamp(6px,1.1vw,18px)!important;
  bottom:-4px!important;
  width:auto!important;
  height:min(100%,720px)!important;
  max-width:none!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:bottom right!important;
  filter:drop-shadow(-14px 18px 28px rgba(6,43,80,.13))!important;
}
.hero__sun,.hero__halo{z-index:1!important}
.hero__copy{z-index:8!important}

/* Pantallas medianas: evitamos que el rostro quede cortado y preservamos aire. */
@media (max-width:1100px) and (min-width:721px){
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr)!important}
  .hero__portrait{right:0!important;height:min(98%,640px)!important}
  .hero__sun{left:58%!important}
  .hero__halo{left:58%!important}
}

/* Móvil: la figura se convierte en elemento editorial de la mitad derecha.
   El texto permanece legible en la izquierda y los CTA quedan completamente libres. */
@media (max-width:720px){
  .hero{min-height:820px!important}
  .hero__grid,.hero__copy{min-height:820px!important}
  .hero__copy{padding-top:52px!important}
  .hero h1{max-width:5.65ch!important;position:relative!important;z-index:9!important}
  .hero .lead{max-width:50%!important;position:relative!important;z-index:9!important}
  .hero__visual{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    z-index:3!important;
  }
  .hero__portrait-wrap{inset:0!important}
  .hero__portrait{
    left:auto!important;
    right:8px!important;
    bottom:184px!important;
    height:425px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    object-position:bottom right!important;
    filter:drop-shadow(-8px 12px 18px rgba(6,43,80,.11))!important;
  }
  .hero__sun{left:74%!important;top:42%!important;width:118%!important;opacity:.065!important}
  .hero__halo{left:75%!important;top:43%!important;width:112%!important;opacity:.62!important}
  .hero__actions{bottom:82px!important;z-index:12!important}
  .hero__note{bottom:18px!important;z-index:12!important}
}

@media (max-width:430px){
  .hero{min-height:800px!important}
  .hero__grid,.hero__copy{min-height:800px!important}
  .hero .lead{max-width:49%!important}
  .hero__portrait{right:10px!important;bottom:182px!important;height:408px!important}
}

@media (max-width:380px){
  .hero h1{font-size:2.58rem!important}
  .hero .lead{max-width:50%!important;font-size:.80rem!important}
  .hero__portrait{right:10px!important;height:390px!important}
}

/* En oscuro conservamos el celeste como identidad y aumentamos apenas la separación del retrato. */
:root[data-theme="dark"] .hero__portrait{
  filter:drop-shadow(-12px 18px 34px rgba(0,0,0,.40))!important;
}

@media print{
  .hero__portrait-wrap{display:none!important}
}

/* ===== mobile-hero-reference-v14 ===== */
/* MOBILE v14 · ubicación inspirada en la referencia aprobada:
   texto a la izquierda, retrato grande a la derecha y CTA libres debajo. */
@media (max-width:720px){
  .hero{min-height:820px!important;}
  .hero__grid,.hero__copy{min-height:820px!important;}
  .hero__copy{padding:48px 0 0!important;position:relative!important;z-index:8!important;}

  .hero h1{
    max-width:61%!important;
    width:61%!important;
    font-size:clamp(2.55rem,11.5vw,3.15rem)!important;
    line-height:.91!important;
    margin:22px 0 20px!important;
    position:relative!important;
    z-index:9!important;
  }
  .hero .lead{
    max-width:56%!important;
    width:56%!important;
    font-size:.87rem!important;
    line-height:1.58!important;
    padding-right:0!important;
    position:relative!important;
    z-index:9!important;
  }
  .hero .lead strong{font-size:.91rem!important;line-height:1.42!important;}

  /* Retrato a la derecha, como en la referencia: cabeza junto al titular,
     torso hasta justo antes de los botones, sin invadir los CTA. */
  .hero__visual{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    z-index:3!important;
  }
  .hero__portrait-wrap{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
  }
  .hero__portrait{
    left:auto!important;
    right:-22px!important;
    bottom:245px!important;
    height:392px!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:bottom right!important;
    filter:drop-shadow(-8px 12px 18px rgba(6,43,80,.10))!important;
  }
  .hero__sun{left:76%!important;top:43%!important;width:112%!important;opacity:.06!important;}
  .hero__halo{left:76%!important;top:43%!important;width:108%!important;opacity:.58!important;}

  .hero__actions{left:20px!important;right:20px!important;bottom:82px!important;z-index:12!important;}
  .hero__note{left:20px!important;right:20px!important;bottom:18px!important;z-index:12!important;}
}

@media (max-width:430px){
  .hero{min-height:805px!important;}
  .hero__grid,.hero__copy{min-height:805px!important;}
  .hero__copy{padding-top:44px!important;}
  .hero h1{
    max-width:62%!important;
    width:62%!important;
    font-size:clamp(2.42rem,11.2vw,2.95rem)!important;
  }
  .hero .lead{max-width:55%!important;width:55%!important;font-size:.83rem!important;}
  .hero__portrait{right:-26px!important;bottom:243px!important;height:375px!important;}
}

@media (max-width:380px){
  .hero{min-height:790px!important;}
  .hero__grid,.hero__copy{min-height:790px!important;}
  .hero h1{max-width:63%!important;width:63%!important;font-size:2.34rem!important;}
  .hero .lead{max-width:54%!important;width:54%!important;font-size:.78rem!important;line-height:1.5!important;}
  .hero__portrait{right:-28px!important;bottom:241px!important;height:350px!important;}
}


/* ======================================================================
   CAPA UNIFICADA PARA TODAS LAS SECCIONES
   Esta capa es la que conviene editar en adelante para cambiar colores,
   superficies, cabecera, pie, botones y acentos en todo el sitio.
   ====================================================================== */
:root{
  /* Alias usados por Sala de Prensa */
  --azul-950:#062B50;
  --azul-900:#0B3B69;
  --azul-850:#104B78;
  --azul-800:#155B8D;
  --azul-700:#1F6FA3;
  --azul-600:#2B83B8;
  --azul-500:#4FA3D7;
  --celeste-2:#A8D5EF;
  --oro:#E3B437;
  --oro-2:#F6D97F;
  --oro-3:#7F5A00;
  --marfil:#F6FBFE;
  --marfil-2:#E3F2FB;
  --papel:#FFFFFF;
  --tinta:#173F60;
  --tinta-2:#456F8D;
  --gris:#527893;
  --linea:rgba(11,59,105,.14);
  --linea-2:rgba(11,59,105,.26);
  --hielo:#D5EBF8;
  --hielo-2:#A8CBEA;

  /* Alias usados por Argentina PyME */
  --azul-noche:#0B3B69;
  --azul-noche-2:#155B8D;
  --azul:#1F6FA3;
  --azul-hover:#155B8D;
  --celeste-claro:#C6E3F4;
  --celeste-tinta:#EAF6FC;
  --sol-claro:#F6D97F;
  --sol-tinta:#FFF3C9;
  --tinta-2:#456F8D;
  --gris:#527893;
  --linea:#D3E5F0;
  --linea-2:#E6F1F7;
  --papel:#FFFFFF;
  --papel-2:#EEF8FD;
  --titulo:#0B3B69;
  --track:#DBECF6;
}

/* Celeste claro como experiencia predeterminada en cualquier dispositivo. */
:root:not([data-theme="dark"]){color-scheme:light!important}
:root:not([data-theme="dark"]) body{background:#F6FBFE!important;color:#173F60!important}

/* Hero y cabeceras de herramientas de las páginas internas. */
.tool-hero,
.press-hero,
.hero:not(.hero--dark),
.page-hero,
.rd-hero{
  background:linear-gradient(180deg,#DCEFFB 0%,#EAF6FC 100%)!important;
  color:#0B3B69!important;
  border-color:rgba(11,59,105,.14)!important;
}
.tool-hero h1,.tool-hero h2,.tool-hero .view-title,
.press-hero h1,.page-hero h1,.rd-hero h1{color:#0B3B69!important}
.tool-hero p,.tool-hero .lead,.press-hero p,.page-hero p,.rd-hero p{color:#456F8D!important}

/* Superficies compartidas. */
:is(.card,.panel-card,.project-card,.item-card,.archive-card,.press-card,.measure-card,.stat-card,.feature-card,.result-card,.tool-card,.data-card){
  border-color:rgba(11,59,105,.14)!important;
  box-shadow:0 18px 46px -36px rgba(6,43,80,.34)!important;
}

/* Botones/links de acción. El dorado queda reservado para la acción principal. */
:is(.btn,.button,.tool-btn)[class*="primary"],
.btn--sol{background:linear-gradient(180deg,#F6D97F,#E3B437)!important;color:#062B50!important;border-color:#D5A72C!important}
.btn--navy,.btn--primary{background:#0B3B69!important;color:#fff!important;border-color:#0B3B69!important}
.btn--line,.btn--ghost{color:#0B3B69!important;border-color:#4FA3D7!important}

/* Entradas y controles. */
input,select,textarea{border-color:rgba(11,59,105,.24)!important}
input:focus,select:focus,textarea:focus{border-color:#2A83BC!important;box-shadow:0 0 0 3px rgba(79,163,215,.18)!important}

/* Sala de prensa: mantiene su estructura editorial pero comparte identidad. */
.bar{background:rgba(252,250,244,.985)!important;border-color:rgba(11,59,105,.14)!important;color:#0B3B69!important}
.bar a,.bar button{color:#0B3B69!important}
.press-shell,.press-main,.archivo,.cronologia{background:#F6FBFE!important}

/* Argentina PyME: neutralizamos el azul oscuro como fondo dominante en modo claro. */
:root:not([data-theme="dark"]) .masthead,
:root:not([data-theme="dark"]) .masthead.is-dark,
:root:not([data-theme="dark"]) .masthead.is-hero{
  background:#F6FBFE!important;color:#0B3B69!important;border-color:rgba(11,59,105,.14)!important
}
:root:not([data-theme="dark"]) .masthead .tool,
:root:not([data-theme="dark"]) .masthead .wordmark{color:#0B3B69!important}

/* Tema oscuro explícito. Sigue siendo azul/celeste; nunca negro puro como identidad. */
:root[data-theme="dark"]{
  color-scheme:dark!important;
  --pag-bg:#061522;
  --pag-sky-0:#081B29;
  --pag-sky-1:#0A2639;
  --pag-sky-2:#0D3047;
  --pag-sky-3:#123D58;
  --pag-cream:#081B29;
  --pag-white:#0B2233;
  --pag-navy:#EAF6FC;
  --pag-navy-deep:#F3FAFE;
  --pag-blue:#7CCAF0;
  --pag-blue-2:#69B7E3;
  --pag-blue-3:#4FA3D7;
  --pag-gold:#E3B437;
  --pag-gold-soft:#F2C95D;
  --pag-gold-ink:#F2C95D;
  --pag-text:#DCEFFA;
  --pag-muted:#B5CDDC;
  --pag-subtle:#8EAABC;
  --pag-line:rgba(116,172,223,.18);
  --pag-line-strong:rgba(116,172,223,.32);

  --azul-950:#04111C; --azul-900:#061522; --azul-850:#081B29; --azul-800:#0A2639;
  --azul-700:#0D3047; --azul-600:#15506E; --azul-500:#2B83B8;
  --marfil:#061522; --marfil-2:#081B29; --papel:#0B2233; --tinta:#DCEFFA; --tinta-2:#B5CDDC;
  --gris:#8EAABC; --linea:rgba(116,172,223,.18); --linea-2:rgba(116,172,223,.26);

  --azul-noche:#061522; --azul-noche-2:#0A2639; --azul:#7CCAF0; --azul-hover:#9EDCF8;
  --celeste-tinta:#DCEFFA; --sol-tinta:#2D250D; --oro:#F2C95D;
  --papel:#0B2233; --papel-2:#081B29; --titulo:#EAF6FC; --track:#123149;
}
:root[data-theme="dark"] body{background:#061522!important;color:#DCEFFA!important}
:root[data-theme="dark"] :is(.tool-hero,.press-hero,.page-hero,.rd-hero){background:linear-gradient(180deg,#0A2639,#061522)!important;color:#EAF6FC!important}
:root[data-theme="dark"] :is(.tool-hero,.press-hero,.page-hero,.rd-hero) :is(h1,h2,h3,.view-title){color:#EAF6FC!important}
:root[data-theme="dark"] :is(.tool-hero,.press-hero,.page-hero,.rd-hero) :is(p,.lead){color:#B5CDDC!important}

/* Responsive global: misma sensación de aire en todas las secciones. */
@media (max-width:720px){
  .section,.tool-section{padding-block:clamp(44px,11vw,68px)!important}
  .topbar__row{min-height:74px!important}
  .brand img{width:42px!important;height:42px!important}
}

/* ======================================================================
   AUDITORÍA VISUAL UNIFICADA · V2 · 07/10/2026
   Objetivos:
   1) Celeste institucional como lenguaje dominante en TODAS las secciones.
   2) Contraste WCAG práctico en modo claro y oscuro.
   3) Un único comportamiento de tema para toda la web.
   4) Tarjetas de una misma fila con igual altura.
   5) Menos saltos visuales entre micrositios heredados.
   ====================================================================== */

/* ---------- Tokens definitivos ---------- */
:root,
:root[data-theme="light"]{
  color-scheme:light!important;
  --pag-bg:#F5FAFD;
  --pag-sky-0:#EEF8FD;
  --pag-sky-1:#E4F3FB;
  --pag-sky-2:#DCEFFB;
  --pag-sky-3:#CBE6F6;
  --pag-surface:#FFFFFF;
  --pag-surface-soft:#F8FCFE;
  --pag-cream:#FCFAF4;
  --pag-navy:#083D70;
  --pag-navy-deep:#052F58;
  --pag-blue:#1F6FA3;
  --pag-blue-2:#4FA3D7;
  --pag-blue-3:#74BCE6;
  --pag-gold:#E4B735;
  --pag-gold-2:#F6D87C;
  --pag-gold-ink:#6F5000;
  --pag-text:#173E5C;
  --pag-muted:#496F89;
  --pag-subtle:#627F93;
  --pag-line:#C8DDE9;
  --pag-line-strong:#A8C9DC;
  --pag-focus:#207DB6;
  --pag-shadow:0 18px 46px -36px rgba(5,47,88,.32);
  --pag-shadow-card:0 24px 58px -42px rgba(5,47,88,.38);

  /* alias históricos */
  --paper:var(--pag-bg)!important;
  --surface:var(--pag-surface)!important;
  --surface-2:var(--pag-sky-0)!important;
  --surface-3:var(--pag-sky-1)!important;
  --ink:var(--pag-text)!important;
  --muted:var(--pag-muted)!important;
  --faint:var(--pag-subtle)!important;
  --line:var(--pag-line)!important;
  --line-strong:var(--pag-line-strong)!important;
  --link:var(--pag-blue)!important;
  --sol:var(--pag-gold)!important;
  --sol-2:#C99B25!important;
  --sol-soft:#FFF2C7!important;
  --sol-ink:var(--pag-gold-ink)!important;
  --celeste:#74ACDF!important;
  --celeste-soft:var(--pag-sky-1)!important;
  --hero-bg:var(--pag-sky-2)!important;
  --hero-bg-2:var(--pag-sky-0)!important;
  --hero-ink:var(--pag-navy)!important;
  --hero-muted:var(--pag-muted)!important;
  --hero-line:var(--pag-line)!important;
  --btn-bg:var(--pag-navy)!important;
  --btn-ink:#fff!important;
  --field-bg:#fff!important;
  --field-line:var(--pag-line-strong)!important;
  --focus:var(--pag-focus)!important;
  --bar:var(--pag-blue)!important;
  --bar-hover:var(--pag-navy)!important;
  --bar-track:#DDECF5!important;

  /* Sala de prensa */
  --azul-950:#052F58!important;
  --azul-900:#083D70!important;
  --azul-850:#104F7F!important;
  --azul-800:#155D91!important;
  --azul-700:#1F6FA3!important;
  --azul-600:#2C83B7!important;
  --azul-500:#4FA3D7!important;
  --celeste-2:#A8D5EF!important;
  --oro:var(--pag-gold)!important;
  --oro-2:var(--pag-gold-2)!important;
  --oro-3:var(--pag-gold-ink)!important;
  --marfil:var(--pag-bg)!important;
  --marfil-2:var(--pag-sky-1)!important;
  --papel:#fff!important;
  --tinta:var(--pag-text)!important;
  --tinta-2:var(--pag-muted)!important;
  --gris:var(--pag-subtle)!important;
  --linea:var(--pag-line)!important;
  --linea-2:var(--pag-line-strong)!important;
  --hielo:var(--pag-sky-1)!important;
  --hielo-2:#BBD9EA!important;

  /* Argentina PyME */
  --azul-noche:var(--pag-navy)!important;
  --azul-noche-2:#155D91!important;
  --azul:var(--pag-blue)!important;
  --azul-hover:#155D91!important;
  --celeste-claro:#B9DDF1!important;
  --celeste-tinta:var(--pag-sky-1)!important;
  --sol-claro:var(--pag-gold-2)!important;
  --sol-tinta:#3A2B00!important;
  --papel:#fff!important;
  --papel-2:var(--pag-sky-0)!important;
  --titulo:var(--pag-navy)!important;
  --track:#DDECF5!important;
}

:root[data-theme="dark"]{
  color-scheme:dark!important;
  --pag-bg:#061923;
  --pag-sky-0:#0A2230;
  --pag-sky-1:#0D2B3C;
  --pag-sky-2:#103448;
  --pag-sky-3:#16445C;
  --pag-surface:#0C2635;
  --pag-surface-soft:#102E3E;
  --pag-cream:#0A2230;
  --pag-navy:#EAF7FD;
  --pag-navy-deep:#F4FBFE;
  --pag-blue:#8AD4F5;
  --pag-blue-2:#6FC1EA;
  --pag-blue-3:#4FA3D7;
  --pag-gold:#E8C04A;
  --pag-gold-2:#F2D677;
  --pag-gold-ink:#F1D06C;
  --pag-text:#DBEEF7;
  --pag-muted:#B7CFDC;
  --pag-subtle:#91ADBC;
  --pag-line:#285064;
  --pag-line-strong:#3D6B81;
  --pag-focus:#89D7F7;
  --pag-shadow:0 20px 52px -34px rgba(0,0,0,.78);
  --pag-shadow-card:0 28px 72px -42px rgba(0,0,0,.86);

  --paper:var(--pag-bg)!important;
  --surface:var(--pag-surface)!important;
  --surface-2:var(--pag-sky-0)!important;
  --surface-3:var(--pag-sky-1)!important;
  --ink:var(--pag-text)!important;
  --muted:var(--pag-muted)!important;
  --faint:var(--pag-subtle)!important;
  --line:var(--pag-line)!important;
  --line-strong:var(--pag-line-strong)!important;
  --link:var(--pag-blue)!important;
  --sol:var(--pag-gold)!important;
  --sol-soft:#3B3419!important;
  --sol-ink:var(--pag-gold-2)!important;
  --celeste:#68B9E2!important;
  --celeste-soft:#103448!important;
  --hero-bg:#0D2B3C!important;
  --hero-bg-2:#103448!important;
  --hero-ink:var(--pag-navy)!important;
  --hero-muted:var(--pag-muted)!important;
  --hero-line:var(--pag-line)!important;
  --btn-bg:#9BDBF7!important;
  --btn-ink:#052F58!important;
  --field-bg:#0C2635!important;
  --field-line:var(--pag-line-strong)!important;
  --focus:var(--pag-focus)!important;
  --bar:var(--pag-blue)!important;
  --bar-hover:#B3E4FA!important;
  --bar-track:#173B4C!important;

  --azul-950:#04131D!important;
  --azul-900:#061923!important;
  --azul-850:#0A2230!important;
  --azul-800:#0D2B3C!important;
  --azul-700:#103448!important;
  --azul-600:#19516D!important;
  --azul-500:#2C83B7!important;
  --celeste-2:#6FC1EA!important;
  --oro:var(--pag-gold)!important;
  --oro-2:var(--pag-gold-2)!important;
  --oro-3:var(--pag-gold-2)!important;
  --marfil:var(--pag-bg)!important;
  --marfil-2:var(--pag-sky-0)!important;
  --papel:var(--pag-surface)!important;
  --tinta:var(--pag-text)!important;
  --tinta-2:var(--pag-muted)!important;
  --gris:var(--pag-subtle)!important;
  --linea:var(--pag-line)!important;
  --linea-2:var(--pag-line-strong)!important;
  --hielo:#D9EDF7!important;
  --hielo-2:#A9C8D7!important;

  --azul-noche:#071B29!important;
  --azul-noche-2:#0D2B3C!important;
  --azul:var(--pag-blue)!important;
  --azul-hover:#B3E4FA!important;
  --celeste-claro:#A8DDF4!important;
  --celeste-tinta:#103448!important;
  --sol-claro:var(--pag-gold-2)!important;
  --sol-tinta:#211A05!important;
  --papel:var(--pag-surface)!important;
  --papel-2:var(--pag-sky-0)!important;
  --titulo:#EAF7FD!important;
  --track:#173B4C!important;
}

html,body{background:var(--pag-bg)!important;color:var(--pag-text)!important}
main{background:var(--pag-bg)!important}
body{transition:background-color .18s ease,color .18s ease}

/* ---------- Header realmente compartido ---------- */
.topbar{
  background:color-mix(in srgb,var(--pag-cream) 94%,transparent)!important;
  border-bottom-color:var(--pag-line)!important;
  box-shadow:0 10px 28px -25px rgba(5,47,88,.48)!important;
}
:root[data-theme="dark"] .topbar{
  background:color-mix(in srgb,var(--pag-bg) 94%,transparent)!important;
  box-shadow:0 10px 30px -22px rgba(0,0,0,.8)!important;
}
.brand__name,.brand__role,.menu-btn,.icon-btn{color:var(--pag-navy)!important}
.icon-btn,.menu-btn{background:var(--pag-surface)!important;border-color:var(--pag-line-strong)!important}
.icon-btn:hover,.menu-btn:hover{background:var(--pag-sky-1)!important}
.tabs a{color:var(--pag-navy)!important}
.tabs a[aria-current="page"]{background:var(--pag-navy)!important;color:var(--pag-surface)!important;border-color:var(--pag-navy)!important}
:root[data-theme="dark"] .tabs a[aria-current="page"]{background:var(--pag-blue)!important;color:#04131D!important;border-color:var(--pag-blue)!important}
.theme-toggle .sun{display:block!important}.theme-toggle .moon{display:none!important}
:root[data-theme="dark"] .theme-toggle .sun{display:none!important}
:root[data-theme="dark"] .theme-toggle .moon{display:block!important}

/* ---------- Lenguaje visual común: heroes ---------- */
.tool-hero,
.rd-hero,
body[data-page="prensa"] .hero.on-dark,
body[data-page="pyme"] .masthead + main #inicio.hero{
  background:linear-gradient(180deg,var(--pag-sky-2) 0%,var(--pag-sky-0) 100%)!important;
  color:var(--pag-navy)!important;
  border-color:var(--pag-line)!important;
}
:root[data-theme="dark"] :is(.tool-hero,.rd-hero),
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark,
:root[data-theme="dark"] body[data-page="pyme"] .masthead + main #inicio.hero{
  background:linear-gradient(180deg,#103448 0%,#081F2C 100%)!important;
  color:var(--pag-text)!important;
}
.tool-hero :is(h1,h2,h3,.view-title),
.rd-hero :is(h1,h2,h3,.view-title){color:var(--pag-navy)!important}
.tool-hero :is(p,.lead),.rd-hero :is(p,.lead){color:var(--pag-muted)!important}
.tool-hero .eyebrow,.rd-hero .eyebrow{color:var(--pag-blue)!important}
.tool-hero .eyebrow::before,.rd-hero .eyebrow::before{background:var(--pag-blue-2)!important}

/* Stats: corrige los números blancos sobre celeste que se perdían. */
.tool-hero__stats{align-items:stretch!important}
.tool-hero__stats .mini-stat{
  height:100%!important;
  background:color-mix(in srgb,var(--pag-surface) 74%,transparent)!important;
  border-color:var(--pag-line)!important;
  box-shadow:0 12px 30px -28px rgba(5,47,88,.34)!important;
}
.tool-hero__stats .mini-stat b{color:var(--pag-navy)!important}
.tool-hero__stats .mini-stat--sol b{color:var(--pag-gold-ink)!important}
.tool-hero__stats .mini-stat span{color:var(--pag-muted)!important}
:root[data-theme="dark"] .tool-hero__stats .mini-stat{
  background:rgba(12,38,53,.82)!important;border-color:var(--pag-line)!important
}
:root[data-theme="dark"] .tool-hero__stats .mini-stat b{color:#EAF7FD!important}
:root[data-theme="dark"] .tool-hero__stats .mini-stat--sol b{color:var(--pag-gold-2)!important}

/* Buscadores legibles en hero claro/oscuro. */
.tool-hero .hero-search input,
.tool-hero .field input{
  background:var(--pag-surface)!important;
  color:var(--pag-text)!important;
  border-color:var(--pag-line-strong)!important;
}
.tool-hero .hero-search input::placeholder,.tool-hero .field input::placeholder{color:var(--pag-subtle)!important;opacity:1!important}
.tool-hero .hero-search .icon,.tool-hero .field .icon{color:var(--pag-blue)!important}
.tool-hero .hint{color:var(--pag-muted)!important}

/* ---------- Tarjetas: misma altura por fila ---------- */
.results,.feat-grid,.feat-grid--home,.ivg__grid,.medios__grid,.rd-why,.rd-docs,.rd-fuentes,.datacards,.pd__grid{
  align-items:stretch!important;
}
.results>.card,
.feat-grid>.card,
.feat-grid--home>.card,
.ivg__grid>.card,
.medios__grid>* ,
.rd-why>.rd-why__card,
.rd-docs>*,.rd-fuentes>*,
.datacards>.datacard,
.pd__grid>*{
  height:100%!important;
  min-height:100%!important;
}
.results>.card,.ivg__grid>.card,.rd-why>.rd-why__card,.datacards>.datacard{display:flex!important;flex-direction:column!important}
.results>.card .card__actions,.ivg__grid>.card .card__acts,.rd-why>.rd-why__card .src{margin-top:auto!important}

/* Superficies de tarjetas en ambos temas. */
:is(.card,.rd-why__card,.datacard,.panel-card,.press-card,.feature-card,.result-card,.tool-card){
  background:var(--pag-surface)!important;
  color:var(--pag-text)!important;
  border-color:var(--pag-line)!important;
  box-shadow:var(--pag-shadow)!important;
}
:is(.card,.rd-why__card,.datacard) :is(h2,h3,h4,strong,b){color:var(--pag-navy)!important}
:is(.card,.rd-why__card,.datacard) :is(p,.card__sum,.src){color:var(--pag-muted)!important}

/* ---------- Proyectos ---------- */
body[data-page="proyectos"] .results{align-items:stretch!important}
body[data-page="proyectos"] .card--pro{border-left-color:var(--pag-blue-2)!important}
body[data-page="proyectos"] .card--pro .topic{background:var(--pag-sky-1)!important;color:var(--pag-navy)!important}
body[data-page="proyectos"] .card--pro .official,
body[data-page="proyectos"] .card--pro .card__meta{color:var(--pag-muted)!important}
body[data-page="proyectos"] .card--pro .card__actions .btn{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
body[data-page="proyectos"] .card--pro .card__actions .btn--navy{background:var(--pag-navy)!important;color:#fff!important}
body[data-page="proyectos"] .card--pro .card__actions .btn--sol{background:var(--pag-gold)!important;color:#082D4F!important}

/* ---------- Denunciómetro ---------- */
body[data-page="denunciometro"] .notice,
body[data-page="denunciometro"] .context-strip{
  background:#FFF4C8!important;color:#604A00!important;border-color:#E9C85D!important
}
:root[data-theme="dark"] body[data-page="denunciometro"] :is(.notice,.context-strip){background:#332D13!important;color:#F5DE85!important;border-color:#6A5C21!important}

/* ---------- Rearme Demográfico ----------
   Varios bloques heredaban texto blanco pensado para fondo azul oscuro.
   Como ahora el lenguaje principal es celeste claro, se corrige bloque + texto. */
body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero){
  background:linear-gradient(145deg,var(--pag-sky-2),var(--pag-sky-0))!important;
  color:var(--pag-text)!important;
  border:1px solid var(--pag-line)!important;
  box-shadow:var(--pag-shadow-card)!important;
}
body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) :is(h2,h3,h4,.big,b,strong){color:var(--pag-navy)!important}
body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) :is(p,.res,.rd-band__nota,.rd-trio figcaption,.rd-trio__year,.rd-trio__lbl,.tema,.src,li){color:var(--pag-muted)!important}
body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) .eyebrow,
body[data-page="rearme"] .rd-ley--madre .tema{color:var(--pag-gold-ink)!important}
body[data-page="rearme"] .rd-ley--madre .rd-ley__cifras li{
  color:var(--pag-text)!important;background:rgba(255,255,255,.58)!important;border-color:var(--pag-line)!important
}
body[data-page="rearme"] .rd-ley--madre .rd-tag{background:var(--pag-surface)!important;color:var(--pag-muted)!important;border-color:var(--pag-line)!important}
body[data-page="rearme"] .rd-ley--madre .btn--line{background:var(--pag-surface)!important;color:var(--pag-navy)!important;border-color:var(--pag-blue-2)!important}
:root[data-theme="dark"] body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero){background:linear-gradient(145deg,#0D2B3C,#0A2230)!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) :is(h2,h3,h4,.big,b,strong){color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) :is(p,.res,.rd-band__nota,.rd-trio figcaption,.rd-trio__year,.rd-trio__lbl,.tema,.src,li){color:#B7CFDC!important}
:root[data-theme="dark"] body[data-page="rearme"] .rd-ley--madre .rd-ley__cifras li{background:#103448!important;color:#DDEFF7!important}

/* ---------- Sala de prensa: mismo celeste al comenzar ---------- */
body[data-page="prensa"] .hero.on-dark{padding-top:clamp(56px,6vw,84px)!important;padding-bottom:clamp(48px,6vw,78px)!important}
body[data-page="prensa"] .hero.on-dark :is(.hero__title,h1){color:var(--pag-navy)!important}
body[data-page="prensa"] .hero.on-dark h1 em{color:var(--pag-gold)!important}
body[data-page="prensa"] .hero.on-dark .hero__lead{color:var(--pag-muted)!important}
body[data-page="prensa"] .hero.on-dark .kicker{color:var(--pag-gold-ink)!important}
body[data-page="prensa"] .hero.on-dark .finder{
  background:rgba(255,255,255,.78)!important;color:var(--pag-muted)!important;border-color:var(--pag-line-strong)!important;box-shadow:var(--pag-shadow)!important
}
body[data-page="prensa"] .hero.on-dark .finder__ic{color:var(--pag-blue)!important}
body[data-page="prensa"] .hero.on-dark .finder__kbd{color:var(--pag-muted)!important;border-color:var(--pag-line)!important;background:var(--pag-sky-0)!important}
body[data-page="prensa"] .hero.on-dark .hint{background:var(--pag-surface)!important;color:var(--pag-navy)!important;border-color:var(--pag-line)!important}
body[data-page="prensa"] .hero.on-dark .feat{
  background:rgba(255,255,255,.82)!important;border-color:var(--pag-line)!important;box-shadow:var(--pag-shadow-card)!important
}
body[data-page="prensa"] .hero.on-dark .feat__title{color:var(--pag-navy)!important}
body[data-page="prensa"] .hero.on-dark :is(.feat__src,.feat__top time){color:var(--pag-muted)!important}
body[data-page="prensa"] .hero.on-dark .feat__top{color:var(--pag-gold-ink)!important}
body[data-page="prensa"] .hero.on-dark .chrono{border-color:var(--pag-line)!important}
body[data-page="prensa"] .hero.on-dark .chrono__item{border-color:var(--pag-line)!important;color:var(--pag-text)!important}
body[data-page="prensa"] .hero.on-dark .chrono__title{color:var(--pag-navy)!important}
body[data-page="prensa"] .hero.on-dark :is(.chrono__label,.chrono__type,.chrono__meta){color:var(--pag-muted)!important}
body[data-page="prensa"] .bar{background:color-mix(in srgb,var(--pag-surface) 96%,transparent)!important;color:var(--pag-navy)!important;border-color:var(--pag-line)!important}
body[data-page="prensa"] .bar__brand,body[data-page="prensa"] .bar__tab{color:var(--pag-navy)!important}
body[data-page="prensa"] .bar__tab:hover,body[data-page="prensa"] .bar__tab[aria-current="true"]{background:var(--pag-sky-1)!important;color:var(--pag-navy)!important}
body[data-page="prensa"] .bar__search{background:var(--pag-sky-0)!important;color:var(--pag-muted)!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark :is(.hero__title,h1){color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .hero__lead{color:#B7CFDC!important}
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .feat{background:rgba(12,38,53,.88)!important}
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .feat__title{color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="prensa"] .bar{background:rgba(6,25,35,.96)!important;color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="prensa"] .bar__brand,
:root[data-theme="dark"] body[data-page="prensa"] .bar__tab{color:#DCEEF7!important}
:root[data-theme="dark"] body[data-page="prensa"] .bar__tab:hover,
:root[data-theme="dark"] body[data-page="prensa"] .bar__tab[aria-current="true"]{background:#103448!important;color:#fff!important}

/* ---------- Argentina PyME ----------
   El contenido comienza enseguida del header secundario, sin gran vacío vertical. */
body[data-page="pyme"] .masthead{
  background:var(--pag-sky-0)!important;color:var(--pag-navy)!important;border-color:var(--pag-line)!important
}
body[data-page="pyme"] .masthead::before{background:color-mix(in srgb,var(--pag-sky-0) 96%,transparent)!important;border-bottom-color:var(--pag-line)!important}
body[data-page="pyme"] .masthead .tool,body[data-page="pyme"] .masthead .wordmark{color:var(--pag-navy)!important}
body[data-page="pyme"] #themeBtn{display:none!important} /* el selector global ya controla todo el sitio */
body[data-page="pyme"] .masthead + main #inicio.hero{
  min-height:0!important;
  display:block!important;
  padding:clamp(30px,3.2vw,48px) var(--gutter) clamp(40px,4vw,60px)!important;
}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__inner{
  min-height:0!important;
  align-items:center!important;
  row-gap:18px!important;
}
body[data-page="pyme"] .masthead + main #inicio.hero :is(.hero__title,.hero__sub,.hero__kicker,.byline b,.byline span,.hero__motto){color:var(--pag-navy)!important}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__title span:last-child{color:var(--pag-gold)!important}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__sub{color:var(--pag-muted)!important}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__kicker{color:var(--pag-gold-ink)!important;font-weight:700!important}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__topics a{color:var(--pag-navy)!important;border-color:var(--pag-line-strong)!important;background:rgba(255,255,255,.56)!important}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__sign{border-color:var(--pag-line)!important}
body[data-page="pyme"] .datacard{background:var(--pag-surface)!important;border:1px solid var(--pag-line)!important;box-shadow:var(--pag-shadow)!important}
:root[data-theme="dark"] body[data-page="pyme"] .masthead{background:#081F2C!important;color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="pyme"] .masthead::before{background:rgba(8,31,44,.96)!important;border-color:var(--pag-line)!important}
:root[data-theme="dark"] body[data-page="pyme"] .masthead .tool,
:root[data-theme="dark"] body[data-page="pyme"] .masthead .wordmark{color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="pyme"] .masthead + main #inicio.hero :is(.hero__title,.byline b,.byline span,.hero__motto){color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="pyme"] .masthead + main #inicio.hero .hero__sub{color:#B7CFDC!important}
:root[data-theme="dark"] body[data-page="pyme"] .masthead + main #inicio.hero .hero__topics a{color:#DCEEF7!important;border-color:var(--pag-line)!important;background:#0C2635!important}

/* ---------- Footer homogéneo ---------- */
.footer{background:var(--pag-sky-0)!important;color:var(--pag-text)!important;border-top:1px solid var(--pag-line)!important}
.footer__name,.footer__role,.footer .voice,.footer__links a,.footer__legal{color:var(--pag-navy)!important}
.footer__legal{color:var(--pag-muted)!important}
:root[data-theme="dark"] .footer{background:#081F2C!important;color:#DCEEF7!important}
:root[data-theme="dark"] .footer :is(.footer__name,.footer__role,.voice,.footer__links a){color:#DCEEF7!important}
:root[data-theme="dark"] .footer__legal{color:#9EBBCA!important}

/* ---------- Controles, links, accesibilidad ---------- */
a{ text-underline-offset:3px }
:focus-visible{outline:3px solid var(--pag-focus)!important;outline-offset:3px!important}
input,select,textarea,button{accent-color:var(--pag-blue)}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .tool-hero{padding-block:clamp(42px,7vw,62px)!important}
  body[data-page="prensa"] .hero.on-dark{padding-top:42px!important}
  body[data-page="pyme"] .masthead + main #inicio.hero{padding-top:28px!important}
}
@media (max-width:720px){
  .results,.ivg__grid,.rd-why,.datacards{align-items:stretch!important}
  .results>.card,.ivg__grid>.card,.rd-why>.rd-why__card,.datacards>.datacard{height:auto!important;min-height:0!important}
  body[data-page="pyme"] .masthead + main #inicio.hero{padding:26px var(--gutter) 40px!important}
  body[data-page="pyme"] .hero__title{font-size:clamp(3rem,17vw,5rem)!important}
}

/* Corrección de colisión de nombre: en Argentina PyME `.bar` es la pista de gráficos,
   no la barra de navegación de Prensa. */
body[data-page="pyme"] .bar{
  background:var(--track)!important;
  color:inherit!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Ajustes finales detectados en la auditoría por capturas. */
body[data-page="prensa"] .medios{background:var(--pag-bg)!important;border-color:var(--pag-line)!important}
body[data-page="prensa"] .medios__grid{align-items:stretch!important}
body[data-page="prensa"] .medios__grid>*{height:100%!important}
body[data-page="prensa"] .contact{
  background:linear-gradient(145deg,var(--pag-sky-2),var(--pag-sky-0))!important;
  color:var(--pag-text)!important;
  border:1px solid var(--pag-line)!important;
  box-shadow:var(--pag-shadow-card)!important;
}
body[data-page="prensa"] .contact__title{color:var(--pag-navy)!important}
body[data-page="prensa"] .contact .kicker{color:var(--pag-gold-ink)!important}
body[data-page="prensa"] .contact__mail,body[data-page="prensa"] .contact__mail a{color:var(--pag-blue)!important}
body[data-page="prensa"] .contact__copy{color:var(--pag-blue)!important;border-color:var(--pag-line-strong)!important;background:var(--pag-surface)!important}
body[data-page="prensa"] .ficha,body[data-page="prensa"] .docs{background:var(--pag-surface)!important;border-color:var(--pag-line)!important;color:var(--pag-text)!important;box-shadow:var(--pag-shadow)!important}
:root[data-theme="dark"] body[data-page="prensa"] .contact{background:linear-gradient(145deg,#103448,#0A2230)!important;color:#DCEEF7!important}
:root[data-theme="dark"] body[data-page="prensa"] .contact__title{color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="prensa"] .contact__mail,
:root[data-theme="dark"] body[data-page="prensa"] .contact__mail a{color:#8AD4F5!important}

/* El subheader propio de Argentina PyME queda inmediatamente debajo del header global
   y ocupa espacio real en el flujo: ya no genera una portada corrida hacia abajo. */
body[data-page="pyme"] .masthead{
  position:sticky!important;
  inset:auto!important;
  top:94px!important;
  height:54px!important;
  z-index:45!important;
}
body[data-page="pyme"] .masthead.is-hero:not(.is-scrolled)::before{opacity:1!important}
body[data-page="pyme"] .masthead__bar{height:54px!important}
@media(max-width:720px){
  body[data-page="pyme"] .masthead{top:80px!important;height:50px!important}
  body[data-page="pyme"] .masthead__bar{height:50px!important}
}

/* Igualación adicional de módulos que conviven en una misma fila. */
.charts,.rd-duo,.rd-leyes,.rd-calc,.rd-sim,.contact__grid{align-items:stretch!important}
.charts>*,.rd-duo>*,.rd-leyes>*,.rd-calc>*,.rd-sim>*,.contact__grid>*{height:100%!important;min-height:100%!important}
.rd-leyes>.rd-ley{display:flex!important;flex-direction:column!important}
.rd-leyes>.rd-ley .rd-ley__actions{margin-top:auto!important}
@media(max-width:720px){
  .charts>*,.rd-duo>*,.rd-leyes>*,.rd-calc>*,.rd-sim>*,.contact__grid>*{height:auto!important;min-height:0!important}
}

/* ======================================================================
   AUDITORÍA DE CONTRASTE Y HOMOGENEIDAD · V3 · 07/10/2026
   Capa final: corrige texto claro sobre fondo claro, jerarquías débiles,
   colisiones del hero de Prensa y controles de PyME heredados del tema oscuro.
   ====================================================================== */

/* --- Contraste base más firme en el tema claro --- */
:root,
:root[data-theme="light"]{
  --pag-text:#123D5C;
  --pag-muted:#315D7C;
  --pag-subtle:#486B82;
  --pag-line:#BDD6E4;
  --pag-line-strong:#94BDD4;
  --pag-gold-ink:#654900;
}

/* Textos auxiliares: nunca gris/celeste demasiado pálido sobre celeste. */
body:not([data-page="prensa"]) :is(.hint,.src,.meta,.small,.note,.caption,figcaption){
  color:var(--pag-muted);
}

/* --- Proyectos y Denunciómetro: corrige los destacados blancos heredados --- */
body[data-page="proyectos"] .tool-hero .lead strong,
body[data-page="denunciometro"] .tool-hero .lead strong{
  color:var(--pag-navy)!important;
  font-weight:850!important;
}
body[data-page="proyectos"] .tool-hero .lead,
body[data-page="denunciometro"] .tool-hero .lead{
  color:var(--pag-text)!important;
}
body[data-page="proyectos"] .tool-hero .hint,
body[data-page="denunciometro"] .tool-hero .hint{
  color:var(--pag-muted)!important;
}
body[data-page="proyectos"] .tool-hero__stats .mini-stat,
body[data-page="denunciometro"] .tool-hero__stats .mini-stat{
  background:#F9FCFE!important;
  border-color:var(--pag-line-strong)!important;
}
body[data-page="proyectos"] .tool-hero__stats .mini-stat b,
body[data-page="denunciometro"] .tool-hero__stats .mini-stat b{
  color:var(--pag-navy)!important;
}
body[data-page="proyectos"] .tool-hero__stats .mini-stat--sol b,
body[data-page="denunciometro"] .tool-hero__stats .mini-stat--sol b{
  color:#765500!important;
}

/* --- Grillas: una misma fila termina siempre con la misma altura --- */
.results,.feat-grid,.feat-grid--home,.ivg__grid,.medios__grid,.rd-why,.rd-docs,.rd-fuentes,.datacards,.pd__grid,.charts,.rules{
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}
.results>*,.feat-grid>*,.feat-grid--home>*,.ivg__grid>*,.medios__grid>*,.rd-why>*,.rd-docs>*,.rd-fuentes>*,.datacards>*,.pd__grid>*,.charts>*,.rules>*{
  height:100%!important;
}
@media(max-width:720px){
  .results,.feat-grid,.feat-grid--home,.ivg__grid,.medios__grid,.rd-why,.rd-docs,.rd-fuentes,.datacards,.pd__grid,.charts,.rules{grid-auto-rows:auto!important}
  .results>*,.feat-grid>*,.feat-grid--home>*,.ivg__grid>*,.medios__grid>*,.rd-why>*,.rd-docs>*,.rd-fuentes>*,.datacards>*,.pd__grid>*,.charts>*,.rules>*{height:auto!important}
}

/* --- Sala de prensa: evita la colisión título/tarjeta y recupera contraste --- */
body[data-page="prensa"] .hero.on-dark .hero__grid{
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr)!important;
  gap:clamp(52px,5vw,84px)!important;
}
body[data-page="prensa"] .hero.on-dark .hero__copy{min-width:0!important}
body[data-page="prensa"] .hero.on-dark h1{
  max-width:9.4ch!important;
  font-size:clamp(3.45rem,5.25vw,5.35rem)!important;
  line-height:.92!important;
  letter-spacing:-.042em!important;
}
body[data-page="prensa"] .hero.on-dark h1 em{
  display:block!important;
  white-space:normal!important;
  color:var(--pag-gold)!important;
}
body[data-page="prensa"] .hero.on-dark .feat{
  background:rgba(255,255,255,.94)!important;
  border-color:var(--pag-line-strong)!important;
}
body[data-page="prensa"] .hero.on-dark .feat__top{color:#765500!important}
body[data-page="prensa"] .hero.on-dark .feat__top time,
body[data-page="prensa"] .hero.on-dark .feat__src{
  color:var(--pag-muted)!important;
  opacity:1!important;
}
body[data-page="prensa"] .hero.on-dark .feat__title{
  color:var(--pag-navy)!important;
}
body[data-page="prensa"] .hero.on-dark .feat__acts .btn--ghost{
  background:var(--pag-sky-0)!important;
  color:var(--pag-navy)!important;
  border-color:var(--pag-line-strong)!important;
}
body[data-page="prensa"] .hero.on-dark .feat__acts .btn--ghost:hover{
  background:var(--pag-sky-1)!important;
  border-color:var(--pag-blue-2)!important;
}
body[data-page="prensa"] .hero.on-dark .feat__acts .btn--sol{
  background:var(--pag-gold)!important;
  color:#082D4F!important;
  border-color:#C99B25!important;
}
body[data-page="prensa"] .hero.on-dark .finder__hints,
body[data-page="prensa"] .hero.on-dark .finder__hints>span{color:var(--pag-muted)!important}

@media(max-width:1080px){
  body[data-page="prensa"] .hero.on-dark .hero__grid{
    grid-template-columns:minmax(0,1fr) minmax(420px,1fr)!important;
    gap:38px!important;
  }
  body[data-page="prensa"] .hero.on-dark h1{font-size:clamp(3.25rem,5.8vw,4.7rem)!important}
}
@media(max-width:820px){
  body[data-page="prensa"] .hero.on-dark .hero__grid{grid-template-columns:1fr!important}
  body[data-page="prensa"] .hero.on-dark h1{max-width:10ch!important}
}

/* Dark de Prensa: todos los controles vuelven a contraste alto. */
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .feat{
  background:#0C2635!important;
  border-color:var(--pag-line-strong)!important;
}
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .feat__top{color:var(--pag-gold-2)!important}
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .feat__top time,
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .feat__src{color:#AFC9D7!important}
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .feat__title{color:#EFF9FD!important}
:root[data-theme="dark"] body[data-page="prensa"] .hero.on-dark .feat__acts .btn--ghost{
  background:#123448!important;color:#EAF7FD!important;border-color:#3D6B81!important
}

/* --- Argentina PyME: elimina restos de tipografía clara pensada para fondo noche --- */
body[data-page="pyme"] .masthead + main #inicio.hero .hero__inner{
  padding-top:0!important;
}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__sub{
  color:var(--pag-text)!important;
}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__actions .btn--ghost{
  background:#FFFFFF!important;
  color:var(--pag-navy)!important;
  border-color:var(--pag-line-strong)!important;
  box-shadow:0 8px 22px -20px rgba(5,47,88,.35)!important;
}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__actions .btn--ghost:hover{
  background:var(--pag-sky-1)!important;
  border-color:var(--pag-blue-2)!important;
  color:var(--pag-navy)!important;
}
body[data-page="pyme"] .vitrina .legend,
body[data-page="pyme"] .vitrina__hint,
body[data-page="pyme"] .vitrina__pick,
body[data-page="pyme"] .vitrina__cap{
  color:var(--pag-text)!important;
  opacity:1!important;
}
body[data-page="pyme"] .vitrina__hint{font-weight:600!important}
body[data-page="pyme"] .hero__topics a{
  background:#F9FCFE!important;
  color:var(--pag-navy)!important;
  border-color:var(--pag-line-strong)!important;
}
body[data-page="pyme"] .hero__topics a:hover{
  background:var(--pag-sky-1)!important;
  color:var(--pag-navy)!important;
  border-color:var(--pag-blue-2)!important;
}
body[data-page="pyme"] .masthead .tool--search,
body[data-page="pyme"] .masthead .tool--pdf,
body[data-page="pyme"] .masthead #sizeBtn{
  color:var(--pag-navy)!important;
  border-color:var(--pag-line)!important;
}
body[data-page="pyme"] .masthead .tool--search:hover,
body[data-page="pyme"] .masthead #sizeBtn:hover{background:var(--pag-sky-1)!important}
body[data-page="pyme"] .masthead .tool--pdf{background:var(--pag-gold)!important;color:#082D4F!important}

:root[data-theme="dark"] body[data-page="pyme"] .masthead + main #inicio.hero .hero__sub{color:#C5DCE7!important}
:root[data-theme="dark"] body[data-page="pyme"] .masthead + main #inicio.hero .hero__actions .btn--ghost{
  background:#103448!important;color:#EAF7FD!important;border-color:#3D6B81!important
}
:root[data-theme="dark"] body[data-page="pyme"] .vitrina .legend,
:root[data-theme="dark"] body[data-page="pyme"] .vitrina__hint,
:root[data-theme="dark"] body[data-page="pyme"] .vitrina__pick,
:root[data-theme="dark"] body[data-page="pyme"] .vitrina__cap{color:#C8DFEA!important}
:root[data-theme="dark"] body[data-page="pyme"] .hero__topics a{background:#0C2635!important;color:#DCEFFA!important;border-color:#285064!important}

/* --- Rearme: fuerza legibilidad dentro de módulos que antes fueron oscuros --- */
body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) a:not(.btn){color:var(--pag-blue)!important}
body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) .btn--sol{color:#082D4F!important}
body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) .btn--line{color:var(--pag-navy)!important}
body[data-page="rearme"] .rd-ley--madre :is(.tema,.src,.rd-tag),
body[data-page="rearme"] .rd-band__box :is(.rd-band__nota,.rd-trio__lbl,.rd-trio__year){opacity:1!important}

/* --- Accesibilidad visual general --- */
:is(input,textarea,select)::placeholder{opacity:1!important}
:root:not([data-theme="dark"]) :is(input,textarea,select)::placeholder{color:#5A788C!important}
:root[data-theme="dark"] :is(input,textarea,select)::placeholder{color:#9BB7C6!important}
:focus-visible{outline:3px solid var(--pag-focus)!important;outline-offset:3px!important}

/* En modo oscuro, no dejar titulares ni cifras usando el azul oscuro del tema claro. */
:root[data-theme="dark"] body[data-page="proyectos"] .tool-hero .lead strong,
:root[data-theme="dark"] body[data-page="denunciometro"] .tool-hero .lead strong{color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="proyectos"] .tool-hero .lead,
:root[data-theme="dark"] body[data-page="denunciometro"] .tool-hero .lead{color:#BCD3DF!important}
:root[data-theme="dark"] body[data-page="proyectos"] .tool-hero__stats .mini-stat,
:root[data-theme="dark"] body[data-page="denunciometro"] .tool-hero__stats .mini-stat{background:#0C2635!important;border-color:#285064!important}
:root[data-theme="dark"] body[data-page="proyectos"] .tool-hero__stats .mini-stat b,
:root[data-theme="dark"] body[data-page="denunciometro"] .tool-hero__stats .mini-stat b{color:#EAF7FD!important}
:root[data-theme="dark"] body[data-page="proyectos"] .tool-hero__stats .mini-stat--sol b,
:root[data-theme="dark"] body[data-page="denunciometro"] .tool-hero__stats .mini-stat--sol b{color:#F2D677!important}

/* ======================================================================
   COMPACTACIÓN DE INICIO DE SECCIONES · V4 · 07/10/2026
   Reduce el espacio muerto entre el header global y el primer contenido
   visible de cada URL, preservando jerarquía, respiración y responsive.
   ====================================================================== */

/* Proyectos, Denunciómetro y Rearme: el contenido empieza mucho antes. */
body[data-page="proyectos"] .tool-hero,
body[data-page="denunciometro"] .tool-hero,
body[data-page="rearme"] .tool-hero,
body[data-page="rearme"] .rd-hero{
  padding-top:24px!important;
  padding-bottom:38px!important;
}
body[data-page="proyectos"] .tool-hero__grid,
body[data-page="denunciometro"] .tool-hero__grid,
body[data-page="rearme"] .tool-hero__grid{
  align-items:center!important;
}
body[data-page="proyectos"] .tool-hero .eyebrow,
body[data-page="denunciometro"] .tool-hero .eyebrow,
body[data-page="rearme"] .tool-hero .eyebrow{
  margin-top:0!important;
}

/* Prensa: elimina el doble colchón vertical heredado del micrositio original. */
body[data-page="prensa"] .hero.on-dark{
  padding-top:0!important;
  padding-bottom:0!important;
}
body[data-page="prensa"] .hero.on-dark .hero__grid{
  padding-top:22px!important;
  padding-bottom:34px!important;
  align-items:center!important;
}
body[data-page="prensa"] .hero.on-dark .kicker{margin-top:0!important}
body[data-page="prensa"] .hero.on-dark h1{margin-top:.20em!important}

/* Argentina PyME: el programa aparece casi inmediatamente al terminar su barra. */
body[data-page="pyme"] .masthead + main #inicio.hero{
  padding-top:18px!important;
  padding-bottom:36px!important;
}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__inner{
  row-gap:12px!important;
}
body[data-page="pyme"] .masthead + main #inicio.hero .hero__kicker{
  margin-top:0!important;
  margin-bottom:.7rem!important;
}

/* Inicio: conserva la composición con retrato, pero evita aire innecesario arriba. */
body[data-page="inicio"] .hero__copy{
  padding-top:44px!important;
}

@media (max-width:900px){
  body[data-page="proyectos"] .tool-hero,
  body[data-page="denunciometro"] .tool-hero,
  body[data-page="rearme"] .tool-hero,
  body[data-page="rearme"] .rd-hero{
    padding-top:22px!important;
    padding-bottom:32px!important;
  }
  body[data-page="prensa"] .hero.on-dark .hero__grid{
    padding-top:18px!important;
    padding-bottom:30px!important;
  }
  body[data-page="pyme"] .masthead + main #inicio.hero{
    padding-top:16px!important;
    padding-bottom:32px!important;
  }
}

@media (max-width:720px){
  body[data-page="proyectos"] .tool-hero,
  body[data-page="denunciometro"] .tool-hero,
  body[data-page="rearme"] .tool-hero,
  body[data-page="rearme"] .rd-hero{
    padding-top:18px!important;
    padding-bottom:28px!important;
  }
  body[data-page="prensa"] .hero.on-dark .hero__grid{
    padding-top:14px!important;
    padding-bottom:26px!important;
  }
  body[data-page="pyme"] .masthead + main #inicio.hero{
    padding-top:14px!important;
    padding-bottom:28px!important;
  }
  body[data-page="inicio"] .hero__copy{
    padding-top:34px!important;
  }
}

/* ======================================================================
   HERRAMIENTAS DE LECTURA COMPACTAS · V5 · 08/10/2026
   Búsqueda discreta y desplegable en Proyectos, Denunciómetro, Rearme y PyME.
   Priorizamos lectura: no ocupa ancho ni alto del contenido mientras está cerrada.
   ====================================================================== */
.mp-reader-tools{
  position:fixed;
  top:var(--mp-reader-tools-top,88px);
  right:max(14px,calc((100vw - 1400px)/2 + 16px));
  z-index:83;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  pointer-events:none;
}
.mp-reader-tool,
.mp-quick-search-close{
  pointer-events:auto;
  appearance:none;
  border:1px solid var(--pag-line-strong,#B9D6E8);
  background:color-mix(in srgb,#FFFFFF 92%,var(--pag-sky-1,#EAF6FC));
  color:var(--pag-navy,#0B477A);
  min-height:36px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 12px;
  font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 8px 24px -18px rgba(5,47,88,.48);
  cursor:pointer;
  transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;
}
.mp-reader-tool:hover,
.mp-reader-tool[aria-expanded="true"]{
  background:#FFFFFF;
  border-color:var(--pag-blue-2,#4EA8D6);
  box-shadow:0 10px 28px -17px rgba(5,47,88,.58);
}
.mp-reader-tool:active{transform:translateY(1px)}
.mp-reader-tool svg,
.mp-quick-search-close svg,
.mp-toc-controls svg,
.mp-toc-reopen svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;
}
.mp-reader-tools.is-open .mp-reader-search-toggle{display:none}
.mp-quick-search-panel{
  pointer-events:auto;
  display:flex;
  align-items:center;
  width:min(370px,calc(100vw - 28px));
  padding:5px;
  border:1px solid var(--pag-line-strong,#B9D6E8);
  background:color-mix(in srgb,#FFFFFF 96%,var(--pag-sky-1,#EAF6FC));
  border-radius:999px;
  box-shadow:0 12px 34px -20px rgba(5,47,88,.58);
}
.mp-quick-search-panel[hidden]{display:none!important}
.mp-quick-search-input{
  flex:1 1 auto;
  min-width:0;
  height:34px!important;
  min-height:34px!important;
  padding:0 10px 0 12px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--pag-navy,#0B477A)!important;
  box-shadow:none!important;
  font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.mp-quick-search-input::placeholder{color:#607F93!important}
.mp-quick-search-close{
  width:34px;height:34px;min-height:34px;padding:0;border:0;box-shadow:none;background:transparent;
}
.mp-quick-search-close:hover{background:var(--pag-sky-1,#EAF6FC)}

/* Los buscadores enormes del hero dejan lugar a la lectura. Los filtros completos siguen disponibles más abajo. */
body[data-page="proyectos"] .tool-hero .hero-search,
body[data-page="denunciometro"] .tool-hero .hero-search{display:none!important}

/* En PyME ocultamos el buscador grande duplicado del subheader: el botón flotante abre el mismo buscador nativo. */
body[data-page="pyme"] #masthead .tool--search{display:none!important}
body[data-page="pyme"] #masthead{
  --mast-h:46px!important;
}
body[data-page="pyme"] #masthead .masthead__bar{min-height:46px!important;height:46px!important}
body[data-page="pyme"] #masthead .tool{min-height:34px!important;height:34px!important}
body[data-page="pyme"] #masthead .tool--pdf{padding-inline:.7rem!important}

:root[data-theme="dark"] .mp-reader-tool,
:root[data-theme="dark"] .mp-quick-search-panel{
  background:rgba(9,37,53,.95);
  border-color:#315B70;
  color:#E9F6FC;
}
:root[data-theme="dark"] .mp-quick-search-input{color:#EAF7FD!important}
:root[data-theme="dark"] .mp-quick-search-input::placeholder{color:#9DBBCB!important}
:root[data-theme="dark"] .mp-quick-search-close:hover{background:#123448}

@media (max-width:720px){
  .mp-reader-tools{
    right:10px;
    top:var(--mp-reader-tools-top,78px);
  }
  .mp-reader-tool{min-height:34px;padding:6px 10px;font-size:12px}
  .mp-reader-tool span{display:none}
  .mp-reader-tool svg{width:18px;height:18px}
  .mp-quick-search-panel{width:min(330px,calc(100vw - 20px))}
}

/* ======================================================================
   ARGENTINA PyME · ÍNDICE ACOPLABLE / DESACOPLABLE / OCULTABLE
   ====================================================================== */
body[data-page="pyme"] .mp-original-toc-title{display:none!important}
body[data-page="pyme"] .mp-toc-controls{
  position:sticky;
  top:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:44px;
  margin:-12px -6px 8px;
  padding:6px 6px 6px 10px;
  background:color-mix(in srgb,var(--papel,#fff) 94%,transparent);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--linea,#D7E1E8);
}
body[data-page="pyme"] .mp-toc-controls>strong{
  color:var(--titulo,#113E66);
  font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.02em;
}
body[data-page="pyme"] .mp-toc-actions{display:flex;align-items:center;gap:4px}
body[data-page="pyme"] .mp-toc-controls button,
body[data-page="pyme"] .mp-toc-reopen{
  appearance:none;
  border:1px solid var(--linea,#D5E3EB);
  background:var(--papel,#fff);
  color:var(--titulo,#113E66);
  border-radius:999px;
  cursor:pointer;
  font:700 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
}
body[data-page="pyme"] .mp-toc-controls button{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:5px 8px;
}
body[data-page="pyme"] .mp-toc-controls button:hover,
body[data-page="pyme"] .mp-toc-reopen:hover{
  background:var(--celeste-tinta,#E7F4FB);
  border-color:var(--celeste,#87C7E8);
}
body[data-page="pyme"] .mp-toc-hide{width:31px!important;padding:0!important}
body[data-page="pyme"] .mp-toc-reopen{
  position:fixed;
  left:10px;
  top:var(--mp-pyme-toc-top,138px);
  z-index:82;
  min-height:36px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  box-shadow:0 10px 28px -18px rgba(5,47,88,.55);
}
body[data-page="pyme"] .mp-toc-reopen[hidden]{display:none!important}

@media (min-width:75rem){
  body[data-page="pyme"].mp-toc-hidden .book,
  body[data-page="pyme"].mp-toc-undocked .book{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body[data-page="pyme"].mp-toc-hidden .toc{display:none!important}
  body[data-page="pyme"].mp-toc-undocked .toc{
    display:block!important;
    position:fixed!important;
    left:10px!important;
    top:var(--mp-pyme-toc-top,138px)!important;
    z-index:81!important;
    width:min(17.5rem,calc(100vw - 20px))!important;
    height:calc(100dvh - var(--mp-pyme-toc-top,138px) - 10px)!important;
    padding:12px 12px 28px!important;
    background:var(--papel,#fff)!important;
    border:1px solid var(--linea,#D5E3EB)!important;
    border-radius:14px!important;
    box-shadow:0 24px 60px -30px rgba(5,47,88,.52)!important;
  }
  body[data-page="pyme"].mp-toc-docked .toc{
    padding-top:1rem!important;
  }
}

@media (max-width:74.99rem){
  body[data-page="pyme"] .mp-toc-controls,
  body[data-page="pyme"] .mp-toc-reopen{display:none!important}
}

:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-controls{
  background:rgba(9,31,44,.94);
  border-color:#285064;
}
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-controls>strong,
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-controls button,
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-reopen{color:#E8F5FC}
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-controls button,
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-reopen,
:root[data-theme="dark"] body[data-page="pyme"].mp-toc-undocked .toc{
  background:#0A2636!important;
  border-color:#285064!important;
}

/* ======================================================================
   V6 · LECTURA PRIORITARIA
   - barras locales ocultables
   - índice PyME: sólo mostrar/ocultar
   - al ocultar índice PyME, la columna de lectura gana ancho real
   ====================================================================== */

/* Botones de ocultar/mostrar barras locales */
.mp-sectionbar-toggle,
.mp-pyme-bar-hide,
.mp-pyme-bar-reopen{
  appearance:none;
  border:1px solid var(--pag-line-strong,#B9D5E5);
  background:rgba(255,255,255,.9);
  color:var(--pag-navy,#0A477D);
  border-radius:999px;
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:5px 9px;
  font:800 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 4px 14px -12px rgba(4,54,94,.45);
}
.mp-sectionbar-toggle svg,
.mp-pyme-bar-hide svg,
.mp-pyme-bar-reopen svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mp-sectionbar-toggle:hover,
.mp-pyme-bar-hide:hover,
.mp-pyme-bar-reopen:hover{background:var(--pag-sky-1,#E8F5FC);border-color:var(--pag-sky-4,#79BDE2)}

/* Rearme: la barra puede quedar reducida a un control mínimo. */
body[data-page="rearme"] .rd-subnav .wrap{position:relative}
body[data-page="rearme"] .rd-subnav .mp-sectionbar-toggle{margin-left:auto;flex:none}
body[data-page="rearme"] .rd-subnav.mp-nav-collapsed .wrap{
  min-height:36px!important;
  padding-block:3px!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
body[data-page="rearme"] .rd-subnav.mp-nav-collapsed .wrap > :not(.mp-sectionbar-toggle){display:none!important}
body[data-page="rearme"] .rd-subnav.mp-nav-collapsed{background:color-mix(in srgb,var(--paper,#fff) 88%,transparent)!important}

/* Prensa: mismo patrón para su navegación interna. */
body[data-page="prensa"] .bar .mp-sectionbar-toggle{margin-left:auto;flex:none}
body[data-page="prensa"] .bar.mp-nav-collapsed .bar__row{
  min-height:38px!important;
  padding-block:3px!important;
  justify-content:flex-end!important;
}
body[data-page="prensa"] .bar.mp-nav-collapsed .bar__row > :not(.mp-sectionbar-toggle){display:none!important}
body[data-page="prensa"] .bar.mp-nav-collapsed{min-height:38px!important}

/* Argentina PyME · barra superior: se oculta por completo y queda un control chico. */
body[data-page="pyme"] .mp-pyme-bar-hide{
  width:31px!important;
  min-width:31px!important;
  padding:0!important;
  margin-left:2px;
}
body[data-page="pyme"] .mp-pyme-bar-reopen{
  position:fixed;
  right:12px;
  top:calc(var(--topbar-h,80px) + 7px);
  z-index:84;
  min-height:34px;
}
body[data-page="pyme"] .mp-pyme-bar-reopen[hidden]{display:none!important}
body[data-page="pyme"].mp-pyme-bar-hidden #masthead{display:none!important}
body[data-page="pyme"].mp-pyme-bar-hidden #contenido{padding-top:0!important;margin-top:0!important}
body[data-page="pyme"].mp-pyme-bar-hidden #inicio.hero{
  padding-top:14px!important;
  margin-top:0!important;
}

/* Índice PyME: sin acoplar/desacoplar. Sólo X + botón Índice para recuperarlo. */
body[data-page="pyme"] .mp-toc-controls{
  min-height:40px!important;
  margin:-10px -6px 8px!important;
  padding:5px 6px 5px 10px!important;
}
body[data-page="pyme"] .mp-toc-controls .mp-toc-hide{
  width:31px!important;
  min-width:31px!important;
  height:31px!important;
  padding:0!important;
  margin-left:auto!important;
}
body[data-page="pyme"] .mp-toc-controls .mp-toc-hide svg,
body[data-page="pyme"] .mp-toc-reopen svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body[data-page="pyme"] .mp-toc-reopen{
  left:10px!important;
  top:var(--mp-pyme-toc-top,92px)!important;
  z-index:83!important;
  min-height:34px!important;
  padding:6px 10px!important;
}

@media (min-width:75rem){
  body[data-page="pyme"].mp-toc-hidden .book{grid-template-columns:minmax(0,1fr)!important}
  body[data-page="pyme"].mp-toc-hidden .toc{display:none!important}
  /* La lectura realmente aprovecha el ancho liberado por el índice. */
  body[data-page="pyme"].mp-toc-hidden{
    --content:52rem;
    --rail:6rem;
  }
  body[data-page="pyme"].mp-toc-hidden .sec{
    grid-template-columns:
      [full-start] minmax(var(--gutter),1fr)
      [wide-start] minmax(0,var(--rail))
      [content-start] min(var(--content),100% - 2 * var(--gutter))
      [content-end] minmax(0,var(--rail))
      [wide-end] minmax(var(--gutter),1fr) [full-end]!important;
  }
  body[data-page="pyme"].mp-toc-hidden .hero__inner{
    max-width:94rem!important;
    margin-inline:auto!important;
  }
}

@media (max-width:74.99rem){
  body[data-page="pyme"] .mp-toc-controls,
  body[data-page="pyme"] .mp-toc-reopen{display:none!important}
  body[data-page="pyme"] .mp-pyme-bar-reopen{right:8px;top:calc(var(--topbar-h,72px) + 6px)}
}

/* Oscuro */
:root[data-theme="dark"] .mp-sectionbar-toggle,
:root[data-theme="dark"] .mp-pyme-bar-hide,
:root[data-theme="dark"] .mp-pyme-bar-reopen{
  background:#0A2636!important;
  color:#E8F5FC!important;
  border-color:#285064!important;
}
:root[data-theme="dark"] .mp-sectionbar-toggle:hover,
:root[data-theme="dark"] .mp-pyme-bar-hide:hover,
:root[data-theme="dark"] .mp-pyme-bar-reopen:hover{background:#103447!important}

/* ======================================================================
   V7 · HEADER DE LECTURA UNIFICADO
   - las barras internas viven dentro del header y cerradas ocupan 0 px
   - control Aa común a todas las páginas
   - sin botones flotantes superpuestos
   - índice PyME ocultable con ensanche real de lectura
   - números sin cero punteado / alternativo
   ====================================================================== */

/* Escala global elegida por el lector. */
html{font-size:var(--mp-root-size,16px)!important}
body[data-page="prensa"]{font-size:1.0625rem!important}

/* Evita variantes tipográficas de cero con punto/barra en cifras de lectura. */
:where(.stat__v,.stat__value,.home-data-card__number,.mini-stat b,.rd-kpi b,.kpi b,.count,.toc__n,.measure__num b,.chap-head__num b,.tile span,.bar-row__v,.vitrina__n){
  font-feature-settings:"zero" 0,"ss01" 0!important;
  font-variant-numeric:lining-nums tabular-nums!important;
}
body[data-page="pyme"] :where(.stat__v,.measure__num b,.chap-head__num b,.tile span,.toc__n,.bar-row__v,.vitrina__n){
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-style:normal!important;
}

/* Las barras históricas dejan de ocupar espacio. Sus opciones se replican
   en la barra integrada del header mediante pagano-unificado.js. */
body[data-page="rearme"] .rd-subnav{display:none!important}
body[data-page="prensa"] .bar[aria-label="Secciones de la sala de prensa"]{display:none!important}
body[data-page="pyme"] #masthead{display:none!important}
body[data-page="pyme"] #contenido{padding-top:0!important;margin-top:0!important}
body[data-page="pyme"] #inicio.hero{margin-top:0!important;padding-top:16px!important}

/* Desactivamos restos visuales de controles flotantes de versiones anteriores. */
.mp-reader-tools,.mp-pyme-bar-reopen,.mp-toc-reopen,.mp-sectionbar-toggle,.mp-pyme-bar-hide{display:none!important}

/* ---------- Controles compactos del header ---------- */
.topbar{overflow:visible!important}
.topbar__tools{position:relative!important;align-items:center!important;flex:none!important}
.mp-font-toggle{
  font:800 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.04em!important;
}
.mp-header-tool-btn{
  appearance:none;
  min-height:44px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1.5px solid var(--pag-line-strong)!important;
  border-radius:999px;
  background:#fff;
  color:var(--pag-navy);
  font:800 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 8px 22px -20px rgba(6,43,80,.45);
}
.mp-header-tool-btn svg{width:17px;height:17px;flex:none}
.mp-header-tool-btn:hover,.mp-header-tool-btn[aria-expanded="true"]{
  background:var(--pag-sky-0);
  border-color:rgba(31,111,163,.5)!important;
}

/* ---------- Barra acoplada al header ---------- */
.mp-header-dock{
  width:100%;
  background:rgba(238,248,253,.985);
  border-top:1px solid var(--pag-line);
  border-bottom:1px solid var(--pag-line-strong);
  box-shadow:0 12px 28px -28px rgba(6,43,80,.6);
}
.mp-header-dock[hidden]{display:none!important}
.mp-header-dock__row{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding-block:5px;
}
.mp-header-dock__content{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:7px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  padding:1px 0;
}
.mp-header-dock__content::-webkit-scrollbar{display:none}
.mp-header-dock__close,.mp-dock-action,.mp-dock-link{
  appearance:none;
  flex:none;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid var(--pag-line-strong);
  border-radius:999px;
  background:#fff;
  color:var(--pag-navy);
  font:800 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-decoration:none!important;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:none;
}
.mp-header-dock__close{margin-left:auto;background:transparent}
.mp-header-dock__close svg,.mp-dock-action svg,.mp-dock-link svg,.mp-dock-search>svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;
}
.mp-header-dock__close:hover,.mp-dock-action:hover,.mp-dock-link:hover{
  background:var(--pag-sky-1);
  border-color:var(--pag-blue-3);
  color:var(--pag-navy-deep);
}
.mp-dock-link.is-on,.mp-dock-link[aria-current="page"]{
  background:var(--pag-navy);
  border-color:var(--pag-navy);
  color:#fff!important;
}
.mp-dock-link--gold{
  background:var(--pag-gold)!important;
  border-color:#C99B25!important;
  color:#062B50!important;
}
.mp-dock-link--gold:hover{background:#E9BF4B!important;color:#062B50!important}
.mp-dock-search{
  min-width:min(430px,55vw);
  max-width:520px;
  height:36px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid var(--pag-line-strong);
  border-radius:999px;
  background:#fff;
  color:var(--pag-blue);
}
.mp-dock-search input{
  width:100%;min-width:0;height:32px!important;min-height:32px!important;
  padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--pag-navy)!important;
  font:650 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.mp-dock-search input::placeholder{color:#66849A!important;opacity:1}

/* ---------- Panel de tamaño de texto ---------- */
.mp-font-panel{
  position:absolute;
  z-index:650;
  right:max(var(--gutter,16px),calc((100vw - 1400px)/2 + 16px));
  top:calc(100% + 7px);
  display:flex;
  align-items:center;
  gap:5px;
  padding:6px;
  border:1px solid var(--pag-line-strong);
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 48px -28px rgba(6,43,80,.58);
}
.mp-font-panel[hidden]{display:none!important}
.mp-font-panel button{
  appearance:none;
  min-width:42px;height:36px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--pag-navy);
  font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
}
.mp-font-panel button:hover{background:var(--pag-sky-1);border-color:var(--pag-line)}
.mp-font-panel .mp-font-status{min-width:58px;background:var(--pag-sky-0);font-size:12px}

/* ---------- PyME: índice lateral simple y ancho de lectura ---------- */
body[data-page="pyme"] .mp-toc-simple-head{
  position:sticky;top:0;z-index:4;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:40px;margin:-14px -6px 8px;padding:5px 6px 5px 10px;
  border-bottom:1px solid var(--linea,#D7E1E8);
  background:color-mix(in srgb,var(--papel,#fff) 94%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
body[data-page="pyme"] .mp-toc-simple-head strong{
  color:var(--titulo,#113E66);font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif
}
body[data-page="pyme"] .mp-toc-simple-close{
  width:31px;height:31px;display:grid;place-items:center;padding:0;
  border:1px solid var(--linea,#D5E3EB);border-radius:50%;background:var(--papel,#fff);color:var(--titulo,#113E66);cursor:pointer
}
body[data-page="pyme"] .mp-toc-simple-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
body[data-page="pyme"] .mp-original-toc-title{display:none!important}
@media (min-width:75rem){
  body[data-page="pyme"].mp-toc-hidden .book{grid-template-columns:minmax(0,1fr)!important}
  body[data-page="pyme"].mp-toc-hidden .toc{display:none!important}
  body[data-page="pyme"].mp-toc-hidden{--content:56rem;--rail:8rem}
  body[data-page="pyme"].mp-toc-hidden .book__body{width:100%!important;max-width:none!important}
  body[data-page="pyme"].mp-toc-hidden .sec{
    grid-template-columns:
      [full-start] minmax(var(--gutter),1fr)
      [wide-start] minmax(0,var(--rail))
      [content-start] min(var(--content),100% - 2 * var(--gutter))
      [content-end] minmax(0,var(--rail))
      [wide-end] minmax(var(--gutter),1fr) [full-end]!important;
  }
  body[data-page="pyme"].mp-toc-hidden .hero__inner{max-width:96rem!important;margin-inline:auto!important}
}
@media (max-width:74.99rem){
  body[data-page="pyme"] .mp-toc-simple-head{display:none!important}
}

/* ---------- Evitar choques en el header ---------- */
@media (min-width:861px) and (max-width:1120px){
  .tabs{display:none!important}
  .menu-btn{display:inline-flex!important;min-height:44px!important;height:44px!important;padding-inline:12px!important}
  .topbar.is-open .tabs{
    display:grid!important;position:absolute!important;left:var(--gutter)!important;right:var(--gutter)!important;top:calc(100% + 7px)!important;
    width:auto!important;padding:10px!important;gap:7px!important;background:#fff!important;border:1px solid var(--pag-line-strong)!important;border-radius:18px!important;
    box-shadow:0 24px 60px -30px rgba(6,43,80,.55)!important;
  }
  .topbar.is-open .tabs a{min-height:44px!important;border-radius:12px!important;padding-inline:15px!important}
}
@media (max-width:1180px){
  .mp-header-tool-btn span{display:none}
  .mp-header-tool-btn{width:44px;min-width:44px;padding:0}
}
@media (max-width:860px){
  .topbar__tools{gap:6px!important}
  .mp-font-toggle,.theme-toggle{width:42px!important;height:42px!important}
  .mp-header-tool-btn{width:42px;min-width:42px;min-height:42px;height:42px;padding:0}
  .menu-btn{min-height:42px!important;height:42px!important;padding-inline:12px!important;font-size:.86rem!important}
  .mp-header-dock__row{padding-inline:0;min-height:46px;gap:6px}
  .mp-header-dock__close{width:36px;min-width:36px;padding:0}
  .mp-header-dock__close span{display:none}
  .mp-dock-search{min-width:min(300px,72vw)}
  .mp-font-panel{right:10px;top:calc(100% + 6px)}
}
@media (max-width:520px){
  .brand__role{display:none!important}
  .brand__name{font-size:14px!important}
  .brand img{width:36px!important;height:36px!important}
  .topbar__row{gap:7px!important}
  .topbar__tools{gap:4px!important}
  .mp-font-toggle,.theme-toggle,.mp-header-tool-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
  .menu-btn{height:38px!important;min-height:38px!important;padding-inline:10px!important}
  .mp-dock-action,.mp-dock-link{min-height:32px;padding:5px 9px;font-size:11px}
  .mp-dock-search{min-width:250px;height:34px}
}

/* ---------- Oscuro ---------- */
:root[data-theme="dark"] .mp-header-tool-btn,
:root[data-theme="dark"] .mp-header-dock__close,
:root[data-theme="dark"] .mp-dock-action,
:root[data-theme="dark"] .mp-dock-link,
:root[data-theme="dark"] .mp-dock-search,
:root[data-theme="dark"] .mp-font-panel,
:root[data-theme="dark"] .mp-font-panel button{
  background:#0A2636;color:#E9F6FC;border-color:#315B70!important
}
:root[data-theme="dark"] .mp-header-dock{background:rgba(7,27,41,.985);border-color:#294D61}
:root[data-theme="dark"] .mp-dock-search input{color:#E9F6FC!important}
:root[data-theme="dark"] .mp-dock-search input::placeholder{color:#9DBBCB!important}
:root[data-theme="dark"] .mp-font-panel .mp-font-status{background:#103447}
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-simple-head{background:rgba(9,31,44,.94);border-color:#285064}
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-simple-head strong,
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-simple-close{color:#E8F5FC}
:root[data-theme="dark"] body[data-page="pyme"] .mp-toc-simple-close{background:#0A2636;border-color:#285064}

.mp-dock-link::after{display:none!important}
@media (max-width:360px){
  .brand__name{font-size:12px!important;letter-spacing:.03em!important}
  .menu-btn{width:38px!important;min-width:38px!important;padding:0!important;font-size:0!important;gap:0!important}
  .menu-btn svg{width:18px!important;height:18px!important}
}

/* ======================================================================
   V8 · HEADER DE LECTURA + BARRAS ABIERTAS POR DEFECTO
   - Las herramientas de lectura (Aa / Buscar / tema) forman un grupo visual
     distinto de la navegación política/institucional.
   - La barra contextual aparece debajo del header y puede ocultarse.
   - El logo no puede encogerse ni quedar tapado por las pestañas.
   - El índice de Argentina PyME abre visible y su cierre no invade el título.
   ====================================================================== */

/* El lockup institucional siempre conserva su espacio. */
.topbar__row{overflow:visible!important}
.brand{
  flex:0 0 auto!important;
  min-width:218px!important;
  max-width:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:3!important;
}
.brand__lockup{min-width:0!important;white-space:nowrap!important;overflow:visible!important}
.brand__name,.brand__role{white-space:nowrap!important}
.tabs{min-width:0!important;flex:1 1 auto!important}
.topbar__tools{flex:0 0 auto!important;min-width:max-content!important}

/* Grupo propio para accesibilidad/lectura: visualmente distinto del menú. */
.mp-reader-utilities{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:4px!important;
  border:1px solid #9CCCE7!important;
  border-radius:999px!important;
  background:#E7F5FC!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important;
  flex:none!important;
}
.mp-reader-utility{
  margin:0!important;
  border:0!important;
  background:#fff!important;
  color:#083F70!important;
  box-shadow:none!important;
}
.mp-reader-utility:hover,
.mp-reader-utility:focus-visible{
  background:#D7EFFB!important;
  color:#062B50!important;
  outline:2px solid transparent!important;
}
.mp-font-toggle.mp-reader-utility,
.theme-toggle.mp-reader-utility{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  border-radius:50%!important;
}
.mp-reader-search{
  appearance:none!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:999px!important;
  font:800 12px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.mp-reader-search svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important}

/* El botón contextual sólo reaparece cuando el lector ocultó la barra. */
.mp-header-tool-btn{
  min-height:40px!important;
  height:40px!important;
  padding:0 12px!important;
  background:transparent!important;
  border-style:dashed!important;
  color:#315E7D!important;
  box-shadow:none!important;
}
body.mp-header-dock-open #mp-dock-toggle{display:none!important}
#mp-dock-toggle[hidden]{display:none!important}

/* La barra contextual forma parte del header, sin competir con el contenido. */
.mp-header-dock{
  background:#EDF8FD!important;
  border-top:1px solid #C8E1EF!important;
  border-bottom:1px solid #AFCFE1!important;
  box-shadow:0 8px 20px -22px rgba(6,43,80,.55)!important;
}
.mp-header-dock__row{min-height:46px!important;padding-block:4px!important}
.mp-header-dock__close{
  min-width:max-content!important;
  background:#fff!important;
  border-color:#B8D4E4!important;
  color:#174E73!important;
}

/* Índice PyME: título y cierre ocupan columnas distintas; nunca se pisan. */
body[data-page="pyme"] .toc>.toc__title,
body[data-page="pyme"] .mp-original-toc-title{display:none!important}
body[data-page="pyme"] .mp-toc-simple-head{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:48px!important;
  margin:0 0 10px!important;
  padding:6px 4px 6px 10px!important;
  background:color-mix(in srgb,var(--papel,#fff) 97%,transparent)!important;
  border-bottom:1px solid var(--linea,#D7E1E8)!important;
}
body[data-page="pyme"] .mp-toc-simple-head strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
}
body[data-page="pyme"] .mp-toc-simple-close{
  position:static!important;
  justify-self:end!important;
  flex:none!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
}

/* Un ancho intermedio no debe sacrificar el logo: antes pasa a Menú. */
@media (min-width:861px) and (max-width:1540px){
  .tabs{display:none!important}
  .menu-btn{display:inline-flex!important;min-height:42px!important;height:42px!important;padding-inline:13px!important}
  .topbar.is-open .tabs{
    display:grid!important;
    position:absolute!important;
    left:var(--gutter,16px)!important;
    right:var(--gutter,16px)!important;
    top:calc(100% + 7px)!important;
    width:auto!important;
    padding:10px!important;
    gap:7px!important;
    background:var(--pag-surface,#fff)!important;
    border:1px solid var(--pag-line-strong,#B8D4E4)!important;
    border-radius:18px!important;
    box-shadow:0 24px 60px -30px rgba(6,43,80,.55)!important;
    z-index:610!important;
  }
  .topbar.is-open .tabs a{min-height:44px!important;border-radius:12px!important;padding-inline:15px!important}
}

@media (max-width:1180px){
  .mp-reader-search span{display:none!important}
  .mp-reader-search{width:40px!important;min-width:40px!important;padding:0!important}
  .mp-header-tool-btn span{display:none!important}
  .mp-header-tool-btn{width:40px!important;min-width:40px!important;padding:0!important}
}

@media (max-width:860px){
  .brand{min-width:0!important;flex:1 1 auto!important}
  .mp-reader-utilities{padding:3px!important;gap:2px!important}
  .mp-font-toggle.mp-reader-utility,
  .theme-toggle.mp-reader-utility,
  .mp-reader-search{width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important}
  .mp-header-dock__content{gap:6px!important}
}

@media (max-width:560px){
  .brand__role{display:none!important}
  .brand__name{font-size:13px!important}
  .brand img{width:34px!important;height:34px!important}
  .mp-reader-utilities{border-radius:14px!important}
  .mp-header-dock__row{align-items:center!important}
}

/* Oscuro: las utilidades siguen diferenciadas del menú. */
:root[data-theme="dark"] .mp-reader-utilities{
  background:#0C2B3C!important;
  border-color:#315B70!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .mp-reader-utility{
  background:#11384B!important;
  color:#E9F6FC!important;
}
:root[data-theme="dark"] .mp-reader-utility:hover,
:root[data-theme="dark"] .mp-reader-utility:focus-visible{background:#17475D!important}
:root[data-theme="dark"] .mp-header-dock{background:#071F2D!important;border-color:#315B70!important}

/* ======================================================================
   V9 · HEADER HORIZONTAL ESTABLE
   Objetivo: en escritorio/tablet horizontal, la navegación principal queda
   SIEMPRE entre el logo institucional y las herramientas de lectura.
   El menú hamburguesa se reserva sólo para pantallas realmente angostas.
   ====================================================================== */

@media (min-width:761px){
  .topbar__row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    min-height:72px!important;
    padding-top:0!important;
  }
  .brand{
    grid-column:1!important;
    flex:none!important;
    min-width:184px!important;
    max-width:210px!important;
    gap:9px!important;
    margin:0!important;
    overflow:visible!important;
  }
  .brand img{width:40px!important;height:40px!important;flex:none!important}
  .brand__name{font-size:16px!important;line-height:1!important;letter-spacing:.05em!important}
  .brand__role{font-size:8px!important;line-height:1.15!important;letter-spacing:.16em!important;margin-top:5px!important}

  .tabs,
  .topbar.is-open .tabs{
    grid-column:2!important;
    display:flex!important;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .tabs a,
  .topbar.is-open .tabs a{
    flex:0 0 auto!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:clamp(.72rem,.72vw,.82rem)!important;
    line-height:1!important;
    white-space:nowrap!important;
    justify-content:center!important;
    gap:6px!important;
  }
  .tabs a .count{
    flex:none!important;
    font-size:.70rem!important;
    min-width:24px!important;
    height:24px!important;
    padding:0 6px!important;
  }
  .topbar__tools{
    grid-column:3!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    min-width:max-content!important;
  }
  .menu-btn{display:none!important}
  .mp-reader-utilities{gap:3px!important;padding:3px!important}
  .mp-font-toggle.mp-reader-utility,
  .theme-toggle.mp-reader-utility{
    width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  }
  .mp-reader-search{height:38px!important;min-height:38px!important;padding-inline:11px!important;font-size:11.5px!important}
  .mp-header-tool-btn{height:38px!important;min-height:38px!important;padding-inline:10px!important;font-size:11.5px!important}
}

/* Apretamos de forma progresiva sin convertir la navegación en panel vertical. */
@media (min-width:761px) and (max-width:1120px){
  .topbar__row{gap:7px!important}
  .brand{min-width:156px!important;max-width:170px!important;gap:7px!important}
  .brand img{width:36px!important;height:36px!important}
  .brand__name{font-size:14px!important}
  .brand__role{display:none!important}
  .tabs{gap:3px!important}
  .tabs a,.topbar.is-open .tabs a{padding-inline:7px!important;font-size:.69rem!important;gap:4px!important}
  .tabs a .count{font-size:.64rem!important;min-width:21px!important;height:21px!important;padding-inline:5px!important}
  .mp-reader-search span{display:none!important}
  .mp-reader-search{width:38px!important;min-width:38px!important;padding:0!important}
  .mp-header-tool-btn span{display:none!important}
  .mp-header-tool-btn{width:38px!important;min-width:38px!important;padding:0!important}
}

/* En anchos muy justos, preservamos los nombres de secciones y quitamos sólo
   los contadores: el menú sigue horizontal y en la misma posición. */
@media (min-width:761px) and (max-width:930px){
  .brand{min-width:132px!important;max-width:142px!important}
  .brand img{width:34px!important;height:34px!important}
  .brand__name{font-size:13px!important}
  .tabs a,.topbar.is-open .tabs a{padding-inline:6px!important;font-size:.65rem!important}
  .tabs a .count{display:none!important}
  .mp-reader-utilities{padding:2px!important}
  .mp-font-toggle.mp-reader-utility,
  .theme-toggle.mp-reader-utility,
  .mp-reader-search,
  .mp-header-tool-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
}

/* Sólo móvil real: menú compacto. */
@media (max-width:760px){
  .topbar__row{
    display:flex!important;
    min-height:66px!important;
    gap:7px!important;
  }
  .brand{min-width:0!important;max-width:none!important;flex:1 1 auto!important}
  .tabs{display:none!important}
  .menu-btn{display:inline-flex!important}
  .topbar.is-open .tabs{
    display:grid!important;
    position:absolute!important;
    left:var(--gutter)!important;
    right:var(--gutter)!important;
    top:calc(100% + 7px)!important;
    width:auto!important;
    padding:10px!important;
    gap:7px!important;
    background:var(--pag-surface,#fff)!important;
    border:1px solid var(--pag-line-strong)!important;
    border-radius:18px!important;
    box-shadow:0 24px 60px -30px rgba(6,43,80,.55)!important;
  }
  .topbar.is-open .tabs a{
    min-height:44px!important;
    height:auto!important;
    padding-inline:15px!important;
    border-radius:12px!important;
    justify-content:space-between!important;
    font-size:.86rem!important;
  }
}

/* ======================================================================
   V10 · HEADER INSTITUCIONAL REFINADO
   Navegación homogénea, limpia y profesional: un único sistema cromático.
   ====================================================================== */
@media (min-width:761px){
  .topbar{
    background:rgba(253,252,248,.985)!important;
    border-bottom-color:#D6E3EA!important;
    box-shadow:0 8px 26px -24px rgba(6,43,80,.42)!important;
  }
  .topbar__row{
    min-height:70px!important;
    gap:12px!important;
  }
  .brand{
    min-width:190px!important;
    max-width:215px!important;
  }
  .brand img{width:39px!important;height:39px!important}
  .brand__name{font-size:16px!important;letter-spacing:.055em!important}
  .brand__role{font-size:8px!important;letter-spacing:.17em!important;margin-top:4px!important}

  /* La navegación funciona como una sola pieza, no como seis botones de estilos distintos. */
  .tabs,
  .topbar.is-open .tabs{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:4px!important;
    background:#EEF7FC!important;
    border:1px solid #CFE2EE!important;
    border-radius:17px!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  .tabs a,
  .topbar.is-open .tabs a,
  .tabs a.tab--pro,
  .tabs a.tab--den,
  .tabs a.tab--rd{
    min-height:36px!important;
    height:36px!important;
    padding:0 11px!important;
    gap:6px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#123F63!important;
    box-shadow:none!important;
    font-size:.78rem!important;
    font-weight:750!important;
    letter-spacing:-.01em!important;
    transition:background-color .16s ease,color .16s ease,box-shadow .16s ease!important;
  }
  .tabs a:hover,
  .topbar.is-open .tabs a:hover,
  .tabs a.tab--pro:hover,
  .tabs a.tab--den:hover,
  .tabs a.tab--rd:hover{
    background:#FFFFFF!important;
    color:#073F6D!important;
    box-shadow:0 2px 8px rgba(18,78,120,.08)!important;
  }
  .tabs a[aria-current="page"],
  .topbar.is-open .tabs a[aria-current="page"],
  .tabs a.tab--pro[aria-current="page"],
  .tabs a.tab--den[aria-current="page"],
  .tabs a.tab--rd[aria-current="page"]{
    background:#0C4F7E!important;
    color:#FFFFFF!important;
    box-shadow:0 3px 10px rgba(6,43,80,.16)!important;
  }

  /* Los contadores dejan de competir cromáticamente con la navegación. */
  .tabs a .count,
  .tabs a.tab--pro .count,
  .tabs a.tab--den .count,
  .tabs a.tab--rd .count{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:25px!important;
    height:22px!important;
    padding:0 6px!important;
    border:0!important;
    border-radius:999px!important;
    background:#D8EBF6!important;
    color:#2D6D96!important;
    font-size:.66rem!important;
    font-weight:800!important;
    line-height:1!important;
  }
  .tabs a[aria-current="page"] .count,
  .tabs a.tab--pro[aria-current="page"] .count,
  .tabs a.tab--den[aria-current="page"] .count,
  .tabs a.tab--rd[aria-current="page"] .count{
    background:rgba(255,255,255,.16)!important;
    color:#FFFFFF!important;
  }

  /* Las herramientas son un bloque funcional separado del menú. */
  .topbar__tools{gap:7px!important}
  .mp-reader-utilities{
    background:#F4FAFD!important;
    border:1px solid #CFE2EE!important;
    border-radius:15px!important;
    padding:3px!important;
    box-shadow:none!important;
  }
  .mp-reader-utility{
    border:0!important;
    background:#FFFFFF!important;
    box-shadow:none!important;
    color:#0C4F7E!important;
  }
  .mp-reader-utility:hover,
  .mp-reader-utility:focus-visible{background:#E2F1F9!important}
}

/* Compactación progresiva: primero achicamos, nunca desordenamos. */
@media (min-width:761px) and (max-width:1180px){
  .topbar__row{gap:8px!important}
  .brand{min-width:155px!important;max-width:170px!important}
  .tabs,.topbar.is-open .tabs{padding:3px!important;gap:1px!important}
  .tabs a,.topbar.is-open .tabs a,
  .tabs a.tab--pro,.tabs a.tab--den,.tabs a.tab--rd{
    padding-inline:8px!important;
    font-size:.70rem!important;
  }
  .tabs a .count{min-width:22px!important;height:20px!important;padding-inline:5px!important;font-size:.61rem!important}
}
@media (min-width:761px) and (max-width:1000px){
  .tabs a .count{display:none!important}
  .tabs a,.topbar.is-open .tabs a,
  .tabs a.tab--pro,.tabs a.tab--den,.tabs a.tab--rd{padding-inline:7px!important;font-size:.67rem!important}
  .brand{min-width:135px!important;max-width:145px!important}
  .brand__role{display:none!important}
}

/* Menú móvil: misma identidad visual, sin colores por sección. */
@media (max-width:760px){
  .topbar.is-open .tabs{
    background:#F7FBFD!important;
    border-color:#C9DFEC!important;
    padding:8px!important;
  }
  .topbar.is-open .tabs a,
  .topbar.is-open .tabs a.tab--pro,
  .topbar.is-open .tabs a.tab--den,
  .topbar.is-open .tabs a.tab--rd{
    background:#FFFFFF!important;
    color:#123F63!important;
    border:1px solid #D7E7F0!important;
    box-shadow:none!important;
  }
  .topbar.is-open .tabs a[aria-current="page"]{
    background:#0C4F7E!important;
    color:#FFFFFF!important;
    border-color:#0C4F7E!important;
  }
  .topbar.is-open .tabs a .count{
    background:#D8EBF6!important;
    color:#2D6D96!important;
  }
  .topbar.is-open .tabs a[aria-current="page"] .count{
    background:rgba(255,255,255,.16)!important;
    color:#FFFFFF!important;
  }
}

/* Tema oscuro: el mismo sistema, sin reintroducir colores por sección. */
:root[data-theme="dark"] .tabs,
:root[data-theme="dark"] .topbar.is-open .tabs{
  background:#0A2637!important;
  border-color:#31586D!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .tabs a,
:root[data-theme="dark"] .tabs a.tab--pro,
:root[data-theme="dark"] .tabs a.tab--den,
:root[data-theme="dark"] .tabs a.tab--rd,
:root[data-theme="dark"] .topbar.is-open .tabs a{
  background:transparent!important;
  color:#D8EDF8!important;
  border-color:transparent!important;
}
:root[data-theme="dark"] .tabs a:hover,
:root[data-theme="dark"] .tabs a.tab--pro:hover,
:root[data-theme="dark"] .tabs a.tab--den:hover,
:root[data-theme="dark"] .tabs a.tab--rd:hover{
  background:#12394E!important;
  color:#FFFFFF!important;
}
:root[data-theme="dark"] .tabs a[aria-current="page"],
:root[data-theme="dark"] .tabs a.tab--pro[aria-current="page"],
:root[data-theme="dark"] .tabs a.tab--den[aria-current="page"],
:root[data-theme="dark"] .tabs a.tab--rd[aria-current="page"]{
  background:#4B9CC9!important;
  color:#041822!important;
  box-shadow:none!important;
}
:root[data-theme="dark"] .tabs a .count,
:root[data-theme="dark"] .tabs a.tab--pro .count,
:root[data-theme="dark"] .tabs a.tab--den .count,
:root[data-theme="dark"] .tabs a.tab--rd .count{
  background:#163B50!important;
  color:#B9DBEF!important;
}
:root[data-theme="dark"] .tabs a[aria-current="page"] .count{
  background:rgba(4,24,34,.16)!important;
  color:#041822!important;
}

/* ======================================================================
   V11 · PULIDO VISUAL: HEADER, BARRA ACOPLADA Y ARGENTINA PyME
   - navegación principal más grande y mejor proporcionada
   - herramientas de lectura desplazadas a la derecha
   - evita recortes del primer control en barras horizontales
   - números sin cero punteado
   - vidriera PyME integrada a la paleta celeste institucional
   ====================================================================== */

/* Cifras convencionales: sin variantes de cero punteado/tachado. */
body[data-page="pyme"] :where(
  .stat__v,.tile,.tile span,.toc__n,.chap-head__num b,.measure__num b,
  .vitrina__n,.bar-row__v,.fromto b,.vote-stats,.pd__code,.mini,
  .count,[data-n]
){
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  font-feature-settings:normal!important;
  font-variation-settings:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-style:normal!important;
}

/* La barra acoplada siempre empieza desde el borde útil, nunca desplazada. */
.mp-header-dock__row{
  width:min(calc(100% - 28px),1420px)!important;
  margin-inline:auto!important;
  padding-inline:8px!important;
}
.mp-header-dock__content{
  padding:2px 5px!important;
  scroll-padding-inline:8px!important;
}
.mp-header-dock__content > :first-child{margin-left:1px!important}

/* Vidriera de las 65 medidas: elimina el marco gris/negro pesado. */
body[data-page="pyme"] .vitrina__frame{
  background:
    radial-gradient(115% 90% at 50% 115%,rgba(227,180,55,.16),transparent 62%),
    linear-gradient(180deg,#EAF7FD 0%,#D8EEF9 100%)!important;
  border:1px solid #AFCFE1!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 22px 45px -34px rgba(6,43,80,.48)!important;
}
body[data-page="pyme"] .cajon{
  background:
    repeating-linear-gradient(90deg,transparent 0 22%,rgba(11,59,105,.07) 22% 22.4%),
    linear-gradient(180deg,#8DC7E8 0%,#5FAAD5 55%,#3B86B4 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 0 rgba(11,59,105,.18)!important;
}
body[data-page="pyme"] .persiana{
  background:
    linear-gradient(90deg,rgba(11,59,105,.08),transparent 12%,transparent 88%,rgba(11,59,105,.08)),
    repeating-linear-gradient(180deg,#91CBEA 0 1px,#72B8DE 1px 7px,#60AAD2 7px 9px,#4C96C2 9px 10.5px,#3F85B0 10.5px 11px)!important;
}
body[data-page="pyme"] .persiana__bar{
  background:linear-gradient(180deg,#BDE1F3,#71B6DD)!important;
  box-shadow:0 3px 8px rgba(6,43,80,.22)!important;
}
body[data-page="pyme"] .persiana__bar::after{background:#F7FCFF!important}

/* Header de escritorio: usamos más ancho disponible y damos prioridad al menú. */
@media (min-width:1181px){
  .topbar .wrap.topbar__row{
    width:min(calc(100% - 32px),1440px)!important;
    grid-template-columns:188px minmax(0,1fr) max-content!important;
    gap:14px!important;
  }
  .brand{min-width:188px!important;max-width:188px!important}
  .tabs,.topbar.is-open .tabs{
    width:100%!important;
    justify-content:center!important;
    gap:4px!important;
    padding:5px!important;
    border-radius:18px!important;
    background:#EAF6FC!important;
    border-color:#C5DEEC!important;
    box-shadow:inset 0 1px 0 #fff,0 7px 18px -18px rgba(6,43,80,.32)!important;
  }
  .tabs a,.topbar.is-open .tabs a,
  .tabs a.tab--pro,.tabs a.tab--den,.tabs a.tab--rd{
    min-height:40px!important;
    height:40px!important;
    padding-inline:15px!important;
    font-size:.82rem!important;
    font-weight:800!important;
    letter-spacing:-.008em!important;
    border-radius:13px!important;
  }
  .tabs a .count{
    min-width:24px!important;
    height:22px!important;
    font-size:.67rem!important;
    padding-inline:6px!important;
  }
  .topbar__tools{
    justify-self:end!important;
    margin-left:0!important;
    padding-left:2px!important;
  }
  .mp-reader-utilities{
    margin-left:auto!important;
    background:#F7FCFF!important;
    border-color:#C5DEEC!important;
    border-radius:17px!important;
    padding:4px!important;
    gap:3px!important;
  }
  .mp-reader-utility{
    min-height:40px!important;
    height:40px!important;
    background:#fff!important;
    border:1px solid #D5E6F0!important;
    border-radius:13px!important;
  }
  .mp-font-toggle.mp-reader-utility,
  .theme-toggle.mp-reader-utility{width:40px!important;min-width:40px!important}
  .mp-reader-search{padding-inline:12px!important;min-width:88px!important;font-size:.75rem!important}
}

/* Escritorio medio: conserva el orden y reduce primero las herramientas, no el menú. */
@media (min-width:931px) and (max-width:1180px){
  .topbar .wrap.topbar__row{
    width:min(calc(100% - 24px),1180px)!important;
    grid-template-columns:160px minmax(0,1fr) max-content!important;
    gap:8px!important;
  }
  .brand{min-width:160px!important;max-width:160px!important}
  .tabs,.topbar.is-open .tabs{gap:2px!important;padding:4px!important;background:#EAF6FC!important;border:1px solid #C5DEEC!important;border-radius:16px!important}
  .tabs a,.topbar.is-open .tabs a{padding-inline:9px!important;font-size:.72rem!important;min-height:38px!important;height:38px!important}
  .topbar__tools{justify-self:end!important}
}

/* Hover/activo más nítidos y profesionales. */
@media (min-width:761px){
  .tabs a:hover,.topbar.is-open .tabs a:hover{
    background:#FFFFFF!important;
    color:#073F6D!important;
    box-shadow:0 3px 10px rgba(7,63,109,.09)!important;
  }
  .tabs a[aria-current="page"],.topbar.is-open .tabs a[aria-current="page"]{
    background:linear-gradient(180deg,#125B8D,#0B4B78)!important;
    color:#fff!important;
    box-shadow:0 5px 13px -7px rgba(6,43,80,.7)!important;
  }
}

/* Tema oscuro equivalente. */
:root[data-theme="dark"] body[data-page="pyme"] .vitrina__frame{
  background:linear-gradient(180deg,#0C2B3D,#0A2232)!important;
  border-color:#315D73!important;
  box-shadow:0 22px 45px -34px rgba(0,0,0,.75)!important;
}
:root[data-theme="dark"] .tabs,
:root[data-theme="dark"] .topbar.is-open .tabs{
  background:#0A2637!important;
  border-color:#31586D!important;
}
:root[data-theme="dark"] .mp-reader-utilities{background:#0B293A!important;border-color:#31586D!important}
:root[data-theme="dark"] .mp-reader-utility{background:#11384B!important;border-color:#31586D!important;color:#E9F6FC!important}

/* ======================================================================
   V12 · CONTRASTE + CONTROL DE LECTURA VISUAL
   - textos oscuros sobre fondos celestes claros
   - selección de medidas PyME legible
   - números convencionales sin cero punteado
   - control de tamaño por deslizador con 4 niveles nominales
   ====================================================================== */

/* Contraste general del tema claro: evitamos azules demasiado pálidos. */
:root:not([data-theme="dark"]){
  --pag-text:#123B5C;
  --pag-muted:#315F7C;
  --pag-subtle:#3E6A84;
  --pag-line:rgba(11,59,105,.18);
  --pag-line-strong:rgba(11,59,105,.31);
}
:root:not([data-theme="dark"]) body,
:root:not([data-theme="dark"]) main{color:var(--pag-text)!important}
:root:not([data-theme="dark"]) :where(.lead,.voice,.hint,.eyebrow + p,.tool-section__head p,.hero__note){color:var(--pag-muted)!important}

/* En tarjetas claras, el texto nunca debe depender de blanco. */
:root:not([data-theme="dark"]) :where(.card,.mini-stat,.home-data-card,.datacard,.rule,.measure,.press-card,.feat){
  --ink:var(--pag-navy-deep);
  --muted:var(--pag-muted);
}

/* Argentina PyME: lectura del cuadro seleccionado de las 65 medidas. */
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__now{
  color:#315F7C!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__hint{
  color:#3B6781!important;
  font-weight:650!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__title{
  color:#0B3B69!important;
  font-weight:800!important;
  text-shadow:none!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__chap{
  color:#426B86!important;
  font-weight:650!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__n{
  color:#B77B00!important;
  text-shadow:none!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina .legend{
  color:#173F60!important;
  font-weight:650!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .hero__sub,
:root:not([data-theme="dark"]) body[data-page="pyme"] .hero__motto,
:root:not([data-theme="dark"]) body[data-page="pyme"] .byline{
  color:#123F64!important;
}

/* Los cuadros dorados y celestes usan tinta oscura cuando el fondo es claro. */
:root:not([data-theme="dark"]) body[data-page="pyme"] .tile[data-t="1"]{color:#143F62!important}
:root:not([data-theme="dark"]) body[data-page="pyme"] .tile[data-t="3"]{color:#103B60!important}
:root:not([data-theme="dark"]) body[data-page="pyme"] .tile[data-t="2"]{color:#fff!important}

/* Números: cifras convencionales en todo el sitio, sin variantes con cero punteado. */
:where(
  .stat__v,.stat__value,.home-data-card__number,.mini-stat b,.rd-kpi b,.kpi b,
  .count,.toc__n,.measure__num b,.chap-head__num b,.tile,.tile span,.bar-row__v,
  .vitrina__n,.fromto b,.vote-stats,[data-n]
){
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  font-feature-settings:"zero" 0!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-variation-settings:normal!important;
}

/* ---------- Panel Aa: deslizador visual y prefijado ---------- */
.mp-font-panel{
  width:min(390px,calc(100vw - 28px))!important;
  display:grid!important;
  gap:12px!important;
  padding:14px 16px 13px!important;
  border-radius:17px!important;
  background:#fff!important;
  border:1px solid #BFD9E8!important;
  box-shadow:0 22px 56px -30px rgba(6,43,80,.56)!important;
}
.mp-font-panel[hidden]{display:none!important}
.mp-font-panel__head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  color:var(--pag-navy-deep);
  font:750 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.mp-font-panel__head strong{font-weight:850}
.mp-font-panel__head span{
  color:#315F7C;
  font-weight:750;
  white-space:nowrap;
}
.mp-font-slider-wrap{display:grid;gap:7px;min-width:0}
.mp-font-range{
  --mp-range-pct:33.333%;
  appearance:none;
  width:100%;height:22px;margin:0;
  background:transparent;
  cursor:pointer;
  accent-color:#1F6FA3;
}
.mp-font-range::-webkit-slider-runnable-track{
  height:7px;border-radius:999px;
  background:linear-gradient(90deg,#1F6FA3 0 33.333%,#D7EAF5 33.333% 100%);
  border:1px solid #B8D5E6;
}
.mp-font-range::-webkit-slider-thumb{
  appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;
  background:#fff;border:3px solid #17638F;
  box-shadow:0 2px 8px rgba(6,43,80,.24);
}
.mp-font-range::-moz-range-track{height:7px;border-radius:999px;background:#D7EAF5;border:1px solid #B8D5E6}
.mp-font-range::-moz-range-progress{height:7px;border-radius:999px;background:#1F6FA3}
.mp-font-range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid #17638F;box-shadow:0 2px 8px rgba(6,43,80,.24)}
.mp-font-range:focus-visible{outline:3px solid rgba(42,131,188,.22);outline-offset:4px;border-radius:10px}
.mp-font-stops{
  display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
  color:#4A7089;
  font:650 10px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-align:center;
}
.mp-font-stops span:nth-child(1){text-align:left}
.mp-font-stops span:nth-child(4){text-align:right}

/* Track visual según el nivel actual. */
:root[data-mp-font="0"] .mp-font-range::-webkit-slider-runnable-track{background:#D7EAF5}
:root[data-mp-font="1"] .mp-font-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#1F6FA3 0 33.333%,#D7EAF5 33.333% 100%)}
:root[data-mp-font="2"] .mp-font-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#1F6FA3 0 66.666%,#D7EAF5 66.666% 100%)}
:root[data-mp-font="3"] .mp-font-range::-webkit-slider-runnable-track{background:#1F6FA3}

:root[data-theme="dark"] .mp-font-panel{
  background:#0B293A!important;border-color:#31586D!important;color:#EAF7FD!important;
}
:root[data-theme="dark"] .mp-font-panel__head{color:#EAF7FD!important}
:root[data-theme="dark"] .mp-font-panel__head span{color:#BBD6E5!important}
:root[data-theme="dark"] .mp-font-stops{color:#ABC9DA!important}
:root[data-theme="dark"] .mp-font-range::-webkit-slider-runnable-track{border-color:#31586D}

@media (max-width:520px){
  .mp-font-panel{right:10px!important;left:10px!important;width:auto!important}
  .mp-font-stops{font-size:9px}
}

/* ======================================================================
   V13 · AUDITORÍA MOBILE INTEGRAL
   Objetivo: lectura cómoda, cero solapamientos y una jerarquía estable
   entre 320px y 760px sin alterar el layout de escritorio aprobado.
   ====================================================================== */

@media (max-width:760px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body{min-width:0!important}
  main,section,article,.view,.book,.book__body,.tool-section,.archive,.press-plates,.press-photos{
    min-width:0!important;
    max-width:100%!important;
  }
  img,video,canvas{max-width:100%!important;height:auto}
  iframe{max-width:100%!important}
  h1,h2,h3,h4,p,li,a,button,label,summary{
    overflow-wrap:break-word;
    word-break:normal;
  }
  .wrap{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }
  .section,.tool-section{padding-block:42px!important}
  .section-head,.tool-section__head{margin-bottom:22px!important}

  /* ---------- HEADER MOBILE: una sola fila estable ---------- */
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    overflow:visible!important;
  }
  .topbar .wrap.topbar__row{
    width:100%!important;
    min-height:64px!important;
    height:auto!important;
    padding:7px 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    overflow:visible!important;
  }
  .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:7px!important;
    overflow:hidden!important;
  }
  .brand img{
    flex:0 0 auto!important;
    width:34px!important;
    height:34px!important;
  }
  .brand__lockup{min-width:0!important;overflow:hidden!important}
  .brand__name{
    display:block!important;
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .brand__role{display:none!important}

  .topbar__tools{
    flex:0 0 auto!important;
    min-width:0!important;
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
  }
  .mp-reader-utilities{
    flex:0 0 auto!important;
    display:flex!important;
    gap:1px!important;
    padding:2px!important;
    border-radius:12px!important;
  }
  .mp-font-toggle.mp-reader-utility,
  .theme-toggle.mp-reader-utility,
  .mp-reader-search{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:10px!important;
  }
  .mp-reader-search span{display:none!important}
  .mp-reader-search svg{width:17px!important;height:17px!important}
  .mp-header-tool-btn{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:10px!important;
  }
  .mp-header-tool-btn span{display:none!important}
  .menu-btn{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border-radius:11px!important;
    font-size:0!important;
    white-space:nowrap!important;
  }
  .menu-btn svg{width:19px!important;height:19px!important;margin:0!important}

  /* Menú desplegable: debajo de TODO el header y nunca sobre el logo. */
  .tabs{display:none!important}
  .topbar.is-open .tabs{
    display:grid!important;
    grid-template-columns:1fr!important;
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:calc(100% + 6px)!important;
    width:auto!important;
    max-height:calc(100dvh - 92px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:8px!important;
    gap:6px!important;
    border-radius:16px!important;
    z-index:1500!important;
  }
  .topbar.is-open .tabs a,
  .topbar.is-open .tabs a.tab--pro,
  .topbar.is-open .tabs a.tab--den,
  .topbar.is-open .tabs a.tab--rd{
    width:100%!important;
    min-height:44px!important;
    height:auto!important;
    padding:10px 13px!important;
    justify-content:space-between!important;
    border-radius:10px!important;
    font-size:.88rem!important;
    line-height:1.2!important;
  }

  /* Barra contextual: una fila desplazable, sin cortar la primera opción. */
  .mp-header-dock{width:100%!important;overflow:hidden!important}
  .mp-header-dock__row{
    width:100%!important;
    min-height:46px!important;
    padding:5px 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:5px!important;
  }
  .mp-header-dock__content{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:1px 0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-padding-inline:1px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mp-header-dock__content>*:first-child{margin-left:0!important}
  .mp-header-dock__close{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    margin:0!important;
    border-radius:10px!important;
  }
  .mp-header-dock__close span{display:none!important}
  .mp-dock-action,.mp-dock-link{
    min-height:34px!important;
    padding:6px 10px!important;
    font-size:11.5px!important;
  }
  .mp-dock-search{
    flex:0 0 min(74vw,300px)!important;
    min-width:210px!important;
    max-width:300px!important;
    height:34px!important;
    padding-inline:10px!important;
  }
  .mp-dock-search input{font-size:12px!important}

  /* Panel Aa: siempre dentro de la pantalla. */
  .mp-font-panel{
    left:10px!important;
    right:10px!important;
    top:calc(100% + 6px)!important;
    width:auto!important;
    max-width:none!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    border-radius:14px!important;
    z-index:1600!important;
  }
  .mp-font-panel[hidden]{display:none!important}
  .mp-font-panel__head{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .mp-font-slider-wrap{width:100%!important}
  .mp-font-range{width:100%!important}
  .mp-font-stops{font-size:9px!important;gap:3px!important}

  /* ---------- PROYECTOS + DENUNCIÓMETRO ---------- */
  body[data-page="proyectos"] .tool-hero,
  body[data-page="denunciometro"] .tool-hero{
    padding:32px 0 30px!important;
  }
  body[data-page="proyectos"] .tool-hero__grid,
  body[data-page="denunciometro"] .tool-hero__grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
    align-items:start!important;
  }
  body[data-page="proyectos"] .tool-hero .view-title,
  body[data-page="denunciometro"] .tool-hero .view-title{
    max-width:100%!important;
    font-size:clamp(2.45rem,12vw,3.25rem)!important;
    line-height:.94!important;
    letter-spacing:-.035em!important;
  }
  body[data-page="proyectos"] .tool-hero .lead,
  body[data-page="denunciometro"] .tool-hero .lead{
    max-width:100%!important;
    font-size:.98rem!important;
    line-height:1.58!important;
  }
  body[data-page="proyectos"] .tool-hero__stats,
  body[data-page="denunciometro"] .tool-hero__stats{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body[data-page="proyectos"] .mini-stat,
  body[data-page="denunciometro"] .mini-stat{
    min-height:92px!important;
    padding:13px!important;
    border-radius:14px!important;
  }
  body[data-page="proyectos"] .mini-stat b,
  body[data-page="denunciometro"] .mini-stat b{font-size:1.7rem!important}
  body[data-page="proyectos"] .mini-stat span,
  body[data-page="denunciometro"] .mini-stat span{font-size:.72rem!important;line-height:1.35!important}

  body[data-page="proyectos"] .feat-grid,
  body[data-page="proyectos"] .feat-grid--home,
  body[data-page="denunciometro"] .explore,
  body[data-page="denunciometro"] .results{
    grid-template-columns:1fr!important;
  }
  body[data-page="denunciometro"] .toolbar__grid{grid-template-columns:1fr!important;gap:10px!important}
  body[data-page="denunciometro"] .toolbar__row{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  body[data-page="denunciometro"] .toolbar__actions{width:100%!important;flex-wrap:wrap!important}
  body[data-page="proyectos"] .feat,
  body[data-page="denunciometro"] .card{min-width:0!important}
  body[data-page="proyectos"] .feat__actions,
  body[data-page="denunciometro"] .card__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body[data-page="proyectos"] .feat__actions .btn,
  body[data-page="denunciometro"] .card__actions .btn{width:100%!important;justify-content:center!important}

  /* ---------- REARME DEMOGRÁFICO ---------- */
  body[data-page="rearme"] .tool-hero{padding:30px 0!important}
  body[data-page="rearme"] .rd-hero .tool-hero__grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  body[data-page="rearme"] .view-title{
    font-size:clamp(2.5rem,12vw,3.35rem)!important;
    line-height:.95!important;
  }
  body[data-page="rearme"] .rd-hero__actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body[data-page="rearme"] .rd-hero__actions .btn{width:100%!important;justify-content:center!important}
  body[data-page="rearme"] .rd-board .board__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-page="rearme"] :is(.rd-caida,.rd-sim,.rd-calc,.rd-ctrl,.rd-trip,.rd-duo,.rd-side,.rd-facts,.rd-kpis,.rd-docs,.rd-fuentes,.rd-leyes){
    grid-template-columns:1fr!important;
  }
  body[data-page="rearme"] .rd-pilares{grid-template-columns:1fr 1fr!important}
  body[data-page="rearme"] .rd-mundo,.rd-olas{grid-template-columns:1fr!important}
  body[data-page="rearme"] .rd-tabla__scroll,
  body[data-page="rearme"] .table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  body[data-page="rearme"] .rd-ley{padding:16px!important}
  body[data-page="rearme"] .rd-ley--madre{padding:18px!important}
  body[data-page="rearme"] .rd-ley--madre .rd-ley__cifras{grid-template-columns:1fr!important}
  body[data-page="rearme"] .rd-trio__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  body[data-page="rearme"] .rd-trio__item{padding:8px 3px!important;grid-template-rows:112px auto auto!important}
  body[data-page="rearme"] .rd-trio__item svg{height:112px!important;max-width:82px!important}

  /* ---------- ARGENTINA PyME ---------- */
  body[data-page="pyme"] #contenido,
  body[data-page="pyme"] main{width:100%!important;max-width:100%!important;overflow:hidden!important}
  body[data-page="pyme"] #inicio.hero{
    min-height:0!important;
    margin:0!important;
    padding:30px 14px 38px!important;
    overflow:hidden!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__inner{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"text" "vitrina" "actions" "sign"!important;
    gap:24px!important;
    margin:0!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__text,
  body[data-page="pyme"] #inicio.hero .vitrina,
  body[data-page="pyme"] #inicio.hero .hero__actions,
  body[data-page="pyme"] #inicio.hero .hero__sign{min-width:0!important;width:100%!important}
  body[data-page="pyme"] #inicio.hero .hero__kicker{font-size:.78rem!important;line-height:1.3!important;margin-bottom:10px!important}
  body[data-page="pyme"] #inicio.hero .hero__title{
    font-size:clamp(3.25rem,18vw,4.65rem)!important;
    line-height:.86!important;
    letter-spacing:-.035em!important;
    margin:0 0 18px!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__sub{
    max-width:100%!important;
    font-size:1.02rem!important;
    line-height:1.48!important;
  }
  body[data-page="pyme"] .vitrina{margin:0!important;max-width:100%!important}
  body[data-page="pyme"] .vitrina__frame{
    width:100%!important;
    max-width:100%!important;
    padding:34px 10px 10px!important;
    border-radius:14px!important;
  }
  body[data-page="pyme"] .vitrina__glass{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:6px!important;
  }
  body[data-page="pyme"] .tile{
    min-width:0!important;
    border-radius:6px!important;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
    font-size:.72rem!important;
    font-feature-settings:"zero" 0!important;
  }
  body[data-page="pyme"] .tile span{font-size:.72rem!important}
  body[data-page="pyme"] .cajon{height:24px!important}
  body[data-page="pyme"] .persiana{inset:24px 0 0!important}
  body[data-page="pyme"] .vitrina__cap{gap:8px!important;margin-top:12px!important}
  body[data-page="pyme"] .vitrina .legend{gap:7px 12px!important;font-size:.78rem!important}
  body[data-page="pyme"] .vitrina__now{font-size:.86rem!important;min-height:0!important}
  body[data-page="pyme"] .hero__cta{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body[data-page="pyme"] .hero__cta .btn{width:100%!important;justify-content:center!important}
  body[data-page="pyme"] .hero__topics{gap:6px!important;margin-top:14px!important}
  body[data-page="pyme"] .hero__topics a{min-height:34px!important;font-size:.78rem!important}
  body[data-page="pyme"] .hero__sign{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding-top:16px!important}
  body[data-page="pyme"] .sec{
    display:block!important;
    width:100%!important;
    padding:42px 16px!important;
  }
  body[data-page="pyme"] .sec>*{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body[data-page="pyme"] :is(.stats,.ideas,.datacards,.rules,.timeline,.glossary,.devices){grid-template-columns:1fr!important}
  body[data-page="pyme"] .vote-row,.pd__grid{grid-template-columns:1fr!important}
  body[data-page="pyme"] table{display:block!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}

  /* ---------- SALA DE PRENSA ---------- */
  body[data-page="prensa"] .hero{min-height:0!important;padding:34px 0 38px!important;overflow:hidden!important}
  body[data-page="prensa"] .hero .wrap.hero__grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
    min-height:0!important;
  }
  body[data-page="prensa"] .hero__copy{min-height:0!important;padding:0!important;width:100%!important}
  body[data-page="prensa"] .hero h1,
  body[data-page="prensa"] .hero .hero__lead{
    max-width:100%!important;
    width:100%!important;
  }
  body[data-page="prensa"] .hero h1{font-size:clamp(2.8rem,15vw,4rem)!important;line-height:.9!important}
  body[data-page="prensa"] .hero .feat{width:100%!important;max-width:100%!important;margin:0!important}
  body[data-page="prensa"] .archive .wrap,
  body[data-page="prensa"] .press-plates .wrap,
  body[data-page="prensa"] .press-photos .wrap{width:calc(100% - 28px)!important}
  body[data-page="prensa"] :is(.archive__grid,.stats,.filters,.press-media-grid,.press-photo-grid){grid-template-columns:1fr!important}
  body[data-page="prensa"] .press-plates__viewport{overflow:hidden!important}
  body[data-page="prensa"] .press-plates__track{max-width:100%!important}

  /* ---------- FOOTER ---------- */
  .footer{padding:38px 14px 24px!important}
  .footer .wrap{width:100%!important}
  .footer__links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin-top:18px!important;
  }
  .footer__links a{
    display:inline-flex!important;
    min-height:36px!important;
    align-items:center!important;
    padding:7px 10px!important;
    border:1px solid var(--pag-line)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.55)!important;
    text-decoration:none!important;
    font-size:.78rem!important;
  }
  .footer__legal{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    font-size:.72rem!important;
    line-height:1.45!important;
  }
}

@media (max-width:420px){
  .topbar .wrap.topbar__row{padding-inline:8px!important;gap:3px!important}
  .brand img{width:31px!important;height:31px!important}
  .brand__name{font-size:12px!important}
  .mp-font-toggle.mp-reader-utility,
  .theme-toggle.mp-reader-utility,
  .mp-reader-search,
  .mp-header-tool-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  .menu-btn{width:35px!important;min-width:35px!important;height:35px!important;min-height:35px!important}
  .mp-reader-utilities{padding:1px!important}
  .mp-font-stops{font-size:8px!important}

  body[data-page="proyectos"] .tool-hero__stats,
  body[data-page="denunciometro"] .tool-hero__stats{grid-template-columns:1fr 1fr!important}
  body[data-page="rearme"] .rd-board .board__grid{grid-template-columns:1fr 1fr!important}
  body[data-page="rearme"] .rd-pilares{grid-template-columns:1fr!important}
  body[data-page="pyme"] .vitrina__glass{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  body[data-page="pyme"] .tile,
  body[data-page="pyme"] .tile span{font-size:.70rem!important}
}

@media (max-width:340px){
  .brand__name{font-size:11px!important;letter-spacing:.02em!important}
  .brand img{width:29px!important;height:29px!important}
  .mp-reader-search{display:none!important}
  .mp-header-tool-btn{display:none!important}
  .mp-font-toggle.mp-reader-utility,.theme-toggle.mp-reader-utility{width:33px!important;min-width:33px!important;height:33px!important;min-height:33px!important}
  .menu-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  body[data-page="pyme"] .vitrina__glass{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* ======================================================================
   V14 · AUDITORÍA DE CONTRASTE MOBILE · 08/10/2026
   Objetivos:
   - contraste AA real en fondos celestes y blancos
   - eliminar textos blancos/pálidos heredados de módulos originalmente oscuros
   - conservar el celeste institucional como identidad principal
   - reforzar tablas, tarjetas, ayudas, metadatos y gráficos en pantallas pequeñas
   - mantener coherencia también en modo oscuro
   ====================================================================== */

@media (max-width:760px){
  /* ---------- PALETA MOBILE ACCESIBLE ---------- */
  :root:not([data-theme="dark"]){
    --pag-bg:#F3FAFD;
    --pag-sky-0:#F8FCFE;
    --pag-sky-1:#E6F3FA;
    --pag-sky-2:#D8EDF8;
    --pag-sky-3:#C7E4F3;
    --pag-cream:#FFFDF8;
    --pag-white:#FFFFFF;
    --pag-navy:#073A67;
    --pag-navy-deep:#052B4C;
    --pag-blue:#0F6598;
    --pag-blue-2:#2F88BA;
    --pag-blue-3:#77B9DC;
    --pag-gold:#D5A52A;
    --pag-gold-soft:#F3D67D;
    --pag-gold-ink:#775500;
    --pag-text:#123B59;
    --pag-muted:#2F5B75;
    --pag-subtle:#3D647B;
    --pag-line:rgba(7,58,103,.18);
    --pag-line-strong:rgba(7,58,103,.34);
    --paper:var(--pag-bg);
    --surface:#FFFFFF;
    --surface-2:var(--pag-sky-0);
    --surface-3:var(--pag-sky-1);
    --ink:var(--pag-text);
    --muted:var(--pag-muted);
    --faint:var(--pag-subtle);
    --link:var(--pag-blue);
    --hero-bg:var(--pag-sky-2);
    --hero-bg-2:var(--pag-sky-0);
    --hero-ink:var(--pag-navy);
    --hero-muted:var(--pag-muted);
  }

  :root[data-theme="dark"]{
    --pag-bg:#061722;
    --pag-sky-0:#0A2231;
    --pag-sky-1:#0E2B3D;
    --pag-sky-2:#12384D;
    --pag-sky-3:#1D526C;
    --pag-cream:#081D2A;
    --pag-white:#0C2636;
    --pag-navy:#F2FAFE;
    --pag-navy-deep:#FFFFFF;
    --pag-blue:#8BD1F2;
    --pag-blue-2:#70BFE7;
    --pag-blue-3:#69B0D3;
    --pag-gold:#E5B93F;
    --pag-gold-soft:#5A4515;
    --pag-gold-ink:#F3D47B;
    --pag-text:#E7F3F8;
    --pag-muted:#BCD4E0;
    --pag-subtle:#A6C2D0;
    --pag-line:rgba(139,209,242,.18);
    --pag-line-strong:rgba(139,209,242,.36);
  }

  :root:not([data-theme="dark"]) body,
  :root:not([data-theme="dark"]) main{
    background:var(--pag-bg)!important;
    color:var(--pag-text)!important;
  }

  /* Títulos y texto editorial: tinta estable y siempre legible. */
  :root:not([data-theme="dark"]) main :where(h1,h2,h3,h4,h5,h6,.view-title,.h-section,.hero__title,.chap-head__title,.section-title){
    color:var(--pag-navy)!important;
    text-shadow:none!important;
  }
  :root:not([data-theme="dark"]) main :where(p,li,dd,.lead,.lede,.voice,.hint,.small,.intro,.deck,.res,.src,.meta,.caption,.description){
    color:var(--pag-muted)!important;
  }
  :root:not([data-theme="dark"]) main :where(strong,b){color:var(--pag-navy-deep)}
  :root:not([data-theme="dark"]) main :where(a:not(.btn):not(.tile):not(.tab):not(.chip):not(.mp-dock-link)){
    color:var(--pag-blue);
  }

  /* El dorado de texto se oscurece en mobile: mismo carácter, más contraste. */
  :root:not([data-theme="dark"]) :where(.acento,.alt,.hero__title em,.hero h1 em,.sec-head__label,.kicker,.eyebrow,.tema,.gold,.golden-title){
    color:#8A5E00!important;
  }

  /* ---------- HEADER / HERRAMIENTAS ---------- */
  :root:not([data-theme="dark"]) .topbar{
    background:#FFFDF8!important;
    color:var(--pag-navy)!important;
    border-bottom-color:var(--pag-line)!important;
  }
  :root:not([data-theme="dark"]) .brand__name{color:var(--pag-navy)!important}
  :root:not([data-theme="dark"]) .brand__role{color:var(--pag-blue)!important}
  :root:not([data-theme="dark"]) .mp-reader-utilities{
    background:#EAF6FC!important;
    border-color:#B9D8E8!important;
  }
  :root:not([data-theme="dark"]) :is(.mp-reader-utility,.mp-reader-search,.mp-header-tool-btn,.menu-btn){
    background:#FFFFFF!important;
    color:var(--pag-navy)!important;
    border-color:#B9D8E8!important;
  }
  :root:not([data-theme="dark"]) :is(.mp-reader-utility,.mp-reader-search,.mp-header-tool-btn,.menu-btn):hover{
    background:#E6F3FA!important;
    border-color:#6FAFD2!important;
  }
  :root:not([data-theme="dark"]) .topbar.is-open .tabs{
    background:#F7FBFD!important;
    border-color:#BFD9E8!important;
    box-shadow:0 18px 44px -24px rgba(5,43,76,.38)!important;
  }
  :root:not([data-theme="dark"]) .topbar.is-open .tabs a{
    background:#FFFFFF!important;
    color:var(--pag-navy)!important;
    border-color:#C8DEEA!important;
  }
  :root:not([data-theme="dark"]) .topbar.is-open .tabs a[aria-current="page"]{
    background:var(--pag-navy)!important;
    color:#FFFFFF!important;
    border-color:var(--pag-navy)!important;
  }

  :root:not([data-theme="dark"]) .mp-header-dock{
    background:#EAF6FC!important;
    border-color:#B9D8E8!important;
  }
  :root:not([data-theme="dark"]) :is(.mp-dock-action,.mp-dock-link,.mp-header-dock__close){
    background:#FFFFFF!important;
    color:var(--pag-navy)!important;
    border-color:#B7D5E5!important;
  }
  :root:not([data-theme="dark"]) :is(.mp-dock-action,.mp-dock-link,.mp-header-dock__close):hover{
    background:#DDEFF9!important;
    border-color:#6EAED0!important;
  }
  :root:not([data-theme="dark"]) .mp-dock-search{
    background:#FFFFFF!important;
    border-color:#AACDDF!important;
    color:var(--pag-text)!important;
  }
  :root:not([data-theme="dark"]) .mp-dock-search input{color:var(--pag-text)!important}
  :root:not([data-theme="dark"]) .mp-dock-search input::placeholder{color:#476C82!important;opacity:1!important}

  /* Panel de tamaño de lectura: controles y etiquetas nunca pálidos. */
  :root:not([data-theme="dark"]) .mp-font-panel{
    background:#FFFFFF!important;
    color:var(--pag-text)!important;
    border-color:#AACDDF!important;
  }
  :root:not([data-theme="dark"]) .mp-font-panel__head,
  :root:not([data-theme="dark"]) .mp-font-panel__head strong{color:var(--pag-navy)!important}
  :root:not([data-theme="dark"]) .mp-font-panel__head span,
  :root:not([data-theme="dark"]) .mp-font-stops{color:#365F78!important}

  /* Campos y selectores. */
  :root:not([data-theme="dark"]) :where(input,textarea,select){
    background:#FFFFFF!important;
    color:var(--pag-text)!important;
    border-color:#AACDDF!important;
  }
  :root:not([data-theme="dark"]) :where(input,textarea,select)::placeholder{
    color:#476C82!important;
    opacity:1!important;
  }

  /* ---------- INICIO ---------- */
  :root:not([data-theme="dark"]) body[data-page="inicio"] .hero{
    background:linear-gradient(180deg,#DDF0FA 0%,#EEF8FD 72%,#F7FBFD 100%)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="inicio"] .hero .lead{color:var(--pag-muted)!important}
  :root:not([data-theme="dark"]) body[data-page="inicio"] .hero .lead strong{color:var(--pag-navy-deep)!important}
  :root:not([data-theme="dark"]) body[data-page="inicio"] .hero__note{color:#365F78!important}
  :root:not([data-theme="dark"]) body[data-page="inicio"] .board :is(.stat__label,.stat__hint){color:var(--pag-muted)!important}
  :root:not([data-theme="dark"]) body[data-page="inicio"] .board .stat__value{color:var(--pag-navy)!important}

  /* ---------- PROYECTOS + DENUNCIÓMETRO ---------- */
  :root:not([data-theme="dark"]) body[data-page="proyectos"] .tool-hero,
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] .tool-hero{
    background:linear-gradient(180deg,#DDF0FA 0%,#EEF8FD 100%)!important;
    color:var(--pag-text)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="proyectos"] .tool-hero :where(.view-title,.lead strong),
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] .tool-hero :where(.view-title,.lead strong){
    color:var(--pag-navy)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="proyectos"] .tool-hero :where(.lead,.hint),
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] .tool-hero :where(.lead,.hint){
    color:var(--pag-muted)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="proyectos"] .mini-stat,
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] .mini-stat{
    background:#FFFFFF!important;
    color:var(--pag-text)!important;
    border-color:#B9D6E5!important;
  }
  :root:not([data-theme="dark"]) body[data-page="proyectos"] .mini-stat b,
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] .mini-stat b{color:var(--pag-navy)!important}
  :root:not([data-theme="dark"]) body[data-page="proyectos"] .mini-stat--sol b,
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] .mini-stat--sol b{color:#775500!important}
  :root:not([data-theme="dark"]) body[data-page="proyectos"] .mini-stat span,
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] .mini-stat span{color:var(--pag-muted)!important}

  :root:not([data-theme="dark"]) body[data-page="proyectos"] :is(.card,.feat),
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] :is(.card,.result-card){
    background:#FFFFFF!important;
    color:var(--pag-text)!important;
    border-color:#C1D9E6!important;
  }
  :root:not([data-theme="dark"]) body[data-page="proyectos"] :is(.card,.feat) :is(h2,h3,h4,.card__title,.feat__title),
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] :is(.card,.result-card) :is(h2,h3,h4,.card__title){color:var(--pag-navy)!important}
  :root:not([data-theme="dark"]) body[data-page="proyectos"] :is(.card__meta,.card__sum,.official,.feat__meta,.feat__bajada),
  :root:not([data-theme="dark"]) body[data-page="denunciometro"] :is(.card__meta,.card__sum,.official,.src,.meta){color:var(--pag-muted)!important}

  /* ---------- REARME DEMOGRÁFICO ---------- */
  :root:not([data-theme="dark"]) body[data-page="rearme"]{
    --rd-ink:var(--pag-navy);
    --rd-muted:var(--pag-muted);
  }
  :root:not([data-theme="dark"]) body[data-page="rearme"] .tool-hero,
  :root:not([data-theme="dark"]) body[data-page="rearme"] .rd-hero{
    background:linear-gradient(180deg,#DDF0FA,#EEF8FD)!important;
    color:var(--pag-text)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="rearme"] main :is(.lead,.res,.src,.hint,.rd-band__nota,.rd-trio__lbl,.rd-trio__year,.tema){
    color:var(--pag-muted)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="rearme"] main :is(.view-title,h2,h3,h4,.big,strong,b){color:var(--pag-navy)!important}
  :root:not([data-theme="dark"]) body[data-page="rearme"] :is(.rd-band__box,.rd-ley,.rd-why__card,.rd-res--hero,.rd-kpi,.rd-card){
    background:#FFFFFF!important;
    color:var(--pag-text)!important;
    border-color:#BED7E4!important;
  }
  :root:not([data-theme="dark"]) body[data-page="rearme"] :is(.rd-tag,.rd-pill,.chip){
    background:#EAF6FC!important;
    color:var(--pag-navy)!important;
    border-color:#B8D5E4!important;
  }
  :root:not([data-theme="dark"]) body[data-page="rearme"] table{color:var(--pag-text)!important;background:#FFFFFF!important}
  :root:not([data-theme="dark"]) body[data-page="rearme"] th{background:#E6F3FA!important;color:var(--pag-navy)!important}
  :root:not([data-theme="dark"]) body[data-page="rearme"] td{color:var(--pag-text)!important;border-color:#C6DDE8!important}
  :root:not([data-theme="dark"]) body[data-page="rearme"] svg text{fill:#123B59!important}

  /* ---------- ARGENTINA PyME: override de TODO su sistema interno ---------- */
  :root:not([data-theme="dark"]) body[data-page="pyme"]{
    --azul-noche:#073A67;
    --azul-noche-2:#0A4777;
    --azul:#0F6598;
    --azul-hover:#084E79;
    --celeste:#77B9DC;
    --celeste-claro:#CBE6F4;
    --celeste-tinta:#EAF6FC;
    --sol:#E1B136;
    --sol-claro:#F1D27D;
    --sol-tinta:#FFF4D4;
    --oro:#775500;
    --tinta:#123B59;
    --tinta-2:#2F5B75;
    --gris:#3D647B;
    --linea:#BDD6E4;
    --linea-2:#D5E7F0;
    --papel:#FFFFFF;
    --papel-2:#F5FAFD;
    --titulo:#073A67;
    --t1:#E1B136;
    --t2:#356FD3;
    --t3:#8FC6E7;
    --track:#D6E5ED;
    --focus:#0F6598;
  }
  :root[data-theme="dark"] body[data-page="pyme"]{
    --azul-noche:#F2FAFE;
    --azul-noche-2:#DCEEF7;
    --azul:#8BD1F2;
    --azul-hover:#BCE7FA;
    --celeste:#79BADA;
    --celeste-claro:#BBD8E7;
    --celeste-tinta:#0D2B3D;
    --sol:#E5B93F;
    --sol-claro:#F3D47B;
    --sol-tinta:#332A12;
    --oro:#F3D47B;
    --tinta:#E7F3F8;
    --tinta-2:#BCD4E0;
    --gris:#A6C2D0;
    --linea:#31566A;
    --linea-2:#23485B;
    --papel:#081D2A;
    --papel-2:#0B2636;
    --titulo:#F2FAFE;
    --track:#1B4053;
  }

  :root:not([data-theme="dark"]) body[data-page="pyme"] #inicio.hero{
    background:linear-gradient(180deg,#DDF0FA 0%,#EEF8FD 100%)!important;
    color:var(--tinta)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="pyme"] #inicio.hero :is(.hero__title,.hero__kicker,.hero__sub,.hero__motto,.byline b,.byline span){
    color:var(--titulo)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="pyme"] #inicio.hero .hero__title span:last-child{color:#8A5E00!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] #inicio.hero .hero__sub{color:var(--tinta-2)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__cap,
  :root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__now,
  :root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__hint{color:var(--tinta-2)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__title{color:var(--titulo)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__chap{color:#315F7C!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__n{color:#8A5E00!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina .legend{color:var(--tinta)!important}

  /* Bloques originales oscuros de PyME se aclaran para la identidad celeste. */
  :root:not([data-theme="dark"]) body[data-page="pyme"] .stats--photo{
    background:#E3F2FA!important;
    color:var(--tinta)!important;
    border-color:#B7D4E3!important;
  }
  :root:not([data-theme="dark"]) body[data-page="pyme"] .stats--photo .stat__v{color:var(--titulo)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .stats--photo .stat__l{color:var(--tinta-2)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .note--plain{
    --bg:#E6F3FA!important;
    --ac:#775500!important;
    background:#E6F3FA!important;
    color:var(--tinta)!important;
    border-color:#BCD7E5!important;
  }
  :root:not([data-theme="dark"]) body[data-page="pyme"] .note--plain .note__text{color:var(--tinta)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .note--plain .note__label{color:#775500!important}

  :root:not([data-theme="dark"]) body[data-page="pyme"] :is(.stat__l,.idea p,.datacard p,.rule p,.measure__text,.measure__meta,.small,.term dd,.case p,.story p){
    color:var(--tinta-2)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="pyme"] :is(.stat__v,.idea h3,.datacard h3,.rule h3,.measure__title,.sub-h,.sec-head h2,.chap-head h2,.term dt){
    color:var(--titulo)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="pyme"] .measure__num span{color:var(--gris)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .measure__num b{color:var(--azul-noche)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] table{background:#FFFFFF!important;color:var(--tinta)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] th{background:#E6F3FA!important;color:var(--titulo)!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] td{color:var(--tinta)!important;border-color:#C4DCE8!important}

  /* Tiles: contraste explícito y sin depender de valores heredados. */
  :root:not([data-theme="dark"]) body[data-page="pyme"] .tile[data-t="1"]{--bg:#F0B94C!important;--fg:#123B59!important;color:#123B59!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .tile[data-t="2"]{--bg:#356FD3!important;--fg:#FFFFFF!important;color:#FFFFFF!important}
  :root:not([data-theme="dark"]) body[data-page="pyme"] .tile[data-t="3"]{--bg:#8FC6E7!important;--fg:#103B60!important;color:#103B60!important}

  /* ---------- PRENSA: override de su paleta interna ---------- */
  :root:not([data-theme="dark"]) body[data-page="prensa"]{
    --azul-950:#052B4C;
    --azul-900:#073A67;
    --azul-850:#0A4777;
    --azul-800:#0B527F;
    --azul-700:#0F6598;
    --azul-600:#1676AA;
    --azul-500:#2F88BA;
    --celeste:#77B9DC;
    --celeste-2:#B9DBED;
    --oro:#D5A52A;
    --oro-2:#F0D27D;
    --oro-3:#775500;
    --marfil:#F3FAFD;
    --marfil-2:#E6F3FA;
    --papel:#FFFFFF;
    --tinta:#123B59;
    --tinta-2:#2F5B75;
    --gris:#3D647B;
    --linea:#BED7E4;
    --linea-2:#AFCFE0;
    --hielo:#3D647B;
    --hielo-2:#4E7085;
  }
  :root:not([data-theme="dark"]) body[data-page="prensa"] .hero.on-dark{
    background:linear-gradient(180deg,#DDF0FA,#EEF8FD)!important;
    color:var(--tinta)!important;
  }
  :root:not([data-theme="dark"]) body[data-page="prensa"] .hero.on-dark :is(h1,.hero__title){color:var(--azul-900)!important}
  :root:not([data-theme="dark"]) body[data-page="prensa"] .hero.on-dark h1 em{color:#8A5E00!important}
  :root:not([data-theme="dark"]) body[data-page="prensa"] .hero.on-dark .hero__lead{color:var(--tinta-2)!important}
  :root:not([data-theme="dark"]) body[data-page="prensa"] :is(.feat,.press-card,.ficha,.docs,.contact){
    background:#FFFFFF!important;
    color:var(--tinta)!important;
    border-color:#BED7E4!important;
  }
  :root:not([data-theme="dark"]) body[data-page="prensa"] :is(.feat__title,.press-card h3,.ficha h3,.docs h3,.contact__title){color:var(--azul-900)!important}
  :root:not([data-theme="dark"]) body[data-page="prensa"] :is(.feat__src,.feat__top time,.press-card p,.press-card .meta,.ficha p,.docs p,.contact p,.stats){color:var(--tinta-2)!important}
  :root:not([data-theme="dark"]) body[data-page="prensa"] .kicker{color:#775500!important}

  /* ---------- FOOTER / METADATOS ---------- */
  :root:not([data-theme="dark"]) .footer{
    background:#F7FBFD!important;
    color:var(--pag-text)!important;
    border-top-color:#C3DCE8!important;
  }
  :root:not([data-theme="dark"]) .footer :is(.footer__name,.footer__role,.footer__links a){color:var(--pag-navy)!important}
  :root:not([data-theme="dark"]) .footer :is(.voice,.footer__legal){color:var(--pag-muted)!important}

  /* ---------- CONTRASTE DE CONTROLES Y BOTONES ---------- */
  :root:not([data-theme="dark"]) .btn--sol,
  :root:not([data-theme="dark"]) .btn--gold{
    background:#E1B136!important;
    color:#052B4C!important;
    border-color:#B88819!important;
  }
  :root:not([data-theme="dark"]) .btn--navy,
  :root:not([data-theme="dark"]) .abtn--primary{
    background:#073A67!important;
    color:#FFFFFF!important;
    border-color:#073A67!important;
  }
  :root:not([data-theme="dark"]) :is(.btn--line,.btn--ghost,.abtn){
    background:#FFFFFF!important;
    color:#073A67!important;
    border-color:#9FC7DA!important;
  }

  /* Estados deshabilitados: siguen siendo identificables, no ilegibles. */
  :root:not([data-theme="dark"]) :disabled,
  :root:not([data-theme="dark"]) [aria-disabled="true"]{
    opacity:.62!important;
  }
}

/* Mobile muy angosto: reforzar tamaño mínimo de texto informativo. */
@media (max-width:380px){
  :root:not([data-theme="dark"]) :where(.hint,.small,.meta,.src,.caption,.footer__legal){
    font-size:max(.72rem,11.5px)!important;
    line-height:1.42!important;
  }
}

/* ======================================================================
   V15 · INICIO MOBILE · ZONA SEGURA ENTRE TITULAR Y RETRATO · 08/10/2026
   Evita que el titular, la palabra destacada y su subrayado invadan el
   retrato de Marcela. La composición conserva texto a la izquierda y
   retrato a la derecha, con una separación estable en distintos anchos.
   ====================================================================== */
@media (max-width:720px){
  body[data-page="inicio"] .hero{
    overflow:hidden!important;
  }
  body[data-page="inicio"] .hero__copy{
    position:relative!important;
    z-index:8!important;
  }
  body[data-page="inicio"] .hero h1{
    width:55%!important;
    max-width:55%!important;
    font-size:clamp(2.25rem,9.8vw,2.65rem)!important;
    line-height:.93!important;
    letter-spacing:-.035em!important;
    margin-top:22px!important;
    margin-bottom:24px!important;
    overflow:visible!important;
  }
  body[data-page="inicio"] .hero h1 .acento{
    display:inline-block!important;
    max-width:100%!important;
    white-space:nowrap!important;
    padding-right:2px!important;
  }
  body[data-page="inicio"] .hero h1 .acento svg{
    left:0!important;
    width:calc(100% - 4px)!important;
    bottom:-.16em!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:50%!important;
    max-width:50%!important;
    padding-right:8px!important;
  }
  body[data-page="inicio"] .hero__portrait-wrap{
    inset:0!important;
    overflow:hidden!important;
  }
  body[data-page="inicio"] .hero__portrait{
    left:auto!important;
    right:0!important;
    bottom:212px!important;
    width:min(44vw,190px)!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:bottom right!important;
  }
  body[data-page="inicio"] .hero__sun,
  body[data-page="inicio"] .hero__halo{
    left:auto!important;
    right:-22%!important;
  }
}

@media (max-width:430px){
  body[data-page="inicio"] .hero h1{
    width:56%!important;
    max-width:56%!important;
    font-size:clamp(2.22rem,9.65vw,2.55rem)!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:50%!important;
    max-width:50%!important;
  }
  body[data-page="inicio"] .hero__portrait{
    width:43.5vw!important;
    bottom:210px!important;
  }
}

@media (max-width:370px){
  body[data-page="inicio"] .hero h1{
    width:57%!important;
    max-width:57%!important;
    font-size:2.18rem!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:46%!important;
    max-width:46%!important;
    font-size:.82rem!important;
    line-height:1.55!important;
  }
  body[data-page="inicio"] .hero__portrait{
    width:42vw!important;
    bottom:208px!important;
  }
}


/* ======================================================================
   V16 · PORTADA MOBILE AUDITADA · TITULAR INTACTO + RETRATO GRANDE
   Regla estructural: el titular ocupa una zona propia y el retrato empieza
   debajo de "ALCANCE.". Ninguna palabra ni el subrayado puede invadir la foto.
   ====================================================================== */
@media (max-width:720px){
  body[data-page="inicio"] .hero{
    min-height:940px!important;
    overflow:hidden!important;
  }
  body[data-page="inicio"] .hero__grid,
  body[data-page="inicio"] .hero__copy{
    min-height:940px!important;
  }
  body[data-page="inicio"] .hero__copy{
    padding:38px 0 0!important;
    position:relative!important;
    z-index:8!important;
  }

  /* Titular: cuatro líneas editoriales controladas. ARGENTINA jamás se parte. */
  body[data-page="inicio"] .hero h1{
    width:100%!important;
    max-width:none!important;
    margin:24px 0 26px!important;
    font-size:clamp(2.85rem,12.35vw,3.55rem)!important;
    line-height:.91!important;
    letter-spacing:-.045em!important;
    overflow:visible!important;
    position:relative!important;
    z-index:10!important;
  }
  body[data-page="inicio"] .hero-title-una,
  body[data-page="inicio"] .hero-title-argentina,
  body[data-page="inicio"] .hero-title-quete,
  body[data-page="inicio"] .hero-title-alcance{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
  }
  body[data-page="inicio"] .hero-title-argentina{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body[data-page="inicio"] .hero-title-alcance{
    white-space:nowrap!important;
    padding-right:.04em!important;
  }
  body[data-page="inicio"] .hero h1 br{display:none!important;}
  body[data-page="inicio"] .hero h1 .acento svg{
    left:0!important;
    right:auto!important;
    width:100%!important;
    bottom:-.15em!important;
  }

  /* El texto introductorio queda a la izquierda; el retrato ocupa la derecha. */
  body[data-page="inicio"] .hero .lead{
    width:45%!important;
    max-width:45%!important;
    padding-right:8px!important;
    font-size:.91rem!important;
    line-height:1.58!important;
    position:relative!important;
    z-index:10!important;
  }
  body[data-page="inicio"] .hero .lead strong{
    font-size:.94rem!important;
    line-height:1.42!important;
  }

  body[data-page="inicio"] .hero__visual{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    z-index:3!important;
  }
  body[data-page="inicio"] .hero__portrait-wrap{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
  }
  body[data-page="inicio"] .hero__portrait{
    left:auto!important;
    right:-26px!important;
    bottom:258px!important;
    width:min(57vw,230px)!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:bottom right!important;
    filter:drop-shadow(-8px 12px 20px rgba(6,43,80,.12))!important;
  }
  body[data-page="inicio"] .hero__sun,
  body[data-page="inicio"] .hero__halo{
    left:auto!important;
    right:-28%!important;
    top:54%!important;
  }

  body[data-page="inicio"] .hero__actions{
    left:20px!important;
    right:20px!important;
    bottom:78px!important;
  }
  body[data-page="inicio"] .hero__note{
    left:20px!important;
    right:20px!important;
    bottom:16px!important;
  }
}

@media (max-width:430px){
  body[data-page="inicio"] .hero,
  body[data-page="inicio"] .hero__grid,
  body[data-page="inicio"] .hero__copy{min-height:925px!important;}
  body[data-page="inicio"] .hero h1{
    font-size:clamp(2.72rem,12.1vw,3.18rem)!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:45%!important;
    max-width:45%!important;
    font-size:.87rem!important;
  }
  body[data-page="inicio"] .hero__portrait{
    right:-26px!important;
    bottom:258px!important;
    width:min(57vw,230px)!important;
    height:auto!important;
  }
}

@media (max-width:380px){
  body[data-page="inicio"] .hero,
  body[data-page="inicio"] .hero__grid,
  body[data-page="inicio"] .hero__copy{min-height:900px!important;}
  body[data-page="inicio"] .hero h1{
    font-size:clamp(2.48rem,11.8vw,2.85rem)!important;
    letter-spacing:-.05em!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:51%!important;
    max-width:51%!important;
    font-size:.82rem!important;
    line-height:1.52!important;
  }
  body[data-page="inicio"] .hero__portrait{
    right:-22px!important;
    bottom:254px!important;
    width:min(52vw,190px)!important;
    height:auto!important;
  }
}

@media (max-width:340px){
  body[data-page="inicio"] .hero h1{
    font-size:2.28rem!important;
  }
  body[data-page="inicio"] .hero__portrait{
    width:min(56vw,188px)!important;
    height:auto!important;
  }
}

/* ======================================================================
   V17 · HERO MOBILE ROBUSTO
   - ARGENTINA siempre en una línea completa
   - retrato de Pagano más grande
   - ningún texto/subrayado invade la figura
   ====================================================================== */
@media (max-width:720px){
  body[data-page="inicio"] .hero{
    min-height:960px!important;
    overflow:hidden!important;
  }
  body[data-page="inicio"] .hero__grid,
  body[data-page="inicio"] .hero__copy{
    min-height:960px!important;
  }
  body[data-page="inicio"] .hero__copy{
    padding:40px 0 0!important;
    position:relative!important;
    z-index:8!important;
  }

  /* Titular en bloque propio, por encima del retrato. */
  body[data-page="inicio"] .hero h1{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:24px 0 28px!important;
    font-size:clamp(36px,11vw,48px)!important;
    line-height:.92!important;
    letter-spacing:-.052em!important;
    overflow:visible!important;
    position:relative!important;
    z-index:12!important;
  }
  body[data-page="inicio"] .hero-title-una,
  body[data-page="inicio"] .hero-title-argentina,
  body[data-page="inicio"] .hero-title-quete,
  body[data-page="inicio"] .hero-title-alcance{
    display:block!important;
    width:fit-content!important;
    max-width:none!important;
  }
  body[data-page="inicio"] .hero-title-argentina{
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body[data-page="inicio"] .hero-title-alcance{
    white-space:nowrap!important;
    padding-right:.08em!important;
  }
  body[data-page="inicio"] .hero h1 br{display:none!important;}
  body[data-page="inicio"] .hero h1 .acento svg{
    width:100%!important;
    left:0!important;
    bottom:-.16em!important;
  }

  /* Texto y retrato comparten la zona inferior, sin invadir el titular. */
  body[data-page="inicio"] .hero .lead{
    width:48%!important;
    max-width:48%!important;
    margin-top:0!important;
    padding-right:10px!important;
    font-size:.92rem!important;
    line-height:1.58!important;
    position:relative!important;
    z-index:11!important;
  }
  body[data-page="inicio"] .hero .lead strong{
    font-size:.96rem!important;
    line-height:1.44!important;
  }

  body[data-page="inicio"] .hero__visual{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    z-index:3!important;
  }
  body[data-page="inicio"] .hero__portrait-wrap{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
  }
  body[data-page="inicio"] .hero__portrait{
    left:auto!important;
    right:-14px!important;
    bottom:252px!important;
    width:min(61vw,258px)!important;
    height:auto!important;
    max-width:none!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:bottom right!important;
    filter:drop-shadow(-8px 12px 20px rgba(6,43,80,.12))!important;
  }
  body[data-page="inicio"] .hero__sun,
  body[data-page="inicio"] .hero__halo{
    left:auto!important;
    right:-24%!important;
    top:58%!important;
  }

  body[data-page="inicio"] .hero__actions{
    left:20px!important;
    right:20px!important;
    bottom:78px!important;
    z-index:14!important;
  }
  body[data-page="inicio"] .hero__note{
    left:20px!important;
    right:20px!important;
    bottom:16px!important;
    z-index:14!important;
  }
}

@media (max-width:430px){
  body[data-page="inicio"] .hero,
  body[data-page="inicio"] .hero__grid,
  body[data-page="inicio"] .hero__copy{min-height:945px!important;}
  body[data-page="inicio"] .hero h1{
    font-size:clamp(35px,10.8vw,45px)!important;
    letter-spacing:-.055em!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:47%!important;
    max-width:47%!important;
    font-size:.87rem!important;
  }
  body[data-page="inicio"] .hero__portrait{
    right:-12px!important;
    bottom:252px!important;
    width:min(62vw,250px)!important;
  }
}

@media (max-width:380px){
  body[data-page="inicio"] .hero,
  body[data-page="inicio"] .hero__grid,
  body[data-page="inicio"] .hero__copy{min-height:920px!important;}
  body[data-page="inicio"] .hero h1{
    font-size:clamp(32px,10.45vw,40px)!important;
    letter-spacing:-.058em!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:49%!important;
    max-width:49%!important;
    font-size:.82rem!important;
    line-height:1.52!important;
  }
  body[data-page="inicio"] .hero__portrait{
    right:-10px!important;
    bottom:248px!important;
    width:min(61vw,225px)!important;
  }
}

@media (max-width:340px){
  body[data-page="inicio"] .hero h1{
    font-size:31px!important;
    letter-spacing:-.06em!important;
  }
  body[data-page="inicio"] .hero__portrait{
    width:min(61vw,205px)!important;
    right:-8px!important;
  }
}

/* V17.1 · ajuste final solicitado: retrato mayor y ARGENTINA indivisible. */
@media (max-width:720px){
  body[data-page="inicio"] .hero h1{
    font-size:clamp(35px,11.1vw,47px)!important;
    letter-spacing:-.055em!important;
  }
  body[data-page="inicio"] .hero-title-argentina{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:40%!important;
    max-width:40%!important;
    padding-right:4px!important;
  }
  body[data-page="inicio"] .hero__portrait{
    right:-22px!important;
    bottom:248px!important;
    width:min(66vw,278px)!important;
  }
}
@media (max-width:430px){
  body[data-page="inicio"] .hero h1{
    font-size:clamp(34px,10.8vw,44px)!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:40%!important;
    max-width:40%!important;
    font-size:.86rem!important;
  }
  body[data-page="inicio"] .hero__portrait{
    right:-22px!important;
    bottom:248px!important;
    width:min(67vw,272px)!important;
  }
}
@media (max-width:380px){
  body[data-page="inicio"] .hero h1{
    font-size:clamp(31px,10.25vw,38px)!important;
  }
  body[data-page="inicio"] .hero .lead{
    width:41%!important;
    max-width:41%!important;
    font-size:.80rem!important;
  }
  body[data-page="inicio"] .hero__portrait{
    right:-20px!important;
    bottom:246px!important;
    width:min(66vw,242px)!important;
  }
}
@media (max-width:340px){
  body[data-page="inicio"] .hero h1{font-size:30px!important;}
  body[data-page="inicio"] .hero__portrait{width:min(66vw,224px)!important;}
}

/* ======================================================================
   V18 · MOBILE TYPOGRAPHY & FLOW AUDIT
   Objetivo: ninguna palabra editorial se corta por la mitad y ningún bloque
   interactivo se superpone con el contenido. Se prioriza lectura real en móvil.
   ====================================================================== */
@media (max-width:760px){
  html,body{max-width:100%!important;overflow-x:hidden!important}

  /* Títulos, navegación y controles: saltos sólo entre palabras. */
  :where(
    h1,h2,h3,h4,h5,h6,
    .view-title,.hero__title,.section-title,.chap-head__title,.sub-h,
    .eyebrow,.kicker,.hero__kicker,
    .btn,button,.tool,.tab,.chip,.pill,
    .topbar__nav a,.nav a,.tabs a,.toc__t,.toc__gname,
    .measure__title,.rule h3,.datacard h3,.note__label,
    .footer__name,.footer__role
  ){
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  /* Excepciones legítimas: cadenas largas que sí deben poder cortar. */
  :where(.email-card__address,.mono,.url,.source-url,code,pre){
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }

  /* Botones: nunca parten una palabra; si hace falta, crecen en alto. */
  :where(.btn,button,.tool,.tab,.chip,.pill){
    white-space:normal!important;
    line-height:1.2!important;
  }

  /* Grillas de tarjetas: una columna segura cuando el ancho es limitado. */
  :where(.cards,.card-grid,.grid-cards,.rules,.devices,.stories,.media-grid){
    min-width:0!important;
  }

  /* Argentina PyME · portada móvil robusta */
  body[data-page="pyme"] #inicio.hero{
    overflow:visible!important;
    padding:24px 16px 34px!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "text"
      "vitrina"
      "actions"
      "sign"!important;
    gap:22px!important;
    width:100%!important;
    max-width:100%!important;
    align-items:start!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__text{
    grid-area:text!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    position:static!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__title{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
    font-size:clamp(3rem,14.6vw,4.2rem)!important;
    line-height:.9!important;
    letter-spacing:-.045em!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__title span{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__sub{
    width:100%!important;
    max-width:34rem!important;
    margin:0!important;
    font-size:1rem!important;
    line-height:1.48!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }

  body[data-page="pyme"] #inicio.hero .vitrina{
    grid-area:vitrina!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    z-index:auto!important;
  }
  body[data-page="pyme"] #inicio.hero .vitrina__frame{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body[data-page="pyme"] #inicio.hero .vitrina__cap{
    position:static!important;
    width:100%!important;
    margin-top:12px!important;
    padding:0 2px!important;
  }
  body[data-page="pyme"] #inicio.hero .vitrina__now{
    min-height:0!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body[data-page="pyme"] #inicio.hero .legend{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px 14px!important;
    width:100%!important;
  }

  body[data-page="pyme"] #inicio.hero .hero__actions{
    grid-area:actions!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    z-index:auto!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__cta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__cta .btn{
    position:static!important;
    width:100%!important;
    min-height:52px!important;
    margin:0!important;
    justify-content:center!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__topics{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    width:100%!important;
    margin:14px 0 0!important;
    padding:0!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__topics li,
  body[data-page="pyme"] #inicio.hero .hero__topics a{
    max-width:100%!important;
    min-width:0!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__sign{
    grid-area:sign!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px 0 0!important;
    transform:none!important;
    z-index:auto!important;
  }

  body[data-page="pyme"] .participation-intro{
    position:relative!important;
    clear:both!important;
    margin:0!important;
    padding:34px 16px!important;
    z-index:auto!important;
  }

  /* Cuerpo del libro PyME: jamás comprimir el texto a media pantalla. */
  body[data-page="pyme"] .book,
  body[data-page="pyme"] .book__body,
  body[data-page="pyme"] .sec{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body[data-page="pyme"] .sec{
    padding:36px 16px!important;
  }
  body[data-page="pyme"] .sec>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:inherit!important;
  }

  /* Índices, títulos de capítulos y tarjetas no separan palabras internamente. */
  body[data-page="pyme"] :where(.toc__t,.chap-head__txt h2,.measure__title,.datacard h3,.rule h3,.note__text,.hero__motto),
  body[data-page="rearme"] :where(h1,h2,h3,.rd-ley__title,.rd-card__title),
  body[data-page="proyectos"] :where(h1,h2,h3,.card h3,.project-card h3),
  body[data-page="denunciometro"] :where(h1,h2,h3,.card h3,.case-card h3),
  body[data-page="prensa"] :where(h1,h2,h3,.feat__title,.chrono__title){
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
}

@media (max-width:380px){
  body[data-page="pyme"] #inicio.hero .hero__title{
    font-size:clamp(2.7rem,14vw,3.35rem)!important;
  }
  body[data-page="pyme"] .vitrina__glass{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

@media (max-width:340px){
  body[data-page="pyme"] #inicio.hero .hero__title{
    font-size:2.55rem!important;
  }
  body[data-page="pyme"] .vitrina__glass{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}

/* V18.1 · cierre de auditoría tipográfica móvil: nunca partir palabras comunes. */
@media (max-width:760px){
  body :where(p,li,span,a,button,label,dt,dd,figcaption,blockquote,strong,b,em,h1,h2,h3,h4,h5,h6){
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body :where(.email-card__address,.rd-fuentes a,.source-url,.raw-url,code,pre){
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  body[data-page="pyme"] #inicio.hero .hero__title span{
    white-space:nowrap!important;
  }
}

/* ======================================================================
   V19 · ESPACIADO DE LECTURA Y RESPIRACIÓN
   Regla transversal: ningún texto debe quedar pegado a bordes, líneas,
   cajas o celdas. Especialmente importante en mobile.
   ====================================================================== */

/* Tablas: aire consistente en todas las secciones. */
:where(table) :where(th,td){
  padding:12px 14px!important;
  vertical-align:top!important;
}

/* Cajas editoriales reutilizadas en distintas URLs. */
:where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
  .note,.case,.contact,.ficha,.docs,.sheet
){
  box-sizing:border-box!important;
}

@media (max-width:760px){
  /* Margen interior mínimo para cualquier bloque con borde/superficie. */
  body :where(
    .card,.project-card,.case-card,.result-card,.feat,.press-card,
    .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
    .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
    .note,.case,.contact,.ficha,.docs,.sheet
  ){
    padding-left:20px!important;
    padding-right:20px!important;
  }

  /* Argentina PyME: cada medida debe respirar dentro de su propio borde. */
  body[data-page="pyme"] .measure{
    padding:22px 20px 24px!important;
    border:1px solid color-mix(in srgb,var(--linea) 84%,#7DAFCB 16%)!important;
    border-radius:18px!important;
    margin:0 0 18px!important;
    background:rgba(255,255,255,.58)!important;
  }
  body[data-page="pyme"] .measure:last-child{
    border-bottom:1px solid color-mix(in srgb,var(--linea) 84%,#7DAFCB 16%)!important;
  }
  body[data-page="pyme"] .measure__body{
    padding:0!important;
    border:0!important;
  }
  body[data-page="pyme"] .measure__num{
    margin-bottom:14px!important;
  }
  body[data-page="pyme"] .measure__title{
    margin-bottom:14px!important;
  }
  body[data-page="pyme"] .measure__text{
    margin-bottom:20px!important;
    line-height:1.62!important;
  }
  body[data-page="pyme"] .measure__meta{
    gap:14px!important;
    padding:18px!important;
    border-radius:16px!important;
  }
  body[data-page="pyme"] .measure__meta .mm{
    min-width:0!important;
    padding:0!important;
  }
  body[data-page="pyme"] .measure__meta dt{
    margin-bottom:7px!important;
  }
  body[data-page="pyme"] .measure-participation{
    margin-top:20px!important;
    padding:20px!important;
    border-radius:16px!important;
  }
  body[data-page="pyme"] .share{
    margin-right:0!important;
  }

  /* Notas y casos dentro del libro. */
  body[data-page="pyme"] :is(.note,.case){
    padding:20px!important;
  }

  /* Tablas y cuadros comparativos: nunca pegar texto a la cuadrícula. */
  body :where(table) :where(th,td){
    padding:13px 15px!important;
    line-height:1.45!important;
  }
  body[data-page="rearme"] :where(.rd-tabla,.rd-table,table) :where(th,td){
    padding:14px 16px!important;
  }

  /* Tarjetas de Proyectos y Denunciómetro: respiración lateral uniforme. */
  body[data-page="proyectos"] :where(.card,.project-card,.feat),
  body[data-page="denunciometro"] :where(.card,.case-card,.result-card){
    padding:20px!important;
  }

  /* Prensa: contenido dentro de tarjetas sin rozar marcos ni miniaturas. */
  body[data-page="prensa"] :where(.feat,.press-card,.ficha,.docs,.contact){
    padding:20px!important;
  }

  /* Rearme: tarjetas, leyes y resultados con aire equivalente. */
  body[data-page="rearme"] :where(.rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero){
    padding:20px!important;
  }

  /* Contenedores generales: evitamos que un texto toque el borde de viewport. */
  body :where(.prose,.standfirst,.lead,.voice,.small){
    max-width:100%!important;
  }
}

/* Modo oscuro conserva el mismo espaciado y una superficie distinguible. */
@media (max-width:760px){
  :root[data-theme="dark"] body[data-page="pyme"] .measure{
    background:rgba(10,42,67,.72)!important;
    border-color:rgba(144,194,220,.28)!important;
  }
}

/* ======================================================================
   V20 · CONTENIDO SEGURO DENTRO DE CAJAS
   Objetivo: ninguna palabra, título o párrafo puede rozar ni atravesar
   bordes. El contenido gana altura antes que desbordar horizontalmente.
   Se aplica de forma transversal a todas las URLs.
   ====================================================================== */

/* Todos los hijos de grids/flex pueden encogerse correctamente. */
:where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
  .note,.case,.contact,.ficha,.docs,.sheet,
  .measure,.measure__body,.measure__meta,.mm,.measure-participation,
  .stat,.story,.term,.when,.golden,.canilla
),
:where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
  .note,.case,.contact,.ficha,.docs,.sheet,
  .measure,.measure__body,.measure__meta,.mm,.measure-participation,
  .stat,.story,.term,.when,.golden,.canilla
) > *{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}

/* Texto editorial: envolver en espacios, nunca salirse de su caja. */
:where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
  .note,.case,.contact,.ficha,.docs,.sheet,
  .measure,.measure__body,.measure__meta,.mm,.measure-participation,
  .stat,.story,.term,.when,.golden,.canilla
) :where(p,h1,h2,h3,h4,h5,h6,dt,dd,li,span,strong,b,em,a,label){
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Sólo cadenas que realmente pueden no tener espacios pueden cortarse. */
:where(.email-card__address,.source-url,.raw-url,code,pre,.url,.permalink){
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

@media (max-width:760px){
  /* Regla base: una caja mobile necesita aire real, no 8/10px. */
  body :where(
    .card,.project-card,.case-card,.result-card,.feat,.press-card,
    .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
    .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
    .note,.case,.contact,.ficha,.docs,.sheet,
    .story,.term,.when,.golden,.canilla
  ){
    padding-left:22px!important;
    padding-right:22px!important;
  }

  /* PyME: una medida es una tarjeta editorial completa. */
  body[data-page="pyme"] .measure{
    width:100%!important;
    max-width:100%!important;
    padding:24px 22px 26px!important;
    overflow:visible!important;
  }
  body[data-page="pyme"] .measure__num{
    padding-inline:0!important;
    margin:0 0 16px!important;
  }
  body[data-page="pyme"] .measure__body{
    width:100%!important;
    padding:0!important;
  }
  body[data-page="pyme"] .measure__title{
    width:100%!important;
    margin:0 0 14px!important;
    line-height:1.22!important;
  }
  body[data-page="pyme"] .measure__text{
    width:100%!important;
    margin:0 0 22px!important;
    line-height:1.62!important;
  }

  /* Metadatos: en mobile siempre una columna. Deja respirar títulos y datos
     incluso con "Muy grande" en el control Aa. */
  body[data-page="pyme"] .measure__meta{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    padding:16px!important;
    margin:0!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  body[data-page="pyme"] .measure__meta .mm,
  body[data-page="pyme"] .measure__meta .mm--for,
  body[data-page="pyme"] .measure__meta .mm--when,
  body[data-page="pyme"] .measure__meta .mm--cost{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    padding:18px 18px 19px!important;
    margin:0!important;
    border-radius:15px!important;
    overflow:visible!important;
  }
  body[data-page="pyme"] .measure__meta dt{
    display:block!important;
    margin:0 0 9px!important;
    line-height:1.25!important;
  }
  body[data-page="pyme"] .measure__meta dd{
    display:block!important;
    width:100%!important;
    margin:0!important;
    line-height:1.52!important;
    min-width:0!important;
  }
  body[data-page="pyme"] .measure__meta .mm--when dd{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
  }
  body[data-page="pyme"] .measure__meta .phase{
    flex:0 0 auto!important;
  }
  body[data-page="pyme"] .measure-participation{
    width:100%!important;
    margin-top:22px!important;
    padding:22px!important;
    overflow:visible!important;
  }

  /* El texto no puede quedar pegado al borde del viewport. */
  body :where(.wrap,.sec,.section-inner,.content-inner,.tool-body,.board__grid){
    min-width:0!important;
  }

  /* Tarjetas y resultados de las demás URLs: padding uniforme y contenido
     que crece en altura en lugar de invadir el borde. */
  body[data-page="proyectos"] :where(.card,.project-card,.feat),
  body[data-page="denunciometro"] :where(.card,.case-card,.result-card),
  body[data-page="rearme"] :where(.rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero),
  body[data-page="prensa"] :where(.feat,.press-card,.ficha,.docs,.contact){
    padding:22px!important;
    overflow:visible!important;
  }

  /* Formularios/botones dentro de cajas: nunca superar el ancho disponible. */
  body :where(button,.btn,input,select,textarea){
    max-width:100%!important;
  }

  /* Tablas: más aire y scroll sólo en la tabla, nunca en toda la página. */
  body :where(.table-wrap,.table-scroll,.rd-table-wrap){
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body :where(table) :where(th,td){
    padding:15px 17px!important;
    line-height:1.48!important;
  }
}

/* En teléfonos muy angostos conservamos aire, sin sacrificar ancho útil. */
@media (max-width:360px){
  body :where(
    .card,.project-card,.case-card,.result-card,.feat,.press-card,
    .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
    .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
    .note,.case,.contact,.ficha,.docs,.sheet,.story,.term,.when,.golden,.canilla
  ){
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body[data-page="pyme"] .measure{padding:22px 18px 24px!important}
  body[data-page="pyme"] .measure__meta{padding:14px!important}
  body[data-page="pyme"] .measure__meta .mm{padding:16px!important}
  body[data-page="pyme"] .measure-participation{padding:18px!important}
}

/* ======================================================================
   V21 · AUDITORÍA GLOBAL DE CONTRASTE Y LEGIBILIDAD
   Objetivo: ningún texto informativo depende de tonos pálidos sobre fondos
   claros u oscuros. Se usan roles semánticos con contraste alto y estable.
   ====================================================================== */

:root:not([data-theme="dark"]){
  --mp21-title:#073A67;
  --mp21-text:#123B59;
  --mp21-muted:#315A70;
  --mp21-subtle:#476C82;
  --mp21-link:#075A8B;
  --mp21-gold-text:#765300;
  --mp21-line:#B8D5E4;
  --mp21-card:#FFFFFF;
  --mp21-soft:#EAF6FC;
  --mp21-soft-2:#DDF0FA;
  --mp21-dark:#071B33;
  --mp21-dark-2:#0B213D;
  --mp21-dark-text:#F7FBFE;
  --mp21-dark-muted:#C8DFEA;
  --mp21-dark-gold:#F4C654;
}

/* Base editorial clara. */
:root:not([data-theme="dark"]) body{
  color:var(--mp21-text)!important;
}
:root:not([data-theme="dark"]) main :where(h1,h2,h3,h4,h5,h6){
  color:var(--mp21-title);
}
:root:not([data-theme="dark"]) main :where(p,li,dd,figcaption,.lead,.lede,.meta,.src,.caption,.hint,.small,.sub,.description,.deck){
  color:var(--mp21-text);
}
:root:not([data-theme="dark"]) main :where(.muted,.secondary,.subtle,.help,.helper,.eyebrow-note){
  color:var(--mp21-muted)!important;
}
:root:not([data-theme="dark"]) main :where(a:not(.btn):not(.abtn)){color:var(--mp21-link)}
:root:not([data-theme="dark"]) main :where(.eyebrow,.kicker,.overline,.label-gold){color:var(--mp21-gold-text)!important}

/* Formularios, placeholders y metadatos nunca quedan lavados. */
:root:not([data-theme="dark"]) :where(input,textarea,select){
  color:var(--mp21-text)!important;
  background:#FFFFFF!important;
  border-color:#AFCFDF!important;
}
:root:not([data-theme="dark"]) :where(input,textarea)::placeholder{
  color:#55758A!important;
  opacity:1!important;
}
:root:not([data-theme="dark"]) :where(.meta,.src,.caption,.hint,.small,.footer__legal,.finder__hints,.tool-hint){
  color:var(--mp21-muted)!important;
  opacity:1!important;
}

/* Tarjetas claras: una sola convención de tinta y secundarios. */
:root:not([data-theme="dark"]) :where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,
  .note,.case,.contact,.ficha,.docs,.sheet,.measure,.measure__meta,.mm,
  .stat,.story,.term,.when,.golden,.canilla
){
  color:var(--mp21-text)!important;
}
:root:not([data-theme="dark"]) :where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,
  .note,.case,.contact,.ficha,.docs,.sheet,.measure,.measure__meta,.mm,
  .stat,.story,.term,.when,.golden,.canilla
) :where(h2,h3,h4,h5,dt,strong,b){
  color:var(--mp21-title);
}
:root:not([data-theme="dark"]) :where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,
  .note,.case,.contact,.ficha,.docs,.sheet,.measure,.measure__meta,.mm,
  .stat,.story,.term,.when,.golden,.canilla
) :where(p,li,dd,.meta,.src,.caption,.hint,.small){
  color:var(--mp21-muted)!important;
  opacity:1!important;
}

/* Botones y llamados: texto oscuro sobre dorado y blanco sobre azul. */
:root:not([data-theme="dark"]) :where(.btn--sol,.btn--gold,.gold-btn,.cta-gold){
  color:#073A67!important;
}
:root:not([data-theme="dark"]) :where(.btn--navy,.abtn--primary,.primary-btn){
  color:#FFFFFF!important;
}

/* ----------------------------------------------------------------------
   PyME · contraste reforzado en lectura, capítulos, medidas y estadísticas
   ---------------------------------------------------------------------- */
:root:not([data-theme="dark"]) body[data-page="pyme"]{
  --tinta:#123B59!important;
  --tinta-2:#315A70!important;
  --gris:#476C82!important;
  --titulo:#073A67!important;
  --oro:#765300!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] :where(.chap-head,.sec-head,.measure,.datacard,.rule,.note,.case,.story,.term){
  color:#123B59!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] :where(.chap-head h2,.sec-head h2,.measure__title,.datacard h3,.rule h3,.term dt,.measure__num b){
  color:#073A67!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] :where(.chap-head p,.sec-head p,.measure__text,.measure__meta dd,.datacard p,.rule p,.note__text,.case p,.story p,.term dd){
  color:#315A70!important;
  opacity:1!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .measure__meta dt{
  color:#234E68!important;
  opacity:1!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .measure__num span{
  color:#315A70!important;
  opacity:1!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] :where(.vitrina__cap,.vitrina__hint,.vitrina__now,.legend,.hero__sub){
  color:#315A70!important;
  opacity:1!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__title{color:#073A67!important}
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__chap{color:#315A70!important}
:root:not([data-theme="dark"]) body[data-page="pyme"] .vitrina__n{color:#765300!important}
:root:not([data-theme="dark"]) body[data-page="pyme"] .stats--photo .stat__l{color:#315A70!important}
:root:not([data-theme="dark"]) body[data-page="pyme"] .stats--photo .stat__v{color:#073A67!important}

/* ----------------------------------------------------------------------
   Prensa · zonas oscuras: variables claras locales para evitar que la
   paleta celeste global vuelva ilegibles títulos, pies o ayudas.
   ---------------------------------------------------------------------- */
:root:not([data-theme="dark"]) body[data-page="prensa"] .press-plates{
  --hielo:#C8DFEA!important;
  --hielo-2:#B8D3E0!important;
  --oro-2:#F4C654!important;
  color:var(--mp21-dark-text)!important;
  background:linear-gradient(180deg,#081B35 0%,#06152C 100%)!important;
}
:root:not([data-theme="dark"]) body[data-page="prensa"] .press-plates :where(.h2,.press-plate__title,.press-plates__collection-title){
  color:#F7FBFE!important;
}
:root:not([data-theme="dark"]) body[data-page="prensa"] .press-plates :where(.lede,.press-plate__deck,.press-plates__collection-deck,.press-plates__hint){
  color:#C8DFEA!important;
  opacity:1!important;
}
:root:not([data-theme="dark"]) body[data-page="prensa"] .press-plates :where(.kicker,.press-plates__collection-kicker){
  color:#F4C654!important;
}
:root:not([data-theme="dark"]) body[data-page="prensa"] .press-plate{
  background:#0B213D!important;
  border-color:#35516B!important;
}
:root:not([data-theme="dark"]) body[data-page="prensa"] .press-plate__copy{
  background:#0B213D!important;
}

/* Visores y paneles oscuros de prensa. */
:root:not([data-theme="dark"]) body[data-page="prensa"] :is(.press-gallery,.photo-viewer,.press-media-focus,.pl__shell,.sp){
  color:#F7FBFE!important;
}
:root:not([data-theme="dark"]) body[data-page="prensa"] :is(.press-gallery,.photo-viewer,.press-media-focus,.pl__shell,.sp) :where(p,li,span,.meta,.src,.caption,.hint,.small){
  color:#C8DFEA!important;
  opacity:1!important;
}
:root:not([data-theme="dark"]) body[data-page="prensa"] :is(.press-gallery,.photo-viewer,.press-media-focus,.pl__shell,.sp) :where(h1,h2,h3,h4,strong,b){
  color:#F7FBFE!important;
}

/* ----------------------------------------------------------------------
   Inicio / Proyectos / Denunciómetro / Rearme: secundarios claros y legibles
   ---------------------------------------------------------------------- */
:root:not([data-theme="dark"]) body[data-page="inicio"] :where(.hero__note,.stat__label,.stat__hint,.home-summary p,.door p){color:#315A70!important;opacity:1!important}
:root:not([data-theme="dark"]) body[data-page="proyectos"] :where(.card__meta,.card__sum,.official,.feat__meta,.feat__bajada,.hero-search .hint){color:#315A70!important;opacity:1!important}
:root:not([data-theme="dark"]) body[data-page="denunciometro"] :where(.card__meta,.card__sum,.official,.src,.meta,.hero-search .hint){color:#315A70!important;opacity:1!important}
:root:not([data-theme="dark"]) body[data-page="rearme"] :where(.lead,.res,.src,.hint,.rd-band__nota,.rd-trio__lbl,.rd-trio__year,.tema){color:#315A70!important;opacity:1!important}

/* Rearme: bloques que fueron oscuros originalmente pero hoy se presentan claros. */
:root:not([data-theme="dark"]) body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero){
  color:#123B59!important;
}
:root:not([data-theme="dark"]) body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) :where(h2,h3,h4,strong,b,.big){color:#073A67!important}
:root:not([data-theme="dark"]) body[data-page="rearme"] :is(.rd-band__box,.rd-ley--madre,.rd-res--hero) :where(p,li,.res,.src,.tema,.rd-band__nota,.rd-trio__lbl,.rd-trio__year){color:#315A70!important;opacity:1!important}

/* ----------------------------------------------------------------------
   Modo oscuro · sistema de contraste coherente para TODAS las URLs.
   ---------------------------------------------------------------------- */
:root[data-theme="dark"]{
  --mp21d-title:#F7FBFE;
  --mp21d-text:#E6F2F7;
  --mp21d-muted:#BED5E0;
  --mp21d-link:#9EDAFF;
  --mp21d-gold:#F4C654;
}
:root[data-theme="dark"] body{color:var(--mp21d-text)!important}
:root[data-theme="dark"] main :where(h1,h2,h3,h4,h5,h6){color:var(--mp21d-title)}
:root[data-theme="dark"] main :where(p,li,dd,figcaption,.lead,.lede,.meta,.src,.caption,.hint,.small,.sub,.description,.deck){color:var(--mp21d-muted)}
:root[data-theme="dark"] main :where(a:not(.btn):not(.abtn)){color:var(--mp21d-link)}
:root[data-theme="dark"] main :where(.eyebrow,.kicker,.overline){color:var(--mp21d-gold)!important}
:root[data-theme="dark"] :where(input,textarea,select){color:#F7FBFE!important;background:#0D2A3A!important;border-color:#426A7E!important}
:root[data-theme="dark"] :where(input,textarea)::placeholder{color:#BCD2DE!important;opacity:1!important}
:root[data-theme="dark"] :where(.meta,.src,.caption,.hint,.small,.footer__legal){color:#BED5E0!important;opacity:1!important}

/* Tarjetas oscuras: no permitir tinta azul oscura heredada. */
:root[data-theme="dark"] :where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
  .note,.case,.contact,.ficha,.docs,.sheet,.measure,.measure__meta,.mm,
  .stat,.story,.term,.when,.golden,.canilla
) :where(h2,h3,h4,h5,dt,strong,b){color:#F7FBFE!important}
:root[data-theme="dark"] :where(
  .card,.project-card,.case-card,.result-card,.feat,.press-card,
  .home-data-card,.mini-stat,.datacard,.rule,.device,.idea,
  .rd-ley,.rd-card,.rd-why__card,.rd-kpi,.rd-res--hero,
  .note,.case,.contact,.ficha,.docs,.sheet,.measure,.measure__meta,.mm,
  .stat,.story,.term,.when,.golden,.canilla
) :where(p,li,dd,.meta,.src,.caption,.hint,.small){color:#BED5E0!important;opacity:1!important}

/* En zonas oscuras de prensa, mantener máximo contraste también en dark mode. */
:root[data-theme="dark"] body[data-page="prensa"] .press-plates :where(.h2,.press-plate__title,.press-plates__collection-title){color:#FFFFFF!important}
:root[data-theme="dark"] body[data-page="prensa"] .press-plates :where(.lede,.press-plate__deck,.press-plates__collection-deck,.press-plates__hint){color:#C8DFEA!important;opacity:1!important}
:root[data-theme="dark"] body[data-page="prensa"] .press-plates :where(.kicker,.press-plates__collection-kicker){color:#F4C654!important}

/* Accesibilidad de foco visible y enlaces subrayados en texto largo. */
main a:focus-visible, main button:focus-visible, main input:focus-visible, main select:focus-visible, main textarea:focus-visible{
  outline:3px solid #1F84B6!important;
  outline-offset:3px!important;
}

/* Mobile: evitar que secundarios bajen de tamaño/contraste por estilos heredados. */
@media (max-width:760px){
  :root:not([data-theme="dark"]) main :where(.meta,.src,.caption,.hint,.small,.lede,.lead){
    color:#315A70!important;
    opacity:1!important;
  }
  :root[data-theme="dark"] main :where(.meta,.src,.caption,.hint,.small,.lede,.lead){
    color:#BED5E0!important;
    opacity:1!important;
  }
  body[data-page="prensa"] .press-plates :where(.press-plate__deck,.press-plates__hint,.press-plates__collection-deck){
    color:#C8DFEA!important;
  }
}

/* ======================================================================
   V22 · CONTRASTE DE CIFRAS + CERO CONVENCIONAL
   Regla fija del proyecto:
   - nunca usar cero punteado/tachado/alternativo en cifras de lectura;
   - toda cifra sobre fondo de color debe superar contraste AA;
   - dorado y celeste claro usan tinta azul oscura;
   - azul medio/oscuro usa tinta blanca.
   ====================================================================== */

/* Tipografía numérica convencional en TODOS los componentes de datos.
   Se fuerza una familia de sistema sin cero punteado y se desactiva
   explícitamente la variante OpenType "zero". */
:where(
  .stat__v,.stat__value,.home-data-card__number,.mini-stat b,
  .rd-kpi b,.kpi b,.count,.toc__n,.measure__num b,.chap-head__num b,
  .tile,.tile span,.mini,.bar-row__v,.vitrina__n,.fromto b,
  .vote-stats,.pd__code,.rd-years__out,.rd-tip b,.rd-desglose b,
  .t-num,[data-n]
){
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-feature-settings:"zero" 0,"ss01" 0!important;
  font-variant-numeric:lining-nums proportional-nums!important;
  font-variation-settings:normal!important;
  font-style:normal!important;
  text-decoration:none!important;
}

/* Argentina PyME · semáforo temporal con contraste AA real.
   100 días: dorado + azul profundo (6.3:1 aprox.)
   Primer año: azul + blanco (5.4:1 aprox.)
   Cuatro años: celeste + azul profundo (6.2:1 aprox.) */
body[data-page="pyme"] :is(.tile,.mini)[data-t="1"]{
  background:#F2B544!important;
  color:#073A67!important;
  text-shadow:none!important;
}
body[data-page="pyme"] :is(.tile,.mini)[data-t="2"]{
  background:#2F66C9!important;
  color:#FFFFFF!important;
  text-shadow:none!important;
}
body[data-page="pyme"] :is(.tile,.mini)[data-t="3"]{
  background:#8DC5E8!important;
  color:#073A67!important;
  text-shadow:none!important;
}
body[data-page="pyme"] :is(.tile,.mini)[data-t] span,
body[data-page="pyme"] a.tile[data-t],
body[data-page="pyme"] a.mini[data-t]{
  color:inherit!important;
  opacity:1!important;
  font-weight:800!important;
}

/* El color global de enlaces nunca debe pisar las cifras de las botoneras. */
:root:not([data-theme="dark"]) body[data-page="pyme"] main a.tile[data-t="1"],
:root:not([data-theme="dark"]) body[data-page="pyme"] main a.mini[data-t="1"],
:root:not([data-theme="dark"]) body[data-page="pyme"] main a.tile[data-t="3"],
:root:not([data-theme="dark"]) body[data-page="pyme"] main a.mini[data-t="3"]{
  color:#073A67!important;
}
:root:not([data-theme="dark"]) body[data-page="pyme"] main a.tile[data-t="2"],
:root:not([data-theme="dark"]) body[data-page="pyme"] main a.mini[data-t="2"]{
  color:#FFFFFF!important;
}

/* Hover/foco conservan el contraste, sólo se refuerza el borde. */
body[data-page="pyme"] :is(.tile,.mini)[data-t]:hover,
body[data-page="pyme"] :is(.tile,.mini)[data-t]:focus-visible{
  color:inherit!important;
  filter:saturate(1.03) contrast(1.03);
}
body[data-page="pyme"] .tile[data-t="2"]:hover,
body[data-page="pyme"] .tile[data-t="2"]:focus-visible,
body[data-page="pyme"] .mini[data-t="2"]:hover,
body[data-page="pyme"] .mini[data-t="2"]:focus-visible{
  color:#FFFFFF!important;
}

/* Las leyendas de tiempo usan el mismo código cromático sin perder lectura. */
body[data-page="pyme"] .legend,
body[data-page="pyme"] .chap-head__range{
  color:#234E68!important;
  font-weight:650!important;
}

/* Modo oscuro: mantener el mismo código de tiempos, con borde de separación. */
:root[data-theme="dark"] body[data-page="pyme"] :is(.tile,.mini)[data-t="1"]{
  background:#EFB33D!important;
  color:#062F50!important;
}
:root[data-theme="dark"] body[data-page="pyme"] :is(.tile,.mini)[data-t="2"]{
  background:#356ED4!important;
  color:#FFFFFF!important;
}
:root[data-theme="dark"] body[data-page="pyme"] :is(.tile,.mini)[data-t="3"]{
  background:#86C0E7!important;
  color:#062F50!important;
}

/* Mobile: números un punto más pesados para lectura táctil rápida. */
@media (max-width:760px){
  body[data-page="pyme"] :is(.tile,.mini){
    font-weight:850!important;
  }
  body[data-page="pyme"] .tile span{
    font-size:clamp(.68rem,3vw,.88rem)!important;
    line-height:1!important;
  }
  body[data-page="pyme"] .mini{
    font-size:.78rem!important;
  }
}

/* ======================================================================
   V23 · REGLA DEFINITIVA DE CIFRAS: CERO SIN PUNTO INTERIOR
   IMPORTANTE: no usar system-ui para cifras destacadas en iOS/Safari,
   porque puede resolver a una variante con cero marcado. Se fuerza Arial /
   Helvetica, cuyos ceros son convencionales y limpios.
   ====================================================================== */
html body :is(
  .stat__v,.stat__value,.home-data-card__number,.mini-stat b,
  .rd-kpi b,.kpi b,.count,.toc__n,.measure__num b,.chap-head__num b,
  .tile,.tile span,.mini,.bar-row__v,.vitrina__n,.fromto b,
  .vote-stats,.pd__code,.rd-years__out,.rd-tip b,.rd-desglose b,
  .t-num,[data-n]
){
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  font-feature-settings:normal!important;
  -webkit-font-feature-settings:normal!important;
  font-variant:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-variation-settings:normal!important;
  font-optical-sizing:none!important;
  font-style:normal!important;
  text-decoration:none!important;
}

/* Los cuatro indicadores del resumen PyME son un caso crítico: esta regla
   tiene mayor especificidad para impedir que cualquier estilo heredado o
   modo de lectura reactive una tipografía con cero punteado. */
html body[data-page="pyme"] .stats--sheet .stat .stat__v,
html body[data-page="pyme"] .stats--four .stat .stat__v{
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  font-feature-settings:normal!important;
  -webkit-font-feature-settings:normal!important;
  font-variant:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  font-variation-settings:normal!important;
  font-optical-sizing:none!important;
}

/* ======================================================================
   V24 · REARME DEMOGRÁFICO · CONTRASTE DEL TEXTO PRINCIPAL EN DESKTOP
   ====================================================================== */
:root:not([data-theme="dark"]) body[data-page="rearme"] .tool-hero .lead,
:root:not([data-theme="dark"]) body[data-page="rearme"] .rd-hero .lead{
  color:#255B78!important;
}
:root:not([data-theme="dark"]) body[data-page="rearme"] .tool-hero .lead strong,
:root:not([data-theme="dark"]) body[data-page="rearme"] .rd-hero .lead strong{
  color:#073F6D!important;
  opacity:1!important;
}
:root[data-theme="dark"] body[data-page="rearme"] .tool-hero .lead,
:root[data-theme="dark"] body[data-page="rearme"] .rd-hero .lead{
  color:#C5DBE6!important;
}
:root[data-theme="dark"] body[data-page="rearme"] .tool-hero .lead strong,
:root[data-theme="dark"] body[data-page="rearme"] .rd-hero .lead strong{
  color:#FFFFFF!important;
  opacity:1!important;
}