/* Teléfono y correo (includes/datos-contacto.html.twig), 2026-10-07.
   · --pie: línea centrada en el footer de todas las páginas, champán sobre
     el fondo oscuro del pie.
   · --pagina: bloque de la página de contacto, encima del formulario. */

.c-datos-contacto {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3) var(--space-7);
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: none;
}

.c-datos-contacto li {
  margin: 0;
}

.c-datos-contacto__enlace {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 44px;
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}

/* — Pie — */
.c-datos-contacto--pie {
  margin-block-end: var(--space-6);
}

.c-footer .c-datos-contacto--pie .c-datos-contacto__enlace {
  font-family: var(--ff-display);
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: .03em;           /* minúsculas: el tracking de versalitas las dispersa */
  color: var(--sl-champagne-hi);
}

.c-datos-contacto--pie .c-icon {
  color: var(--sl-champagne);
}

.c-footer .c-datos-contacto--pie .c-datos-contacto__enlace:hover,
.c-footer .c-datos-contacto--pie .c-datos-contacto__enlace:focus-visible {
  color: #fff;
}

/* — Página de contacto — */
.c-contacto-pagina {
  margin-block: 0 var(--space-8);
  padding-block: var(--space-7);
  border-block: 1px solid var(--div-line);
  text-align: center;
}

.c-contacto-pagina__titulo {
  margin: 0 0 var(--space-5);
  font-family: var(--ff-display);
  font-size: var(--fs-label);
  font-weight: 500;
  letter-spacing: var(--ls-caps-3);
  text-indent: var(--ls-caps-3);
  text-transform: uppercase;
  color: var(--div-accent-strong);
}

.c-datos-contacto--pagina .c-datos-contacto__enlace {
  font-family: var(--ff-display);
  font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem);
  font-weight: 500;
  color: var(--div-ink);
}

.c-datos-contacto--pagina .c-icon {
  color: var(--div-accent);
}

.c-datos-contacto--pagina .c-datos-contacto__enlace:hover,
.c-datos-contacto--pagina .c-datos-contacto__enlace:focus-visible {
  color: var(--div-accent-strong);
}

/* Cifras de altura uniforme: las de estilo antiguo de Cormorant (6 alto, 3
   descendente) hacen que un teléfono se lea a saltos. */
.c-datos-contacto__enlace {
  font-variant-numeric: lining-nums;
}