/* Colores editables */
:root {
  --color-principal: #c0392b;
  --color-fondo: #fdf6ec;
  --color-texto: #2c2c2c;
  --color-titulo: #27ae60;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; background: var(--color-fondo); color: var(--color-texto); }
.hero { text-align: center; padding: 4rem 1rem; }
.hero h1 { color: var(--color-titulo); font-size: 2.5rem; margin: 0 0 .5rem; }
.boton { display: inline-block; margin-top: 1rem; padding: .8rem 1.6rem; background: var(--color-principal); color: #fff; text-decoration: none; border-radius: 6px; }
.bloque { display: flex; flex-direction: column; gap: 1.5rem; align-items: center; text-align: center; max-width: 600px; margin: 0 auto; padding: 2rem 1rem; }
.bloque img { width: 100%; max-width: 400px; border-radius: 8px; }
footer { text-align: center; padding: 2rem; font-size: .9rem; }