:root{--fondo:#0f1115;--panel:#171a21;--texto:#e8e6e1;--suave:#a9a69d;--acento:#e0b25a;--linea:#2a2e38}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
main{max-width:720px;margin:0 auto;padding:56px 22px 72px}
header.marca{display:flex;align-items:center;gap:14px;margin-bottom:34px}
.sello{width:44px;height:44px;border-radius:50%;border:2px solid var(--acento);display:grid;place-items:center;color:var(--acento);font-weight:700;font-size:20px}
.marca b{font-size:1.15rem;letter-spacing:.04em}
h1{font-size:2.1rem;line-height:1.2;margin:0 0 14px}
h2{font-size:1.2rem;margin:38px 0 8px;color:var(--acento);font-weight:600}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:22px}
li{margin:0 0 6px}
a{color:var(--acento)}
.suave{color:var(--suave)}
.panel{background:var(--panel);border:1px solid var(--linea);border-radius:12px;padding:20px 22px;margin:22px 0}
hr{border:0;border-top:1px solid var(--linea);margin:44px 0}
footer{color:var(--suave);font-size:.9rem;margin-top:48px;border-top:1px solid var(--linea);padding-top:18px}
@media (max-width:520px){html{font-size:16px}h1{font-size:1.7rem}main{padding:36px 18px 56px}}