/* ==========================================================================
   components/datos-contacto.css — Datos de contacto
   Componente marcado: datos-contacto (contacto). Las redes que incluye son
   el componente redes (components/redes.css).
   ========================================================================== */
.datos-contacto { display: grid; gap: var(--space-4); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
.datos-contacto__rotulo { display: block; font-weight: 600; color: var(--c-blanco); }
.datos-contacto a { color: var(--c-texto-inverso); text-decoration: none; overflow-wrap: anywhere; }
.datos-contacto a:hover { color: var(--c-agua); text-decoration: underline; }

@media (max-width: 640px) {
  .datos-contacto a { display: inline-flex; align-items: center; min-height: var(--tactil); }
}