/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2026 | 21:07:22 */
/* ==========================================================================
   CORRECCIÓN ULTRA-ESPECÍFICA PARA MÓVIL (TOP BAR AVINEX)
   ========================================================================= */
@media only screen and (max-width: 767px) {
    /* Forzar el contenedor completo de la barra a romperse en bloques */
    #header,
    .main-header,
    .header-top,
    .top-bar,
    .top-bar .container,
    .top-bar .row,
    .top-bar-inner {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        text-align: center !important;
        float: none !important;
        height: auto !important;
        clear: both !important;
    }

    /* Obligar a cada dato de contacto a alinearse al centro en vertical */
    .header-contact,
    .header-top .text,
    .top-bar ul,
    .top-bar .contact-info {
        display: flex !important;
        flex-direction: column !important; /* Icono arriba, texto abajo */
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Separar y limpiar los círculos con texto para que no se encimen */
    .header-contact li,
    .header-contact span,
    .header-contact a,
    .top-bar .contact-item,
    .top-bar ul li,
    .top-bar li a {
        display: block !important;
        float: none !important;
        width: 100% !important;
        margin: 12px 0 !important; /* Espacio generoso entre correo, cel y ubicación */
        padding: 0 !important;
        text-align: center !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
    }

    /* Reducir la fuente del correo para que quepa en cualquier celular */
    .header-contact li,
    .header-contact a,
    .header-contact span,
    .top-bar li {
        font-size: 12px !important;
        line-height: 1.4 !important;
        white-space: normal !important; /* Permite que el texto use dos líneas si es necesario sin encimarse */
    }

    /* Centrar los iconos de redes sociales abajo de los datos */
    .top-bar .social-icons,
    .header-top .social-links,
    .top-bar ul.social-links,
    .top-bar .social-box {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        float: none !important;
        margin: 15px 0 5px 0 !important;
    }
}
}