/* MOBILE FIXES - CLEAN VERSION */

/* CORRECCIÓN ESPECÍFICA PARA EL ÍCONO DE TELÉFONO EN MÓVIL */
img[src*="TELEFONO_BLANCO.svg"] {
    height: 20px !important;
    width: auto !important;
    max-width: none !important;
    max-height: 20px !important;
    vertical-align: baseline !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    border: none !important;
    outline: none !important;
}

/* CORRECCIÓN ESPECÍFICA PARA LA SECCIÓN DE CONTACTANOS EN MÓVIL */
@media screen and (max-width: 768px) {
    /* Mostrar la sección de contactanos en móvil con ajustes específicos */
    div[style*="background: var(--color-1); padding: 10px 0; color: #fff"] {
        display: block !important;
        padding: 8px 0 !important;
        font-size: 14px !important;
    }
    
    /* Asegurar que el texto no se desborde */
    div[style*="background: var(--color-1); padding: 10px 0; color: #fff"] p {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }
}

/* ESTILO ESPECÍFICO PARA EL ÍCONO DE TELÉFONO EN LA SECCIÓN DE CONTACTANOS */
div[style*="background: var(--color-1); padding: 10px 0; color: #fff"] img[src*="TELEFONO_BLANCO.svg"] {
    height: 20px !important;
    width: auto !important;
    vertical-align: baseline !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    border: none !important;
    outline: none !important;
    max-width: none !important;
    max-height: 20px !important;
}

/* MANTENER EL PÁRRAFO CON SU ESTRUCTURA ORIGINAL */
div[style*="background: var(--color-1); padding: 10px 0; color: #fff"] p {
    display: block !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* PREVENIR SCROLL HORIZONTAL EN MÓVIL */
@media screen and (max-width: 768px) {
    html, body {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }
    
    /* Asegurar que todas las imágenes no se desborden */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Asegurar que todos los contenedores principales no se desborden */
    .container, .general-padding, .main, nav, #nav-mobil {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* Asegurar que el texto no cause desbordamiento */
    p, h1, h2, h3, h4, h5, h6, span, div {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* CART MÁS PEQUEÑOS SOLO EN MÓVIL */
    .cart-compara {
        max-width: 160px !important;
        padding: 12px 15px !important;
        border-radius: 20px !important;
    }
    
    .cart-compara img {
        height: 40px !important;
    }
    
    .cart-compara h2 {
        font-size: 18px !important;
        height: 80px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    
    .cart-compara button:not(.btn-todas-las-noticias) {
        font-size: 16px !important;
        padding: 5px !important;
        border-radius: 15px !important;
    }
    
    /* CORREGIR MARGIN DEL CONTENEDOR DE CART PARA QUE NO SE CORTEN */
    .container-filter-comparar {
        margin-top: -50px !important;
        padding-top: 20px !important;
    }
}