/* diseño para mostrar bien el datepicker en mobile  */
@media (max-width: 600px){
    .date-picker-wrapper{
        width: 200px!important;
        left:50px!important;
    }
}
/* diseño para carrucel   */
div#slider {
    width: 100%!important;
    overflow: hidden!important;
}
div#slider .figure {
    position: relative!important;
    width: 400%!important;
    margin: 0!important;
    padding: 0!important;
    font-size: 0!important;
    text-align: left!important;
    /*animation: 20s company-slider infinite;*/
}
.figure2 {
    animation: 20s company-slider infinite;
}
@keyframes company-slider {
    0% {
        left: 0%!important;
    }
    30% {
        left: 0%!important;
    }
    35% {
        left: -100%!important;
    }
    55% {
        left: -100%!important;
    }
    60% {
        left: -200%!important;
    }
    90% {
        left: -200%!important;
    }

}
div#slider figure img {
    width: 25%!important;
    min-height: 100%!important;
    float: left!important;
}
/*div#slider figure:hover { animation-play-state:paused; }*/ 
div#slider li {
    list-style: none!important;
}
div#slider label {
    background-color: #111!important;
    bottom: .5em!important;
    cursor: pointer!important;
    display: block!important;
    height: .5em!important;
    position: absolute!important;
    width: .5em!important;
    z-index: 10!important;
}
#controls {
    width: 100%!important;
    height: 30px!important;
}
#control-container {
    padding: 25px 12%!important;
        top: -30px!important;
    position: relative!important;
        height: 30px!important;
}
.control-button {
    display: inline!important;
    margin: 0 2%!important;
    width: 20px!important;
    background: gray!important;
    height: 20px!important;
    border: none!important;
    border-radius:100%!important;
}
/* Banner home debajo del buscador (solo vista móvil): una imagen a ancho completo, sin animación vacía */
#slider.mobile-banner-below-search {
    margin-top: 18px;
    overflow: visible !important;
}
#slider.mobile-banner-below-search .figure {
    width: 100% !important;
    left: 0 !important;
}
#slider.mobile-banner-below-search .figure.figure2 {
    animation: none !important;
}
#slider.mobile-banner-below-search figure img {
    width: 100% !important;
    float: none !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
}
/* Móvil: slide 1 con 700px fijos + caption absolute → el banner bajo el buscador queda recortado */
/* critical.css .page-section { overflow:hidden } recorta todo lo que sobresale del hero */
@media (max-width: 767px) {
    /* Evitar scroll horizontal: no usar overflow:visible en owl-stage-outer (loop muestra clones al costado) */
    body#home {
        overflow-x: hidden;
        max-width: 100%;
    }
    body#home .main-slider {
        overflow-x: hidden;
        max-width: 100%;
    }
    body#home .page-section.no-padding {
        overflow: visible !important;
    }
    .main-slider .item.slide1.ver1 {
        height: auto !important;
        min-height: 700px !important;
    }
    .main-slider .item.slide1.ver1 .caption {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .main-slider .item.slide1.ver1 .caption > .container {
        height: auto !important;
        min-height: 0 !important;
    }
    .main-slider .item.slide1.ver1 .div-table,
    .main-slider .item.slide1.ver1 .div-cell {
        height: auto !important;
    }
}
/* fin diseño para carrucel de vixoz  */