/* Contenedor principal del slider - Ocupa todo el ancho */
        .swiper {
            width: 100%;
            height: auto;
            position: relative;
            overflow: hidden;
            z-index: 0;
        }

        /* Estilo base de los slides */
        .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* Imagen por defecto (desktop) */
        .slide-img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            pointer-events: none; /* IMPORTANTE: Evita que la imagen capture el drag */
            user-drag: none;
            -webkit-user-drag: none;
        }

        /* Imagen móvil - oculta por defecto */
        .slide-img-mobile {
            width: 100%;
            height: auto;
            display: none;
            object-fit: cover;
            pointer-events: none;
            user-drag: none;
            -webkit-user-drag: none;
        }

        /* En pantallas menores a 768px (tablet y móvil) */
        @media (max-width: 768px) {
            .slide-img {
                display: none;
            }
            .slide-img-mobile {
                display: block;
            }
        }

        /* ========== ESTILOS DE FLECHAS CON FONT AWESOME ========== */
        .swiper-button-next,
        .swiper-button-prev {
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.85); /* Fondo blanco semi-transparente (blando) */
            border-radius: 50%;
            transition: all 0.3s ease;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(2px);
        }

        .swiper-button-next:hover,
        .swiper-button-prev:hover {
            background: rgba(255, 255, 255, 1);
            transform: scale(1.1);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }

        /* Ocultar los íconos por defecto de Swiper */
        .swiper-button-next:after,
        .swiper-button-prev:after {
            display: none;
        }

        /* Agregar íconos de Font Awesome */
        .swiper-button-prev::before {
            content: "\f104"; /* Código de Font Awesome para flecha izquierda */
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            font-size: 24px;
            color: var(--color-primary); /* Naranja */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .swiper-button-next::before {
            content: "\f105"; /* Código de Font Awesome para flecha derecha */
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            font-size: 24px;
            color: var(--color-primary); /* Naranja */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        /* Ajuste para móviles */
        @media (max-width: 768px) {
            .swiper-button-next,
            .swiper-button-prev {
                width: 40px;
                height: 40px;
            }
            .swiper-button-prev::before,
            .swiper-button-next::before {
                font-size: 18px;
            }
        }

        /* Prevenir que el cursor se vuelva texto durante el arrastre */
        .swiper-slide {
            cursor: grab;
        }
        
        .swiper-slide:active {
            cursor: grabbing;
        }

        .swiper-navigation-icon{
          display:none;
        }