@media only screen and (max-width: 690px) {

    /* Logo */
    #header-outer #top #logo img {
        height: 45px !important;
    }

    /* Slider hero — padding celdas */
    #hero-home .nectar-flickity.nectar-simple-slider[data-arrows="true"]:not(.arrow-position-overlapping)
    .flickity-slider .cell {
        padding: 0 25px !important;
    }

    /* Slider hero — ocultar flechas */
    #hero-home .nectar-simple-slider .flickity-prev-next-button {
        display: none !important;
    }
    
    #hero-home .nectar-cta.alignment_phone_center{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    
    .logos-section .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button{
        display: none!important;
    }
    
    body.page-id-519 .service-block .wpb_column.left_padding_desktop_10px > .vc_column-inner{
        padding: 2em!important;
        margin-left: 2em;
        margin-right: 2em;
    }

    /* ------------------------------------------
       UTILIDADES DE VISIBILIDAD MOBILE
       Aplica estas clases desde Elementor >
       Avanzado > Clase CSS adicional
    ------------------------------------------ */

    /* Ocultar en mobile */
    .mobile-off {
        display: none !important;
    }

    /* Mostrar solo en mobile (requiere regla base fuera del media query) */
    .mobile-on {
        display: block !important;
    }
    
    
}

/* Ocultar por defecto los elementos que solo deben verse en mobile */
.mobile-on {
    display: none;
}