.elementor-131 .elementor-element.elementor-element-ce6ee65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:22;}.elementor-131 .elementor-element.elementor-element-5bb9c8a{z-index:-1;}.elementor-131 .elementor-element.elementor-element-221e9a9{z-index:78;}.elementor-131 .elementor-element.elementor-element-5604d78{width:100%;max-width:100%;z-index:73;}.elementor-131 .elementor-element.elementor-element-13de1e7{--display:flex;--z-index:48;}.elementor-131 .elementor-element.elementor-element-92f8dcb{width:100%;max-width:100%;z-index:47;}.elementor-131 .elementor-element.elementor-element-48859ee{width:100%;max-width:100%;z-index:94;}.elementor-131 .elementor-element.elementor-element-43b8b4f{--display:flex;}.elementor-131 .elementor-element.elementor-element-c649996{width:100%;max-width:100%;z-index:0;}.elementor-131 .elementor-element.elementor-element-5f8dbbf{width:100%;max-width:100%;z-index:49;}.elementor-131 .elementor-element.elementor-element-e720ddb{width:100%;max-width:100%;z-index:20;}.elementor-131 .elementor-element.elementor-element-b7e6802{--display:flex;}.elementor-131 .elementor-element.elementor-element-3cbecba{width:100%;max-width:100%;z-index:1;}.elementor-131 .elementor-element.elementor-element-ea7ab55{width:100%;max-width:100%;z-index:33;}.elementor-131 .elementor-element.elementor-element-9eb1913{width:100%;max-width:100%;z-index:33;}body.elementor-page-131:not(.elementor-motion-effects-element-type-background), body.elementor-page-131 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for image-carousel, class: .elementor-element-92f8dcb *//* ===================================================================
   CARRUSEL "CINTA DE NEGATIVOS ILUMINADA" por el Code Master
   =================================================================== */

/* 1. MOVIMIENTO INFINITO Y FLUIDO */
/* ------------------------------------ */
/* Usamos animaciones CSS para crear un bucle de scroll continuo */
@keyframes scroll-infinite {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); } /* Se desplaza la mitad del total */
}

/* Aplicamos la animación al contenedor de los slides */
/* Swiper es la librería que usa Elementor por debajo */
.elementor-131 .elementor-element.elementor-element-92f8dcb .swiper-wrapper {
    animation: scroll-infinite 40s linear infinite; /* Ajusta '40s' para cambiar la velocidad */
    transition: animation-play-state 0.5s ease-out; /* Transición suave al pausar */
}

/* Al pasar el ratón, la animación se ralentiza, no se para */
.elementor-131 .elementor-element.elementor-element-92f8dcb .swiper-wrapper:hover {
    animation-play-state: paused;
}


/* 2. EFECTO VIGNETTE Y FOCO DE LUZ */
/* ------------------------------------ */

/* Por defecto, todos los slides (negativos) están oscuros */
.elementor-131 .elementor-element.elementor-element-92f8dcb .swiper-slide {
    transform: scale(0.9);
    filter: brightness(0.4) grayscale(80%) blur(2px);
    opacity: 0.6;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    overflow: visible; /* Para que la sombra se vea */
}

/* La imagen activa (la del centro) se ilumina */
.elementor-131 .elementor-element.elementor-element-92f8dcb .swiper-slide-active,
.elementor-131 .elementor-element.elementor-element-92f8dcb .swiper-slide-duplicate-active {
    transform: scale(1.05); /* Ligeramente más grande para destacar */
    filter: brightness(1) grayscale(0%) blur(0);
    opacity: 1;
    z-index: 10;
}

/* EFECTO DE RESPLANDOR para la imagen activa */
.elementor-131 .elementor-element.elementor-element-92f8dcb .swiper-slide-active::before {
    content: '';
    position: absolute;
    top: -5%; left: -5%;
    width: 110%; height: 110%;
    background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 60%);
    z-index: -1;
    animation: pulseGlow 4s infinite alternate;
}

@keyframes pulseGlow {
    from { transform: scale(1); opacity: 0.5; }
    to { transform: scale(1.1); opacity: 0.8; }
}


/* 3. FLECHAS DE NAVEGACIÓN DE NEÓN */
/* ------------------------------------ */
/* Ocultamos las flechas por defecto, solo aparecerán al pasar el ratón */
.elementor-131 .elementor-element.elementor-element-92f8dcb .elementor-swiper-button {
    color: #A0D2DB; /* Color cian neón de tu paleta */
    background-color: rgba(10, 10, 10, 0.5) !important;
    backdrop-filter: blur(5px);
    border-radius: 50%;
    width: 50px !important;
    height: 50px !important;
    opacity: 0;
    transition: all 0.4s ease !important;
    text-shadow: 0 0 8px #05d9e8, 0 0 16px #05d9e8;
}

/* Mostramos las flechas al pasar el ratón sobre el carrusel */
.elementor-131 .elementor-element.elementor-element-92f8dcb:hover .elementor-swiper-button {
    opacity: 1;
    transform: scale(1.1);
}

.elementor-131 .elementor-element.elementor-element-92f8dcb .elementor-swiper-button:hover {
    color: #FFFFFF;
    background-color: rgba(20, 20, 20, 0.7) !important;
    text-shadow: 0 0 12px #fff, 0 0 24px #05d9e8;
    transform: scale(1.2) !important; /* Más grande al pasar el ratón sobre ellas */
}


/* 4. PAGINACIÓN (PUNTOS INFERIORES) - OPCIONAL */
/* ------------------------------------ */
/* Si usas paginación, la estilizamos también */
.elementor-131 .elementor-element.elementor-element-92f8dcb .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s ease;
    width: 10px !important;
    height: 10px !important;
}

.elementor-131 .elementor-element.elementor-element-92f8dcb .swiper-pagination-bullet-active {
    background: #E75E7B !important; /* Color rosa de tu paleta */
    box-shadow: 0 0 8px #E75E7B, 0 0 15px #E75E7B;
    transform: scale(1.3);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c649996 *//*
 * CSS Personalizado para el visor de PDF dFlip.
 *
 * Este código mejora la visibilidad de las flechas de navegación
 * y desactiva el zoom al hacer scroll sobre el documento.
 * Mantiene la transparencia lateral existente del visor.
 */

/* Estilos para las flechas de navegación (siguiente/anterior página) */
/* Se asume que dFlip usa clases como .df-arrow-left y .df-arrow-right o similares */
.dflip-page-button.df-arrow-left,
.dflip-page-button.df-arrow-right {
    /* Aumenta el tamaño de la flecha */
    font-size: 3em !important; /* Hazla más grande */
    /* Cambia el color para que sea más visible */
    color: #FFD700 !important; /* Un color amarillo brillante, puedes ajustarlo */
    /* Añade una sombra para que resalte más */
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 215, 0, 0.6) !important;
    /* Asegura que estén siempre visibles */
    opacity: 1 !important;
    /* Añade una transición suave al pasar el ratón */
    transition: all 0.3s ease-in-out !important;
}

/* Efecto al pasar el ratón sobre las flechas */
.dflip-page-button.df-arrow-left:hover,
.dflip-page-button.df-arrow-right:hover {
    color: #FFFFFF !important; /* Blanco al pasar el ratón */
    text-shadow: 0 0 15px rgba(0, 0, 0, 1), 0 0 30px rgba(255, 255, 255, 0.8) !important;
    transform: scale(1.1); /* Ligeramente más grande al pasar el ratón */
}

/* Desactivar el zoom al hacer scroll sobre el documento */
/* Esto apunta al contenedor principal del flipbook para deshabilitar el zoom de rueda */
.dflip-container {
    /* Deshabilita los eventos de la rueda del ratón para el zoom */
    pointer-events: auto !important; /* Asegura que otros eventos sigan funcionando */
    touch-action: pan-y !important; /* Permite el scroll vertical en dispositivos táctiles */
}

/* Si dFlip tiene una capa superpuesta para el zoom, también la deshabilitamos */
.dflip-zoom-layer {
    pointer-events: none !important; /* Deshabilita la interacción con esta capa */
}

/* Asegura que el contenido del PDF no sea afectado por el zoom de scroll */
.dflip-data-page-container {
    /* Puedes necesitar experimentar con esto si el zoom sigue ocurriendo */
    /* overflow: hidden !important; */
    /* user-select: none !important; */
    /* -webkit-user-select: none !important; */
    /* -moz-user-select: none !important; */
    /* -ms-user-select: none !important; */
}

/* Mantener la transparencia lateral (asumiendo que ya está en el HTML/JS del widget) */
/* Si la transparencia se aplica mediante un background en .dflip-container o un elemento similar,
   asegúrate de que no haya reglas CSS posteriores que lo sobrescriban.
   Este CSS no introduce transparencia, solo asegura que no la anula. *//* End custom CSS */