/* ============================================================
   CONTACTO · estilos propios de la página
   Todo lo estructural (rejilla .contacto, .campo, .boton,
   .contacto__datos) vive en el sistema. Aquí solo lo que es
   exclusivo de esta página: el aviso del formulario y el ajuste
   de peso de los datos de la sede.
   ============================================================ */

/* Aviso mientras el envío no está conectado. Nota discreta, en cuerpo
   menor y tenue: informa sin robar peso al botón. Hereda los colores de
   la superficie (arena), así que el enlace ya es vino, no rosa. */
.contacto__aviso {
  margin: 0;
  font-size: var(--text-menor);
  line-height: var(--lh-lead);
  color: var(--texto-tenue);
}

.contacto__aviso a {
  color: inherit;
  text-decoration: none;
  border-bottom: var(--linea) solid var(--borde-fuerte);
  transition: border-color var(--dur-rapida) var(--ease);
}

.contacto__aviso a:hover { border-color: var(--acento-texto); }

/* ---------- Datos de la sede ----------
   Junto al formulario, los datos son referencia, no protagonista: van más
   compactos y con menos peso para que el formulario lleve la voz. Se
   reduce el aire entre bloques y el dato baja a cuerpo menor y tono
   tenue; la etiqueta ya era micro. */
.contacto__datos { gap: var(--space-xs); }

.contacto__dato dd {
  font-size: var(--text-menor);
  line-height: var(--lh-lead);
  color: var(--texto-tenue);
}

/* ---------- Honeypot ----------
   El campo trampa contra bots. Fuera de pantalla, no oculto con
   display:none: algunos bots ignoran lo que está en none, pero rellenan
   igual lo que existe en el DOM. Así queda invisible y sin ocupar sitio,
   pero presente para quien lo va a rellenar por error: el bot. */
.campo-trampa {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ---------- Avisos de resultado del envío ----------
   Reutilizan el .contacto__aviso base. El de éxito toma el verde de
   "convocatoria abierta"; el de error, el vino del acento de texto, que
   es el tono de alarma disponible en la paleta sin inventar color. */
.contacto__aviso--ok {
  border-inline-start: 3px solid var(--estado-abierto);
  padding-inline-start: var(--space-sm);
}

.contacto__aviso--error {
  border-inline-start: 3px solid var(--acento-texto);
  padding-inline-start: var(--space-sm);
}