:root { --oro: #e2b24a; --oro-oscuro: #96681e; --noche: #0e1222; --texto: #e9e4d8; --suave: #b9b2a3; }
* { box-sizing: border-box; }
body {
  margin: 0; background: radial-gradient(ellipse at top, #2e160e 0%, var(--noche) 70%) fixed;
  color: var(--texto); font-family: Georgia, "Times New Roman", serif; line-height: 1.65;
}
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 64px; }
header { text-align: center; margin-bottom: 36px; }
header img { width: 120px; height: 120px; border-radius: 50%; }
h1 { font-size: 2.4rem; letter-spacing: 0.12em; color: var(--oro); margin: 18px 0 6px; text-transform: uppercase; }
h2 { color: var(--oro); font-size: 1.35rem; margin-top: 2.2em; border-bottom: 1px solid var(--oro-oscuro); padding-bottom: 6px; }
p, li { color: var(--texto); }
.lema { color: var(--suave); font-style: italic; margin: 0; }
a { color: var(--oro); }
.boton {
  display: inline-block; margin-top: 18px; padding: 12px 26px; border: 1px solid var(--oro); border-radius: 4px;
  color: var(--noche); background: var(--oro); text-decoration: none; font-weight: bold; letter-spacing: 0.05em;
}
footer { margin-top: 56px; text-align: center; color: var(--suave); font-size: 0.9rem; }
footer a { margin: 0 10px; }