
-webkit-scrollbar {
	display: none;
}
.nx-lightbox-content,
.nx-lightbox-overlay {
    height: 100%;
    width: 100%;
	overflow-y: hidden!important;
}
.nx-lightbox-overlay {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
	-webkit-scrollbar: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nx-lightbox-overlay.nx-lightbox-open {
    visibility: visible;
    opacity: 1;
}

/* Animación para deslizar hacia arriba */
@keyframes slideUp {
    from { transform: translateY(0); opacity: 1; }
    to { transform: translateY(-100%); opacity: 0; }
}

/* Animación para deslizar hacia abajo */
@keyframes slideDown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.nx-lightbox-wrap {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
}
.nx-lightbox-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
}
.nx-lightbox-nav {
    display: none;
}
.nx-lightbox-prev {
    position: absolute;
    top: 50%;
    left: 0;
}
.nx-lightbox-next {
    position: absolute;
    top: 50%;
    right: 0;
}
.nx-lightbox-close {
    position: absolute;
    top: 2%;
    right: 2%;
}
.nx-lightbox-image {
    text-align: center;
}
.nx-lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
}
.nx-lightbox-content iframe,
.nx-lightbox-error {
    width: 100%;
    height: 100%;
}
.nx-lightbox-ajax,
.nx-lightbox-inline {
    max-height: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nx-lightbox-error {
    display: table;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px #000;
}
.nx-lightbox-error p {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.8em; 
}
.nx-lightbox-notouch .nx-lightbox-effect-fade,
.nx-lightbox-notouch .nx-lightbox-effect-fadeScale,
.nx-lightbox-notouch .nx-lightbox-effect-fall,
.nx-lightbox-notouch .nx-lightbox-effect-slideDown,
.nx-lightbox-notouch .nx-lightbox-effect-slideLeft,
.nx-lightbox-notouch .nx-lightbox-effect-slideRight,
.nx-lightbox-notouch .nx-lightbox-effect-slideUp {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nx-lightbox-effect-fadeScale .nx-lightbox-wrap {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}
.nx-lightbox-effect-fadeScale.nx-lightbox-open .nx-lightbox-wrap {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.nx-lightbox-effect-slideDown .nx-lightbox-wrap,
.nx-lightbox-effect-slideLeft .nx-lightbox-wrap,
.nx-lightbox-effect-slideRight .nx-lightbox-wrap,
.nx-lightbox-effect-slideUp .nx-lightbox-wrap {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nx-lightbox-effect-slideLeft .nx-lightbox-wrap {
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
}
.nx-lightbox-effect-slideRight .nx-lightbox-wrap {
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
}
.nx-lightbox-effect-slideLeft.nx-lightbox-open .nx-lightbox-wrap,
.nx-lightbox-effect-slideRight.nx-lightbox-open .nx-lightbox-wrap {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.nx-lightbox-effect-slideDown .nx-lightbox-wrap {
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
}
.nx-lightbox-effect-slideUp .nx-lightbox-wrap {
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
}
.nx-lightbox-effect-slideDown.nx-lightbox-open .nx-lightbox-wrap,
.nx-lightbox-effect-slideUp.nx-lightbox-open .nx-lightbox-wrap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.nx-lightbox-body-effect-fall .nx-lightbox-effect-fall {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}
.nx-lightbox-effect-fall .nx-lightbox-wrap {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translateZ(300px);
    -moz-transform: translateZ(300px);
    -ms-transform: translateZ(300px);
    transform: translateZ(300px);
}
.nx-lightbox-effect-fall.nx-lightbox-open .nx-lightbox-wrap {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.nx-lightbox-theme-default.nx-lightbox-overlay {
    background: #666;
    background: rgba(0, 0, 0, 0.6);
}
.nx-lightbox-theme-default .nx-lightbox-content.nx-lightbox-loading {
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.nx-lightbox-theme-default .nx-lightbox-content.nx-lightbox-loading::after {
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #13132a;
    position: absolute;
    animation: animloader 2s ease-in-out infinite;
    border: none;
    z-index: 2;
}

.nx-lightbox-theme-default .nx-lightbox-content.nx-lightbox-loading::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 
        0 0 10px rgba(212, 197, 185, 0.4),
        0 0 20px rgba(212, 197, 185, 0.2),
        inset 0 0 15px rgba(255, 255, 255, 0.1);
    animation: glow 2s ease-in-out infinite;
    filter: blur(1px);
    z-index: 1;
}

.nx-lightbox-theme-default .nx-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
}
.nx-lightbox-theme-default .nx-lightbox-nav:hover {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
}
.nx-lightbox-theme-default .nx-lightbox-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
    background-size: 48px 48px;
    border-radius: 0 3px 3px 0;
}
.nx-lightbox-theme-default .nx-lightbox-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
    background-size: 48px 48px;
    border-radius: 3px 0 0 3px;
}
.nx-lightbox-theme-default .nx-lightbox-close {
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E") 5px 5px no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    padding: 8px;
    opacity: 0.5;
}
.nx-lightbox-theme-default .nx-lightbox-close:hover {
    opacity: 1;
}
.nx-lightbox-theme-default .nx-lightbox-title-wrap {
    bottom: -7%;
}
.nx-lightbox-theme-default .nx-lightbox-title {
    display: none;
}
.nx-lightbox-theme-default .nx-lightbox-ajax,
.nx-lightbox-theme-default .nx-lightbox-inline {
    background: #fff;
    padding: 40px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
@media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
        .nx-lightbox-theme-default .nx-lightbox-content.nx-lightbox-loading {
        background-image: none; /* Elimina también en retina */
        background-size: auto;
    }
    .nx-lightbox-theme-default .nx-lightbox-prev {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
        background-size: 48px 48px;
    }
    .nx-lightbox-theme-default .nx-lightbox-next {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
        background-size: 48px 48px;
    }
    .nx-lightbox-theme-default .nx-lightbox-close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3C/svg%3E");
        background-size: 16px 16px;
    }
}

