/* El Profe Alonso · v5 (borrador). Colores, marca y textos del Profe.
   Fuentes OFL: Bricolage Grotesque ExtraBold (títulos) y Atkinson Hyperlegible (cuerpo; subconjunto renombrado «Profe Legible»). Ver /fonts/. */
@font-face{font-family:"Profe Display";src:url(/fonts/display.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Profe Legible";src:url(/fonts/body.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Profe Legible";src:url(/fonts/body-bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--ink:#13241C;--accent:#1C3329;--paper:#F0EEE2;--muted:#4E5D55;--line:#E2DFCF;--accent-text:#1E6B47;--accent-lg:#2A7A52;--yellow:#F2C94C;--yellow-dk:#B8901C;--D:"Profe Display",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:17px/1.62 "Profe Legible",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff}
a{color:var(--accent-text);text-underline-offset:.16em}.wrap{max-width:1000px;margin:0 auto;padding:0 22px}img{max-width:100%;height:auto}strong,b{font-weight:700}
.skip{position:absolute;left:12px;top:-80px;z-index:10;background:var(--ink);color:#fff;padding:12px 18px;border-radius:0 0 10px 10px;font-weight:700;text-decoration:none}.skip:focus{top:0}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}footer :focus-visible{outline-color:#fff}main:focus{outline:none}.topbg{background:var(--paper)}
header.wrap{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 18px;gap:8px 16px;flex-wrap:wrap}
.marca{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 22px/1 var(--D);letter-spacing:-.01em;min-height:44px}.marca img{display:block;width:36px;height:36px;border-radius:50%}.marca em{font-style:normal;color:var(--accent-lg)}
nav.menu a{display:inline-block;margin-left:6px;padding:12px 6px;color:var(--muted);text-decoration:none;font-size:15px}nav.menu a:first-child{margin-left:0}nav.menu a:hover{color:var(--ink);text-decoration:underline}
nav.menu a[aria-current]{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--accent-lg);text-decoration-thickness:2px;text-underline-offset:6px}
.hero{background:var(--paper);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-180px;bottom:-260px;width:560px;height:560px;border-radius:50%;background:var(--accent);z-index:0}
.hero .grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;padding:8px 22px 64px}
h1,h2,h3{font-family:var(--D);font-weight:800;line-height:1.08;letter-spacing:-.01em}h1{font-size:clamp(36px,5.6vw,58px);margin:.25em 0 .35em}h1 em{font-style:normal;color:var(--accent-lg)}
h1 .l2{display:block;font-size:.62em;line-height:1.12;margin-top:.12em}
h2{font-size:30px;margin:0 0 .5em}h3{font-size:20px;margin:1.4em 0 .4em}
.badge{display:inline-block;background:var(--ink);color:var(--paper);font:700 12px/1 "Profe Legible",sans-serif;letter-spacing:.06em;padding:8px 14px;border-radius:99px;transform:rotate(-2deg)}
.sub{font-size:19px;color:#33443B;max-width:34em}.btn{display:inline-block;background:var(--yellow);color:var(--ink);text-decoration:none;font-weight:700;font-size:18px;padding:15px 28px;border-radius:12px;margin-top:16px;box-shadow:0 6px 0 var(--yellow-dk)}
.btn:hover{transform:translateY(1px);box-shadow:0 5px 0 var(--yellow-dk)}.btn2{display:inline-block;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;padding:12px 22px;border-radius:12px;border:2px solid var(--ink);margin-top:8px}
.price{font-size:14px;color:var(--muted);margin-top:14px}
.hero picture{display:contents}.libro{width:100%;max-width:330px;height:auto;justify-self:center;filter:drop-shadow(0 18px 26px rgba(19,36,28,.22))}
.aviso{background:#E5EEE8;border-left:4px solid #2A7A52;padding:12px 16px;border-radius:0 8px 8px 0;font-size:15px;max-width:34em;margin:18px 0 0}.final .aviso{margin:22px auto 0;text-align:left}
section.s{padding:52px 0;border-bottom:1px solid var(--line)}ol.items{columns:2;column-gap:44px;padding-left:24px}ol.items li{break-inside:avoid;margin-bottom:9px}ol.items li::marker{color:var(--accent-text);font-weight:700}ol.items.one{columns:1}
.stats{list-style:none;padding:0;margin:0 0 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats li{background:var(--paper);border-top:4px solid var(--accent);border-radius:0 0 14px 14px;padding:16px 18px;font-size:16px;line-height:1.4}
.stats .n{display:block;font:800 40px/1 var(--D);color:var(--accent-lg);margin-bottom:6px}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--paper);border-top:4px solid var(--accent);border-radius:0 0 14px 14px;padding:22px 24px}.card.ink{border-top-color:var(--ink);background:#E9EEEA}.card h2{font-size:23px}
.also{display:flex;gap:18px;align-items:center;background:var(--paper);border-radius:14px;padding:18px 20px}.also img{width:150px;height:auto;border-radius:6px;box-shadow:0 6px 14px rgba(19,36,28,.18);flex:none}.also p{margin:4px 0}.also h3{margin:0 0 .3em}.also h3 a{color:var(--ink);text-decoration-color:var(--accent-lg);text-underline-offset:4px}
.final{text-align:center;padding:60px 0;border-bottom:1px solid var(--line)}.final p{max-width:34em;margin-left:auto;margin-right:auto}
.prox{padding:36px 0 44px}.prox .card{padding:18px 22px}.prox h2{font-size:22px;margin:0 0 .3em}.prox p{margin:6px 0;font-size:16px}
.etq{display:inline-block;font-size:13px!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.chips{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px}.chips li{background:#fff;border:1px solid var(--line);border-radius:99px;padding:5px 12px;font-size:15px;line-height:1.35}
footer{background:var(--ink);color:#D9D6C6;font-size:14px;padding:34px 0 44px;margin-top:0}footer a{color:#fff;display:inline-block;padding:10px 0}footer nav{display:flex;flex-wrap:wrap;gap:0 22px;margin:0 0 8px}footer p{margin:6px 0;max-width:60em}footer strong{color:#fff}
.doc{max-width:760px;padding-top:12px;padding-bottom:60px}.doc h1{font-size:clamp(32px,5vw,46px)}.doc h2{font-size:24px;margin:1.5em 0 .45em}.doc p,.doc li{max-width:68ch}.back,.volver{display:inline-block;padding:10px 0}
.crumbs ol{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;font-size:15px;color:var(--muted)}.crumbs li+li:before{content:"/";padding:0 8px;color:var(--muted)}.crumbs a{display:inline-block;padding:11px 0}
.cita,.meta-id{font-size:15px;color:var(--muted);margin:0 0 6px}.intro-articulo{font-size:19px;color:#33443B}
.respuesta{background:var(--paper);border-left:4px solid var(--accent);border-radius:0 10px 10px 0;padding:14px 18px;margin:18px 0;font-size:18px}
.opciones{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}.formula{display:block;margin:6px 0 10px;padding:6px 12px;background:#F8F7F0;border-left:3px solid var(--accent-lg);border-radius:0 6px 6px 0;overflow-wrap:anywhere;font-variant-numeric:lining-nums tabular-nums}
.pasos-resolucion>li{margin:0 0 14px}.pasos-resolucion>li::marker{color:var(--accent-text);font-weight:700}
.ojo{background:#E9EEEA;border-radius:12px;padding:14px 18px}figure{margin:18px 0}figure svg{width:100%;height:auto;display:block;border-radius:14px}figcaption{font-size:14px;color:var(--muted);margin-top:10px}
.lista-tiza{padding-left:22px}.lista-tiza li{margin:4px 0}.lista-tiza a{display:inline-block;padding:6px 0}
.tarjeta{list-style:none;padding:0}.tarjeta li{background:var(--paper);border-top:4px solid var(--accent);border-radius:0 0 14px 14px;padding:18px 22px;margin:0 0 16px}.tarjeta h3{margin:0 0 .3em;font-size:21px}.tarjeta h3 a{color:var(--ink);text-decoration-color:var(--accent-lg);text-underline-offset:4px}
.peque{font-size:15px}.solo-lector{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:761px) and (max-width:1000px){.hero:after{right:-230px;bottom:-300px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn:hover{transform:none}}
@media(max-width:760px){.hero .grid{grid-template-columns:1fr;padding-bottom:176px}.libro{max-width:230px;order:-1}ol.items{columns:1}.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:12px}.stats .n{font-size:34px}
.hero:after{width:360px;height:360px;right:-160px;bottom:-200px}.also{flex-direction:column;align-items:flex-start}.also img{width:100%;max-width:300px}header.wrap{padding-bottom:10px}nav.menu{margin:0 -4px}nav.menu a{margin-left:0;padding:12px 4px;font-size:14.5px}}
@media(forced-colors:active){.btn,.btn2{border:2px solid ButtonText}}
@media print{.hero:after{display:none}footer{background:#fff;color:#000}footer a{color:#000}}