/* ─────────────────────────────────────────────────────────────
   Boletín del Grupo de Investigación RED — Tecnológico de Antioquia
   Hoja de estilo compartida por todos los números.
   Paleta: carmín de la marca RED, azul de embalse, ocre de escasez.
   ───────────────────────────────────────────────────────────── */

:root{
  --ground:#F7F5F2;
  --surface:#FFFFFF;
  --panel:#EFEDE8;
  --ink:#16212B;
  --ink-2:#3C4855;
  --muted:#6E7680;
  --rule:#DCD8D1;
  --rule-strong:#C3BEB5;

  --red:#B5232F;          /* marca R.E.D. */
  --red-hover:#8E1B24;
  --red-soft:#F2E0E1;
  --water:#1C6E8C;        /* hidrología, embalses */
  --water-deep:#14536A;
  --ochre:#B06F14;        /* escasez, precio */

  --band:#16212B;
  --band-ink:#F3F1ED;
  --band-muted:#9AA5B1;

  --grid:#DEDAD3;
  --shadow:0 1px 2px rgba(22,33,43,.06), 0 8px 24px -16px rgba(22,33,43,.28);

  --display:"Newsreader", Georgia, "Times New Roman", serif;
  --body:"Source Sans 3", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#12161B;
    --surface:#1A2029;
    --panel:#212833;
    --ink:#E9EDF1;
    --ink-2:#C2CAD3;
    --muted:#98A2AD;
    --rule:#2C3541;
    --rule-strong:#3D4956;

    --red:#E8636D;
    --red-hover:#F3818A;
    --red-soft:#3A2429;
    --water:#5FB4D2;
    --water-deep:#8ACBE2;
    --ochre:#DDA34A;

    --band:#0C1015;
    --band-ink:#E9EDF1;
    --band-muted:#8B96A2;

    --grid:#2A323D;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
  }
}

:root[data-theme="dark"]{
  --ground:#12161B;
  --surface:#1A2029;
  --panel:#212833;
  --ink:#E9EDF1;
  --ink-2:#C2CAD3;
  --muted:#98A2AD;
  --rule:#2C3541;
  --rule-strong:#3D4956;

  --red:#E8636D;
  --red-hover:#F3818A;
  --red-soft:#3A2429;
  --water:#5FB4D2;
  --water-deep:#8ACBE2;
  --ochre:#DDA34A;

  --band:#0C1015;
  --band-ink:#E9EDF1;
  --band-muted:#8B96A2;

  --grid:#2A323D;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -16px rgba(0,0,0,.7);
}

*{box-sizing:border-box}
html{color-scheme:light dark}

body{
  margin:0;
  background:var(--ground);
  color:var(--ink);
  font-family:var(--body);
  font-size:16.5px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  padding-block:0;
  padding-inline:16px;
}
img{max-width:100%}
[hidden]{display:none !important}

.hoja{
  max-width:780px;
  margin:0 auto;
  background:var(--surface);
  border-inline:1px solid var(--rule);
  box-shadow:var(--shadow);
}
@media (max-width:820px){ .hoja{border-inline:none} }

.pad{ padding-inline:clamp(20px,5vw,52px) }

a{ color:var(--water-deep); text-underline-offset:3px }
a:focus-visible, .cta:focus-visible{
  outline:2px solid var(--red);
  outline-offset:3px;
  border-radius:3px;
}

/* ── Cabecera ───────────────────────────────────────────── */
.masthead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  padding-block:30px 20px;
  border-bottom:1px solid var(--rule);
}
.marca{ display:flex; align-items:center; gap:14px; text-decoration:none }
.marca .chip{
  background:#FFFFFF;
  border:1px solid var(--rule);
  border-radius:4px;
  padding:7px 10px;
  line-height:0;
}
.marca img{ width:132px; height:auto; display:block }
.marca .quien{
  font-family:var(--display);
  font-size:15px;
  line-height:1.35;
  color:var(--ink-2);
  max-width:20ch;
}
.marca .quien b{ color:var(--ink); font-weight:600 }

.numero{ text-align:right; flex:0 0 auto }
.numero .n{
  font-family:var(--display);
  font-weight:700;
  font-size:30px;
  line-height:1;
  color:var(--red);
  letter-spacing:-.01em;
}
.numero .f{
  font-family:var(--mono);
  font-size:12px;
  color:var(--muted);
  letter-spacing:.02em;
  margin-top:6px;
}

.tira{
  background:var(--band);
  color:var(--band-muted);
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:9px clamp(20px,5vw,52px);
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.tira b{ color:var(--band-ink); font-weight:500 }
.tira a{ color:var(--band-ink); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.35) }

/* ── Portada del número ─────────────────────────────────── */
.abre{ padding-block:34px 8px }
.kicker{
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--red);
  margin:0 0 14px;
}
h1{
  font-family:var(--display);
  font-weight:700;
  font-size:clamp(34px,6.4vw,50px);
  line-height:1.06;
  letter-spacing:-.018em;
  margin:0;
  text-wrap:balance;
}
.bajada{
  font-family:var(--display);
  font-style:italic;
  font-size:clamp(18px,3vw,21px);
  line-height:1.45;
  color:var(--ink-2);
  margin:16px 0 0;
  max-width:34ch;
  text-wrap:balance;
}

.creditos{
  margin-top:26px;
  padding-top:18px;
  border-top:2px solid var(--red);
  display:grid;
  gap:4px;
}
.creditos .rol{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--muted);
}
.creditos .nombres{ font-size:15.5px; color:var(--ink-2) }
.creditos .nombres b{ color:var(--ink); font-weight:600 }
.creditos .titulo-en{
  font-family:var(--display);
  font-size:15.5px;
  line-height:1.45;
  color:var(--ink-2);
  margin-top:10px;
}

/* ── Cuerpo ─────────────────────────────────────────────── */
.texto{ padding-block:26px 6px }
.texto p{ margin:0 0 17px; max-width:64ch }
.texto p:last-child{ margin-bottom:0 }
.entradilla::first-letter{
  font-family:var(--display);
  font-weight:700;
  font-size:3.05em;
  float:left;
  line-height:.84;
  padding:5px 9px 0 0;
  color:var(--red);
}

h2{
  font-family:var(--display);
  font-weight:600;
  font-size:26px;
  line-height:1.2;
  letter-spacing:-.012em;
  margin:0 0 6px;
  text-wrap:balance;
}
.seccion-rotulo{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 8px;
}

/* ── Lámina de la infografía ────────────────────────────── */
.lamina{
  background:var(--panel);
  border-block:1px solid var(--rule);
  margin-top:34px;
  padding-block:32px 36px;
}
.lamina h2{ margin-bottom:4px }
.lamina .pie-seccion{
  color:var(--ink-2);
  margin:0 0 26px;
  max-width:60ch;
}

.cifras{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--rule-strong);
  border:1px solid var(--rule-strong);
}
@media (max-width:640px){ .cifras{ grid-template-columns:repeat(2,1fr) } }
.cifra{
  background:var(--surface);
  padding:18px 16px 16px;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.cifra .v{
  font-family:var(--mono);
  font-weight:600;
  font-size:clamp(26px,4.6vw,32px);
  line-height:1;
  letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  color:var(--red);
}
.cifra.agua .v{ color:var(--water) }
.cifra.ocre .v{ color:var(--ochre) }
.cifra .d{ font-size:13.5px; line-height:1.4; color:var(--ink-2) }
.cifra .u{
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
  margin-top:auto;
}

.figura{
  background:var(--surface);
  border:1px solid var(--rule-strong);
  margin:24px 0 0;
  padding:22px 18px 16px;
}
.figura h3{
  font-family:var(--body);
  font-weight:600;
  font-size:16px;
  line-height:1.35;
  margin:0 0 2px;
  color:var(--ink);
}
.figura .sub{ font-size:13.5px; color:var(--muted); margin:0 0 14px }
.lienzo{ overflow-x:auto }
.lienzo svg{ display:block; width:100%; min-width:480px; height:auto }
.figura figcaption{
  font-size:12.5px;
  line-height:1.5;
  color:var(--muted);
  margin-top:12px;
  padding-top:11px;
  border-top:1px solid var(--rule);
}

/* Marcas del gráfico, atadas a los tokens del tema */
.eje{ stroke:var(--grid); stroke-width:1 }
.eje-cero{ stroke:var(--rule-strong); stroke-width:1.5 }
.tick{ fill:var(--muted); font-family:var(--mono); font-size:11px }
.cat{ fill:var(--ink-2); font-family:var(--body); font-size:12.5px; font-weight:600 }
.valor-dentro{ fill:#FFFFFF; font-family:var(--mono); font-size:13px; font-weight:600 }
.valor-encima{ fill:var(--ink); font-family:var(--mono); font-size:13px; font-weight:600 }
.nota-mark{ fill:var(--muted); font-family:var(--mono); font-size:10px; letter-spacing:.06em }
.barra-agua{ fill:var(--water) }
.barra-roja{ fill:var(--red) }
.bigote{ stroke:var(--water-deep); stroke-width:1.6 }

/* ── Bloque de factores ─────────────────────────────────── */
.factores{ display:grid; gap:1px; background:var(--rule); margin-top:26px }
.factor{
  background:var(--surface);
  padding:17px 18px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:start;
}
.factor .marca-f{
  width:7px;
  align-self:stretch;
  background:var(--ochre);
  border-radius:1px;
}
.factor.meteoro .marca-f{ background:var(--water) }
.factor h4{
  font-family:var(--body);
  font-weight:700;
  font-size:15px;
  margin:0 0 3px;
  color:var(--ink);
}
.factor p{ margin:0; font-size:14.5px; line-height:1.5; color:var(--ink-2) }
.factor .dato{
  font-family:var(--mono);
  font-weight:600;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.remate{
  margin-top:20px;
  padding:16px 20px;
  background:var(--red-soft);
  border-left:4px solid var(--red);
  font-family:var(--display);
  font-size:18.5px;
  line-height:1.45;
  color:var(--ink);
  text-wrap:balance;
}

/* ── Llamado al episodio ────────────────────────────────── */
.episodio{ padding-block:36px 8px }
.tarjeta-ep{
  border:1px solid var(--rule-strong);
  background:var(--surface);
  overflow:hidden;
}
.tarjeta-ep img{ width:100%; height:auto; display:block; border-bottom:1px solid var(--rule) }
.tarjeta-ep .cuerpo{ padding:20px clamp(18px,3.5vw,26px) 24px }
.tarjeta-ep .meta{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 9px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.tarjeta-ep h3{
  font-family:var(--display);
  font-weight:600;
  font-size:24px;
  line-height:1.18;
  margin:0 0 10px;
  color:var(--ink);
  text-wrap:balance;
}
.tarjeta-ep p{ margin:0 0 20px; font-size:15px; color:var(--ink-2); max-width:56ch }
.cta{
  display:inline-flex;
  align-items:center;
  gap:11px;
  background:var(--red);
  color:#FFFFFF;
  text-decoration:none;
  font-weight:700;
  font-size:15.5px;
  padding:13px 22px;
  border-radius:3px;
  transition:background .15s ease, transform .15s ease;
}
.cta:hover{ background:var(--red-hover); transform:translateY(-1px) }
.cta svg{ flex:0 0 auto }
.enlace-plano{
  font-family:var(--mono);
  font-size:12px;
  color:var(--muted);
  margin:14px 0 0;
  word-break:break-all;
}

/* ── Ficha del artículo ─────────────────────────────────── */
.ficha{ padding-block:34px 10px }
.ficha dl{
  margin:0;
  display:grid;
  grid-template-columns:minmax(120px,170px) 1fr;
  border-top:1px solid var(--rule);
}
@media (max-width:560px){ .ficha dl{ grid-template-columns:1fr } }
.ficha dt{
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  padding:13px 14px 13px 0;
  border-bottom:1px solid var(--rule);
}
.ficha dd{
  margin:0;
  padding:13px 0;
  font-size:14.5px;
  line-height:1.5;
  color:var(--ink-2);
  border-bottom:1px solid var(--rule);
}
@media (max-width:560px){
  .ficha dt{ padding-bottom:0; border-bottom:none }
  .ficha dd{ padding-top:4px }
}
.ficha dd b{ color:var(--ink); font-weight:600 }
.estado{
  display:inline-block;
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ochre);
  border:1px solid var(--ochre);
  border-radius:2px;
  padding:2px 8px;
  margin-right:8px;
}

/* ── Pie ────────────────────────────────────────────────── */
.pie{
  background:var(--band);
  color:var(--band-muted);
  margin-top:38px;
  padding-block:30px 26px;
}
.pie .fila{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  flex-wrap:wrap;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.pie .quienes{ font-size:14.5px; line-height:1.55; max-width:44ch }
.pie .quienes b{
  color:var(--band-ink);
  font-family:var(--display);
  font-weight:600;
  font-size:17px;
  display:block;
  margin-bottom:3px;
}
.pie .sellos{ display:flex; align-items:center; gap:14px }
.pie .sellos .chip{ background:#FFFFFF; border-radius:4px; padding:7px 9px; line-height:0 }
.pie .sellos img{ height:38px; width:auto; display:block }
.pie .legal{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.05em;
  margin:18px 0 0;
  line-height:1.7;
}
.pie .legal a{ color:var(--band-ink) }

/* ── Portada del sitio (índice de números) ──────────────── */
.intro-sitio{ padding-block:36px 4px }
.intro-sitio p{ color:var(--ink-2); max-width:58ch; margin:16px 0 0 }

.destacado{
  display:block;
  margin-top:30px;
  border:1px solid var(--rule-strong);
  background:var(--surface);
  text-decoration:none;
  color:inherit;
  overflow:hidden;
  transition:border-color .15s ease, transform .15s ease;
}
.destacado:hover{ border-color:var(--red); transform:translateY(-2px) }
.destacado img{ width:100%; height:auto; display:block; border-bottom:1px solid var(--rule) }
.destacado .cuerpo{ padding:20px clamp(18px,3.5vw,24px) 22px }
.destacado .etiqueta{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--red);
  margin:0 0 8px;
}
.destacado h3{
  font-family:var(--display);
  font-weight:700;
  font-size:clamp(24px,4.4vw,31px);
  line-height:1.12;
  margin:0 0 8px;
  letter-spacing:-.015em;
  text-wrap:balance;
}
.destacado p{ margin:0 0 14px; color:var(--ink-2); font-size:15px; max-width:56ch }
.destacado .leer{
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--red);
  font-weight:500;
}

.archivo{ padding-block:34px 6px }
.archivo ol{ list-style:none; margin:0; padding:0; border-top:1px solid var(--rule) }
.archivo li{ border-bottom:1px solid var(--rule) }
.archivo a{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:baseline;
  padding:16px 0;
  text-decoration:none;
  color:inherit;
}
@media (max-width:560px){
  .archivo a{ grid-template-columns:auto 1fr; row-gap:4px }
  .archivo a .fecha{ grid-column:2 }
}
.archivo a:hover .tit{ color:var(--red) }
.archivo .num{
  font-family:var(--mono);
  font-weight:600;
  font-size:13px;
  color:var(--red);
  font-variant-numeric:tabular-nums;
}
.archivo .tit{
  font-family:var(--display);
  font-size:19px;
  font-weight:600;
  line-height:1.3;
  transition:color .15s ease;
}
.archivo .tit small{
  display:block;
  font-family:var(--body);
  font-size:13.5px;
  font-weight:400;
  color:var(--muted);
  margin-top:2px;
}
.archivo .fecha{
  font-family:var(--mono);
  font-size:12px;
  color:var(--muted);
  white-space:nowrap;
}


/* Nota provisional en la tarjeta del episodio, mientras el video no está
   subido. Va en el sitio del `.enlace-plano`, pero es prosa y no una URL:
   con la monoespaciada se parte a mitad de palabra. */
.nota-episodio{
  margin:0;
  font-size:13.5px;
  line-height:1.5;
  color:var(--muted);
  border-top:1px dashed var(--rule);
  padding-top:12px;
}

/* ── Infografía a todo lo ancho ──────────────────────────
   Lámina visual del número. La imagen es ancha (16:9 largo), así que en
   pantalla estrecha se deja desplazar en horizontal en vez de encogerla
   hasta que el texto de dentro deje de leerse. */
.infografia{
  margin:26px 0 0;
  border:1px solid var(--rule);
  border-radius:3px;
  background:var(--panel);
  overflow:hidden;
}
.infografia .marco{ overflow-x:auto; -webkit-overflow-scrolling:touch }
.infografia img{
  display:block;
  width:100%;
  min-width:660px;
  height:auto;
  background:#FFFFFF;
}
.infografia figcaption{
  font-size:12.5px;
  line-height:1.5;
  color:var(--muted);
  padding:12px clamp(14px,2.5vw,20px) 14px;
  border-top:1px solid var(--rule);
  background:var(--surface);
}
.infografia figcaption b{ color:var(--ink-2); font-weight:600 }
.aviso-scroll{
  display:none;
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
  margin:8px 0 0;
}
@media (max-width:700px){ .aviso-scroll{ display:block } }

/* Tabla sobria, para comparar dos cuentas ───────────────── */
.tabla{ margin:26px 0 0; overflow-x:auto }
.tabla table{
  width:100%;
  min-width:520px;
  border-collapse:collapse;
  font-size:14.5px;
}
.tabla caption{
  text-align:left;
  font-family:var(--display);
  font-size:19px;
  font-weight:600;
  color:var(--ink);
  padding-bottom:10px;
}
.tabla th, .tabla td{
  border-bottom:1px solid var(--rule);
  padding:11px 12px;
  text-align:right;
  color:var(--ink-2);
}
.tabla thead th{
  border-bottom:1.5px solid var(--rule-strong);
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:500;
}
.tabla th[scope="row"]{ text-align:left; color:var(--ink); font-weight:600 }
.tabla td.cifra-t{ font-family:var(--mono); font-variant-numeric:tabular-nums }
.tabla td.resalta{ color:var(--red); font-weight:600 }
.tabla tfoot td{ border-bottom:none; font-size:12.5px; color:var(--muted); text-align:left }

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important }
}

/* ── Impresión: de la página sale el PDF ────────────────── */
@media print{
  body{ background:#FFFFFF; padding:0 }
  .hoja{ box-shadow:none; border:none; max-width:none }
  .tira, .cta, .enlace-plano{ break-inside:avoid }
  .figura, .tarjeta-ep, .cifras, .infografia, .tabla{ break-inside:avoid }
  .infografia img{ min-width:0 }
  .aviso-scroll{ display:none }
  a{ color:#14536A }
}

/* LOGOS-INICIO */
/* Logos incrustados: los genera deploy/incrustar_logos.py.
   No editar a mano; se regeneran corriendo ese script. */
.logo-red{
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQoAAAB8CAMAAACmGQ6TAAAAwFBMVEX///+9Hi1ubW/y5+h1dXfotLmHh4jAJzWnp6jkp6zX19ftyMuWlpjGxse2tre9IC/ENkTy1tnbiI/YfYXPWGPhnKLIR1Lek5rSZ3HqvcHMUFuNxj/DMD6SyEl+foDgl53Vc3z03uCenqCTSVGs1XXl8dW/v8CHVVukN0LN5q3d7sffmqCrMTzw9+ff3+C22oWePkh9XmPg78zC4JutRU+AXGHA35iIYmfVsbUAAAAAAAAAAAAAAAAAAAAAAAAAAACp/jRZAAAAQHRSTlMA//////////////////////////////////////////////////////////////////////////8AAAAAAAAAcQaYogAADnhJREFUeNrtXQt72jgWBWQbWbIdZGKMsw0Epsn2sdNO25nZ/f+/bM+9so0BE/AjmeBWX5sYR8+je3WPXpfR6NWDUGEYySAPMgpDJUY/XwAMMvC8lVMJK88L5E8Gh1CRJBQmR4HwkNFPg4YIpefU4VCg4Xgy/BnAEFHgncahQMMLIjF4iQhW54AowAgHjYSCahy2GKYDgcbQPYxYTQasG1UgHCeIQqWEYE3AL6XCKKjC4XhD1RIld+0EDqGoaaf4EgbVWFs1RCTQxl13y9P2EpZ2pyrOEEeMnXJA7s/0tdqLLIY2TDgVibhAmUownJUclJIIWTTMudQsKLlTEjVEJBqI+87eOF44OO1oOAiqYGhYoHvzFjXVeiUHhkWYC7ojRQfNGgIWhZi3QGJgWBSNcWS35AOwqfmQ6WxFRyivnmuF+ZDpYcrRPOwp2JVz8FLX/1w0D3cPviEs7LB7GU19w0KRI/HbTZswnd0mkIxolYvFNauICAokxu3CzSwWhWhd91pOLhR/fRiPW2ORCqjI1YtFZ6EgLBZuYYZgRMIrF4p//2fcIUwfNgWm2CIR1y0Uf9x0gWK80AWotBp6pZS7D6EYj2cpUN1asYiiqyaav3UTCmiIKMVChq8lFsJdzhqHxdKtzeyLHfe/kfm4udPtw4Y5J2cWhDVioRezduEuNaeQ0A/v2vTgdDY3zwyalOXNsh8Rgw35cvQnd9bWOk1v63txZJbTLjL8nH50h6LUkKg/KFDxeixEPO00tB3ZDwsF06vuUDyjIR2g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");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  display:block;
  aspect-ratio:266 / 124;
}
.logo-tdea{
  background-image:url("data:image/png;base64,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");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  display:block;
  aspect-ratio:124 / 129;
}
/* LOGOS-FIN */

/* TAMANOS-LOGOS */
.marca .logo-red{ width:132px }
.pie .sellos .logo-red{ height:38px; width:auto }
.pie .sellos .logo-tdea{ height:38px; width:auto }
@media (max-width:420px){ .marca .logo-red{ width:108px } }

/* ── Divulgación Pública de la Ciencia: público, objetivo, glosario y créditos (10-oct-2026) ── */
.dp-meta{ margin:18px 0 0; display:grid; gap:6px; font-size:.95rem; color:var(--ink-2); max-width:64ch }
.dp-meta p{ margin:0 }
.dp-meta b{ color:var(--ink); font-weight:600 }
.dp-meta .et{ font-family:var(--mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase;
              color:var(--muted); margin-right:6px }
.simple{ margin:22px 0 4px; padding:16px 18px; background:var(--panel); border-left:3px solid var(--water);
         border-radius:0 6px 6px 0; max-width:64ch }
.simple h3{ margin:0 0 8px; font-family:var(--display); font-size:1.08rem }
.simple dl{ margin:0; display:grid; gap:7px }
.simple dt{ font-weight:700; color:var(--ink); font-size:.95rem }
.simple dd{ margin:0 0 3px; color:var(--ink-2); font-size:.95rem }
.produccion{ padding-block:8px 34px }
.produccion dl{ margin:0 }
.produccion .nota-ia{ margin-top:16px; padding:12px 14px; border:1px solid var(--rule); border-radius:6px;
                      background:var(--surface); font-size:.92rem; color:var(--ink-2); max-width:64ch }

/* Serie Pymes (21-oct-2026): el texto ocupa todo el recuadro, sin columnas cortas. */
.destacado p, .tarjeta-ep p, .intro-sitio p, .texto p, .dp-meta, .simple, .remate,
.pie .quienes, .lamina .pie-seccion, .abre .bajada{ max-width:none }
.destacado h3, .abre h1{ text-wrap:initial }

/* Podcast del libro en la portada (22-oct-2026) */
.podcast-libro{ margin-top:22px; border:1px solid var(--rule-strong); background:var(--surface); padding:20px clamp(18px,3.5vw,24px) 22px }
.podcast-libro .etiqueta{ font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--red); margin:0 0 8px }
.podcast-libro h3{ font-family:var(--display); font-weight:700; font-size:clamp(22px,4vw,27px); line-height:1.15; letter-spacing:-.015em; margin:0 0 10px }
.podcast-libro p{ margin:0 0 16px; color:var(--ink-2); max-width:none }
.podcast-libro audio{ width:100%; display:block }