/* ==========================================================================
   MAGIVERCOL DESIGN SYSTEM V6 · CONTACTO — v1 (2 ago 2026)

   ALCANCE ACOTADO A PROPÓSITO.

   Medido en producción antes de escribir esto:

   - El formulario de contacto (`form.js-winnie-pooh-form`) YA está en el
     Design System V6: campos 842x46 con radio 13px y borde #e4e4ea,
     etiquetas de 12,5px peso 700, botón primario de radio 13px. No se toca.
   - El único defecto real es el desborde de la columna de contacto:
     el `li` del correo pide 248px dentro de una columna de 226px, porque
     `magivergaviria29@gmail.com` no tiene dónde partirse con
     `word-break: normal`. Ese sobrante es el que dispara la barra de
     desplazamiento horizontal de `.mg-info__index`, que tiene
     `overflow-x: auto`.

   Este archivo corrige solo eso, más la legibilidad de los números.
   No cambia ningún dato: ni teléfonos, ni correo, ni textos.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1 · La fila de contacto pasa a ser flexible y con permiso para partirse
   Antes: `list-item` con el enlace sin `min-width`, así que el correo
   empujaba la columna 22px de más.
   -------------------------------------------------------------------------- */
body.mg .mg-contact-links .contact-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}

/* El icono no se encoge ni se estira; se alinea con la primera línea. */
body.mg .mg-contact-links .contact-item-icon{
  flex:none;
  margin-top:3px;
}

/* --------------------------------------------------------------------------
   2 · El correo ya puede partirse
   `overflow-wrap:anywhere` permite el corte solo cuando hace falta, así que
   los teléfonos, que sí caben, siguen en una sola línea.
   -------------------------------------------------------------------------- */
body.mg .mg-contact-links .contact-link{
  min-width:0;
  overflow-wrap:anywhere;
  line-height:1.45;
}

/* --------------------------------------------------------------------------
   3 · Números más legibles, sin tocar el dato
   Cifras de ancho fijo y un poco de aire entre caracteres. El formato real
   con separadores (+57 321 563 6370) exige cambiar el contenido guardado,
   que en este bloque está bloqueado.
   -------------------------------------------------------------------------- */
body.mg .mg-contact-links .contact-link{
  font-variant-numeric:tabular-nums;
  letter-spacing:.012em;
}

/* --------------------------------------------------------------------------
   4 · Foco visible en los enlaces de contacto
   -------------------------------------------------------------------------- */
body.mg .mg-contact-links .contact-link:focus-visible{
  outline:2px solid var(--mg-blue,#0071E3);
  outline-offset:3px;
  border-radius:6px;
}