.carousel-container {
        width: 100%;
        max-width: 700px;
        position: relative;
    }

    .swiper {
        width: 100%;
        height: 500px;
        padding: 50px 0;
    }

    .swiper-slide {
        background-color: white;
        /* Esto elimina el fondo gris */
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 400px;
        border-radius: 20px;
        overflow: hidden;
        /* box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3); */
        position: relative;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 20px;
    }

    .swiper-slide-active .slide-content {
        transform: translateY(0);
        opacity: 1;
    }

    .swiper-slide-active h3 {
        margin: -70px auto;
        text-align: center;
        color: #001e7e;
        font-family: 'Estricta Bold', sans-serif;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 40px;
        height: 40px;
        background-color: white;
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
        /* Bootstrap btn border-radius */
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        /* Bootstrap btn shadow */
        transition: all 0.3s ease;
    }

    .swiper-button-prev {
        /* background-image: url("../../img/iconos/arrow-left.svg"); */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23001e7e' viewBox='0 0 16 16'%3E%3Cpath d='M15 8a.5.5 0 0 1-.5.5H2.707l4.147 4.146a.5.5 0 0 1-.708.708l-5-5a.5.5 0 0 1 0-.708l5-5a.5.5 0 1 1 .708.708L2.707 7.5H14.5a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E");


        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        background-color: transparent !important;
        border: none !important;
    }

    .swiper-button-next {
        /* background-image: url("../../img/iconos/arrow-right.svg"); */
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23001e7e' viewBox='0 0 16 16'%3E%3Cpath d='M1 8a.5.5 0 0 1 .5-.5h11.793l-4.147-4.146a.5.5 0 0 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");


        background-repeat: no-repeat;

        background-position: center;
        background-size: cover;
        background-color: transparent !important;
        border: none !important;
    }

    /* 
    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: '\2190' !important;
    }

    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: '\2192' !important;
    } */


    .swiper-button-next:after,
    .swiper-button-prev:after {
        /* font-size: 50px !important;
        font-weight: bold;
        color: #001e7e; */
        display: none;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
        /* background: rgba(0, 0, 0, 0.7);
            border-color: rgba(0, 0, 0, 0.5); */
        transform: scale(1.1);
    }

    /* Pagination customization */
    .swiper-pagination {
        position: relative !important;
        margin-top: 30px;
    }

    .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background: rgba(0, 0, 0, 0.3);
        opacity: 1;
        margin: 0 6px;
        transition: all 0.3s ease;
    }

    .swiper-pagination-bullet-active {
        background: #333;
        transform: scale(1.2);
    }

    .swiper-pagination-bullet:hover {
        background: rgba(0, 0, 0, 0.6);
    }

    /* Responsive */
    @media (max-width: 768px) {

        .carousel-container {
            padding: 0px;
        }

        .swiper {
            height: 400px;
            padding: 30px 0;
        }

        .swiper-slide {
            width: 250px;
            height: 320px;
        }

        .swiper-button-next,
        .swiper-button-prev {
            width: 50px !important;
            height: 50px !important;
            margin-top: -25px !important;

        }

        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-size: 40px !important;
            position: absolute;
        }

        .swiper-button-next:after {
            right: -10px;
        }

        .swiper-button-prev:after {
            left: -10px;
        }

        .swiper-slide-active h3 {
            margin-top: -40px;
        }
    }

    .swiper-slide:not(.swiper-slide-active) {
        filter: brightness(2);
        transform: scale(0.6) !important;
        opacity: 0.5;
    }

    .swiper-slide-active {
        filter: brightness(1);
    }

    /* Loading animation */
    .loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 18px;
        z-index: 5;
    }

    .spinner {
        /* border: 3px solid rgba(255, 255, 255, 0.3); */
        border-radius: 50%;
        border-top: 3px solid white;
        width: 30px;
        height: 30px;
        animation: spin 1s linear infinite;
        margin: 0 auto 10px;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }