.contacto {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
}
.espaciador-header {
  display: block;
  width: 100%;
  height: 80px;        /* grosor del header */
  background: transparent; /* o un color si quieres que se vea */
}

/* Hero */
.contacto .hero {
  text-align: center;
  margin-bottom: 40px;
}
.contacto .hero h1 {
  font-size: 2.2rem;
  color: var(--cge-rojo);
}
.contacto .hero p {
  font-size: 1.1rem;
  color: var(--cge-negro);
  margin-bottom: 20px;
}

/* Bloque del formulario */
.contact-form {
  margin-bottom: 40px;
}

/* Información adicional */
.contact-info {
  text-align: center;
}
.contact-info h2 {
  color: var(--cge-rojo);
  margin-bottom: 20px;
}
.contact-info p {
  margin: 8px 0;
  color: var(--cge-negro);
}