/* ========================================
   GALERÍA - DOS CARRUSELES HORIZONTALES
   ======================================== */

/* Botones de navegación FOTOS */
#fotosPrev:hover,
#fotosNext:hover {
    background: #D4AF37 !important;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(212,175,55,0.6) !important;
}

#fotosPrev:active,
#fotosNext:active {
    transform: translateY(-50%) scale(0.95);
}

/* Botones de navegación VIDEOS */
#videosPrev:hover,
#videosNext:hover {
    background: #D4AF37 !important;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(212,175,55,0.6) !important;
}

#videosPrev:active,
#videosNext:active {
    transform: translateY(-50%) scale(0.95);
}

/* Indicadores */
.indicador-foto:hover,
.indicador-video:hover {
    background: rgba(212,175,55,0.5) !important;
    transform: scale(1.3);
}

/* Responsive */
@media (max-width: 768px) {
    #galeria .container > div > div {
        grid-template-columns: 1fr !important;
    }
    
    #fotosCarrusel,
    #videosCarrusel {
        margin-bottom: 2rem;
    }
    
    #fotosSlider > div,
    #videosSlider > div {
        height: 300px !important;
    }
}