/* Academia 360°: listado, artículo y 404.
   Usa los tokens y los componentes de sitio.css (que sale de la maqueta). */

/* ---------- cabecera de página interior ---------- */
.pag-cab{position:relative;overflow:hidden;padding:clamp(150px,17vw,220px) 0 clamp(54px,6vw,84px)}
.pag-cab::before{content:"";position:absolute;right:-12vw;top:-30%;width:60vw;height:60vw;background:radial-gradient(closest-side,rgba(72,171,64,.14),transparent 70%);pointer-events:none}
.pag-cab .envoltura{position:relative}
.pag-cab h1{font-size:clamp(44px,7vw,96px);max-width:14ch}
.pag-cab .sec-baj{max-width:48ch}

/* ---------- listado ---------- */
.listado{padding-top:clamp(56px,7vw,96px)}
.listado .aca-grilla{margin-top:0}
.listado .nota h2{margin-top:8px;font-size:clamp(19px,1.5vw,21px);line-height:1.25;letter-spacing:-.012em}

/* ---------- artículo ---------- */
.art-cab{padding-bottom:clamp(40px,5vw,64px)}
.art-cab .envoltura,.art-portada .envoltura{max-width:1020px}
.art-cab h1{font-size:clamp(32px,4.6vw,58px);line-height:1.08;max-width:24ch}
.migas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;font:500 14.5px/1.3 var(--t);color:var(--verde-2)}
.migas a{color:#C9CDC9;text-decoration:none;border-bottom:1px solid #333833;padding-bottom:1px}
.migas a:hover{color:var(--claro);border-color:var(--verde)}
.migas span[aria-hidden]{color:#5B615B}
.art-meta{margin-top:22px;font-size:15px;color:var(--gris)}
.art-portada{background:linear-gradient(var(--negro) 42%,var(--claro) 42%)}
.art-portada picture{display:block}
.art-portada img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#0b0b0b}
.art{padding:clamp(40px,5vw,64px) 0 clamp(70px,9vw,120px)}
.art .envoltura{max-width:820px}

.prosa{font-size:clamp(17px,1.25vw,19px);line-height:1.72;color:#1B1E1B}
.prosa>*+*{margin-top:1.15em}
.prosa p{max-width:none}
.prosa h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin-top:1.8em}
.prosa h3{font-size:clamp(21px,1.9vw,25px);line-height:1.22;letter-spacing:-.015em;margin-top:1.6em}
.prosa ul,.prosa ol{padding-left:1.35em}
.prosa li+li{margin-top:.5em}
.prosa li::marker{color:var(--verde-texto);font-weight:600}
.prosa strong{font-weight:600}
.prosa a{color:var(--verde-texto);text-underline-offset:3px}
.prosa blockquote{border-left:4px solid var(--verde);padding:4px 0 4px 22px;font:500 clamp(19px,1.6vw,22px)/1.45 var(--t);letter-spacing:-.01em}
.prosa blockquote p+p{margin-top:.8em}
.prosa img{max-width:100%;height:auto;border-radius:4px}

.art-cta{margin-top:clamp(50px,6vw,80px);padding:clamp(28px,4vw,48px);border-radius:8px;background:var(--negro);color:var(--claro)}
.art-cta h2{font-size:clamp(26px,3vw,38px);max-width:18ch}
.art-cta p{margin-top:14px;font-weight:300;color:#C9CDC9}
.art-cta .acciones{margin-top:28px}
.claro .art-cta .btn-linea{border-color:#3A3F3A;color:var(--claro)}
.claro .art-cta .btn-linea:hover{border-color:var(--claro)}
.claro .art-cta :focus-visible{outline-color:var(--verde-2)}

.seguir{padding-top:0}
.seguir h2{font-size:clamp(28px,3.2vw,44px)}
.seguir .aca-grilla{margin-top:36px}

/* ---------- 404 ---------- */
.nf{position:relative;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:140px 0 80px}
.nf-num{font:700 clamp(120px,20vw,280px)/.82 var(--t);letter-spacing:-.07em;color:var(--verde);max-width:none}
.nf h1{margin-top:28px;font-size:clamp(34px,4.6vw,60px)}