@font-face{font-family:Unbounded;src:url(/fuentes/unbounded-800.ttf);font-weight:800;font-display:swap}
@font-face{font-family:Jakarta;src:url(/fuentes/jakarta-400.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url(/fuentes/jakarta-800.ttf);font-weight:800;font-display:swap}
@font-face{font-family:Literata;src:url(/fuentes/literata-400.ttf);font-weight:400;font-display:swap}
:root{--fondo:#15103a;--fondo2:#2b1f6e;--tarjeta:rgba(255,255,255,.06);--borde:rgba(255,255,255,.14);--texto:#fff;--texto2:rgba(255,255,255,.78);
--texto3:rgba(255,255,255,.55);--oro:#ffc857;--ambar:#f5a524}
*{box-sizing:border-box}html{background:var(--fondo)}
body{margin:0;font-family:Jakarta,system-ui,sans-serif;color:var(--texto);background:linear-gradient(180deg,var(--fondo2),var(--fondo) 420px);
line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--oro)}main{max-width:760px;margin:0 auto;padding:0 16px 64px}
header.barra{max-width:760px;margin:0 auto;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
header.barra img{height:34px}header.barra a.app{font-weight:800;font-size:14px;text-decoration:none;color:#1c1440;background:var(--oro);padding:9px 14px;border-radius:12px}
h1,h2{font-family:Unbounded,Jakarta,sans-serif;font-weight:800;letter-spacing:-.01em;line-height:1.15}
h1{font-size:clamp(28px,6vw,42px);margin:18px 0 8px}h2{font-size:20px;margin:34px 0 10px}
.kicker{font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--oro)}
.frase{font-size:18px;color:var(--texto2)}
.verso{font-family:Literata,Georgia,serif;font-size:20px;line-height:1.6;background:var(--tarjeta);border:1px solid var(--borde);border-radius:18px;padding:18px 20px;margin:18px 0}
.verso cite{display:block;font-family:Jakarta,sans-serif;font-style:normal;font-weight:800;font-size:13px;color:var(--oro);margin-top:8px}
dl.guia{display:grid;grid-template-columns:1fr;gap:10px;margin:0}dl.guia div{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;padding:14px 16px}
dl.guia dt{font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--oro);margin-bottom:4px}dl.guia dd{margin:0;color:var(--texto2)}
ol.partes{padding-left:20px;color:var(--texto2)}ol.partes b{color:var(--texto)}
.nota{font-size:13px;color:var(--texto3)}
.grupo{margin:26px 0}.grupo p{color:var(--texto2);margin:4px 0 12px}
.libros{display:flex;flex-wrap:wrap;gap:8px}.libros a{text-decoration:none;color:var(--texto);background:var(--tarjeta);border:1px solid var(--borde);
border-radius:12px;padding:8px 12px;font-weight:800;font-size:14px}.libros a:hover{border-color:var(--oro)}
.cta{margin:36px 0 0;background:linear-gradient(135deg,#3a2a8a,#211852);border:1px solid var(--borde);border-radius:22px;padding:22px}
.cta h2{margin-top:0}.cta p{color:var(--texto2)}
.vecinos{display:flex;justify-content:space-between;gap:12px;margin-top:28px;font-weight:800}
.leccion{background:var(--tarjeta);border:1px solid var(--borde);border-radius:18px;padding:16px 18px;margin:14px 0}
.leccion h3{margin:0 0 6px;font-size:17px}.leccion p{color:var(--texto2);margin:8px 0}
footer{max-width:760px;margin:0 auto;padding:24px 16px 40px;color:var(--texto3);font-size:13px;border-top:1px solid var(--borde)}