/* Páginas sueltas de la web (legales, Filosofía, blog). Generadas por lib/hacer-paginas.cjs. */
:root{--fondo:#07060a;--tarjeta:#16121c;--linea:#2a2233;--oro:#f5c542;--rojo:#e3193f;--texto:#f3eee6;--suave:#b8aec2}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--fondo)}
body{color:var(--texto);font:400 17px/1.7 Outfit,system-ui,sans-serif;background:radial-gradient(90% 60% at 20% 0%,rgba(245,197,66,.10),transparent 60%),radial-gradient(80% 60% at 100% 30%,rgba(227,25,63,.10),transparent 60%),var(--fondo);min-height:100vh}
a{color:var(--oro)}
.contenedor{width:min(820px,100% - 32px);margin-inline:auto}
header{border-bottom:1px solid var(--linea);background:rgba(7,6,10,.85);position:sticky;top:0;backdrop-filter:blur(12px);z-index:5}
header .contenedor{display:flex;align-items:center;justify-content:space-between;gap:12px;height:66px;width:min(1180px,100% - 32px)}
header img{height:42px;display:block}
header nav{display:flex;gap:18px;align-items:center}header nav a{color:var(--suave);text-decoration:none;font-size:15px}
.boton{display:inline-block;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#ffe27a,var(--oro) 45%,#c8901a);color:#1a1205!important;font-weight:600;text-decoration:none}
.boton.borde{background:transparent;border:1.5px solid rgba(255,255,255,.25);color:var(--texto)!important}
@media (max-width:640px){header nav a:not(.boton){display:none}}
.texto{padding:48px 0 70px}
.texto h1{font:700 clamp(32px,6vw,48px)/1.1 "Playfair Display",serif;margin-bottom:10px}
.texto h2{font:700 26px/1.2 "Playfair Display",serif;color:var(--oro);margin:34px 0 10px}
.texto h3,.texto h4{font-size:19px;margin:24px 0 6px}
.texto p,.texto li{color:#e6dfe9;margin-bottom:12px}.texto ul{padding-left:22px}
.nota{color:var(--suave)!important;font-size:15px}
.titulares{display:grid;gap:14px;margin:14px 0}
.titular{background:var(--tarjeta);border:1px solid var(--linea);border-radius:16px;padding:18px 20px}
.titular b{display:block;font:700 20px "Playfair Display",serif;color:var(--oro);margin-bottom:6px}
.titular div{color:#e6dfe9}
.cta{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
footer{border-top:1px solid var(--linea);padding:30px 0 50px;color:var(--suave);font-size:14px}
footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}footer a{color:var(--suave)}