.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; } }

Entretenimiento

El emotivo adiós de María Julia Lafuente a la televisión tras 48 años

Acusan a Miss Jamaica de negligencia tras grave caída en Miss Universo 2025

La Diva de la Banda regresa: nuevo álbum póstumo sacude al regional mexicano

Joshua Tadeo Martínez: el guerrero de Caifanes que regresó a las estrellas

Cassandra Sánchez-Navarro revela su secreto: ¿Por qué compra ropa de paca?

El devastador ataque de Kike Mayagoitia contra Rey Grupero: ¿panelista o fan de La granja VIP?

El emotivo mensaje de Édgar Vivar a Roberto Gómez Bolaños a 11 años de su muerte

El conductor Daniel Gómez Rinaldi sufrió un colapso en vivo: el diagnóstico

“Siempre estás conmigo cerquita del corazón”: el primer aniversario luctuoso de Silvia Pinal

“No nos colocamos frente a él”: los cuidados que necesita Bruce Willis