@media (max-width: 640px) {

    section[min-h\:\[80vh\]] {
        min-height: 60vh !important;
        padding-top:4rem!important;
        padding-bottom:4rem!important;
    }

    h1 {font-size:1.8rem!important;line-height:2.3rem!important;}
    p {font-size:1rem!important;line-height:1.45rem!important;}

    .group img {
        max-width:85%!important;
        margin:0 auto;
    }

    a,button{
        padding:12px 18px!important;
        font-size:1rem!important;
    }

    #beneficios img{height:210px!important;}
    #beneficios h3{font-size:1.2rem!important;}
    #beneficios p{font-size:.85rem!important;}

    #precios .grid{
        grid-template-columns:1fr!important;
        gap:24px!important;
    }

    #precios h2{font-size:1.9rem!important;}

    .popup-box{
        padding:10px!important;
        width:95%!important;
        max-width:95%!important;
        border-radius:16px!important;
    }

    .productoCard{padding:14px!important;}

    #popupCompra input,
    #popupCompra textarea{
        padding:14px!important;
        font-size:1rem!important;
    }

    #btnConfirmar{
        padding:14px!important;
        font-size:1.1rem!important;
    }

    .modal-content-zalu{
        flex-direction:column!important;
        max-width:95%!important;
        margin:0 auto!important;
        border-radius:14px!important;
    }

    .modal-left{height:200px!important;}
    .modal-right{padding:24px!important;}

    .modal-right h2{font-size:1.6rem!important;line-height:1.9rem!important;}
    .modal-right h3{font-size:1.1rem!important;margin-top:10px!important;}
    .modal-right ul li{
        font-size:.95rem!important;
        margin-bottom:.35rem!important;
    }

    .modal-right a{
        padding:12px 20px!important;
        font-size:1rem!important;
        width:100%!important;
        text-align:center!important;
    }

    .close-modal{
        top:12px!important;
        right:16px!important;
        font-size:32px!important;
    }

    h2{font-size:1.75rem!important;}
    h3{font-size:1.3rem!important;}
    section{padding:0px 0!important;}

     #mainHeader{top:38px !important}

    #mobileStickyBar{display:flex !important}

    /*body{padding-bottom:0px;}*/

    .carousel-slide img{
        object-position:59% center;
    }
}

/* OCULTAR FAQ EXPRESS EN DESKTOP */
@media (min-width: 640px) {
    .faq-express-mobile{display:none}
}
#scroll_div::-webkit-scrollbar {
    width: 6px;
}
#scroll_div::-webkit-scrollbar-thumb {
    background: #7e22ce;
    border-radius: 10px;
}

.select2-selection--single{
    height: 50px !important;
}

#popupCompra .sticky {
    box-shadow: 0 -6px 12px rgba(0,0,0,0.08);
}

@media (max-width: 768px) {
    body {
        padding-bottom: 90px;
    }
}

.hidden { display: none; }