:root {
  --tinta: #2f2b29;
  --texto: #645d58;
  --fondo: #f7f4ef;
  --superficie: #fffdf9;
  --acento: #9e5d47;
  --borde: #ded6cd;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--tinta); font-family: Arial, sans-serif; line-height: 1.6; }
a { color: inherit; }
.cabecera-informativa { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px max(24px, calc((100% - 1120px) / 2)); border-bottom: 1px solid var(--borde); background: var(--superficie); }
.marca-informativa { color: var(--tinta); font-family: Georgia, serif; font-size: 23px; font-weight: bold; text-decoration: none; }
.volver-inicio { color: var(--acento); font-weight: bold; text-decoration: none; }
main { width: min(100% - 40px, 900px); margin: 0 auto; padding: 72px 0; }
.sobretitulo { margin: 0 0 8px; color: var(--acento); font-size: 13px; font-weight: bold; letter-spacing: .12em; }
h1, h2 { font-family: Georgia, serif; line-height: 1.15; }
h1 { max-width: 720px; margin: 0; font-size: clamp(38px, 7vw, 62px); }
.introduccion { max-width: 700px; margin: 24px 0 48px; color: var(--texto); font-size: 19px; }
.pasos, .bloques { display: grid; gap: 18px; }
.pasos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tarjeta, .bloque { padding: 28px; border: 1px solid var(--borde); background: var(--superficie); }
.numero { margin: 0 0 12px; color: var(--acento); font-weight: bold; }
h2 { margin: 0 0 12px; font-size: 28px; }
.tarjeta p, .bloque p, li { color: var(--texto); }
.cta { display: inline-block; margin-top: 42px; padding: 14px 20px; background: var(--acento); color: white; font-weight: bold; text-decoration: none; }
.pie-informativo { padding: 28px 20px; border-top: 1px solid var(--borde); color: var(--texto); text-align: center; font-size: 14px; }
.pie-informativo a { margin: 0 8px; }
@media (max-width: 640px) { .cabecera-informativa { padding: 18px 20px; } main { padding: 48px 0; } .pasos { grid-template-columns: 1fr; } .tarjeta, .bloque { padding: 22px; } }