#slides {
    position: relative;
    height: 930px !important;
    border-radius: 10px;
    perspective: 600px; /* Más corta = más fuerte el efecto */
    perspective-origin: center center;
    overflow: hidden; /* Evita que se vea parte fuera del contenedor */
}

    #slides .imgSlider {
        animation: zoomOnce 5s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
        transform-origin: center center;
    }

@keyframes zoomOnce {
    from {
        transform: scale(1.1); /* Comienza con zoom */
    }

    to {
        transform: scale(1); /* Termina en tamaño normal */
    }
}




#slides .slides-container {
    display: none;
}

#slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

    #slides .scrollable:after {
        content: "";
        display: table;
        clear: both;
    }

.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%;
}

    .slides-navigation a {
        position: absolute;
        display: block;
    }

        .slides-navigation a.prev {
            left: 5px;
            background-image: url('../img/arrows.png');
            width: 40px;
            height: 40px;
            background-position: right
        }

        .slides-navigation a.next {
            right: 5px;
            background-image: url('../img/arrows.png');
            width: 40px;
            height: 40px
        }




















.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 10px;
    text-align: center;
    width: 100%;
    display: none
}

    .slides-pagination a {
        border: 2px solid #b1df36;
        border-radius: 15px;
        width: 10px;
        height: 10px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
        margin: 2px;
        overflow: hidden;
        text-indent: -100%;
    }

        .slides-pagination a.current {
            background: #b1df36;
        }






@media all and (max-width:1450px) {
    #slides {
        height: 730px !important;
    }
}

@media all and (max-width:1000px) {
    #slides {
        height: 630px !important;
    }
}

@media all and (max-width:800px) {
    #slides {
        height: 530px !important;
    }
}