/* FLECHAS AZULES*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8));
}

.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2rem;
    color: #3498db;
    content: "\f104"; /* Flecha izquierda */
    transition: all 0.3s ease;
}

.carousel-control-next-icon::after {
    content: "\f105"; /* Flecha derecha */
}

/* 2. EFECTO HOVER: Brillo Neon y Aclarado */
.carousel-control-prev:hover .carousel-control-prev-icon::after,
.carousel-control-next:hover .carousel-control-next-icon::after {
    color: #5dade2 !important;
    /* El "brillo" neon: */
    filter: 
        drop-shadow(0 0 5px #3498db) 
        drop-shadow(0 0 10px #3498db) 
        drop-shadow(0 0 20px #2980b9);
    transform: scale(1.1);
}

.carousel-control-prev, 
.carousel-control-next {
    background: transparent !important;
    width: 15% !important;
}