.contact-wrapper { width: 100%; max-width: 800px; /* Limita el ancho máximo para mejor visual en escritorio */ margin: 0 auto; /* Centra el wrapper horizontalmente */ text-align: center; /* Centrado de texto e hijos */ padding: 20px 10px; /* Espacio interno opcional */ } .contact-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; /* Fila horizontal en escritorio */ justify-content: center; /* Centra los ítems en la fila */ align-items: center; flex-wrap: wrap; gap: 30px; /* Más espacio entre ítems para mejor distribución */ font-family: Arial, sans-serif; } .contact-item { display: flex; align-items: center; justify-content: center; /* Centra el contenido dentro de cada ítem */ text-align: center; flex: none; /* No se estira; mantiene tamaño natural */ } .contact-icon { width: 40px; height: 40px; border-radius: 50%; background-color: #3b5998; color: white; display: flex; justify-content: center; align-items: center; margin-right: 12px; /* Espacio entre icono y texto */ font-size: 18px; flex-shrink: 0; } .icon-email { background-color: #d44638; /* Rojo de Gmail */ } .icon-whatsapp { background-color: #25D366; /* Verde de WhatsApp */ } .icon-phone { background-color: #3b5998; /* Azul estándar */ } .contact-text { font-size: 16px; color: white; /* Texto blanco */ margin: 0; /* Elimina márgenes por defecto */ } .contact-text a { color: white; text-decoration: none; font-weight: bold; } .contact-text a:hover { text-decoration: underline; color: #f0f0f0; } /* Móvil: Apilado vertical, cada ítem centrado */ @media (max-width: 768px) { .contact-wrapper { padding: 10px; max-width: 100%; /* Full width en móvil */ } .contact-list { flex-direction: column; /* Vertical */ gap: 20px; /* Espacio vertical entre ítems */ align-items: center; /* Centra verticalmente si es necesario */ } .contact-item { width: 100%; /* Full width para cada ítem en móvil */ max-width: 300px; /* Limita para no desbordar en pantallas muy pequeñas */ justify-content: center; /* Centra horizontalmente el ítem entero */ } .contact-icon { margin-right: 12px; width: 35px; height: 35px; font-size: 16px; } .contact-text { font-size: 14px; } }

Crimen

Empresario de 55 años golpea a su esposa en elevador de Brasil

Yuliana Borges: La trágica muerte de la joven que denunció abuso

Menor rescatada en Oaxaca fallece por desnutrición y maltrato

Joven fallece tras lipoescultura en clínica de Monterrey; inician investigación

Tragedia en San Luis Río Colorado: localizan sin vida a Sofía de 3 años

Detenido Pedro Segura Valladares por delincuencia organizada en Guerrero

Hallan sin vida a Geovanna Ramírez, exlocutora de radio, en Silao

Asesinato de Dulce N en Chalco: Vínculos con narcomenudeo revelados

Se entregan dos implicados en el caso “La manada de Campeche”

Fiscalía revela causa de muerte de Fernandito, niño asesinado por prestamistas