/* ==========================================================================
   ESTILOS PARA POPUP SLIDER EMERGENTE - CUITZEO
   ========================================================================== */

.popup-content-cuitzeo {
    border: 2px solid var(--dorado-cuitzeo, #C5A059) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7) !important;
}

/* Ajuste de imágenes dentro del carrusel */
.popup-slider-img {
    max-height: 420px;
    height: 380px;
    object-fit: contain;
    background-color: var(--dark-card, #4A0B1E);
    padding: 15px;
    transition: transform 0.3s ease;
}

.carousel-item a:hover .popup-slider-img {
    transform: scale(1.02);
}

/* Personalización de los puntos indicadores */
#carouselPopupAnuncios .carousel-indicators [data-bs-target] {
    background-color: var(--dorado-cuitzeo, #C5A059);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 5px;
    opacity: 0.5;
}

#carouselPopupAnuncios .carousel-indicators .active {
    background-color: var(--rosa-cuitzeo, #C83182);
    opacity: 1;
    width: 25px;
    border-radius: 6px;
}

/* Botones laterales de navegación */
#carouselPopupAnuncios .carousel-control-prev-icon,
#carouselPopupAnuncios .carousel-control-next-icon {
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--dorado-cuitzeo, #C5A059);
}