@charset "UTF-8";
/* ============================================================================
   CONECTA COMUNIDAD · PÁGINA CONECTA LAB · v11.0
   Se carga después de v11.css. Acento agua (--ac-lab) sobre noche y petróleo.
   Sobre claro, el agua solo marca (puntos, filetes); el texto va en petróleo.
   ========================================================================== */


/* Botón principal en agua (portada y cierre) */
.oscuro .lab-boton{ background:var(--ac-lab); border-color:var(--ac-lab); color:var(--tinta) }
.oscuro .lab-boton:hover{ background:#9BD5D0; border-color:#9BD5D0 }

/* ---------- Portada ---------- */
.lab-portada.portada--v11 h1{ font-size:min(var(--t-display), 3.6rem) }
@media (max-width:40rem){ .lab-portada.portada--v11 h1{ font-size:clamp(2rem,1.3rem + 3.6vw,2.5rem) } }
.lab-portada .portada__velo{ background:
    linear-gradient(to bottom, rgba(10,26,47,.6) 0, rgba(10,26,47,0) 20%),
    radial-gradient(95% 90% at 0% 100%, rgba(8,32,40,.94) 0, rgba(10,26,47,.62) 45%, rgba(10,26,47,.05) 80%),
    linear-gradient(to top, rgba(10,26,47,.85) 0, rgba(10,26,47,0) 50%) }
.lab-portada h1{ max-width:21ch }
@media (max-width:40rem){
  .lab-portada .portada__foto img{ object-position:var(--pos-m, 30% 40%) }
}
.lab-cifras .cifra__n small{ color:var(--ac-lab) }

/* ---------- Qué es: pilares ---------- */
.lab-que{ padding-top:clamp(5rem,10vw,8rem) }
.pilares{ list-style:none; padding:0; margin:0; display:grid; gap:var(--e-sm) }
@media (min-width:56rem){ .pilares{ grid-template-columns:repeat(3,minmax(0,1fr)) } }
.pilar{ position:relative; background:var(--blanco); border-radius:var(--r-lg); padding:clamp(1.4rem,2.4vw,2rem);
  box-shadow:inset 0 0 0 1px var(--filete); display:flex; flex-direction:column; gap:.6rem; overflow:hidden }
.pilar__ic{ width:2.8rem; height:2.8rem; border-radius:.8rem; display:grid; place-items:center; background:rgba(20,80,79,.08); color:var(--petroleo) }
.pilar__ic svg{ width:1.45rem; height:1.45rem }
.pilar__n{ position:absolute; top:1.4rem; right:1.5rem; font-family:var(--sans); font-size:.78rem; font-weight:700; letter-spacing:.12em; color:var(--mudo) }
.pilar__t{ font-family:var(--sans); font-size:var(--t-h3); font-weight:650; line-height:1.15; letter-spacing:-.018em; margin-top:.6rem; color:var(--tinta) }
.pilar__d{ font-family:var(--sans); font-size:.95rem; line-height:1.6; color:var(--tinta-2) }

.estados{ list-style:none; padding:0; margin:.4rem 0 0; display:flex; flex-wrap:wrap; gap:.35rem }
.estados li{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--sans); font-size:.72rem; font-weight:600; color:var(--tinta-2);
  padding:.28rem .6rem; border-radius:999px; box-shadow:inset 0 0 0 1px var(--filete) }
.estados li::before{ content:""; width:.45rem; height:.45rem; border-radius:50%; background:var(--petroleo) }
.estados li[data-e="p"]::before{ background:linear-gradient(90deg, var(--petroleo) 50%, transparent 50%); box-shadow:inset 0 0 0 1px var(--petroleo) }
.estados li[data-e="a"]::before{ background:#B0884A }
.estados li[data-e="c"]::before{ background:var(--ac-lab) }
.estados li[data-e="n"]::before{ background:transparent; box-shadow:inset 0 0 0 1px var(--mudo) }

.pilar__escala{ display:flex; flex-wrap:wrap; align-items:center; gap:.3rem; margin-top:.4rem; font-family:var(--sans); font-size:.74rem; font-weight:600; color:var(--petroleo) }
.pilar__escala span{ padding:.26rem .58rem; border-radius:999px; background:rgba(20,80,79,.07) }
.pilar__escala span + span::before{ content:"›"; margin-right:.5rem; color:var(--mudo); font-weight:400 }
.pilar__escala span + span{ padding-left:.2rem; background:none }
.pilar__escala span:last-child{ background:rgba(124,196,190,.28); padding-left:.58rem }
.pilar__escala span:last-child::before{ display:none }

/* Cuatro niveles: escalera ascendente e interactiva (v13).
   Cada peldaño es más alto que el anterior; al elegirlo se ilumina y el panel
   explica quién decide, qué cambia, en qué plazo y de qué dato parte. */
.niveles{ margin-top:clamp(4rem,8vw,6rem) }
.lab-cab--fino{ margin-bottom:clamp(1.8rem,3.5vw,2.6rem) }
.lab-cab--fino .h3{ font-size:clamp(1.6rem,1.2rem + 1.3vw,2.2rem); letter-spacing:-.022em; color:var(--tinta); font-weight:650 }
.lab-cab--fino p:not(.antetitulo){ font-family:var(--sans); font-size:1rem; line-height:1.6; color:var(--tinta-2); margin-top:.7rem; max-width:52ch }
.niveles__escena{ max-width:64rem; margin-inline:auto }
/* Escalera v15: sin línea base. Los peldaños se asientan sobre un suelo
   sutil (una sombra difusa, no un trazo); cada uno lleva su plazo, que crece
   con la altura; las etiquetas del eje quedan bajo el primer y el último
   peldaño. La ficha se une al peldaño elegido con una pestaña. */
.escalera{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(.5rem,1.2vw,1rem); align-items:end;
  height:calc(var(--esc-base, 9.6rem) + 3 * var(--esc-paso, 3.2rem)); position:relative; isolation:isolate }
.escalera::after{ content:""; position:absolute; z-index:-1; left:-3%; right:-3%; bottom:-1.1rem; height:2.2rem; pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%, rgba(20,80,79,.16), rgba(20,80,79,.05) 55%, transparent 75%) }
.escalera li{ display:flex; align-self:end; height:calc(var(--esc-base, 9.6rem) + var(--k) * var(--esc-paso, 3.2rem)); min-width:0 }
.peldano{ width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:.3rem; text-align:center; cursor:pointer;
  padding:clamp(.9rem,1.6vw,1.25rem) clamp(.4rem,1vw,.9rem) clamp(.9rem,1.5vw,1.1rem); border:0; border-radius:var(--r-md); font-family:var(--sans);
  background:color-mix(in srgb, var(--petroleo) calc(8% + var(--k) * 7%), var(--blanco)); color:var(--tinta);
  box-shadow:inset 0 0 0 1px rgba(20,80,79,.14), 0 10px 22px -18px rgba(20,80,79,.55); transition:background .35s ease, color .35s ease, box-shadow .35s ease, transform .35s var(--salida) }
.peldano:hover{ box-shadow:inset 0 0 0 1px rgba(20,80,79,.45), 0 16px 30px -20px rgba(20,80,79,.6); transform:translateY(-3px) }
.peldano:focus-visible{ outline:3px solid var(--petroleo); outline-offset:3px }
.peldano[aria-pressed="true"]{ background:linear-gradient(170deg, #1B6E6B 0, var(--petroleo) 55%, var(--petroleo-hondo) 100%); color:var(--papel); transform:none;
  box-shadow:inset 0 0 0 2px rgba(124,196,190,.7), 0 22px 44px -26px rgba(20,80,79,.85) }
.peldano__n{ font-size:clamp(1.8rem,1.3rem + 1.6vw,2.8rem); font-weight:650; letter-spacing:-.045em; line-height:1; color:var(--petroleo); font-variant-numeric:tabular-nums }
.peldano[aria-pressed="true"] .peldano__n{ color:var(--ac-lab) }
.peldano__pie{ display:flex; flex-direction:column; align-items:center; gap:.25rem; max-width:100% }
.peldano__k{ font-size:.7rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--petroleo) }
.peldano[aria-pressed="true"] .peldano__k{ color:#A9DCD7 }
.peldano b{ font-size:clamp(.86rem,.75rem + .45vw,1.1rem); font-weight:650; line-height:1.2; letter-spacing:-.01em; text-wrap:balance; overflow-wrap:break-word; max-width:100% }
.peldano__plazo{ display:inline-flex; align-items:center; gap:.35rem; margin-top:.3rem; padding:.22rem .6rem; border-radius:999px; font-size:.74rem; font-weight:600; line-height:1.25;
  color:var(--petroleo); background:rgba(255,255,255,.62); text-wrap:balance }
.peldano[aria-pressed="true"] .peldano__plazo{ color:var(--papel); background:rgba(124,196,190,.2) }
.escalera__eje{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(.5rem,1.2vw,1rem); margin:0; padding-top:1.35rem;
  font-family:var(--sans); font-size:.78rem; font-weight:600; line-height:1.35; color:var(--mudo) }
.escalera__eje span{ display:flex; align-items:center; letter-spacing:.01em }
.escalera__eje span:first-child{ grid-column:1; justify-content:center; text-align:center }
.escalera__eje span:last-child{ grid-column:4; justify-content:center; text-align:center }

/* Ficha del nivel: cabecera con número y nombre, cuerpo con la propuesta,
   tres datos con ícono y el dato de partida. */
.niveles__panel{ margin-top:clamp(1.4rem,3vw,2rem); position:relative }
.niveles--js .niveles__panel::before{ content:""; position:absolute; z-index:1; top:-.55rem; width:1.1rem; height:1.1rem; background:var(--blanco); border-radius:.2rem;
  transform:translateX(-50%) rotate(45deg); box-shadow:-1px -1px 0 0 rgba(14,23,38,.08); left:calc((var(--sel, 1) - .5) * 25%); transition:left .45s var(--salida) }
.niveles[data-sel="1"]{ --sel:1 } .niveles[data-sel="2"]{ --sel:2 } .niveles[data-sel="3"]{ --sel:3 } .niveles[data-sel="4"]{ --sel:4 }
.nivel-f{ background:var(--blanco); border-radius:var(--r-lg); padding:clamp(1.4rem,2.8vw,2.3rem); box-shadow:inset 0 0 0 1px rgba(14,23,38,.08), 0 24px 50px -36px rgba(14,23,38,.5);
  font-family:var(--sans); position:relative; overflow:hidden; display:grid; gap:1.2rem clamp(1.5rem,3vw,2.6rem) }
@media (min-width:48rem){ .nivel-f{ grid-template-columns:11rem minmax(0,1fr) } }
.nivel-f + .nivel-f{ margin-top:1rem }
.niveles--js .nivel-f + .nivel-f{ margin-top:0 }
.niveles--js .nivel-f[hidden]{ display:none }
@media (prefers-reduced-motion:no-preference){ .niveles--js .nivel-f{ animation:nivel-entra .45s var(--salida) both } }
@keyframes nivel-entra{ from{ opacity:0; transform:translateY(8px) } to{ opacity:1; transform:none } }
.nivel-f__cab{ display:flex; align-items:center; gap:.9rem }
@media (min-width:48rem){ .nivel-f__cab{ flex-direction:column; align-items:flex-start; gap:.7rem; padding-right:clamp(1rem,2vw,1.6rem); border-right:1px solid rgba(14,23,38,.08) } }
.nivel-f__num{ flex:none; display:grid; place-items:center; width:3.4rem; height:3.4rem; border-radius:50%; font-size:1.6rem; font-weight:650; letter-spacing:-.04em; font-variant-numeric:tabular-nums;
  color:var(--papel); background:linear-gradient(160deg, #1B6E6B, var(--petroleo-hondo)) }
@media (min-width:48rem){ .nivel-f__num{ width:4.2rem; height:4.2rem; font-size:2rem } }
.nivel-f__k{ margin:0; display:flex; flex-direction:column; gap:.2rem; font-size:.74rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--petroleo) }
.nivel-f__k b{ font-size:clamp(1.15rem,1rem + .5vw,1.4rem); font-weight:650; letter-spacing:-.015em; text-transform:none; line-height:1.2; color:var(--tinta) }
.nivel-f__e{ margin:0; font-size:.74rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--mudo) }
.nivel-f__q{ margin-top:.45rem; font-family:var(--lee); font-size:clamp(1.08rem,1rem + .4vw,1.3rem); line-height:1.55; color:var(--tinta); text-wrap:pretty }
.nivel-f__dl{ margin:1.3rem 0 0; display:grid; gap:.8rem; grid-template-columns:1fr }
@media (min-width:48rem){ .nivel-f__dl{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem } }
.nivel-f__dl div{ padding-top:.8rem; border-top:1px solid rgba(14,23,38,.1) }
.nivel-f__dl dt{ display:flex; align-items:center; gap:.45rem; font-size:.74rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--mudo) }
.nivel-f__dl dt svg{ flex:none; width:1.1rem; height:1.1rem; color:var(--petroleo) }
.nivel-f__dl dd{ margin:.3rem 0 0; font-size:.98rem; line-height:1.45; font-weight:600; color:var(--tinta) }
.nivel-f__dato{ margin-top:1.1rem; padding:.85rem 1rem; border-radius:var(--r-md); background:rgba(124,196,190,.16); font-size:.9rem; line-height:1.5; color:var(--tinta-2) }
.nivel-f__dato span{ display:block; font-size:.72rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--petroleo); margin-bottom:.15rem }
@media (max-width:40rem){
  .escalera{ --esc-base:6.4rem; --esc-paso:2.3rem; gap:.35rem }
  .peldano{ padding:.7rem .25rem .7rem; border-radius:.7rem }
  .peldano__k,.peldano__plazo{ display:none }
  .peldano b{ font-size:.78rem; line-height:1.18; hyphens:manual }
  .escalera__eje{ grid-template-columns:1fr 1fr; font-size:.72rem; padding-top:1.1rem }
  .escalera__eje span:first-child{ grid-column:1; justify-content:flex-start; text-align:left }
  .escalera__eje span:last-child{ grid-column:2; justify-content:flex-end; text-align:right }
}
@media (prefers-reduced-motion:reduce){ .peldano,.niveles--js .niveles__panel::before{ transition:none } .peldano:hover{ transform:none } }

/* ---------- Evidencia ---------- */
.lab-evidencia{ position:relative; isolation:isolate; overflow:hidden; background:var(--noche-hondo); color:var(--papel);
  padding-block:clamp(5rem,10vw,8.5rem); --ac:var(--ac-lab) }
.lab-evidencia::before{ content:""; position:absolute; inset:-10% -20% auto auto; width:70%; height:60%; z-index:-1; pointer-events:none;
  background:radial-gradient(50% 50% at 60% 40%, rgba(124,196,190,.16), transparent 70%) }

.hallazgo{ margin-top:clamp(2.5rem,5vw,4rem); display:grid; gap:clamp(1.5rem,3vw,2.5rem); align-items:center;
  border-radius:var(--r-xl); padding:clamp(1.3rem,3vw,2.5rem); background:linear-gradient(150deg, rgba(20,80,79,.55), rgba(10,26,47,.6) 65%);
  box-shadow:inset 0 0 0 1px rgba(124,196,190,.18) }
@media (min-width:62rem){ .hallazgo{ grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) } }
.hallazgo__k{ font-family:var(--sans); font-size:.76rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--ac-lab) }
.hallazgo__t{ font-family:var(--sans); font-weight:650; font-size:clamp(1.5rem,1.05rem + 1.6vw,2.3rem); line-height:1.08; letter-spacing:-.024em; margin-top:.6rem; color:var(--papel) }
.hallazgo__d{ font-family:var(--sans); font-size:.98rem; line-height:1.62; color:#C9D4D7; margin-top:var(--e-sm); max-width:50ch }
.hallazgo__par{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin:var(--e-md) 0 0 }
.hallazgo__par div{ padding:.85rem 1rem; border-radius:var(--r-md); background:rgba(244,242,238,.05); box-shadow:inset 0 0 0 1px rgba(244,242,238,.1) }
.hallazgo__par dt{ font-family:var(--sans); font-size:.76rem; line-height:1.35; color:#9FB4B8 }
.hallazgo__par dd{ margin:.3rem 0 0; font-family:var(--sans); font-weight:650; font-size:1.7rem; letter-spacing:-.02em; color:var(--papel); line-height:1 }
.hallazgo__par .es-uno{ background:rgba(124,196,190,.12); box-shadow:inset 0 0 0 1px rgba(124,196,190,.45) }
.hallazgo__par .es-uno dd{ color:var(--ac-lab) }
.hallazgo__escena{ box-shadow:var(--sombra-honda), inset 0 0 0 1px rgba(124,196,190,.25) }
.lab-escena__cab b small{ font-size:.38em; letter-spacing:0; color:#C9D4D7; font-weight:600; margin:0 .15em }
.hallazgo .cifra-g__pie{ margin-top:var(--e-md) }

/* Tarjetas de cifra */
.cifras-g{ list-style:none; padding:0; margin:var(--e-sm) 0 0; display:grid; gap:var(--e-sm) }
@media (min-width:48rem){ .cifras-g{ grid-template-columns:repeat(2,minmax(0,1fr)) } .cifra-g--ancha{ grid-column:1 / -1 } }
@media (min-width:64rem){ .cifras-g{ grid-template-columns:repeat(3,minmax(0,1fr)) } .cifra-g--ancha{ grid-column:span 2 } }
.cifra-g{ position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:var(--e-md);
  padding:clamp(1.3rem,2.4vw,1.8rem); border-radius:var(--r-lg); background:rgba(244,242,238,.035); box-shadow:inset 0 0 0 1px rgba(244,242,238,.1);
  transition:background .35s ease, box-shadow .35s ease }
.cifra-g:hover{ background:rgba(124,196,190,.06); box-shadow:inset 0 0 0 1px rgba(124,196,190,.35) }
@media (min-width:48rem){ .cifra-g--ancha{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:var(--e-xl); align-items:start } .cifra-g--ancha .cifra-g__pie{ grid-column:1 / -1 } }
.cifra-g__v{ font-family:var(--sans); font-weight:650; font-stretch:104%; font-size:clamp(2.6rem,1.8rem + 2.6vw,4rem); line-height:1; letter-spacing:-.035em;
  color:var(--ac-lab); font-variant-numeric:tabular-nums; white-space:nowrap }
.cifra-g__pre{ margin-right:.04em }
.cifra-g__suf{ font-size:.42em; letter-spacing:0; margin-left:.18em; color:var(--papel); font-weight:600 }
.cifra-g__t{ font-family:var(--sans); font-size:.98rem; line-height:1.5; color:#DCE3E6; margin-top:.8rem; max-width:40ch }
.cifra-g__nota{ font-family:var(--sans); font-size:.78rem; color:#9FB4B8; margin-top:.5rem }
.cifra-g__pie{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:.7rem 1rem; padding-top:var(--e-sm); border-top:1px solid rgba(244,242,238,.1) }
.cifra-g__f{ font-family:var(--sans); font-size:.78rem; line-height:1.45; color:#B5C6C9; max-width:44ch }
.cifra-g__f span{ display:block; font-size:.66rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--ac-lab); margin-bottom:.15rem }

/* Botón Copiar cita (solo con JS) */
.copiar-cita{ appearance:none; display:inline-flex; align-items:center; gap:.45rem; cursor:pointer; flex:0 0 auto;
  font-family:var(--sans); font-size:.76rem; font-weight:650; color:var(--papel); background:rgba(244,242,238,.06); border:0;
  padding:.5rem .8rem; min-height:2.25rem; border-radius:999px; box-shadow:inset 0 0 0 1px rgba(244,242,238,.22); transition:background .25s ease, box-shadow .25s ease }
.copiar-cita svg{ width:.9rem; height:.9rem }
.copiar-cita:hover{ background:rgba(124,196,190,.16); box-shadow:inset 0 0 0 1px rgba(124,196,190,.6) }
.copiar-cita[data-copiado="true"]{ background:var(--ac-lab); color:var(--tinta); box-shadow:none }
.lab-aviso{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%) }

/* Serie de nacimientos (barras) */
.serie{ display:grid; gap:.7rem; align-self:center; font-family:var(--sans) }
.serie__f{ display:grid; grid-template-columns:2.6rem 1fr auto; align-items:center; gap:.8rem; font-size:.82rem; color:#B5C6C9 }
.serie__f b{ font-weight:650; color:var(--papel); font-size:.95rem; font-variant-numeric:tabular-nums; min-width:5.2rem; text-align:right }
.serie__b,.barras__b{ display:block; height:.8rem; border-radius:999px; background:rgba(244,242,238,.07); overflow:hidden }
.serie__b i,.barras__b i{ display:block; height:100%; width:calc(var(--v) * 100%); border-radius:inherit; background:linear-gradient(90deg, var(--petroleo), var(--ac-lab));
  transform-origin:left; transition:transform 1.3s var(--salida) .2s }
.serie__f + .serie__f .serie__b i{ background:var(--ac-lab) }
.serie__n{ font-size:.78rem; line-height:1.45; color:#9FB4B8; margin-top:.2rem }
.rv [data-entra]:not(.visto) .serie__b i,.rv [data-entra]:not(.visto) .barras__b i{ transform:scaleX(0) }

/* Hallazgo fino: anemia */
.hallazgo--fino{ background:rgba(244,242,238,.03); box-shadow:inset 0 0 0 1px rgba(244,242,238,.1) }
.barras{ display:grid; gap:.9rem; font-family:var(--sans) }
.barras__f{ display:grid; grid-template-columns:1fr auto; gap:.35rem 1rem; align-items:center }
.barras__k{ font-size:.82rem; color:#C9D4D7; grid-column:1 / -1 }
.barras__b{ height:1.1rem }
.barras__b--b i{ background:#E8C270 }
.barras__f b{ font-size:1.5rem; font-weight:650; letter-spacing:-.02em; color:var(--papel); font-variant-numeric:tabular-nums; min-width:5.5rem; text-align:right }
.barras .cifra-g__pie{ margin-top:.4rem }
@media (prefers-reduced-motion:reduce){ .serie__b i,.barras__b i{ transition:none } .rv [data-entra]:not(.visto) .serie__b i,.rv [data-entra]:not(.visto) .barras__b i{ transform:none } }

/* ---------- Líneas de investigación ---------- */
.lab-lineas .h2{ color:var(--tinta) }
.filtro{ display:grid; gap:.8rem; margin-bottom:var(--e-lg); padding:clamp(1rem,2vw,1.3rem); border-radius:var(--r-lg); background:var(--blanco); box-shadow:inset 0 0 0 1px var(--filete) }
.filtro[hidden]{ display:none }
.filtro__g{ display:flex; flex-wrap:wrap; align-items:center; gap:.4rem }
.filtro__k{ font-family:var(--sans); font-size:.7rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--mudo); min-width:6.2rem }
.filtro__b{ appearance:none; cursor:pointer; display:inline-flex; align-items:center; gap:.4rem; min-height:2.4rem; padding:.4rem .85rem; border:0; border-radius:999px;
  font-family:var(--sans); font-size:.84rem; font-weight:600; color:var(--tinta-2); background:transparent; box-shadow:inset 0 0 0 1px var(--filete-firme);
  transition:background .2s ease, color .2s ease, box-shadow .2s ease }
.filtro__b span{ font-size:.72rem; font-weight:700; color:var(--mudo); font-variant-numeric:tabular-nums }
.filtro__b:hover{ box-shadow:inset 0 0 0 1px var(--petroleo); color:var(--petroleo) }
.filtro__b[aria-pressed="true"]{ background:var(--petroleo); color:var(--papel); box-shadow:none }
.filtro__b[aria-pressed="true"] span{ color:var(--ac-lab) }
.filtro__b i{ width:.5rem; height:.5rem; border-radius:50% }
.filtro__cuenta{ font-family:var(--sans); font-size:.82rem; color:var(--mudo) }
@media (max-width:40rem){ .filtro__k{ width:100%; min-width:0 } }

.lineas{ list-style:none; padding:0; margin:0; display:grid; gap:var(--e-sm) }
@media (min-width:44rem){ .lineas{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media (min-width:68rem){ .lineas{ grid-template-columns:repeat(4,minmax(0,1fr)) } }
.lin{ position:relative; display:flex; flex-direction:column; gap:.55rem; padding:1.25rem 1.25rem 1.1rem; border-radius:var(--r-lg);
  background:var(--blanco); box-shadow:inset 0 0 0 1px var(--filete); transition:transform .35s var(--salida), box-shadow .35s ease, opacity .3s ease }
.lin:hover{ transform:translateY(-3px); box-shadow:inset 0 0 0 1px rgba(20,80,79,.4), var(--sombra-media) }
.lin[hidden]{ display:none }
.lin.entra{ animation:linea-aparece .45s var(--salida) both }
@keyframes linea-aparece{ from{ opacity:0; transform:translateY(8px) } to{ opacity:1; transform:none } }
@media (prefers-reduced-motion:reduce){ .lin,.lin.entra{ animation:none; transition:none } .lin:hover{ transform:none } }
.lin__cab{ display:flex; justify-content:space-between; align-items:center; gap:.5rem }
.lin__n{ font-family:var(--sans); font-weight:650; font-size:1.6rem; letter-spacing:-.03em; line-height:1; color:var(--petroleo); font-variant-numeric:tabular-nums }
.lin__est{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--sans); font-size:.7rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--tinta-2) }
.lin__est i,.filtro__b--est i{ width:.5rem; height:.5rem; border-radius:50%; display:inline-block; background:transparent; box-shadow:inset 0 0 0 1.5px var(--petroleo) }
[data-e="cerrada"] i{ background:var(--mudo); box-shadow:none }
[data-e="curso"] i{ background:var(--ac-lab); box-shadow:0 0 0 3px rgba(124,196,190,.3) }
.filtro__b[aria-pressed="true"][data-e] i{ box-shadow:inset 0 0 0 1.5px var(--papel) }
.filtro__b[aria-pressed="true"][data-e="curso"] i{ background:var(--ac-lab); box-shadow:none }
.filtro__b[aria-pressed="true"][data-e="cerrada"] i{ background:var(--papel) }
.lin__t{ font-family:var(--sans); font-size:1.05rem; font-weight:650; line-height:1.25; letter-spacing:-.01em; color:var(--tinta); margin-top:.35rem }
.lin__q{ font-family:var(--lee); font-size:.92rem; line-height:1.55; color:var(--tinta-2); flex:1 }
.lin__nota{ font-family:var(--sans); font-size:.8rem; line-height:1.45; color:var(--petroleo); padding:.55rem .7rem; border-radius:var(--r-sm); background:rgba(20,80,79,.06) }
.lin__nota a{ color:inherit; font-weight:650 }
.lin__cat{ font-family:var(--sans); font-size:.72rem; font-weight:600; color:var(--mudo); padding-top:.65rem; border-top:1px solid var(--filete) }
.lin--curso{ background:var(--petroleo); box-shadow:none }
.lin--curso .lin__n{ color:var(--ac-lab) }
.lin--curso .lin__t{ color:var(--papel) }
.lin--curso .lin__q,.lin--curso .lin__est{ color:#D5E2E3 }
.lin--curso .lin__cat{ color:#B9CCCD; border-top-color:rgba(244,242,238,.16) }
.lin--curso .lin__nota{ color:var(--papel); background:rgba(124,196,190,.16) }
.lin--cerrada{ background:var(--noche); box-shadow:none }
.lin--cerrada .lin__n{ color:var(--piedra) }
.lin--cerrada .lin__t{ color:var(--papel) }
.lin--cerrada .lin__q,.lin--cerrada .lin__est{ color:#C9D4D7 }
.lin--cerrada .lin__est i{ background:var(--piedra) }
.lin--cerrada .lin__cat{ color:#9FB4B8; border-top-color:rgba(244,242,238,.14) }
.lin--cerrada .lin__nota{ color:var(--papel); background:rgba(216,203,179,.12) }
.lineas__vacio{ font-family:var(--sans); color:var(--tinta-2); margin-top:var(--e-md) }
.lineas__vacio button{ border:0; background:none; cursor:pointer; padding:0 0 .12em; font-size:inherit }

/* ---------- Desarrollos ---------- */
.lab-des{ position:relative; background:var(--noche); color:var(--papel); padding-block:clamp(5rem,10vw,8.5rem); --ac:var(--ac-lab); overflow:hidden; isolation:isolate }
.des{ list-style:none; padding:0; margin:clamp(2.5rem,5vw,4rem) 0 0; display:grid; gap:var(--e-sm) }
@media (min-width:62rem){ .des{ grid-template-columns:repeat(2,minmax(0,1fr)) } .des__i--metodo{ grid-column:1 / -1 } }
.des__i{ position:relative; isolation:isolate; overflow:hidden; border-radius:var(--r-xl); padding:clamp(1.4rem,2.8vw,2.2rem);
  display:flex; flex-direction:column; gap:.7rem; min-height:30rem; justify-content:flex-end; background:var(--noche-2); padding-top:clamp(5.5rem,8vw,6.5rem); scroll-margin-top:calc(var(--alto-nav) + 1rem) }
.des__foto{ position:absolute; inset:0; z-index:-2 }
.des__foto img{ width:100%; height:100%; object-fit:cover; object-position:var(--pos,50% 50%); transition:transform 1.2s var(--salida) }
.des__i:hover .des__foto img{ transform:scale(1.04) }
.des__i--foto::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(6,17,31,.97) 0, rgba(6,17,31,.82) 48%, rgba(6,17,31,.3) 100%) }
.des__cab{ position:absolute; top:clamp(1.2rem,2.4vw,1.8rem); left:clamp(1.4rem,2.8vw,2.2rem); right:clamp(1.4rem,2.8vw,2.2rem); display:flex; justify-content:space-between; align-items:center; gap:1rem }
.des__ic{ width:2.6rem; height:2.6rem; border-radius:.75rem; display:grid; place-items:center; color:var(--c); background:rgba(6,17,31,.6); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 50%, transparent);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px) }
.des__ic svg{ width:1.3rem; height:1.3rem }
.des__est{ font-family:var(--sans); font-size:.72rem; font-weight:650; color:var(--papel); padding:.36rem .75rem; border-radius:999px; background:rgba(6,17,31,.55);
  box-shadow:inset 0 0 0 1px rgba(244,242,238,.25); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); text-align:right }
.des__k{ font-family:var(--sans); font-size:.76rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--c) }
.des__t{ font-family:var(--sans); font-weight:650; font-size:clamp(1.6rem,1.15rem + 1.6vw,2.4rem); line-height:1.05; letter-spacing:-.026em; color:var(--papel) }
.des__d{ font-family:var(--sans); font-size:.95rem; line-height:1.6; color:#DCE3E6; max-width:52ch }
.des__ficha{ margin:.3rem 0 0; display:grid; gap:.1rem; font-family:var(--sans); border-top:1px solid rgba(244,242,238,.14) }
.des__ficha div{ display:grid; grid-template-columns:6.5rem 1fr; gap:.8rem; padding:.55rem 0; border-bottom:1px solid rgba(244,242,238,.1) }
.des__ficha dt{ font-size:.7rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:#9FB4B8; padding-top:.15rem }
.des__ficha dd{ margin:0; font-size:.88rem; line-height:1.45; color:var(--papel) }
.des__acc{ display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1.2rem; margin-top:.6rem }
.des__liga{ display:inline-flex; align-items:center; gap:.4rem; font-family:var(--sans); font-size:.84rem; font-weight:600; color:var(--papel); text-decoration:none;
  border-bottom:1px solid color-mix(in srgb, var(--c) 60%, transparent); padding-bottom:.1rem; overflow-wrap:anywhere }
.des__liga:hover{ color:var(--c) }

/* Método: tarjeta ancha en petróleo con las cinco P */
.des__i--metodo{ min-height:0; background:linear-gradient(120deg, var(--petroleo-hondo), var(--petroleo)); padding-top:clamp(5rem,7vw,5.5rem);
  display:grid; gap:.7rem 2.5rem }
@media (min-width:62rem){ .des__i--metodo{ grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:end }
  .des__i--metodo > .des__k,.des__i--metodo > .des__t,.des__i--metodo > .des__d{ grid-column:1 }
  .des__i--metodo > .des__p5{ grid-column:2; grid-row:1 / span 3; align-self:center }
  .des__i--metodo > .des__acc{ grid-column:1 } }
.des__i--metodo::before{ content:""; position:absolute; right:-8%; top:-30%; width:55%; aspect-ratio:1; border-radius:50%; z-index:-1;
  box-shadow:inset 0 0 0 1px rgba(216,203,179,.16), 0 0 0 3rem rgba(216,203,179,.03), 0 0 0 6rem rgba(216,203,179,.02) }
.des__p5{ list-style:none; padding:0; margin:.4rem 0 0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.5rem; counter-reset:p }
.des__p5 li{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:.2rem; aspect-ratio:1; border-radius:50%;
  font-family:var(--sans); font-size:clamp(.62rem,.5rem + .4vw,.82rem); font-weight:650; color:var(--papel); background:rgba(6,17,31,.28);
  box-shadow:inset 0 0 0 1.5px rgba(216,203,179,.45); transition:background .3s ease, color .3s ease, transform .3s var(--salida) }
.des__p5 li b{ font-size:.85em; color:var(--piedra); letter-spacing:.08em }
.des__p5 li:hover{ background:var(--piedra); color:var(--tinta); transform:translateY(-3px) }
.des__p5 li:hover b{ color:var(--petroleo) }
@media (max-width:30rem){ .des__p5{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:.3rem } .des__p5 li{ font-size:.56rem } }
.des__i--metodo .des__est{ background:rgba(6,17,31,.35) }

/* ---------- Naro Noniavanti: recorrido de ocho módulos ---------- */
.lab-naro .capitulo__fondo img{ object-position:var(--pos) }
.lab-naro::after{ background:linear-gradient(180deg, rgba(6,17,31,.9) 0, rgba(6,17,31,.82) 45%, rgba(6,17,31,.94) 100%),
  radial-gradient(60% 50% at 85% 15%, rgba(124,196,190,.18), transparent 70%) }
.naro2__cab{ display:grid; gap:var(--e-md); align-items:end }
@media (min-width:62rem){ .naro2__cab{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--e-2xl) } }
.naro2__cab .capitulo__t{ font-size:var(--t-display); font-style:normal }
.naro2__s{ font-family:var(--lee); font-style:italic; font-size:clamp(1.1rem,1rem + .5vw,1.4rem); color:#DCE3E6; margin-top:.6rem }

.recorrido{ list-style:none; padding:0; margin:clamp(2.5rem,5vw,4rem) 0 0; display:grid; gap:0; position:relative; counter-reset:m }
.recorrido li{ position:relative; display:grid; align-content:start; grid-template-columns:3rem 1fr; column-gap:1rem; padding:0 0 1.4rem; font-family:var(--sans) }
.mod__n{ grid-row:span 2; width:3rem; height:3rem; border-radius:50%; display:grid; place-items:center; font-size:.85rem; font-weight:700; color:var(--ac-lab);
  background:rgba(6,17,31,.6); box-shadow:inset 0 0 0 1.5px var(--ac-lab); transition:background .3s ease, color .3s ease, transform .3s var(--salida) }
.recorrido li:hover .mod__n{ background:var(--ac-lab); color:var(--tinta); transform:scale(1.06) }
.recorrido b{ font-size:1.08rem; font-weight:650; color:var(--papel); padding-top:.3rem; letter-spacing:-.01em }
.mod__d{ font-size:.88rem; line-height:1.5; color:#C9D4D7; margin-top:.2rem }
@media (min-width:56rem){
  .recorrido{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:2.2rem 1.2rem }
  .recorrido li{ grid-template-columns:1fr; padding:0 .4rem 0 0 }
  .recorrido li::before{ content:""; position:absolute; left:3.4rem; right:-1.2rem; top:1.5rem; bottom:auto; width:auto; height:1px; background:linear-gradient(90deg, rgba(124,196,190,.6), rgba(124,196,190,.12)) }
  .recorrido li:nth-child(4n)::before{ display:none }
  .mod__n{ grid-row:auto; margin-bottom:.9rem }
  .recorrido b{ padding-top:0 }
}
.naro2__concurso{ margin-top:clamp(2rem,4vw,3rem); padding:1.2rem 1.4rem; display:grid; gap:.4rem 2rem; align-items:center; font-family:var(--sans) }
@media (min-width:56rem){ .naro2__concurso{ grid-template-columns:auto 1fr auto } }
.naro2__concurso b{ font-size:.74rem; letter-spacing:.01em; text-transform:none; color:var(--ac-lab) }
.naro2__concurso p{ font-size:.95rem; line-height:1.55; color:#DCE3E6 }
.naro2__concurso .liga{ color:var(--papel); --ac:var(--ac-lab); white-space:nowrap }

/* ---------- Alcance ---------- */
.lab-alcance{ padding-block:clamp(6rem,12vw,10rem) }
.lab-alcance::after{ background:linear-gradient(100deg, rgba(6,17,31,.88) 0, rgba(6,17,31,.6) 50%, rgba(6,17,31,.3) 100%),
  radial-gradient(60% 70% at 85% 20%, rgba(124,196,190,.14), transparent 70%) }
.lab-alcance .h2{ color:var(--papel); max-width:16ch }
.alcance{ list-style:none; padding:0; margin:clamp(2.5rem,5vw,3.5rem) 0 0; display:grid; gap:var(--e-sm) }
@media (min-width:56rem){ .alcance{ grid-template-columns:repeat(3,minmax(0,1fr)) } }
.alcance li{ padding:1.4rem 1.5rem 1.5rem; font-family:var(--sans); display:flex; flex-direction:column; gap:.4rem }
.alcance__k{ font-size:.74rem; font-weight:700; letter-spacing:.01em; text-transform:none; color:var(--ac-lab) }
.alcance b{ font-size:1.3rem; font-weight:650; line-height:1.15; letter-spacing:-.015em; color:var(--papel) }
.alcance p{ font-size:.9rem; line-height:1.55; color:#DCE3E6 }

/* ---------- Preguntas ---------- */
.lab-preg__rej{ display:grid; gap:var(--e-lg) }
@media (min-width:62rem){ .lab-preg__rej{ grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:var(--e-2xl); align-items:start } }
.lab-preg .h2{ color:var(--tinta) }
.preg__lista{ border-top:1px solid var(--filete-firme) }
.preg{ border-bottom:1px solid var(--filete) }
.preg summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:1rem; min-height:3.4rem; padding:.9rem 0;
  font-family:var(--sans); font-size:1.05rem; font-weight:650; color:var(--tinta) }
.preg summary::-webkit-details-marker{ display:none }
.preg summary::after{ content:""; flex:0 0 auto; width:1.9rem; height:1.9rem; border-radius:50%; box-shadow:inset 0 0 0 1px var(--filete-firme);
  background:linear-gradient(var(--petroleo),var(--petroleo)) center/.7rem 1.5px no-repeat, linear-gradient(var(--petroleo),var(--petroleo)) center/1.5px .7rem no-repeat;
  transition:transform .3s var(--salida), background-color .3s ease }
.preg[open] summary::after{ transform:rotate(45deg); background-color:rgba(124,196,190,.25) }
.preg summary:hover{ color:var(--petroleo) }
.preg p{ font-family:var(--lee); font-size:1rem; line-height:1.65; color:var(--tinta-2); padding:0 2.8rem 1.2rem 0; max-width:62ch }
.preg p a{ color:var(--petroleo) }

/* ---------- Cierre ---------- */
.lab-cierre .h2{ color:var(--papel); max-width:20ch }
.lab-cierre::after{ background:linear-gradient(100deg, rgba(6,17,31,.94) 0, rgba(6,17,31,.78) 50%, rgba(6,17,31,.5) 100%) }
.copiar-cita[hidden]{ display:none }
.hallazgo__escena .lab-escena__cab{ flex-wrap:wrap }
.hallazgo__escena .lab-escena__cab b{ white-space:nowrap }
@media (max-width:40rem){ .hallazgo__escena .lab-escena__cab span{ text-align:left; max-width:none } }
@media (max-width:40rem){
  .des__p5{ grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr)) }
  .des__p5 li{ aspect-ratio:auto; flex-direction:row; justify-content:flex-start; gap:.5rem; border-radius:999px; padding:.55rem .8rem; font-size:.82rem }
}

/* v12 · estado de verificación visible en cada cifra */
.cifra-g__meta{ display:grid; gap:.5rem; min-width:0 }
.cifra-g__estado{ display:inline-flex; align-items:center; gap:.45rem; align-self:start; justify-self:start; font-family:var(--sans); font-size:.75rem; font-weight:650; letter-spacing:.04em;
  color:#D5E2E3; padding:.22rem .65rem .22rem .5rem; border-radius:999px; background:rgba(124,196,190,.1); box-shadow:inset 0 0 0 1px rgba(124,196,190,.35) }
.cifra-g__estado::before{ content:""; width:.5rem; height:.5rem; border-radius:50%; background:var(--ac-lab) }
.cifra-g__estado[data-e="p"]::before{ background:linear-gradient(90deg, var(--ac-lab) 50%, transparent 50%); box-shadow:inset 0 0 0 1px var(--ac-lab) }
.copiar-cita{ min-height:44px }

/* ============================================================================
   v13 · cabeceras centradas y composición simétrica
   ========================================================================== */
.lab-cab{ display:flex; flex-direction:column; align-items:center; text-align:center; max-width:48rem; margin:0 auto clamp(2.2rem,4.5vw,3.5rem) }
.lab-cab .h2{ max-width:24ch; text-wrap:balance }
.lab-cab .entrada{ margin-top:var(--e-md); max-width:56ch; text-wrap:pretty }
.lab-cab .antetitulo{ margin-bottom:var(--e-xs) }
.oscuro .lab-cab .entrada{ color:#C9D4D7 }
.lab-que .lab-cab .h2{ max-width:26ch }
.pilar{ text-align:left }
.filtro{ margin-inline:auto }
.naro2__cab{ grid-template-columns:1fr !important; justify-items:center; text-align:center; max-width:48rem; margin-inline:auto; gap:var(--e-md) !important }
.naro2__cab .capitulo__t{ font-size:min(var(--t-display), 3.6rem) }
.naro2__cab .capitulo__d{ margin-inline:auto }
.lab-alcance .pagina{ text-align:center }
.lab-alcance .alcance li{ text-align:left }
.lab-preg__rej{ grid-template-columns:1fr !important; max-width:50rem; margin-inline:auto }
.lab-preg__rej > div:first-child{ text-align:center }
.lab-cierre .cierre__in{ display:flex; flex-direction:column; align-items:center; text-align:center }
.lab-cierre .h2{ margin-inline:auto }
.lab-cierre .acciones{ justify-content:center }
.lab-cierre::after{ background:linear-gradient(to top, rgba(6,17,31,.92) 0, rgba(6,17,31,.74) 60%, rgba(6,17,31,.58) 100%) }
.lab-alcance .h2{ margin-inline:auto }

/* ============================================================================
   v16 · lectura más corta: “Ver más”, seis líneas visibles, desarrollos en tres
   ========================================================================== */
.hallazgo--dos .hallazgo__datos{ display:grid; gap:0 }
.hallazgo--dos .hallazgo__par{ margin-top:0 }
.hallazgo--dos .hallazgo__par dd{ font-size:clamp(2rem,1.5rem + 1.6vw,3rem) }
.hallazgo--dos .hallazgo__par div{ padding:1.2rem 1.25rem }
.lab-mas{ margin-top:var(--e-md) }
.lab-mas > summary{ list-style:none; cursor:pointer; display:flex; justify-content:center; align-items:center; gap:.5rem; width:max-content; margin-inline:auto;
  min-height:var(--toque,44px); padding:.6rem 1.3rem; border-radius:999px; font-family:var(--sans); font-size:.92rem; font-weight:650;
  color:var(--papel); box-shadow:inset 0 0 0 1px rgba(244,242,238,.32); transition:background-color .25s ease, box-shadow .25s ease }
.lab-mas > summary::-webkit-details-marker{ display:none }
.lab-mas > summary:hover{ background:rgba(124,196,190,.14); box-shadow:inset 0 0 0 1px var(--ac-lab) }
.lab-mas > summary:focus-visible{ outline:3px solid var(--ac-lab); outline-offset:3px }
.lab-mas > summary svg{ width:1rem; height:1rem; transition:transform .3s var(--salida) }
.lab-mas[open] > summary svg{ transform:rotate(180deg) }
.lab-mas > .cifras-g{ margin-top:var(--e-md) }
@media (min-width:64rem){ .lab-mas > .cifras-g{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
.lab-mas--naro{ margin-top:clamp(1.8rem,3.5vw,2.6rem) }
.lab-mas--naro .recorrido{ margin-top:clamp(1.8rem,3.5vw,2.6rem) }
/* seis líneas visibles; el botón muestra las dieciséis (sin JS se ven todas) */
.lineas[data-corto] > .lin:nth-child(n+7){ display:none }
.lineas__mas{ display:flex; justify-content:center; margin-top:var(--e-md) }
.lineas__mas[hidden]{ display:none }
.lineas__mas button{ cursor:pointer; min-height:var(--toque,44px); padding:.6rem 1.4rem; border-radius:999px; border:0; background:var(--papel);
  font-family:var(--sans); font-size:.92rem; font-weight:650; color:var(--tinta); box-shadow:inset 0 0 0 1px var(--filete-firme) }
.lineas__mas button:hover{ box-shadow:inset 0 0 0 1.5px var(--petroleo); color:var(--petroleo) }
.lineas__mas button:focus-visible{ outline:3px solid var(--petroleo); outline-offset:3px }
/* desarrollos: tres tarjetas iguales y cortas */
.des__i{ min-height:24rem }
@media (min-width:62rem){ .des{ grid-template-columns:repeat(3,minmax(0,1fr)) } .des__i--metodo{ grid-column:auto; display:flex; align-items:stretch } }
.des__i--metodo{ min-height:24rem; justify-content:flex-end }
@media (min-width:64rem){
  .lab-evidencia .pagina > .cifras-g{ grid-auto-flow:row dense }
  .lab-evidencia .pagina > .cifras-g .cifra-g--ancha{ grid-row:span 2 }
}
@media (min-width:68rem){ .lineas{ grid-template-columns:repeat(3,minmax(0,1fr)) } }

/* ============================================================================
   v17 · afinamiento: titular móvil, cifras sin estirar, desarrollos alineados
   ========================================================================== */
/* H1 en móvil: las tres líneas fluyen como texto y la cara del investigador queda libre */
@media (max-width:29.99rem){
  .lab-portada.portada--v11 h1{ font-size:clamp(1.9rem,8.4vw,2.2rem) }
  .lab-portada.portada--v11 h1 .linea,.lab-portada.portada--v11 h1 .linea > span{ display:inline }
  .lab-portada .portada__foto img{ object-position:70% 30% }
}
/* fila de fuente y cita: siempre fuente a la izquierda y «Copiar cita» a la derecha, al pie */
.cifra-g__pie{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end }
/* tarjeta ancha (dos filas a 1024+): cuerpo y gráfico centrados en el alto, pie al fondo, gráfico más grande */
@media (min-width:64rem){
  .lab-evidencia .pagina > .cifras-g .cifra-g--ancha{ grid-template-rows:minmax(0,1fr) auto; align-items:center }
  .lab-evidencia .cifra-g--ancha .serie{ gap:1.1rem }
  .lab-evidencia .cifra-g--ancha .serie__b{ height:1.15rem }
  .lab-evidencia .cifra-g--ancha .serie__f b{ font-size:1.1rem }
}
/* desarrollos: la tarjeta de método ya no tiene columna de las 5P; misma columna flex que las demás */
.des__i--metodo{ display:flex; padding-top:clamp(5.5rem,8vw,6.5rem) }
/* desde 62rem: filas compartidas (subgrid) para que antetítulo, título, texto y botones queden a la misma altura */
@media (min-width:62rem){
  .des{ grid-template-rows:minmax(7rem,1fr) repeat(4,auto) }
  .des__i,.des__i--metodo{ display:grid; grid-row:span 5; grid-template-rows:subgrid; grid-template-columns:minmax(0,1fr); row-gap:.7rem; min-height:0; align-items:end }
  .des__i--metodo > *{ grid-column:1 }
  .des__i > .des__k{ grid-row:2 } .des__i > .des__t{ grid-row:3 } .des__i > .des__d{ grid-row:4; align-self:start }
  .des__i > .des__acc{ grid-row:5; align-self:start }
}

/* v24 · rótulos en tipo de oración con cuerpo propio (sin mayúsculas, .7rem se pierde) */
.nivel-f__k,.nivel-f__dl dt,.filtro__k{ font-size:.875rem; letter-spacing:0 }
.peldano__plazo{ font-size:.8rem }
.lin__est,.des__est{ font-size:.8rem; letter-spacing:0 }
.cifra-g__estado{ font-size:.8rem; letter-spacing:0 }