@import 'photoswipe/dist/photoswipe.css';
@import 'photoswipe/dist/default-skin/default-skin.css';
@import 'slick-carousel/slick/slick.css';
@import 'react-toastify/dist/ReactToastify.css';

// Sobrescritura del contenedor de toasts (top y z-index)
.Toastify__toast-container--top-right {
    top: 5em !important;
    z-index: 9999999 !important;
}

@media (max-width: 768px) {
    .Toastify__toast-container--top-right {
        top: 3em !important;
        z-index: 9999999 !important;
    }
}

// Asegurar que PhotoSwipe esté por encima del header (z-index: 9999)
.pswp {
    z-index: 10000 !important;
}

@import 'react-input-range/lib/css/index.css';

@import 'bootstrap';
@import 'bootstrap4-utils';
@import 'style';