/* El tiempo en salud · tema «tiempo» (vista Actual). Generado a partir del prototipo del SanDisk (propuesta/estilo.css).
   Identidad: General Sans única, negro / grafito / grises / blanco, y un solo amarillo para lo que destaca.
   Retícula 37/63 del sitio actual. Sin dependencias externas. */

@font-face{font-family:"General Sans";src:url("../fuentes/GeneralSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fuentes/GeneralSans-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fuentes/GeneralSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fuentes/GeneralSans-Semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fuentes/GeneralSans-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
	--negro:#000;--grafito:#333;--gris:#D9D9D9;--gris2:#F2F2F2;--blanco:#fff;--amarillo:#FFD400;
	--tinta:var(--negro);--texto:var(--grafito);--fondo:var(--blanco);--tenue:rgba(0,0,0,.56);--linea:rgba(0,0,0,.16);
	--e-out:cubic-bezier(.16,1,.3,1);--e-quart:cubic-bezier(.25,1,.5,1);--e-inout:cubic-bezier(.87,0,.13,1);
	--margen:clamp(20px,3.05vw,44px);--col:37%;
	--t-cuerpo:clamp(16px,.32vw + 13.4px,19px);
	--t-rotulo:clamp(11.5px,.1vw + 11px,13px);
	--t-h3:clamp(20px,.9vw + 12px,27px);
	--t-h2:clamp(27px,2.35vw + 10px,48px);
	--t-monu:clamp(58px,min(14.6vw,23.4svh),270px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--blanco);color:var(--texto);font:400 var(--t-cuerpo)/1.55 "General Sans",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--amarillo);color:var(--negro)}
:focus-visible{outline:2px solid var(--tinta);outline-offset:4px;border-radius:2px}
.osc :focus-visible,.menu :focus-visible,.cab :focus-visible{outline-color:var(--amarillo)}
.salto{position:absolute;left:var(--margen);top:-80px;z-index:60;background:var(--amarillo);color:var(--negro);padding:10px 16px;font-weight:600;transition:top .3s var(--e-out)}
.salto:focus{top:12px}
.solo-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Secciones y retícula */
.sec{position:relative;padding:clamp(72px,9.2vw,148px) var(--margen)}
.osc{background:var(--negro);color:var(--blanco);--tinta:var(--blanco);--texto:rgba(255,255,255,.84);--tenue:rgba(255,255,255,.58);--linea:rgba(255,255,255,.2)}
.gris{background:var(--gris2)}
.ret{display:grid;grid-template-columns:minmax(0,var(--col)) minmax(0,1fr);column-gap:var(--margen)}
.ret > .izq{padding-right:clamp(0px,3vw,56px)}
.rotulo{display:flex;align-items:center;gap:.7em;font-size:var(--t-rotulo);font-weight:500;letter-spacing:.085em;text-transform:uppercase;color:var(--tinta)}
.rotulo::before{content:"";width:.62em;height:.62em;border-radius:50%;background:currentColor;flex:none}
.h2{font-size:var(--t-h2);font-weight:500;line-height:1.07;letter-spacing:-.022em;color:var(--tinta);text-wrap:balance}
.h3{font-size:var(--t-h3);font-weight:500;line-height:1.16;letter-spacing:-.012em;color:var(--tinta)}
.dato{font-variant-numeric:tabular-nums;font-size:var(--t-rotulo);font-weight:500;letter-spacing:.085em;text-transform:uppercase;color:var(--tenue)}
mark{background:var(--amarillo);color:var(--negro);padding:.04em .16em;margin:0 -.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Enlaces */
.flecha{display:inline-flex;align-items:baseline;gap:.5em;font-weight:500;color:var(--tinta)}
.flecha::after{content:"\2192";display:inline-block;transition:transform .5s var(--e-out)}
.flecha:hover::after,.flecha:focus-visible::after{transform:translateX(.42em)}
.sub{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:.08em;transition:background-size .5s var(--e-out)}
.sub:hover{background-size:0 1px;background-position:100% 100%}
.pildora{display:inline-flex;align-items:center;gap:.55em;border:1px solid var(--linea);border-radius:99px;padding:.5em 1.05em;font-size:.86em;font-weight:500;color:var(--tinta);transition:background-color .35s var(--e-out),color .35s var(--e-out),border-color .35s var(--e-out)}
.pildora:hover{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}
.osc .pildora:hover{color:var(--negro)}
.boton{display:inline-flex;align-items:center;gap:.6em;background:var(--amarillo);color:var(--negro);font-weight:600;padding:.78em 1.25em;border-radius:99px;transition:transform .5s var(--e-out)}
.boton:hover{transform:translateY(-2px)}

/* Cabecera fija: transparente sobre el inicio; barra negra al volver a subir */
.cab{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:clamp(16px,1.7vw,26px) var(--margen);color:#fff;transition:transform .7s var(--e-out),background-color .5s var(--e-out),padding .5s var(--e-out)}
.cab.barra{background:var(--negro);padding-top:12px;padding-bottom:12px}
.cab.fuera{transform:translateY(-102%)}
.cab:focus-within{transform:none}
.cab .logo{display:flex;align-items:center;gap:14px;font-weight:600;letter-spacing:-.01em}
.cab .logo img{width:clamp(58px,5vw,76px);height:auto}
.cab .logo span{opacity:0;transform:translateY(6px);transition:opacity .5s var(--e-out),transform .5s var(--e-out)}
.cab.con-nombre .logo span{opacity:1;transform:none}
.cab nav{display:flex;align-items:baseline;gap:clamp(18px,2vw,30px);font-weight:500}
.cab nav a{font-size:.92em;opacity:.78;transition:opacity .3s var(--e-out)}
.cab nav a:hover{opacity:1}
.cab .abre{font-size:clamp(19px,1.5vw,25px);letter-spacing:.01em}
.cab .abre i{display:inline-block;width:.5em;height:.5em;border-radius:50%;background:currentColor;margin-left:.45em;transform:translateY(-.08em) scale(.82);transition:transform .5s var(--e-out)}
.cab .abre:hover i{transform:translateY(-.08em) scale(1.2)}

/* Menú */
.menu{position:fixed;inset:0;z-index:50;background:var(--negro);color:var(--blanco);--tinta:var(--blanco);--tenue:rgba(255,255,255,.56);--linea:rgba(255,255,255,.2);padding:clamp(16px,1.7vw,26px) var(--margen) var(--margen);display:grid;grid-template-rows:auto 1fr;overflow:auto;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--e-inout),visibility 0s .8s}
.menu.abierto{visibility:visible;clip-path:inset(0);transition:clip-path .8s var(--e-inout),visibility 0s}
.menu-cab{display:flex;justify-content:space-between;align-items:center}
.menu-cab img{width:clamp(58px,5vw,76px)}
.menu-cab button{font-size:clamp(19px,1.5vw,25px);font-weight:500}
.menu-cuerpo{align-self:end;padding-top:clamp(40px,7vh,90px)}
.menu-lista{border-top:1px solid var(--linea)}
.menu-lista > li{border-bottom:1px solid var(--linea);overflow:hidden}
.menu-lista > li > div{display:grid;grid-template-columns:3.2em minmax(0,1fr) auto;align-items:baseline;gap:0 .4em;padding:clamp(7px,1.05vh,13px) 0;transform:translateY(105%);transition:transform .9s var(--e-out);transition-delay:calc(var(--i)*38ms + 260ms)}
.menu.abierto .menu-lista > li > div{transform:none}
.menu-lista .dato{color:var(--tenue)}
.menu-lista a.gr{font-size:clamp(27px,min(3.7vw,5.3vh),58px);font-weight:500;letter-spacing:-.028em;line-height:1.08;transition:transform .6s var(--e-out),color .3s var(--e-out)}
.menu-lista a.gr:hover{transform:translateX(.22em)}
.menu-lista a.gr[aria-current]{color:var(--amarillo)}
.menu-lista .hijos{display:flex;flex-wrap:wrap;gap:.2em 1.5em;font-size:.95em;color:var(--tenue)}
.menu-lista .hijos a:hover{color:var(--blanco)}
.menu-pie{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:22px;font-size:.9em;color:var(--tenue)}
.menu-pie a{color:var(--blanco)}

/* ---------- Inicio ---------- */
.inicio{position:relative;min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:0;overflow:hidden}
.inicio-txt{position:relative;z-index:1;padding:clamp(92px,11.4vh,132px) var(--margen) clamp(20px,2.9vh,34px);display:grid;align-content:space-between;gap:clamp(18px,3vh,44px)}
.inicio-arriba{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.inicio-arriba .dato{color:var(--tenue)}
.monu{font-size:var(--t-monu);font-weight:600;line-height:.84;letter-spacing:-.052em;color:var(--blanco);margin-left:-.045em}
.monu .l{display:block;overflow:hidden;padding:.06em .05em .1em 0;margin-bottom:-.1em}
.monu .l > span{display:block}
.monu .l:nth-child(2){padding-left:calc(var(--col) * .46)}
.inicio-abajo{align-items:end}
.inicio-abajo .accesos{display:flex;flex-direction:column;gap:.3em;font-size:1.02em}
.pregunta{font-size:clamp(22px,1.75vw + 9px,38px);font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--blanco);max-width:23ch;text-wrap:balance}

/* Líneas: el dibujo del proyecto, animado, detrás del inicio (el velo hacia el título lo pinta el lienzo) */
.lineas{position:absolute;inset:0;z-index:0;pointer-events:none}
.lineas canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.inicio-pie{position:relative;z-index:1;height:clamp(150px,22svh,236px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 var(--margen) clamp(18px,2.7vh,30px)}
.ahora{color:var(--amarillo);font-variant-numeric:tabular-nums}
/* «Ahora» en cinco escalas: valor en la línea del rótulo; qué escala es, debajo y más tenue (mismo amarillo) */
button.ahora{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;column-gap:.7em;row-gap:5px;background:none;border:0;padding:0;margin:0;font:inherit;font-size:var(--t-rotulo);letter-spacing:.085em;text-transform:uppercase;text-align:left;color:var(--amarillo);cursor:pointer}
button.ahora::before{grid-row:1;grid-column:1}
.ahora-linea{grid-row:1;grid-column:2;display:inline-flex;align-items:baseline;gap:.55em;white-space:nowrap}
.ahora-valor{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.12em 0;margin:-.12em 0;text-transform:none}
.ahora-cifra{display:inline-block}
.ahora-escala{grid-row:2;grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:max(11px,.9em);font-weight:400;letter-spacing:.01em;text-transform:none;opacity:.62;transition:opacity .4s var(--e-out)}
button.ahora:hover .ahora-escala,button.ahora:focus-visible .ahora-escala{opacity:.95}
.ahora-puntos{display:inline-flex;gap:5px}
.ahora-puntos i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35;transition:opacity .4s var(--e-out)}
.ahora-puntos i.on{opacity:1}
.ahora-cifra.entra{animation:ahora-sube .65s var(--e-out)}
.ahora-txt.entra{animation:ahora-funde .65s var(--e-out)}
@keyframes ahora-sube{from{transform:translateY(105%);opacity:0}to{transform:none;opacity:1}}
@keyframes ahora-funde{from{opacity:0}to{opacity:1}}
.ahora::before{background:var(--amarillo);box-shadow:0 0 14px rgba(255,212,0,.7)}
.con-mov .ahora::before{animation:latido 1s var(--e-out) var(--fase,0ms) infinite}
@keyframes latido{0%{box-shadow:0 0 0 0 rgba(255,212,0,.65)}100%{box-shadow:0 0 0 9px rgba(255,212,0,0)}}

/* ---------- El proyecto ---------- */
.proyecto .izq{display:flex;flex-direction:column;gap:clamp(28px,4vw,60px)}
.proyecto figure{max-width:min(340px,82%)}
.proyecto figure img{mix-blend-mode:multiply}
.entrada-p{font-size:clamp(22px,1.3vw + 11px,33px);font-weight:500;line-height:1.16;letter-spacing:-.016em;color:var(--negro);max-width:30ch;text-wrap:balance}
.entrada-p strong{font-weight:600}
.proyecto .cuerpo{margin-top:clamp(32px,4.4vw,68px);columns:2 290px;column-gap:var(--margen);max-width:1000px}
.proyecto .cuerpo p{break-inside:avoid;margin-bottom:1.15em}
.proyecto .cuerpo strong{font-weight:600;color:var(--negro)}
.proyecto .mas{margin-top:clamp(18px,2vw,30px)}

/* ---------- Objetivos ---------- */
.objetivos .izq > div{position:sticky;top:110px;display:grid;gap:clamp(20px,2.4vw,34px)}
.objetivos .h2{font-size:clamp(24px,1.65vw + 11px,39px);max-width:19ch}
.objetivos ol{border-top:1px solid var(--linea)}
.objetivos li{display:grid;grid-template-columns:clamp(46px,5.4vw,84px) minmax(0,1fr);border-bottom:1px solid var(--linea);padding:clamp(20px,2.3vw,34px) 0}
.objetivos li .dato{padding-top:.5em;transition:color .4s var(--e-out)}
.objetivos li > div{display:grid;gap:.5em;transition:transform .7s var(--e-out)}
.objetivos li p{max-width:56ch;color:var(--tenue)}
.objetivos li:hover > div{transform:translateX(10px)}
.objetivos li:hover .dato{color:var(--blanco)}

/* ---------- Instagram ---------- */
.ig{overflow:hidden}
.ig .der{display:flex;flex-wrap:wrap;gap:18px 32px;justify-content:space-between;align-items:end;border-top:1px solid var(--linea);padding-top:20px}
.ig .der p{font-size:var(--t-h3);font-weight:500;line-height:1.2;letter-spacing:-.012em;color:var(--negro);max-width:28ch}
.ig-pista{display:flex;gap:clamp(12px,1.25vw,20px);margin:clamp(34px,4vw,60px) calc(var(--margen)*-1) 0;padding:0 var(--margen) 6px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:var(--margen);scrollbar-width:none}
.ig-pista::-webkit-scrollbar{display:none}
.ig-pista li{flex:none;width:clamp(170px,15.2vw,236px);scroll-snap-align:start}
.ig-pista a{display:grid;gap:12px}
.ig-pista .marco{position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--gris2)}
.ig-pista img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--e-out)}
.ig-pista a:hover img{transform:scale(1.045)}
.ig-pista .tipo{position:absolute;left:10px;top:10px;background:var(--negro);color:var(--blanco);font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:4px 8px}
.ig-pista p{font-size:.9em;line-height:1.36;color:var(--grafito);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ig-control{display:flex;align-items:center;gap:22px;margin-top:26px}
.ig-linea{flex:1;height:1px;background:var(--linea);position:relative}
.ig-linea i{position:absolute;inset:-.5px auto -.5px 0;width:30%;background:var(--negro);transform-origin:left;transition:transform .25s var(--e-quart),width .25s var(--e-quart)}
.ig-control button{width:44px;height:44px;border:1px solid var(--linea);border-radius:50%;font-size:17px;transition:background-color .35s var(--e-out),color .35s var(--e-out),opacity .3s var(--e-out)}
.ig-control button:hover{background:var(--negro);color:var(--blanco)}
.ig-control button[disabled]{opacity:.3;pointer-events:none}

/* ---------- Actividades y avances ---------- */
.avances .cab-sec{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.linea-t{margin-top:clamp(34px,4.4vw,64px)}
.linea-t .lectura{display:grid;grid-template-columns:minmax(0,var(--col)) minmax(0,1fr);column-gap:var(--margen);align-items:end;min-height:4.6em}
.linea-t .lectura .dato{color:var(--negro)}
.linea-t .lectura p{font-size:var(--t-h3);font-weight:500;line-height:1.16;letter-spacing:-.012em;color:var(--negro);max-width:38ch}
.eje{position:relative;height:92px;margin-top:20px;border-bottom:1px solid var(--negro)}
.eje .marca{position:absolute;bottom:0;width:17px;height:100%;transform:translateX(-50%);display:block}
.eje .marca::before{content:"";position:absolute;left:50%;bottom:0;width:1.5px;height:var(--h,30px);background:var(--negro);transform:translateX(-50%) scaleY(0);transform-origin:bottom;transition:transform .9s var(--e-out),height .45s var(--e-out),width .3s var(--e-out);transition-delay:calc(var(--i)*26ms),0s,0s}
.visto .eje .marca::before{transform:translateX(-50%) scaleY(1)}
.eje .marca.ses::before{background:rgba(0,0,0,.34);--h:14px}
.eje a.marca:hover::before,.eje a.marca:focus-visible::before,.eje a.marca.activa::before{height:64px;width:3px}
.eje .hoy{position:absolute;bottom:-5px;width:11px;height:11px;border-radius:50%;background:var(--amarillo);outline:1.5px solid var(--negro);transform:translateX(-50%)}
.eje .hoy span{position:absolute;right:0;bottom:19px;white-space:nowrap;background:var(--amarillo);color:var(--negro);padding:2px 8px}
.eje-anios{position:relative;height:1.9em;margin-top:9px}
.eje-anios > span{position:absolute;top:0;transform:translateX(-50%)}
.eje-anios > span:first-child{transform:none}
.eje-leyenda{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:8px;font-size:.84em;color:var(--tenue)}
.eje-leyenda p{margin:0}
.entradas .meta p{margin:0}
.personas .p-nombre{font-weight:600;color:var(--negro);line-height:1.2;margin:0}
.personas .p-rol{font-size:.84em;line-height:1.32;color:var(--tenue);margin:.3em 0 0}
.menu-lista .hijos{display:flex}
.eje-leyenda i{display:inline-block;width:1.5px;height:14px;background:var(--negro);margin-right:9px;vertical-align:-2px}
.eje-leyenda i.s{height:8px;background:rgba(0,0,0,.34)}
.entradas{margin-top:clamp(44px,5.6vw,88px);border-top:1px solid var(--negro)}
.entradas li{border-bottom:1px solid var(--linea)}
.entradas a{display:grid;grid-template-columns:minmax(0,var(--col)) minmax(0,1fr) clamp(120px,15vw,230px);column-gap:var(--margen);align-items:start;padding:clamp(22px,2.6vw,40px) 0}
.entradas .meta{display:grid;gap:.5em}
.entradas .meta .cats{font-size:.86em;color:var(--tenue)}
.entradas h3{font-size:clamp(22px,1.55vw + 9px,36px);font-weight:500;line-height:1.08;letter-spacing:-.02em;color:var(--negro);max-width:25ch;text-wrap:balance;transition:transform .7s var(--e-out)}
.entradas p{margin-top:.8em;max-width:58ch;font-size:.95em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.entradas .mini{aspect-ratio:4/3;overflow:hidden;background:var(--gris)}
.entradas .mini img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:filter .7s var(--e-out),transform 1.1s var(--e-out)}
.entradas a:hover h3{transform:translateX(10px)}
.entradas a:hover .mini img{filter:none;transform:scale(1.04)}
.nuevo{display:inline-block;background:var(--amarillo);color:var(--negro);font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:3px 7px;justify-self:start}

/* ---------- Equipo ---------- */
.equipo .h2{max-width:23ch}
.personas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(26px,3.3vw,52px) clamp(12px,1.4vw,22px);margin-top:clamp(44px,5.6vw,88px)}
.personas a{display:grid;gap:12px;align-content:start}
.personas .foto{aspect-ratio:3/4;overflow:hidden;background:var(--gris2)}
.personas img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .8s var(--e-out),transform 1.2s var(--e-out)}
.personas a:hover img,.personas a:focus-visible img{filter:none;transform:scale(1.035)}
.personas b{display:block;font-weight:600;color:var(--negro);line-height:1.2}
.personas span{display:block;font-size:.84em;line-height:1.32;color:var(--tenue);margin-top:.3em}
.personas .corte{grid-column:1/-1;display:flex;align-items:center;gap:18px;margin-bottom:-8px}
.personas .corte::after{content:"";flex:1;height:1px;background:var(--linea)}

/* ---------- Podcast ---------- */
.podcast .izq{display:grid;gap:clamp(20px,2.4vw,34px);align-content:start}
.podcast .izq img{width:min(300px,78%)}
.podcast .plataformas{display:flex;flex-wrap:wrap;gap:8px}
.podcast .intro{font-size:var(--t-h3);font-weight:500;line-height:1.2;letter-spacing:-.012em;color:var(--blanco);max-width:34ch;border-top:1px solid var(--linea);padding-top:20px}
.ep-actual{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(18px,2.2vw,34px);margin-top:clamp(30px,3.6vw,54px);align-items:start}
.ep-actual .video{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111;display:block}
.ep-actual .video img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:opacity .6s var(--e-out),transform 1.1s var(--e-out)}
.ep-actual .video:hover img{opacity:1;transform:scale(1.03)}
.ep-actual .video i{position:absolute;left:14px;bottom:14px;width:52px;height:52px;border-radius:50%;background:var(--amarillo);display:grid;place-items:center;transition:transform .5s var(--e-out)}
.ep-actual .video:hover i{transform:scale(1.1)}
.ep-actual .video i::before{content:"";border-left:14px solid var(--negro);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.ep-actual .txt{display:grid;gap:.7em;align-content:start}
.ep-actual .txt p{font-size:.94em;color:var(--tenue);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.ep-actual .txt .con{color:var(--blanco);display:block}
.episodios{margin-top:clamp(30px,3.6vw,54px);border-top:1px solid var(--linea)}
.episodios a{display:grid;grid-template-columns:3em minmax(0,1fr) auto auto;gap:0 clamp(12px,1.6vw,26px);align-items:baseline;padding:16px 0;border-bottom:1px solid var(--linea);transition:padding .6s var(--e-out)}
.episodios a:hover{padding-left:10px}
.episodios b{font-weight:500;color:var(--blanco)}
.episodios small{display:block;font-size:.86em;color:var(--tenue)}
.episodios .etq{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--linea);border-radius:99px;padding:1px 7px;margin-left:.6em;vertical-align:.12em;color:var(--tenue)}

/* ---------- Contacto y pie ---------- */
.contacto{padding-bottom:0}
.contacto a{display:flex;align-items:baseline;justify-content:space-between;gap:.3em;font-size:clamp(48px,10.6vw,188px);font-weight:600;line-height:.9;letter-spacing:-.05em;color:var(--negro);border-bottom:1px solid var(--negro);padding-bottom:.12em;margin-left:-.04em}
.contacto a span:last-child{transition:transform .9s var(--e-out)}
.contacto a:hover span:last-child{transform:translateX(-.12em) rotate(-45deg)}
.pie{padding-top:clamp(40px,5vw,72px);padding-bottom:28px}
.pie .izq{display:grid;gap:14px;align-content:start}
.pie .izq p{font-weight:500;color:var(--negro);line-height:1.3;max-width:34ch}
.pie .izq img{width:74px;margin-top:8px}
.pie .logos{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(22px,3.6vw,62px);margin-top:20px}
.pie .logos img{height:var(--h,60px);width:auto;opacity:.78;filter:grayscale(1);transition:opacity .4s var(--e-out)}
.pie .logos a:hover img{opacity:1}
.cadena{display:block;width:100%;height:auto;overflow:visible;margin-top:clamp(40px,5vw,76px);color:var(--negro)}
.cadena path{fill:none;stroke:currentColor;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 3.2s var(--e-inout)}
.visto .cadena path,.sin-mov .cadena path{stroke-dashoffset:0}
.creditos{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 30px;margin-top:20px;font-size:.8em;color:var(--tenue)}

/* ---------- Entrada (lectura) ---------- */
.art-cab{padding-top:clamp(120px,16vh,190px);padding-bottom:clamp(40px,5vw,76px);display:grid;gap:clamp(28px,4vw,60px)}
.art-arriba{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 30px;align-items:baseline}
.art-arriba .dato{color:var(--tenue)}
.flecha.atras::after{content:none}
.flecha.atras::before{content:"\2190";display:inline-block;transition:transform .5s var(--e-out)}
.flecha.atras:hover::before{transform:translateX(-.42em)}
.art-titulo{font-size:clamp(34px,5.2vw + 6px,96px);font-weight:600;line-height:.98;letter-spacing:-.04em;color:var(--blanco);max-width:19ch;text-wrap:balance}
.art-cuerpo{padding-top:clamp(44px,5.5vw,90px)}
.art-cuerpo aside > div{position:sticky;top:96px;display:grid;gap:22px;max-width:260px}
.art-cuerpo dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 20px;font-size:.92em;border-top:1px solid var(--linea);padding-top:16px}
.art-cuerpo dd{margin:0;color:var(--negro)}
.avance-lectura{height:2px;background:var(--linea);overflow:hidden}
.avance-lectura i{display:block;height:100%;background:var(--negro);transform:scaleX(0);transform-origin:left}
.prosa > *{max-width:66ch}
.prosa p{margin-bottom:1.2em}
.prosa .entradilla{font-size:clamp(20px,.95vw + 12px,28px);font-weight:500;line-height:1.28;letter-spacing:-.012em;color:var(--negro);max-width:34ch;margin-bottom:1.5em}
.prosa strong{font-weight:600;color:var(--negro)}
.prosa h2{margin:2.1em 0 .7em}
.prosa a{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;color:var(--negro);transition:background-size .5s var(--e-out),color .3s var(--e-out)}
.prosa a:hover{background-size:100% 100%;color:var(--blanco)}
.prosa figure{max-width:min(100%,860px);margin:clamp(30px,3.6vw,56px) 0;background:var(--gris2);padding:clamp(14px,2vw,30px)}
.prosa figure img{width:100%;height:auto}
.prosa hr{border:0;border-top:1px solid var(--negro);margin:2.4em 0 1.4em;max-width:none}
.prosa hr ~ p{font-size:.92em}
.siguientes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--margen);margin-top:clamp(26px,3vw,44px)}
.siguientes a{display:grid;gap:12px;border-top:1px solid var(--negro);padding-top:16px}
.siguientes h3{font-size:var(--t-h3);font-weight:500;line-height:1.14;letter-spacing:-.014em;color:var(--negro);text-wrap:balance;transition:transform .7s var(--e-out)}
.siguientes a:hover h3{transform:translateX(8px)}

/* Selector de vista «Clásica · Propuesta». La misma pieza en las dos versiones:
   hereda el color del texto de su cabecera (blanco sobre negro, negro sobre blanco);
   la vista activa lleva el punto amarillo de la identidad, contorneado para que se vea sobre cualquier fondo. */
.vista{display:inline-flex;align-items:center;gap:2px;padding:3px;margin-right:clamp(12px,1.5vw,24px);border:1px solid color-mix(in srgb,currentColor 26%,transparent);border-radius:99px;font-family:inherit;font-weight:500;letter-spacing:.01em;line-height:1;white-space:nowrap;vertical-align:middle}
.vista-op{display:inline-flex;align-items:center;gap:.5em;padding:.52em .9em;border-radius:99px;color:inherit;text-decoration:none!important;opacity:.6;transition:opacity .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1)}
.vista-op[aria-current]{opacity:1;background:color-mix(in srgb,currentColor 11%,transparent)}
.vista-op[aria-current]::before{content:"";flex:none;width:.52em;height:.52em;border-radius:50%;background:#FFD400;box-shadow:0 0 0 1.5px currentColor}
a.vista-op:hover,a.vista-op:focus-visible{opacity:1;background:color-mix(in srgb,currentColor 6%,transparent)}
a.vista-op:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.vista-op .corto{display:none}
.vista-op.sin-par{font-style:normal}
.vista-op.sin-par .largo::after{content:"\2009\2197";opacity:.7}
@media (max-width:600px){
	.vista{padding:0;border:0;gap:0}
	.vista-op[aria-current]{display:none}
	.vista-op{border:1px solid color-mix(in srgb,currentColor 30%,transparent);opacity:.85}
	.vista-op .largo{display:none}
	.vista-op .corto{display:inline}
}

.cab .vista{font-size:.8em}
@media (max-width:600px){.cab nav{gap:14px}.cab nav > a[lang]{font-size:.86em}}
.prosa iframe{display:block;width:100%;max-width:860px;height:auto;aspect-ratio:16/9;border:0;margin:clamp(24px,3vw,44px) 0}
.prosa iframe[src*="spotify"]{aspect-ratio:auto;height:232px;border-radius:12px}

/* ---------- Listados (Journal, Noticias, Publicaciones, Bitácora) ---------- */
.lst-cab{padding-top:clamp(120px,16vh,190px);padding-bottom:clamp(40px,5vw,72px);display:grid;gap:clamp(28px,4vw,56px)}
.lst-titulo{align-items:end}
.lst-titulo .art-titulo{font-size:clamp(46px,8.4vw,150px);line-height:.9;letter-spacing:-.05em;margin-left:-.04em}
.lst-bajada{margin-top:clamp(16px,1.8vw,26px);font-size:var(--t-h3);font-weight:500;line-height:1.2;letter-spacing:-.012em;color:var(--texto);max-width:36ch}
.lst-tabs{position:relative;background:var(--blanco);border-bottom:1px solid var(--negro);padding:0 var(--margen)}
.lst-tabs > div{display:flex;gap:clamp(18px,3vw,48px);overflow-x:auto;scrollbar-width:none}
.lst-tabs a{position:relative;flex:none;padding:18px 0 16px;font-weight:500;color:var(--negro);opacity:.5;transition:opacity .35s var(--e-out)}
.lst-tabs a:hover,.lst-tabs a[aria-current]{opacity:1}
.lst-tabs a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--negro);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--e-out)}
.lst-tabs a[aria-current]::after{transform:none}
.lst-tabs a[aria-current]::before{content:"";position:absolute;left:-.75em;top:50%;width:.42em;height:.42em;margin-top:-.32em;border-radius:50%;background:var(--amarillo);box-shadow:0 0 0 1.5px var(--negro)}
.lst-tabs sup{margin-left:.35em;vertical-align:.55em;font-size:.68em;color:inherit}
.lst-tiempo{padding-top:clamp(36px,4vw,60px);padding-bottom:clamp(36px,4vw,60px)}
.lst-tiempo .linea-t{margin-top:0}
.lst-cuerpo{padding-top:clamp(40px,5vw,80px)}
.anio{display:grid;grid-template-columns:minmax(0,var(--col)) minmax(0,1fr);column-gap:var(--margen);border-top:1px solid var(--negro);padding-bottom:clamp(36px,4.4vw,72px)}
.anio-izq{align-self:start;position:sticky;top:76px;padding-top:clamp(14px,1.6vw,22px)}
.anio-num{font-size:clamp(56px,8vw,140px);font-weight:600;line-height:.86;letter-spacing:-.05em;color:var(--negro);font-variant-numeric:tabular-nums;margin-left:-.04em}
.anio-izq .dato{margin-top:12px}
.filas li{border-bottom:1px solid var(--linea)}
.filas li:last-child{border-bottom:0}
.filas a{display:grid;grid-template-columns:7.2em minmax(0,1fr) clamp(96px,11vw,170px);column-gap:clamp(14px,2vw,32px);align-items:start;padding:clamp(18px,2vw,28px) 0}
.filas time{padding-top:.42em;color:var(--negro)}
.fila-txt{display:grid;gap:.45em}
.fila-txt h3{font-size:clamp(19px,.9vw + 11px,27px);font-weight:500;line-height:1.14;letter-spacing:-.014em;color:var(--negro);text-wrap:balance;transition:transform .7s var(--e-out)}
.fila-txt p{font-size:.94em;max-width:62ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fila-sec{display:inline-flex;align-items:center;gap:.5em;font-size:.84em;color:var(--tenue)}
.filas .mini{aspect-ratio:4/3;overflow:hidden;background:var(--gris2)}
.filas .mini img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);transition:filter .7s var(--e-out),transform 1.1s var(--e-out)}
.filas .mini--vacia{background:repeating-linear-gradient(135deg,var(--gris2) 0 6px,#fff 6px 12px)}
.filas a:hover .fila-txt h3{transform:translateX(8px)}
.filas a:hover .mini img{filter:none;transform:scale(1.04)}
/* Entradas de acceso del equipo: renglón de bitácora, sin imagen ni extracto */
.filas .cerrada a{padding:clamp(12px,1.3vw,18px) 0;align-items:center}
.filas .cerrada h3{font-size:clamp(17px,.5vw + 13px,21px);color:var(--grafito)}
.filas .cerrada time{padding-top:0}
.candado{display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--gris2);color:var(--negro)}
.candado svg{width:.78em;height:.78em}
.filas .cerrada a:hover .candado{background:var(--amarillo)}

/* ---------- Fichas del equipo ---------- */
.per-cab{padding-top:clamp(120px,16vh,190px);padding-bottom:clamp(40px,5vw,72px);display:grid;gap:clamp(28px,4vw,56px)}
.per-titulo{align-items:end}
.per-titulo .art-titulo{max-width:14ch}
.per-cuerpo{align-items:start}
.per-foto{position:sticky;top:96px;max-width:440px}
.per-foto img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.per-bio{font-size:clamp(20px,.95vw + 12px,28px);font-weight:500;line-height:1.32;letter-spacing:-.012em;color:var(--negro);max-width:36ch}
.per-temas{margin-top:clamp(32px,4vw,64px);border-top:1px solid var(--negro);padding-top:20px;display:grid;gap:12px;max-width:52ch}
.per-temas p:last-child{font-size:1.06em;color:var(--negro)}
.per-equipo .per-lista{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:clamp(24px,3vw,40px)}
.per-lista a{display:inline-block;border:1px solid var(--linea);border-radius:99px;padding:.55em 1.05em;font-size:.92em;font-weight:500;color:var(--negro);transition:background-color .35s var(--e-out),color .35s var(--e-out),border-color .35s var(--e-out)}
.per-lista a:hover{background:var(--negro);color:var(--blanco);border-color:var(--negro)}
.per-lista a[aria-current]{background:var(--amarillo);border-color:var(--amarillo)}

/* ---------- Páginas de contenido: los bloques de WordPress con la tipografía y la retícula de la propuesta ---------- */
.pag-cab{padding-top:clamp(120px,16vh,190px);padding-bottom:clamp(40px,5vw,72px);display:grid;gap:clamp(28px,4vw,56px)}
.bloques{display:grid;gap:clamp(22px,2.4vw,36px);padding-top:clamp(44px,5.5vw,90px)}
.bloques > *{max-width:1200px;width:100%}
.bloques p,.bloques li{max-width:66ch}
.bloques h1,.bloques h2,.bloques h3,.bloques h4{font-weight:500;color:var(--negro);letter-spacing:-.016em;line-height:1.14;text-wrap:balance;max-width:30ch}
.bloques h2{font-size:clamp(24px,1.5vw + 12px,38px)}
.bloques h3{font-size:var(--t-h3)}
.bloques h4{font-size:clamp(18px,.5vw + 14px,22px)}
.bloques .has-large-font-size,.bloques .has-larger-font-size,.bloques .has-huge-font-size,.bloques .has-extra-large-font-size,.bloques .has-x-large-font-size{font-size:clamp(24px,1.5vw + 12px,38px);line-height:1.16}
.bloques .has-gigantic-font-size{font-size:clamp(34px,4vw + 8px,72px);line-height:1.04;letter-spacing:-.03em}
.bloques .has-medium-font-size{font-size:clamp(18px,.6vw + 13px,23px);line-height:1.38}
.bloques .has-small-font-size,.bloques .has-tiny-font-size{font-size:.86em}
.bloques .has-text-align-center{text-align:left}
.bloques strong{font-weight:600;color:var(--negro)}
.bloques ul,.bloques ol{padding-left:1.2em;list-style:revert;display:grid;gap:.45em}
.bloques a:not(.wp-block-button__link){background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;color:var(--negro)}
.bloques .wp-block-group,.bloques .wp-block-column{display:grid;gap:clamp(14px,1.6vw,24px);align-content:start}
.bloques .wp-block-columns{display:flex;flex-wrap:wrap;gap:clamp(22px,3vw,52px) var(--margen)}
.bloques .wp-block-column{flex:1 1 0;min-width:min(100%,260px)}
.bloques .wp-block-column[style*="--ancho"]{flex:0 1 calc(var(--ancho) - var(--margen) / 2)}
.bloques .wp-block-separator{border:0;border-top:1px solid var(--negro);margin:clamp(10px,1.4vw,22px) 0;max-width:none}
.bloques :not(hr).has-background{padding:clamp(28px,3.4vw,56px);background:var(--gris2)}
.bloques hr.has-background{padding:0;background:none!important;height:0}
.bloques :not(hr).has-primary-background-color,.bloques :not(hr).has-black-background-color{background:var(--negro);color:rgba(255,255,255,.84)}
.bloques .has-primary-background-color :is(h1,h2,h3,h4,strong,a:not(.wp-block-button__link)),.bloques .has-black-background-color :is(h1,h2,h3,h4,strong,a:not(.wp-block-button__link)){color:var(--blanco)}
.bloques .has-secondary-background-color,.bloques .has-white-background-color{background:transparent;padding:0}
.bloques .has-background-background-color,.bloques .has-selection-background-color{background:var(--gris2)}
.bloques .alignfull{max-width:none}
.bloques figure{margin:0}
.bloques img{width:100%;height:auto}
.bloques .wp-block-image img{filter:grayscale(1) contrast(1.04)}
.bloques .wp-block-media-text{display:grid;grid-template-columns:minmax(0,var(--col)) minmax(0,1fr);gap:var(--margen);align-items:center}
.bloques .wp-block-media-text.has-media-on-the-right{grid-template-columns:minmax(0,1fr) minmax(0,var(--col))}
.bloques .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:2}
.bloques .wp-block-media-text__content{display:grid;gap:14px}
.bloques .wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px}
.bloques .wp-block-button__link{display:inline-flex;align-items:center;gap:.6em;background:var(--amarillo);color:var(--negro);font-weight:600;padding:.78em 1.3em;border-radius:99px;transition:transform .5s var(--e-out)}
.bloques .wp-block-button__link:hover{transform:translateY(-2px)}
.bloques .is-style-outline .wp-block-button__link,.bloques .is-style-button-arrow .wp-block-button__link{background:transparent;border:1px solid var(--negro);color:var(--negro)}
.bloques .is-style-button-arrow .wp-block-button__link::after{content:"\2192"}
.bloques :not(hr).has-primary-background-color .wp-block-button__link,.bloques :not(hr).has-black-background-color .wp-block-button__link{background:var(--amarillo);border-color:var(--amarillo);color:var(--negro)}
.bloques .add-bullet{display:flex;align-items:center;gap:.7em;font-size:var(--t-rotulo);font-weight:500;letter-spacing:.085em;text-transform:uppercase;color:var(--negro)}
.bloques .add-bullet::before{content:"";width:.62em;height:.62em;border-radius:50%;background:currentColor;flex:none}
.bloques input:not([type=checkbox]):not([type=radio]):not([type=submit]),.bloques textarea,.bloques select{width:100%;max-width:640px;font:inherit;color:var(--negro);background:var(--blanco);border:1px solid var(--linea);border-radius:0;padding:.85em 1em;transition:border-color .3s var(--e-out)}
.bloques input:focus,.bloques textarea:focus{outline:none;border-color:var(--negro);box-shadow:0 0 0 1px var(--negro)}
.bloques label{display:block;font-size:var(--t-rotulo);font-weight:500;letter-spacing:.085em;text-transform:uppercase;margin:0 0 .5em;color:var(--negro)}
.bloques button,.bloques input[type=submit],.bloques .wp-block-jetpack-button button{font:inherit;font-weight:600;background:var(--amarillo);color:var(--negro);border:0;border-radius:99px;padding:.8em 1.4em;cursor:pointer}
.bloques form{display:grid;gap:18px;max-width:640px}


/* ---------- Integración con WordPress ---------- */
/* Variables del tema edificio que usan los bloques del contenido y los mu-plugins de Instagram y podcast */
:root{
	--wp--preset--color--primary:#000;--wp--preset--color--secondary:#fff;--wp--preset--color--background:#d9d9d9;--wp--preset--color--foreground:#333;--wp--preset--color--selection:#f2f2f2;
	--wp--preset--font-size--tiny:calc(11.52px + .129vw);--wp--preset--font-size--small:calc(13.51px + .129vw);--wp--preset--font-size--regular:calc(15px + .259vw);--wp--preset--font-size--medium:calc(17.6px + .6472vw);
	--wp--preset--font-size--large:calc(22.6px + .906vw);--wp--preset--font-size--extra-large:calc(25.2px + 1.812vw);--wp--preset--font-size--larger:calc(45.2px + 1.812vw);--wp--preset--font-size--huge:calc(50.29px + 2.589vw);--wp--preset--font-size--gigantic:calc(48.16px + 5.825vw);
	--duration-fast:.15s;--duration-quick:.25s;--duration-slow:.6s;--duration-very-slow:1s;
}
.has-primary-color{color:var(--negro)}.has-secondary-color{color:var(--blanco)}
.has-tiny-font-size{font-size:var(--wp--preset--font-size--tiny)}.has-small-font-size{font-size:var(--wp--preset--font-size--small)}.has-regular-font-size{font-size:var(--wp--preset--font-size--regular)}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)}.has-large-font-size{font-size:var(--wp--preset--font-size--large)}.has-extra-large-font-size{font-size:var(--wp--preset--font-size--extra-large)}.has-larger-font-size{font-size:var(--wp--preset--font-size--larger)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-gigantic-font-size{font-size:var(--wp--preset--font-size--gigantic)}
.add-bullet{display:flex;align-items:center;gap:.7em;font-size:var(--t-rotulo);font-weight:500;letter-spacing:.085em;text-transform:uppercase;margin:0}
.add-bullet::before{content:"";width:.62em;height:.62em;border-radius:50%;background:currentColor;flex:none}
.solo-lector,.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Franjas de Instagram y podcast (sus mu-plugins), con la tipografía y los márgenes de esta vista */
.franja > div{padding-left:var(--margen);padding-right:var(--margen)}
.franja .wp-block-columns{display:flex;flex-wrap:nowrap;gap:0;margin:0}
.franja .wp-block-column{min-width:0}
.franja h3.has-large-font-size{font-size:var(--t-h2)!important;font-weight:500;line-height:1.07;letter-spacing:-.022em;margin:.5em 0 0}
.franja .tes-ig-intro,.franja .tes-pod-intro{font-size:var(--t-h3)!important;font-weight:500;line-height:1.2;letter-spacing:-.012em}
.franja hr.wp-block-separator{border:0;border-top:1px solid currentColor;opacity:.25;margin:0 0 20px;height:0;background:none!important}
.franja-pod{background:var(--negro);color:var(--blanco)}
.franja-pod .tes-pod-ep-titulo{font-weight:500;letter-spacing:-.016em}
.franja-ig .tes-ig-pista img{filter:none}
@media (max-width:820px){.franja .wp-block-columns{flex-wrap:wrap}.franja .wp-block-column{flex-basis:100%!important;padding:0!important}.franja .wp-block-spacer{max-height:64px}}

/* Contenido de las entradas: el primer párrafo hace de entradilla; los subtítulos, sea cual sea su nivel, con un solo estilo */
.prosa:not(.prosa--clave) > p:first-child{font-size:clamp(20px,.95vw + 12px,28px);font-weight:500;line-height:1.28;letter-spacing:-.012em;color:var(--negro);max-width:34ch;margin-bottom:1.5em}
.prosa :is(h1,h2,h3,h4,h5,h6){font-size:var(--t-h3);font-weight:500;line-height:1.16;letter-spacing:-.012em;color:var(--negro);margin:2.1em 0 .7em;text-wrap:balance}
.prosa figure{max-width:min(100%,860px)}
.prosa .wp-block-embed,.prosa iframe{max-width:860px}
.prosa iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}
.prosa .wp-block-embed__wrapper iframe[src*="spotify"]{aspect-ratio:auto;height:232px;border-radius:12px}
/* Contenido de las entradas: tamaños del editor y formularios de contraseña */
.prosa .has-large-font-size,.prosa .has-extra-large-font-size,.prosa .has-larger-font-size{font-size:var(--t-h3);line-height:1.2}
.prosa .has-medium-font-size{font-size:1.08em}
.prosa .wp-block-image img,.prosa img{height:auto}
.prosa--clave{display:grid;gap:18px;align-content:start}
.prosa form,.bloques form{display:grid;gap:14px;max-width:520px}
.prosa input[type=password],.prosa input[type=text],.prosa input[type=email]{width:100%;font:inherit;color:var(--negro);background:var(--blanco);border:1px solid var(--linea);padding:.85em 1em;border-radius:0}
.prosa input:focus{outline:none;border-color:var(--negro);box-shadow:0 0 0 1px var(--negro)}
.prosa label{font-size:var(--t-rotulo);font-weight:500;letter-spacing:.085em;text-transform:uppercase;color:var(--negro)}
.prosa input[type=submit],.prosa button[type=submit]{justify-self:start;font:inherit;font-weight:600;background:var(--amarillo);color:var(--negro);border:0;border-radius:99px;padding:.8em 1.4em;cursor:pointer}
.nav-links{display:flex;gap:12px;padding:28px 0}
.nav-links .page-numbers{padding:.5em .9em;border:1px solid var(--linea);border-radius:99px}
.nav-links .current{background:var(--negro);color:var(--blanco)}

/* ---------- Movimiento ---------- */
.con-mov [data-rev]{opacity:0;transform:translateY(22px);transition:opacity 1s var(--e-out),transform 1.1s var(--e-out);transition-delay:calc(var(--i,0)*70ms)}
.con-mov [data-rev].visto,.con-mov .visto [data-rev]{opacity:1;transform:none}
.con-mov [data-lineas]:not([data-partido]){visibility:hidden}
.con-mov .lin{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.con-mov .lin > span{display:block;transform:translateY(108%);transition:transform 1.15s var(--e-out);transition-delay:calc(var(--i,0)*85ms)}
.con-mov .visto .lin > span,.con-mov .lin.visto > span{transform:none}
.con-mov .monu .l > span{transform:translateY(104%);transition:transform 1.25s var(--e-out);transition-delay:calc(var(--i)*120ms + 120ms)}
.con-mov.listo .monu .l > span{transform:none}
.con-mov .inicio [data-entra]{opacity:0;transform:translateY(14px);transition:opacity .9s var(--e-out),transform 1s var(--e-out);transition-delay:calc(var(--i)*90ms + 520ms)}
.con-mov.listo .inicio [data-entra]{opacity:1;transform:none}
.con-mov .cab{opacity:0;transition:opacity .8s var(--e-out) .7s}
.con-mov.listo .cab{opacity:1}
.con-mov .personas .foto,.con-mov .ig-pista .marco{clip-path:inset(0 0 100% 0);transition:clip-path 1.15s var(--e-out);transition-delay:calc(var(--i,0)*60ms)}
.con-mov .visto .foto,.con-mov .visto .marco{clip-path:inset(0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}

/* ---------- Adaptación ---------- */
@media (max-width:1100px){
	.personas{grid-template-columns:repeat(4,minmax(0,1fr))}
	.ep-actual{grid-template-columns:1fr}
}
@media (max-width:820px){
	.ret,.linea-t .lectura{grid-template-columns:1fr;row-gap:clamp(22px,5vw,34px)}
	.ret > .izq{padding-right:0}
	.monu .l:nth-child(2){padding-left:0}
	.inicio-txt{padding-top:96px}
	:root{--t-monu:clamp(60px,19.6vw,150px)}
	.objetivos .izq > div{position:static}
	.proyecto figure{max-width:210px}
	.entradas a{grid-template-columns:minmax(0,1fr) 96px;row-gap:10px}
	.entradas .meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
	.personas{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ig-pista li{width:44vw}
	.episodios a{grid-template-columns:2.4em minmax(0,1fr) auto}
	.episodios a .dato:last-child{display:none}
	.eje{height:78px}
	.menu-cuerpo{align-self:start}
	.cab .logo span{display:none}
	.anio{grid-template-columns:1fr}
	.per-foto{position:static;max-width:300px}
	.per-titulo .rotulo{display:none}
	.bloques .wp-block-media-text,.bloques .wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr}
	.bloques .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:0}
	.bloques .wp-block-column[style*="--ancho"]{flex:1 1 100%}
	.anio-izq{position:static;display:flex;align-items:baseline;gap:14px;padding-bottom:6px}
	.filas a{grid-template-columns:minmax(0,1fr) 84px;row-gap:6px}
	.filas time{grid-column:1/-1;padding-top:0}
	.filas .cerrada a{grid-template-columns:1fr}
	.filas .cerrada a > span:last-child{display:none}
	.lst-titulo .rotulo{display:none}
	.eje-anios .mes{display:none}
	.siguientes{grid-template-columns:1fr}
	.art-cuerpo aside > div{position:static;max-width:none}
	.avance-lectura{display:none}
}