:root{--rosa:#FF837D;--rosa-claro:#FFB0AC;--tinta:#3A1513;--fondo:#F6F1F0;--tarjeta:#FFFFFF;--suave:#7A5E5B}
@media (prefers-color-scheme:dark){:root{--fondo:#1C1214;--tarjeta:#2A1D1F;--tinta:#F6E4E2;--suave:#B89D9A;--rosa-claro:#5A2F2D}}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-size:16px}
a{color:var(--rosa)}
.envoltura{max-width:760px;margin:0 auto;padding:24px 16px 64px}
header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 32px}
.logo{font-family:Outfit,sans-serif;font-weight:800;font-size:30px;letter-spacing:-.04em;color:var(--tinta);text-decoration:none}
.logo span{color:var(--rosa)}
nav a{color:var(--suave);text-decoration:none;margin-left:16px;font-size:14px}
nav a:hover{color:var(--tinta)}
h1{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-size:clamp(34px,7vw,52px);margin:24px 0 16px}
h2{font-family:Outfit,sans-serif;font-weight:800;font-size:22px;margin:36px 0 8px}
.lema{font-size:19px;color:var(--suave);max-width:560px}
.boton{display:inline-block;background:var(--rosa);color:#fff;font-weight:600;padding:14px 26px;border-radius:999px;text-decoration:none;margin-top:20px}
.boton.secundario{background:transparent;color:var(--tinta);border:1.5px solid var(--suave)}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:40px}
.tarjeta{background:var(--tarjeta);border-radius:20px;padding:20px}
.tarjeta h3{margin:0 0 6px;font-size:16px}
.tarjeta p{margin:0;color:var(--suave);font-size:14.5px}
.legal h2{font-size:19px}
.legal p,.legal li{color:var(--tinta)}
.fecha{color:var(--suave);font-size:14px}
footer{margin-top:64px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--suave) 30%,transparent);font-size:13px;color:var(--suave);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}
footer a{color:var(--suave)}
.idioma{background:none;border:1.5px solid var(--suave);color:var(--suave);border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer;margin-left:16px}
[data-l="en"]{display:none}
html[lang="en"] [data-l="es"]{display:none}
html[lang="en"] [data-l="en"]{display:revert}