.elementor-150 .elementor-element.elementor-element-d4cef1c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:0px 150px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-150 .elementor-element.elementor-element-d4cef1c:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-d4cef1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1621c42 );}.elementor-150 .elementor-element.elementor-element-4704851{text-align:start;}.elementor-150 .elementor-element.elementor-element-4704851 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:4.8em;text-transform:uppercase;color:var( --e-global-color-6a25b2f );}.elementor-150 .elementor-element.elementor-element-95acdd1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-95acdd1:not(.elementor-motion-effects-element-type-background), .elementor-150 .elementor-element.elementor-element-95acdd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1621c42 );}body.elementor-page-150:not(.elementor-motion-effects-element-type-background), body.elementor-page-150 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-47aea6e );}@media(max-width:767px){.elementor-150 .elementor-element.elementor-element-d4cef1c{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:2em;}.elementor-150 .elementor-element.elementor-element-4704851{text-align:start;}.elementor-150 .elementor-element.elementor-element-4704851 .elementor-heading-title{font-size:3.2em;}.elementor-150 .elementor-element.elementor-element-95acdd1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-d4cef1c *//* ==================================================
   SLIDER FILMOTECA
   Navegación agrupada en la esquina inferior derecha
   ================================================== */

.slider-filmoteca {
    --nav-right: 42px;
    --nav-bottom: 34px;
    --arrow-size: 42px;
    --nav-gap: 10px;
    --nav-color: #ffffff;
    --nav-border: rgba(255, 255, 255, 0.35);

    position: relative;
}

/* Dejamos espacio en la parte inferior del slider */
.slider-filmoteca .elementor-slides-wrapper {
    position: relative;
}

/* ----------------------------------
   PUNTOS DE NAVEGACIÓN
   ---------------------------------- */

.slider-filmoteca .swiper-pagination {
    position: absolute;
    left: auto !important;
    right: var(--nav-right) !important;
    bottom: calc(
        var(--nav-bottom) + var(--arrow-size) + 12px
    ) !important;

    width: auto !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;

    z-index: 10;
}

/* Punto normal */
.slider-filmoteca .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 !important;

    background: rgba(255, 255, 255, 0.7);
    border-radius: 999px;
    opacity: 1;

    transition:
        width 0.3s ease,
        background-color 0.3s ease;
}

/* Punto activo alargado */
.slider-filmoteca .swiper-pagination-bullet-active {
    width: 22px;
    background: #e51b36;
}

/* ----------------------------------
   FLECHAS
   ---------------------------------- */

.slider-filmoteca .elementor-swiper-button {
    position: absolute;
    top: auto !important;
    bottom: var(--nav-bottom) !important;

    width: var(--arrow-size);
    height: var(--arrow-size);
    margin: 0 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--nav-border);
    background: rgba(0, 0, 0, 0.08);
    color: var(--nav-color);

    transform: none !important;
    z-index: 10;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease;
}

/* Flecha anterior */
.slider-filmoteca .elementor-swiper-button-prev {
    left: auto !important;
    right: calc(
        var(--nav-right) + var(--arrow-size) + var(--nav-gap)
    ) !important;
}

/* Flecha siguiente */
.slider-filmoteca .elementor-swiper-button-next {
    left: auto !important;
    right: var(--nav-right) !important;
}

/* Hover */
.slider-filmoteca .elementor-swiper-button:hover {
    background: #e51b36;
    border-color: #e51b36;
}

/* Tamaño de los iconos */
.slider-filmoteca .elementor-swiper-button svg {
    width: 15px;
    height: 15px;
}

/* Compatibilidad con versiones que usan iconos tipográficos */
.slider-filmoteca .elementor-swiper-button i {
    font-size: 15px;
}

/* ----------------------------------
   TABLET
   ---------------------------------- */

@media (max-width: 1024px) {
    .slider-filmoteca {
        --nav-right: 28px;
        --nav-bottom: 28px;
        --arrow-size: 40px;
    }
}

/* ----------------------------------
   MÓVIL
   ---------------------------------- */

@media (max-width: 767px) {
    .slider-filmoteca {
        --nav-right: 20px;
        --nav-bottom: 20px;
        --arrow-size: 38px;
        --nav-gap: 8px;
    }

    .slider-filmoteca .swiper-pagination {
        bottom: calc(
            var(--nav-bottom) + var(--arrow-size) + 10px
        ) !important;
    }

    .slider-filmoteca .swiper-pagination-bullet-active {
        width: 18px;
    }
}/* End custom CSS */