.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3234 .elementor-element.elementor-element-f7c268c{--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;--border-radius:5px 5px 5px 5px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1%;--padding-bottom:2%;--padding-left:5%;--padding-right:5%;}.elementor-3234 .elementor-element.elementor-element-f7c268c:not(.elementor-motion-effects-element-type-background), .elementor-3234 .elementor-element.elementor-element-f7c268c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#140F0F;}.elementor-3234 .elementor-element.elementor-element-f7c268c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3234 .elementor-element.elementor-element-a083a7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3234 .elementor-element.elementor-element-a708c10{--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;--justify-content:center;}.elementor-3234 .elementor-element.elementor-element-a708c10.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3234 .elementor-element.elementor-element-5b93e8b > .elementor-widget-container{margin:3% 0% 0% 0%;}.elementor-3234 .elementor-element.elementor-element-5b93e8b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-546f4af );}.elementor-3234 .elementor-element.elementor-element-b103199{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3234 .elementor-element.elementor-element-a271972.elementor-element{--align-self:center;}.elementor-3234 .elementor-element.elementor-element-e2193dc.elementor-element{--align-self:center;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3234 .elementor-element.elementor-element-e1380e4{--grid-columns:1;--grid-row-gap:15px;--grid-column-gap:0px;}#elementor-popup-modal-3234 .dialog-widget-content{animation-duration:0.6s;border-style:none;border-radius:5px 5px 5px 5px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3234{background-color:#0000008A;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3234 .dialog-message{width:1000px;height:auto;}#elementor-popup-modal-3234 .dialog-close-button{display:flex;top:3%;background-color:#000000;font-size:26px;}body:not(.rtl) #elementor-popup-modal-3234 .dialog-close-button{right:3%;}body.rtl #elementor-popup-modal-3234 .dialog-close-button{left:3%;}#elementor-popup-modal-3234 .dialog-close-button i{color:var( --e-global-color-7cf11a5 );}#elementor-popup-modal-3234 .dialog-close-button svg{fill:var( --e-global-color-7cf11a5 );}#elementor-popup-modal-3234 .dialog-close-button:hover i{color:var( --e-global-color-bf26444 );}@media(min-width:768px){.elementor-3234 .elementor-element.elementor-element-f7c268c{--width:100%;}.elementor-3234 .elementor-element.elementor-element-a708c10{--width:16.069%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-3234 .elementor-element.elementor-element-e1380e4{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-3234 .elementor-element.elementor-element-e1380e4{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-a271972 *//* Contenedor del Dropdown (Para alineación) */
.filtro-temporadas-dropdown-contenedor {
    margin-bottom: 20px;
    /* Alineación por defecto: a la derecha (estilo Netflix) */
    display: flex;
    justify-content: flex-end; 
}

/* ------------------------------------------------ */
/* Estilo principal del Dropdown <select> */
/* ------------------------------------------------ */
.filtro-temporadas-dropdown {
    /* Diseño base */
    padding: 10px 15px 10px 35px; /* Más padding para que parezca un botón grande */
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    border-radius: 5px;
    cursor: pointer;
    
    /* Eliminar el estilo nativo de la flecha del sistema */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    
    /* Añadir un icono de flecha personalizado (SVG codificado en Base64) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>');
    background-repeat: no-repeat;
    background-position: left 10px center; /* Posicionar la flecha a la izquierda */
    background-size: 18px; /* Tamaño del icono */
    
    /* Transiciones */
    transition: background-color 0.2s, border-color 0.2s, font-weight 0.2s;
}

/* Estado seleccionado / hover */
.filtro-temporadas-dropdown:hover,
.filtro-temporadas-dropdown:focus {
    background-color: #000000;
    border-color: #000000;
    font-weight: bold;
    color: #ffffff;
    
    /* Cambiar el color de la flecha SVG al hacer hover (opcional) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/></svg>');
}


/* Estilos para las opciones dentro del desplegable (navegador) */
.filtro-temporadas-dropdown option {
    background-color: #333333; /* Fondo oscuro para el menú que se despliega */
    color: #ffffff;
    padding: 5px;
}

/* ------------------------------------------------ */
/* 📱 Adaptación para Móviles (Media Query) */
/* ------------------------------------------------ */
@media (max-width: 768px) {
    .filtro-temporadas-dropdown-contenedor {
        /* Centrar el dropdown en móvil para mejor tacto */
        justify-content: center;
    }
    .filtro-temporadas-dropdown {
        font-size: 16px; 
        padding: 8px 12px 8px 30px; /* Ajuste del padding */
        background-position: left 8px center; /* Ajuste de la flecha */
        background-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e2193dc *//* ==========================================================
// ESTILOS DE LOS BOTONES DE TEMPORADA [filtro_temporadas_dinamico]
// ========================================================== */

/* Contenedor de los botones */
.filtro-temporadas-contenedor {
    display: flex;
    flex-wrap: wrap; /* Permite que los botones se envuelvan en pantallas pequeñas */
    gap: 10px; /* Espacio entre los botones */
    margin-bottom: 20px;
    margin-top: 10px;
}

/* Estilo base de cada botón */
.filtro-temporada-boton {
    text-decoration: none;
    padding: 8px 15px;
    border: 1px solid #444; /* Borde sutil, puedes cambiar el color */
    border-radius: 5px; /* Bordes redondeados */
    color: #FFFFFF; /* Texto blanco para fondo oscuro */
    background-color: #222; /* Fondo oscuro por defecto */
    transition: background-color 0.3s, border-color 0.3s;
    font-size: 14px;
    font-weight: 500;
}

/* Estilo al pasar el ratón (Hover) */
.filtro-temporada-boton:hover {
    background-color: #333; /* Un poco más claro al pasar el ratón */
    border-color: #777;
    color: #fff;
}

/* Estilo del botón seleccionado (ACTIVO) */
.filtro-temporada-boton.seleccionado {
    background-color: #E50914; /* Color rojo de Netflix, ajústalo a tu marca */
    border-color: #E50914;
    color: #FFFFFF;
    font-weight: 700;
    pointer-events: none; /* Desactiva el clic en el botón ya seleccionado */
}

/* ==========================================================
// ESTILOS DE LAS TARJETAS DE CAPÍTULOS (.capitulo-item)
// Incluye adaptación a móvil
// ========================================================== */

/* Contenedor de cada tarjeta de capítulo */
.capitulo-item {
    margin-bottom: 2.5rem;
}

.capitulo-inner {
    display: flex;
    align-items: stretch;
    gap: 2rem;
    padding: 2rem;
    border-radius: 18px;
    background: #120f0f; /* fondo oscuro tipo mullu */
    flex-wrap: wrap; /* Importante para que la línea de separación pueda ir debajo */
}

/* Columna del número de capítulo */
.capitulo-numero {
    min-width: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 2.1rem;
    color: #ffffff;
}

/* Imagen del capítulo */
.capitulo-thumbnail {
    flex: 0 0 35%;
    display: flex;
    align-items: center;
}

.capitulo-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
    object-fit: cover;
    /* Efecto de transición para el hover */
    transition: filter 0.35s ease, transform 0.35s ease;
}

/* Hover: Imagen en blanco y negro con ligero zoom */
.capitulo-inner:hover .capitulo-thumbnail img {
    filter: grayscale(100%);
    transform: scale(1.02);
}

/* Columna de texto */
.capitulo-contenido {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
}

/* Título */
.capitulo-titulo {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #ff6b2c; /* naranja mullu */
}

/* Descripción */
.capitulo-descripcion {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #f5f5f5;
}

/* Línea de separación entre capítulos (excepto el último) */
.capitulo-item:not(:last-child) .capitulo-inner::after {
    content: "";
    flex-basis: 100%;       /* ocupa todo el ancho dentro del flex */
    margin: 2rem auto 0;
    border-bottom: 3px dotted #ff6b2c;  /* naranja mullu */
    max-width: 80%;
}

/* ==========================================================
// ADAPTACIÓN A TABLETS (769px a 1024px)
// ========================================================== */
@media (min-width: 769px) and (max-width: 1024px) {
    .capitulo-inner {
        gap: 1.5rem;   /* Reduce el espacio entre imagen y texto */
        padding: 1.5rem; /* Reduce el padding interior */
    }
    
    .capitulo-numero {
        font-size: 1.8rem; /* Tamaño de número ligeramente más pequeño */
    }
    
    .capitulo-thumbnail {
        flex: 0 0 40%; /* La imagen toma un poco más de espacio (40%) */
    }
    
    .capitulo-titulo {
        font-size: 1rem;
    }
}

/* ==========================================================
// ADAPTACIÓN A MÓVILES (Menor a 768px)
// ========================================================== */
@media (max-width: 768px) {
    .capitulo-inner {
        flex-direction: column; /* Apila el contenido (imagen sobre texto) */
        gap: 1.25rem;
        padding: 1.5rem; /* Ajusta el padding para móviles */
    }

    .capitulo-numero {
        justify-content: flex-start; /* Alinea el número a la izquierda */
        font-size: 2.2rem;
    }

    .capitulo-thumbnail {
        flex: 0 0 auto; /* La imagen toma el ancho disponible */
    }

    /* Oculta la línea de separación debajo de cada tarjeta en móvil (opcional) */
    .capitulo-item:not(:last-child) .capitulo-inner::after {
        display: none;
    }
    
    /* Pequeño ajuste para los botones en móvil si es necesario */
    .filtro-temporada-boton {
        font-size: 13px;
        padding: 6px 12px;
    }
}/* End custom CSS */
/* Start custom CSS *//* Contenedor de los botones */
.filtro-temporadas-contenedor {
    display: flex;
    flex-wrap: wrap; 
    gap: 15px; /* Aumentamos el espacio para los botones más grandes */
    margin-bottom: 25px;
    margin-top: 15px;
    justify-content: flex-start; 
}

/* Estilo base de cada botón */
.filtro-temporada-boton {
    text-decoration: none;
    padding: 10px 20px; /* Aumentamos el padding para botones más grandes */
    border: 2px solid #444; /* Borde más visible */
    border-radius: 8px; /* Bordes más redondeados */
    color: #FFFFFF; 
    background-color: #222; 
    transition: all 0.3s ease;
    
    /* ESTILOS SOLICITADOS */
    font-family: 'Poppins', sans-serif; /* Poppins (asumiendo que Elementor la carga) */
    font-size: 15px; /* Tamaño 20px */
    font-weight: 600; /* Seminegrita */
    line-height: 1; 
}

/* Estilo al pasar el ratón (Hover) - SIN SOMBRA */
.filtro-temporada-boton:hover {
    background-color: #333; 
    border-color: #ED5225; /* Borde al hacer hover usa tu color */
    color: #ED5225; /* Texto al hacer hover usa tu color */
    /* Se elimina el box-shadow aquí */
}

/* Estilo del botón seleccionado (ACTIVO) - SIN SOMBRA */
.filtro-temporada-boton.seleccionado {
    /* COLOR SOLICITADO */
    background-color: #ED5225; 
    border-color: #ED5225;
    color: #FFFFFF;
    font-weight: 600;
    cursor: default; 
    pointer-events: none; 
    /* Se elimina el box-shadow aquí */
}

/* Adaptación para pantallas pequeñas */
@media (max-width: 600px) {
    .filtro-temporadas-contenedor {
        gap: 10px;
    }
    .filtro-temporada-boton {
        padding: 8px 15px;
        font-size: 16px; /* Reducimos el tamaño en móvil */
        font-weight: 500;
    }
}/* End custom CSS */