:root{--fondo:#FAF8F4;--texto:#26292E;--suave:#5E6470;--linea:#E3DED4;--acento:#2F6B5E}
@media (prefers-color-scheme:dark){:root{--fondo:#17191C;--texto:#ECE8DF;--suave:#A3A8B1;--linea:#2C3036;--acento:#7CC4B0}}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font:18px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main,header,footer{max-width:720px;margin:0 auto;padding:0 20px}
header{padding-top:28px;padding-bottom:8px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.marca{font-size:26px;font-weight:700;letter-spacing:.5px;color:var(--texto);text-decoration:none}
nav a{color:var(--suave);text-decoration:none;margin-left:18px;font-size:16px}
nav a:hover{color:var(--acento)}
h1{font-size:34px;line-height:1.2;margin:36px 0 12px}
h2{font-size:22px;margin:36px 0 8px}
p,li{color:var(--texto)}
.lema{font-size:21px;color:var(--suave);margin:0 0 28px}
ul{padding-left:22px}
li{margin:6px 0}
a{color:var(--acento)}
.aviso{border:1px solid var(--linea);border-radius:10px;padding:14px 18px;color:var(--suave);margin:28px 0}
footer{border-top:1px solid var(--linea);margin-top:56px;padding-top:18px;padding-bottom:40px;color:var(--suave);font-size:15px}