/*
Theme Name: Cuaderno
Description: Tema propio de Time To Act: columna lateral estrecha, titulares grandes con una palabra en cursiva y listas en filas.
Version: 1.0.1
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
Update URI: false
Text Domain: cuaderno-ta
*/

@font-face{font-family:"Ibarra Real Nova";src:url(assets/fonts/ibarra-real-nova-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Ibarra Real Nova";src:url(assets/fonts/ibarra-real-nova-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Ibarra Real Nova";src:url(assets/fonts/ibarra-real-nova-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Ibarra Real Nova";src:url(assets/fonts/ibarra-real-nova-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Ibarra Real Nova";src:url(assets/fonts/ibarra-real-nova-latin-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Ibarra Real Nova";src:url(assets/fonts/ibarra-real-nova-latin-700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}

:root{--tinta:#0F172A;--pizarra:#475569;--acento:#0E7490;--claro:#7DD3E8;--niebla:#EEF4F7;--filete:#CBD5E1;--borde:#64748B;--blanco:#fff;--f:"Ibarra Real Nova",Georgia,"Times New Roman",serif;--rail:300px;--pad:clamp(20px,5vw,72px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-bottom:var(--ck-h,0px)}
body{padding-bottom:var(--ck-h,0px);margin:0;background:var(--blanco);color:var(--tinta);font-family:var(--f);font-size:20px;line-height:1.65}
img,svg{max-width:100%;height:auto}
a{color:var(--tinta);text-decoration:none}
a:hover{color:var(--acento);text-decoration:underline}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--acento);outline-offset:3px}
.cdt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cdt-skip{position:absolute;left:-9999px;top:8px;background:var(--tinta);color:#fff;padding:10px 16px;z-index:100}
.cdt-skip:focus{left:8px}
h1,h2,h3{margin:0;font-weight:600;line-height:1.1}
em{font-style:italic}

/* Estructura: columna lateral + contenido */
.cdt-app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr)}
.cdt-rail{position:sticky;top:0;align-self:start;max-height:100vh;overflow:auto;padding:44px 36px;border-right:1px solid var(--filete);display:flex;flex-direction:column;gap:28px}
.cdt-rail__top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.cdt-logo{font-size:46px;line-height:1;font-style:italic;font-weight:700;color:var(--tinta)}
.cdt-logo span{color:var(--acento)}
.cdt-logo:hover{text-decoration:none}
.cdt-lema{margin:0;font-size:20px;line-height:1.4;color:var(--pizarra)}
.cdt-mb{display:none;min-height:44px;min-width:44px;padding:0 16px;border:1px solid var(--borde);background:#fff;color:var(--tinta);font:600 18px var(--f);cursor:pointer}
.cdt-m{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:25px;font-weight:600;line-height:1.3}
.cdt-m a{display:inline-block;min-height:32px}
.cdt-m .current-menu-item>a,.cdt-m .current-cat>a{color:var(--acento)}
.cdt-m__s a,.cdt-m>li:nth-last-child(-n+2):not(:nth-child(-n+3)) a{font-weight:400}
.cdt-m .sub-menu{list-style:none;margin:6px 0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:20px;font-weight:400}
.cdt-ix{margin-top:28px;display:flex;flex-direction:column;gap:8px;font-size:17px;line-height:1.35}
.cdt-ix b{font-style:italic;font-weight:600;font-size:19px}
.cdt-ix a{color:var(--pizarra)}
.cdt-col{min-width:0}
.cdt-pad{padding:56px var(--pad) 88px;display:flex;flex-direction:column;gap:56px;max-width:1100px}
.cdt-pad>*{min-width:0}

/* Elementos comunes */
.cdt-bc{font-size:17px;color:var(--pizarra)}
.cdt-bc a{color:var(--pizarra)}
.cdt-meta{margin:0;font-size:19px;color:var(--pizarra)}
.cdt-meta a,.cdt-meta em{color:var(--acento)}
.cdt-meta a,.cdt-ft p a{text-decoration:underline}
.cdt-h2{font-size:39px;font-style:italic;font-weight:600;line-height:1.2;margin:0 0 20px}
.cdt-h2 em{color:var(--acento)}
.cdt-img{display:block;background:var(--niebla);overflow:hidden}
.cdt-img img{display:block;width:100%;height:100%;object-fit:cover}
.cdt-btn,.cdt-sf button{display:inline-flex;align-items:center;min-height:52px;padding:0 32px;border:0;background:var(--acento);color:#fff;font:600 21px var(--f);cursor:pointer}
.cdt-btn:hover{color:#fff;text-decoration:underline}
.cdt-lead{margin:0;font-size:25px;line-height:1.4}
.cdt-lead a,.cdt-txt a{color:var(--acento);text-decoration:underline}

/* Portada */
.cdt-hero{display:flex;flex-direction:column;gap:24px}
.cdt-hero h2{font-size:clamp(40px,7.2vw,92px);line-height:1.02;letter-spacing:-.015em}
.cdt-hero h2 em,.cdt-eh h1 em,.cdt-pgh em{color:var(--acento);font-weight:400}
.cdt-hero__i{aspect-ratio:16/9;max-height:420px}
.cdt-hero h2 em{display:inline-block;animation:cdt-rev .6s ease-out both}
@keyframes cdt-rev{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.cdt-fila{display:flex;gap:24px;align-items:baseline;padding:20px 0;border-top:1px solid var(--filete)}
.cdt-ult .cdt-fila:last-child,.cdt-rel .cdt-fila:last-child{border-bottom:1px solid var(--filete)}
.cdt-fila time{width:220px;flex:none;font-size:18px;color:var(--pizarra)}
.cdt-fila a{flex:1 1 0;font-size:28px;font-weight:600;line-height:1.25}
.cdt-fila em{color:var(--acento);font-size:20px}
.cdt-fila--s{padding:18px 0}
.cdt-secs{display:flex;flex-direction:column;gap:56px}
.cdt-sec{display:flex;gap:48px;align-items:flex-start}
.cdt-sec__n{width:260px;flex:none;font-size:61px;line-height:1;font-style:italic;font-weight:600;color:var(--acento)}
.cdt-sec ul{margin:0;padding:0;list-style:none;flex:1 1 0;display:flex;flex-direction:column;gap:14px;font-size:25px;line-height:1.3}

/* Archivo */
.cdt-ah{display:flex;flex-direction:column;gap:12px}
.cdt-ah h1{font-size:clamp(48px,9vw,120px);line-height:1;font-style:italic;letter-spacing:-.02em;color:var(--acento);overflow-wrap:anywhere}
.cdt-lista{display:flex;flex-direction:column}
.cdt-it{display:flex;gap:32px;padding:28px 0;border-top:1px solid var(--filete);align-items:flex-start}
.cdt-lista .cdt-it:last-child{border-bottom:1px solid var(--filete)}
.cdt-it__i{width:240px;height:150px;flex:none}
.cdt-it h2{font-size:31px;line-height:1.2;margin-top:6px}
.cdt-pg{display:flex;flex-wrap:wrap;gap:12px;font-size:22px;font-weight:600}
.cdt-pg a,.cdt-pg span{min-width:44px;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--borde)}
.cdt-pg .current{background:var(--acento);border-color:var(--acento);color:#fff}

/* Entrada */
.cdt-eh{display:flex;flex-direction:column;gap:20px}
.cdt-eh h1{font-size:clamp(38px,6vw,76px);line-height:1.04;letter-spacing:-.015em}
.cdt-eh__i{aspect-ratio:16/9;max-height:420px}
.cdt-txt{max-width:680px;font-size:20px;line-height:1.65}
.cdt-txt>*{margin:0 0 22px}
.cdt-txt h2{font-size:39px;line-height:1.15;margin:40px 0 18px;scroll-margin-top:24px}
.cdt-txt h3{font-size:28px;line-height:1.2;margin:32px 0 14px}
.cdt-txt ul,.cdt-txt ol{padding-left:1.3em}
.cdt-txt li{margin-bottom:8px}
.cdt-txt img{height:auto}
.cdt-txt blockquote{margin:0 0 22px;padding-left:20px;border-left:3px solid var(--acento);font-style:italic}
.cdt-txt table{border-collapse:collapse;width:100%;font-size:18px;display:block;overflow-x:auto}
.cdt-txt th,.cdt-txt td{border:1px solid var(--filete);padding:8px 12px;text-align:left}
.cdt-also{padding:14px 18px;background:var(--niebla)}
.cdt-sh{max-width:680px;padding:20px 0;border-top:1px solid var(--filete);display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:18px}
.cdt-sh span{color:var(--pizarra)}
.cdt-sh a,.cdt-sh button{min-height:44px;padding:0 16px;border:1px solid var(--borde);background:#fff;color:var(--tinta);font:400 18px var(--f);display:inline-flex;align-items:center;cursor:pointer}
.cdt-sh a:hover,.cdt-sh button:hover{color:var(--acento);text-decoration:none;border-color:var(--acento)}

/* Páginas */
.cdt-pgh{font-size:clamp(44px,6vw,76px);line-height:1.05;letter-spacing:-.015em}
.cdt-pgh--g{font-size:clamp(40px,7.2vw,92px);line-height:1.02}
.cdt-pgh--a{font-size:clamp(52px,9vw,120px);line-height:1;font-style:italic;color:var(--acento);letter-spacing:-.02em;font-weight:600}
.cdt-dos{display:flex;gap:56px;align-items:flex-start}
.cdt-dos>.cdt-txt{flex:1 1 0}
.cdt-dos__i{width:360px;height:440px;flex:none}
.cdt-def__f{display:flex;gap:40px;align-items:baseline;padding:28px 0;border-top:1px solid var(--filete)}
.cdt-def .cdt-def__f:last-child{border-bottom:1px solid var(--filete)}
.cdt-def__f .cdt-sec__n{font-size:49px;width:240px}
.cdt-def__f p{margin:0;flex:1 1 0;max-width:520px}
.cdt-cf{flex:1 1 0;max-width:600px;display:flex;flex-direction:column;gap:26px}
.cdt-cf label{display:block;font-size:19px;font-weight:600;margin-bottom:8px}
.cdt-cf input[type=text],.cdt-cf input[type=email],.cdt-cf textarea,.cdt-sf input{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--borde);background:#fff;color:var(--tinta);font:400 20px var(--f)}
.cdt-cf textarea{padding:14px 16px;line-height:1.5;resize:vertical}
.cdt-cf .cdt-chk{display:flex;gap:12px;align-items:flex-start;font-size:18px;font-weight:400;line-height:1.5}
.cdt-cf .cdt-chk input{width:24px;height:24px;margin:2px 0 0;flex:none;accent-color:var(--acento)}
.cdt-cf .cdt-btn{align-self:flex-start}
.cdt-hp{position:absolute;left:-9999px}
.cdt-msg{margin:0;padding:14px 18px;background:var(--niebla);border-left:4px solid var(--acento);font-size:19px}
.cdt-lado{width:340px;flex:none;display:flex;flex-direction:column;gap:28px}
.cdt-lado__i{height:260px}
.cdt-lado p{margin:0}
.cdt-lado a{color:var(--acento);text-decoration:underline}
.cdt-sf{display:flex;gap:12px;max-width:560px}
.cdt-sf input{flex:1 1 0}

/* Pie */
.cdt-ft{background:var(--tinta);color:#fff;padding:56px var(--pad) 56px calc(var(--rail) + 36px);font-size:18px;line-height:1.6}
.cdt-ft__in{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.cdt-ft a{color:#fff}
.cdt-ft .cdt-logo{font-size:31px;color:#fff}
.cdt-ft .cdt-logo span,.cdt-on{color:var(--claro)}
.cdt-ft p{margin:4px 0 0;color:var(--filete)}
.cdt-ft nav{display:flex;flex-wrap:wrap;gap:4px 28px}
.cdt-ft nav a{min-height:44px;display:inline-flex;align-items:center}
.cdt-ft a:focus-visible{outline-color:var(--claro)}

/* Aviso de cookies */
.cdt-ck{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--tinta);color:#fff;padding:18px var(--pad);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;font-size:17px;line-height:1.5;border-top:3px solid var(--claro)}
.cdt-ck[hidden]{display:none}
.cdt-ck p{margin:0;max-width:760px}
.cdt-ck a{color:#fff;text-decoration:underline}
.cdt-ck div{display:flex;gap:12px}
.cdt-ck button{min-height:44px;padding:0 24px;font:600 18px var(--f);cursor:pointer;border:1px solid var(--claro);background:var(--claro);color:var(--tinta)}
.cdt-ck button:focus-visible{outline-color:var(--claro)}

/* Móvil y tableta */
@media (max-width:1023px){
.cdt-app{display:block}
.cdt-rail{position:static;max-height:none;overflow:visible;padding:14px 20px;border-right:0;border-bottom:1px solid var(--filete);gap:10px}
.cdt-logo{font-size:32px}
.cdt-lema{display:none}
.cdt-mb{display:inline-flex;align-items:center}
.cdt-nav{display:none;padding:8px 0 12px}
.cdt-nav.is-open{display:block}
.cdt-ix{margin-top:16px}
.cdt-pad{padding-top:32px;gap:44px}
.cdt-ft{padding-left:var(--pad)}
.cdt-dos{flex-direction:column}
.cdt-dos__i{width:100%;height:260px}
.cdt-lado{width:100%}
}
@media (max-width:640px){
body{font-size:19px}
.cdt-fila{flex-wrap:wrap;gap:4px 16px;padding:16px 0}
.cdt-fila time{width:100%;font-size:16px}
.cdt-fila a{font-size:25px;flex-basis:100%}
.cdt-sec{flex-direction:column;gap:14px}
.cdt-sec__n{width:auto;font-size:49px;min-height:44px}
.cdt-it{flex-direction:column;gap:14px}
.cdt-it__i{width:100%;height:200px}
.cdt-def__f{flex-direction:column;gap:8px}
.cdt-def__f .cdt-sec__n{width:auto}
.cdt-h2{font-size:31px}
.cdt-sf{flex-direction:column}
.cdt-ck div{width:100%}
.cdt-ck button{flex:1 1 0}
}
@media (prefers-reduced-motion:reduce){
.cdt-hero h2 em{animation:none}
html{scroll-behavior:auto}
}

.cdt-nota{margin:0;font-size:18px;color:var(--pizarra)}
.cdt-ck button:focus-visible{outline-color:#fff}