/* 
 * CSS Dinámico para DooPlay Child
 * Este archivo contiene los estilos personalizados para el tema DooPlay Child.
 * Se ha agregado la capacidad de carga dinámica para evitar problemas de caché.
 * Asegúrate de no modificar este archivo directamente si se usa en un entorno de producción.
 * Fecha de última actualización: [23 de febrero de 2025.]
 * Creado por: Alejandro
 */

/* ****************************************************************************************** */


/* 6 Poster de peliculas en el home solamente */
/*.module .content .items.normal {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    align-items: flex-start;

}*/

/* --------------------------------------------------*/

/* Ocultar el formulario de registro e inicio de sesión sin eliminar el icono */
/*.login_box {
    display: none !important;
}*/
/* Ocultar el formulario de registro e inicio de sesión y registro para celulares */
/*.menuresp .menu .user {
    /* border-bottom: solid 1px #00000000; */
    /* background: #141b29; */
    /*display: none;
}*/



/* --------------------------------------------------*/

/* Color y borde de archivo de pedidos */
.requests {
    background: rgb(10 14 23) !important;
    border-bottom: solid 1px #ffffff00 !important;
}


/* --------------------------------------------------*/

/* Ocultar contenido relacionado */
@media (max-width: 768px) { /* Aplica en pantallas pequeñas (tablets y móviles) */
    .sbox.srelacionados {
        display: none !important;
    }
}

/* --------------------------------------------------*/

/* Estilos generales para navegadores basados en WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 8px; /* Ancho de la barra */
}

/* Fondo de la scrollbar */
::-webkit-scrollbar-track {
    background: #1a1a1a; /* Color del fondo de la barra */
    border-radius: 10px; /* Bordes redondeados */
}

/* Color y forma del "pulgar" de la scrollbar */
::-webkit-scrollbar-thumb {
    background: #408bea; /* Color del pulgar */
    border-radius: 10px; /* Bordes redondeados */
}

/* Hover en el pulgar */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color al pasar el mouse */
}

/* --------------------------------------------------*/

/* Evita el desplazamiento horizontal en toda la página */
html, body {
    overflow-x: hidden !important; /* Oculta el scroll horizontal si algún elemento se desborda */
}

/* --------------------------------------------------*/

/* Espacio entre tendencias y series actualizadas */
#featured-titles{
   margin-bottom: -8px !important;
   margin-top: 0px !important;
}
/* espacio hacia arriba de los controles de series actualizadas */
.owl-theme .owl-controls {
    margin-top: -6px !important;
	margin-bottom: 10px;
}
.slider {
    margin-bottom: 5px !important;
}
/* Espacio de controles de slider de series en el home y de slider principal */
@media screen and (max-width: 768px) {
.owl-wrapper {
    margin-bottom: -12px !important;
}
}
/* Espacio solo para paginacion de slider de series en el home */
@media screen and (max-width: 768px) {
.owl-pagination {
    margin-top: -19px;
}
}

/* --------------------------------------------------*/

/* Distancia hacia abajo del slider home - Provisional*/
.hero-item__backdrop:before {
    bottom: -36px !important;

}
.owl-carousel .owl-wrapper:after {
    height: 35px !important;
}
@media (max-width: 768px) {
.owl-carousel .owl-wrapper:after {
    height: 47px !important;
}
}
	
/* --------------------------------------------------*/

/* Apariencia de contraseñas alternativas para celulares */
@media (max-width: 768px) {
    .alert-message {
        display: flex !important;
        flex-direction: column;
        text-align: center !important;
        gap: 5px;
        font-size: 10px;
    }
    .alert-message span {
        display: block;
    }
	.alert-icon {
    display: none;
}
}
	
/* --------------------------------------------------*/

/* color de letra ver y eliminar en la cuenta */
article.simple .poster .profile_control span a {
    background: #fff !important;
    color: #00bcd4 !important;
    !i;!;}

article.simple .poster .profile_control span a:hover {
    background: #00bcd4 !important;
    color: #fff !important;
}
	
/* --------------------------------------------------*/

/* Color de base de reproductor */
/*COLOR DE BARRA DE REPORTES*/
.dooplay_player h2 {
    border-bottom: 1px solid #004d75 !important;
    background: linear-gradient(297deg, #0a0e17 -6%, rgb(0 0 0 / 85%) 33%) !important;
    box-shadow: 1px -2px 11px 3px #000;
    border-radius: 4px;
	position: relative;
    z-index: 9;
}
	
/* --------------------------------------------------*/

/* 5 pósters máximo para cada entrada de archivo del creador de series o de películas */
@media screen and (min-width: 768px) {
    .archive.tax-dtcreator .module .content .items, .archive.tax-dtcreator .module .content .items {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}
	
/* --------------------------------------------------*/

/* sobreponer posición de filtros de idiomas y años de cada entrada */
/*.filter-items {
    position: relative;
    z-index: 9;
}
.filter-item.idiomas {
    position: relative;
    z-index: 9;
}*/
	
/* --------------------------------------------------*/

/* efecto al deslizar hacia abajo de productoras hasta comentarios */
html {
    scroll-behavior: smooth;
}

a[href="#comments"] {
    transition: all 9s ease-in-out; /* 3 segundos para un efecto aún más lento */
}
	
/* --------------------------------------------------*/

/* Codigo de las productoras */
.production-title {
    margin-top: 10px; /* Ajusta este valor según lo que necesites */
	margin-bottom: 0px; /* Ajusta el espacio debajo de la productora */
	color: #c8c9ca;
}

.productora-logo img {
    filter: contrast(1.2) brightness(1.1);
}	
.producer-message {
    background-color: #0d1524;
	box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
    color: #d3d3d3;
    padding: 10px;
    border-radius: 5px;
    /*text-align: center;*/
    font-weight: bold;
	display: flex;
    align-items: center;
   /* justify-content: center;
    text-align: center;
    gap: 0px; /* Espacio entre el icono y el texto */
    /*flex-wrap: wrap; /* Evita desajustes en móviles */
	margin-bottom: 20px; /* Espacio inferior */
}	
.production-list {
	clear: both; /* Asegura que ningún elemento flote dentro de este contenedor */
    margin-bottom: 35px; /* Ajusta este valor para asegurar el espacio adecuado debajo de la productora */
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.producer {
    background: #fff;
    padding: 8px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.producer img {
    max-height: 25px;
    width: auto;
    transition: transform 0.3s ease;
}
.producer img:hover {
    transform: scale(1.1);
}

.buscadorcoleccion form {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: #1c2230;
    border-radius: 5px;
    overflow: hidden;
}

.buscadorcoleccion input[type="text"] {
    flex-grow: 1;
    padding: 10px 15px;
    border: none;
    outline: none;
    font-size: 16px;
    background-color: #00000000;
	color: #fff;
}
.no-producers i {
    font-size: 20px;
    margin-right: 8px;
    color: #FFEB3B;
    animation: fadeIcon 1s infinite;
}

.producer-message i {
    font-size: 20px;
    color: yellow;
}

@media (max-width: 768px) {
    .no-producers {
        display: none;
    }

    .production-title:has(+ .production-list .no-producers) {
        display: none;
    }
}
/* Codigo de las productoras */
	
/* --------------------------------------------------*/

/* Color del texto de la sinopsis */
.sinopsis-color {
    color: #d9d9d9;
}
/* Color del texto de la sinopsis de la ficha técnica abajo del video */
.wp-content p {
    color: #d9d9d9 !important;
}

/* --------------------------------------------------------- */

/* carga preloader */
/* Fondo semitransparente */
.overlay {
    /* position: fixed; */ /* Fija el fondo a toda la pantalla */
    /* width: 100%; */ /* Ancho completo de la pantalla */
    /* height: 100%; */ /* Alto completo de la pantalla */
    /* background: #0a0e17; */ /* Color Azul negro para fondo del preloader */
    /* display: flex; */ /* Usa flexbox para centrar el contenido */
    /* align-items: center; */ /* Centra verticalmente el contenido */
    /* justify-content: center; */ /* Centra horizontalmente el contenido */
    /* z-index: 9999; */ /* Asegura que el preloader esté por encima de otros elementos */
    /* top: 0; */ /* Posiciona el preloader desde la parte superior */
    /* left: 0; */ /* Posiciona el preloader desde la parte izquierda */
    /* transition: opacity 0.3s ease-out; */ /* Efecto de transición para desvanecer el preloader */
}

@media (max-width: 768px) { 
    .overlay {
        /* background: #0a0e17; */ /* Más oscuro solo en móviles */
    }
}

/* Contenedor del loader */
.overlay__content {
    /* position: relative; */ /* Posición relativa para contener el loader */
    /* display: flex; */ /* Usa flexbox para alinear los elementos dentro */
    /* align-items: center; */ /* Centra verticalmente el loader */
    /* justify-content: center; */ /* Centra horizontalmente el loader */
    /* width: 80px; */ /* Ancho del contenedor del loader */
    /* height: 80px; */ /* Alto del contenedor del loader */
}

/* Círculo exterior */
.loader-outter {
    /* position: absolute; */ /* Posición absoluta para colocar el círculo exterior */
    /* width: 80px; */ /* Ancho del círculo exterior */
    /* height: 80px; */ /* Alto del círculo exterior */
    /* border: 4px solid #f50057; */ /* Borde rojo para el círculo exterior */
    /* border-left-color: transparent; */ /* Hace invisible la parte izquierda del borde */
    /* border-bottom: 0; */ /* Elimina el borde inferior */
    /* border-radius: 50%; */ /* Hace que el borde sea redondeado (círculo) */
    /* animation: spin-out 0.8s linear infinite; */ /* Animación de giro para el círculo exterior */
}

/* Círculo interior */
.loader-inner {
    /* position: absolute; */ /* Posición absoluta para colocar el círculo interior */
    /* width: 40px; */ /* Ancho del círculo interior */
    /* height: 40px; */ /* Alto del círculo interior */
    /* border: 4px solid #00d1ff; */ /* Borde azul para el círculo interior */
    /* border-right: 0; */ /* Elimina el borde derecho */
    /* border-top-color: transparent; */ /* Hace invisible la parte superior del borde */
    /* border-radius: 50%; */ /* Hace que el borde sea redondeado (círculo) */
    /* animation: spin-in 0.8s linear infinite; */ /* Animación de giro para el círculo interior */
}

/* Animaciones */
@keyframes spin-out {
    /* 0% { transform: rotate(0deg); } */ /* Empieza sin rotación */
    /* 100% { transform: rotate(360deg); } */ /* Gira 360 grados */
}

@keyframes spin-in {
    /* 0% { transform: rotate(360deg); } */ /* Empieza con rotación de 360 grados */
    /* 100% { transform: rotate(0deg); } */ /* Termina con rotación 0 grados */
}


/*esconder los reproductores*/
#player-option-1 {
  display:none;
}

#player-option-2 {
    display:none;
}

#player-option-3 {
   display:none;
}

#player-option-4 {
    display:none;
}

/* ocultar completamente el reproductor*/
.dooplay_player {
    border-bottom: solid 0px rgba(255, 255, 255, .08);
    /*display: none;*/
}
/* Ocultar barra sobrante al ocultar los reproductores */
.dooplay_player .options ul {
    margin: 5px 0;
    display: none;
}


/*fin esconder los reproductores*/

/* --------------------------------------------------------- */

/* EFECTO Slide Down - Fade In DE CADA POSTER */
/* Asegúrate de que el efecto solo se aplique a las imágenes dentro de los elementos .poster que no están en el buscador*/
/*.poster img {
    opacity: 0;
    transform: translateY(30px) scale(0.95); /* Inicia más abajo y levemente más pequeño */
    /*transition: opacity 0.6s ease-out, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}*/

/* Excluir las imágenes que están dentro del buscador */
.live-search ul li .poster img {
    opacity: 1;
    transform: translateY(0) scale(1); /* Sin el efecto en el buscador*/
}

/* Efecto de aparición solo para imágenes fuera del buscador */
.poster img.loaded {
    opacity: 1;
    transform: translateY(0) scale(1); /* Sube y recupera tamaño normal*/
}
/* OTRO EFECTO*/
/*.poster img {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;  /* Cambié de 0.5s a 0.3s 
}*/
/*.poster img.loaded {
    opacity: 1;
    transform: scale(1);
}*/



/* --------------------------------------------------------- */

/* Color de las letras del menu de cabecera */
.head-main-nav ul.main-header li a {
    color: rgb(255 255 255) !important;
}

/* --------------------------------------------------------- */

/* texto de membresia VIP en el menu efecto y cambio de color */
.icon-text {
    display: flex;
    align-items: center; /* Alinea el icono con el texto */
    gap: 8px; /* Espacio entre el icono y el texto */
	margin-left: -60px;
}

.icon-text svg {
    width: 18px; /* Tamaño del icono */
    height: 18px;
    fill: currentColor; /* Mantiene el color del menú */
}

@media (max-width: 768px) {
    .icon-text {
    display: flex
;
    align-items: center;
    gap: 8px;
    margin-top: -27px;
    margin-left: -8px;
}
}

/* Efecto */
@keyframes heartBeat {
    0% { transform: scale(1); }
    14% { transform: scale(1.3); } /* Pulso fuerte */
    28% { transform: scale(1); } 
    42% { transform: scale(1.3); } /* Segundo latido */
    70% { transform: scale(1); } /* Vuelve a su tamaño normal */
    100% { transform: scale(1); }
}

.icon-text {
    display: flex;
    align-items: center;
    gap: 8px;    
    font-weight: bold;
}

.icon-text svg {
    width: 18px;
    height: 18px;
    fill: #ffcd73; /* Color del icono */
    animation: heartBeat 1.5s ease infinite; /* Solo el icono palpita */
}

@media (max-width: 768px) {
    .icon-text {
        display: flex !important
;
        align-items: center !important;
        gap: 8px !important;
        margin-top: -24px;
        margin-left: -61px;
        padding: 12px 80px 8px !important;
        /* margin: -5px 4px; */
    }
}

/* El icono no cambia de color al pasar el mouse */
.icon-text svg {
    width: 16px;
    height: 16px;
    fill: #ffcd73; /* Color del icono */
    animation: heartBeat 1.5s ease infinite; /* Efecto de latido */
}

/* Mantiene el color del icono y texto al pasar el mouse */
.icon-text:hover,
.icon-text:hover svg {
    color: #ffcd73 !important;
    fill: #ffcd73 !important;
}

/* --------------------------------------------------------- */

/* Efecto al pasar el mouse sobre el poster de tendencias*/
.module .content .featured .item:hover img {
    filter: brightness(0.5) !important; /* Cambia el brillo de la imagen para oscurecerla */
}

/* --------------------------------------------------------- */

/* Color de los datos dentro del post */
.wp-content p:last-child {
    color: #00ccff !important;
}

/* --------------------------------------------------------- */

/* Ocultar titulo de pagina membresia VIP */
.single-page h1.head{
	display:none;
}

/* --------------------------------------------------------- */

/* Inicio de nuevo aspecto de la pagina de resultados de busqueda */
/* NUEVO ESTILO DE RESULTADO DE BUSQUEDA */
/* Variable global para el tamaño de los ítems */
:root {
  --masonry-item-width: 200px;  /* Tamaño base de los ítems */
  --masonry-item-height: 300px; /* Tamaño base de los ítems */
}

/* Contenedor Masonry usando Grid */
.masonry-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 columnas en pantallas grandes */
  gap: 20px;  /* Espacio entre los ítems */
  margin: 20px auto;
  max-width: 1200px;
  width: 100%;
}

/* Estilo de los ítems dentro del Masonry */
.masonry-item {
  background-color: #1c1c1c; /* Fondo oscuro similar al del sitio */
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Sombra más fuerte */
  position: relative;
  transition: transform 0.3s ease;
  height: auto;  /* Permitir que la altura se ajuste según el contenido */
  /*width: var(--masonry-item-width); /* Usar la variable para el ancho */
  /*max-height: var(--masonry-item-height); /* Usar la variable para la altura máxima */
  display: flex;
  flex-direction: column;
}

/* Clase .image sin tamaño rígido */
.masonry-item .image {
  width: 100%;
  height: 0;
  padding-bottom: 150%; /* Proporción 2:3 para las carátulas */
  position: relative;
}

/* Carátulas de las películas con contenedor flexible */
.masonry-item .postersearch {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.masonry-item .postersearch img {
  width: 100%; /* Imagen cubriendo el 100% del ancho */
  height: 100%; /* Imagen ocupando toda la altura del contenedor */
  object-fit: cover; /* Mantener la proporción sin deformar la imagen */
}

/* Títulos con letras blancas y tamaño más pequeño */
.masonry-item .title {
  font-size: 14px; /* Ajusta el tamaño del título */
  color: white !important;
  background-color: #0f1427; /* Fondo oscuro detrás del título */
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid rgb(255 255 255 / 0%); /* Línea entre título y detalles */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Meta información (calidad y rating) */
.masonry-item .meta {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  font-size: 12px;
  color: white;
	/*display:none;*/
}

.masonry-item .quality2 {
  background-color: rgba(255, 0, 0, 0.7);
  padding: 4px 8px;
  border-radius: 4px;
}

.masonry-item .rating {
  display: flex;
  align-items: center;
  color: #f5a623;
}

.masonry-item .rating i {
  margin-right: 5px;
}

/* Efecto de hover en las carátulas */
.masonry-item:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4); /* Sombra al hacer hover */
}

/* Responsividad: 2 columnas en pantallas muy pequeñas */
@media (max-width: 480px) {
  .masonry-container {
    grid-template-columns: 1fr; /* 1 columna en pantallas muy pequeñas */
    gap: 15px; /* Reduce el espacio entre los ítems */
    margin: 10px; /* Ajusta el margen */
  }

  .masonry-item {
    width: 90%; /* Los ítems ocupan el 90% del espacio disponible, más angostos */
    max-height: auto; /* El alto se ajusta automáticamente */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Reduce la sombra para pantallas pequeñas */
  }

  /* Reducir aún más el tamaño del texto */
  .masonry-item .title {
    font-size: 10px; /* Título más pequeño */
  }

  .masonry-item .meta {
    font-size: 8px; /* Font más pequeño para meta información */
  }
}

/* Responsividad: 2 columnas en pantallas pequeñas (480px - 768px) */
@media (max-width: 768px) {
  .masonry-container {
    grid-template-columns: repeat(2, 1fr); /* 2 columnas en pantallas pequeñas */
  }

  .masonry-item {
    width: 100% !important; /* Los ítems ocupan el 90% del espacio disponible */
  }

  /* Reducir el tamaño del texto */
  .masonry-item .title {
    font-size: 12px; /* Título más pequeño en pantallas pequeñas */
  }

  .masonry-item .meta {
    font-size: 10px; /* Font más pequeño para meta información */
  }
}


/* Ocultar el sidebar solo en la página de resultados de búsqueda */
.search-results .sidebar {
  /*display: none; /* Oculta el sidebar */
}

/* Asegúrate de que el contenido de los ítems Masonry se vea correctamente */
.search-results .masonry-container {
  margin-left: 0; /* Asegúrate de que el contenido se expanda correctamente */
  padding-left: 0;
}

/* Dimensiones altura y ancho del contenedor de todos los poster del buscador */
.csearch {
    padding: 14px 21px !important;
}

/* --------------------------------------------------------- */

/*-------------------------------------------------------------
            Contenedor principal para calidad y año 
---------------------------------------------------------------*/
.calidad-year-container {
  position: absolute;  /* Usamos absolute para colocar los elementos sobre la imagen */
  top: 5px; /* Ajuste de la distancia desde la parte superior de la imagen */
  left: 5px; /* Ajuste de la distancia desde la parte izquierda de la imagen */
  z-index: 10; /* Aseguramos que los elementos estén por encima de otros */
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Estilos para calidad */
.calidadsearch {
  background: rgb(245 0 87 / 80%);
    padding: 5px 8px;
    border-radius: 10px;
    font-size: 0.8em;
    font-weight: bold;
    color: white;
    display: inline-block;
    text-align: center;
  z-index: 20; /* Mantener la calidad por encima */
}

/* Estilos para año */
.yearsearch {
  background: rgb(90 93 170 / 80%);
  padding: 5px 8px;
  border-radius: 10px;
  font-size: 0.8em;
  font-weight: bold;
  color: white;
  display: inline-block;
	text-align: center;
  z-index: 10; /* Mantener el año por debajo de calidad */
}


/* Banderas de idioma */
.idiomasearch {
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 5px !important;
    border-radius: 4px;
    position: absolute;
    left: 6px; /* Alineación a la izquierda */
    bottom: 4px; /* Alineación abajo */
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    margin-right: 5px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    transition: 0.3s;
    z-index: 20;
}

.idiomasearch img {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  margin-top: 0 !important;
  display: inline-block;
  width: 15px !important;
  vertical-align: middle;
  margin-right: 3px;
}

.idiomasearch img:not(:first-child) {
  margin-left: 3px;
}


.idiomasearch img {
        width: 12px !important; /* Reducir el tamaño de las imágenes en pantallas pequeñas */
    }
}

/* Efecto de hover sobre las imágenes */
.citem .poster:hover .item-lang {
    transform: translateY(120%);
}

/*-------------------------*/

/* Responsividad para dispositivos móviles */
@media (max-width: 768px) {
    .idiomasearch {
        font-size: 13px; /* Reducir el tamaño del texto en pantallas pequeñas */
        padding: 0px 0px; /* Reducir el padding */
    }

    .idiomasearch img {
        width: 12px !important; /* Reducir el tamaño de las imágenes en pantallas pequeñas */
    }
}

/* Efecto de hover sobre las imágenes */
.citem .poster:hover .item-lang {
    transform: translateY(120%);
}
/* Fin de nuevo aspecto de la pagina de resultados de busqueda */

/* --------------------------------------------------------- */

/* Color de marcos de las flechas izquierda derecha del carrusel tendecias para celulares */
@media only screen and (max-width: 768px) {
    .nav_items_module a.btn {
        border: solid 1px #408bea26 !important;
        border-radius: 5px !important;
    }
}

/* --------------------------------------------------------- */

/* Logos con carrusel para entrada de pelicula */
@media (max-width: 768px) {
.logos_carousel.owl-carousel .item {
  text-align: center !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-right: auto !important;
}
}	

/* Estilos para el carrusel de logos */
.logos_carousel.owl-carousel .item {
    display: inline-block;
    margin-right: 30px;
    text-align: center;
}

.logos_carousel.owl-carousel img {
    max-width: 250px;
    height: auto;
    object-fit: contain;
}

.owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.owl-carousel .owl-nav button {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    border: none;
    cursor: pointer;
}

.logos_carousel.owl-carousel {
    width: 100%;
    max-width: 1000px;
    /*margin: 40px auto 20px auto;*/
	margin: 16px auto 20px auto;
}

.owl-dots {
    margin-top: 60px !important;
}
	

/* Estilos para el enlace con icono y texto */
.logopost a {
    display: flex;
    align-items: center; /* Alinea el icono y el texto verticalmente */
    text-decoration: none; /* Elimina el subrayado del enlace */
    color: inherit; /* Mantiene el color del texto sin cambios */
    gap: 8px; /* Aumenta el espacio entre el icono y el texto */
}

.logopost svg {
    width: 20px; /* Tamaño ajustado del icono */
    height: 20px; /* Tamaño ajustado del icono */
}
	
	
/* Estilos básicos para el carrusel */
.logos_carousel {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.logo-item {
    min-width: 100%;
    transition: transform 1s ease;
}

/* --------------------------------------------------------- */
	
/*
   ██████████████████████████████████████████████████████████████████
   █   Código que muestra el tráiler al hacer clic en el botón de   █
   █   "Ver Tráiler" en el popup interactivo.                       █
   █   Permite mostrar tráilers de YouTube de películas y series.   █
   ██████████████████████████████████████████████████████████████████
*/
    .trailer-btn {
    font-size: 13px; /* Tamaño de fuente */
    color: rgb(255, 255, 255) !important; /* Color de texto blanco */
    background: #167ac6; /* Color de fondo */
    padding: 8px 2px; /* Espaciado */
    border: solid 1px rgb(0 0 0 / 0%); /* Borde */
	box-shadow: 0 0 10px rgb(0 0 0); /* Sombra en el borde */	
    border-radius: 4px; /* Esquinas redondeadas */
    float: left; /* Alineación a la izquierda */
    margin-top: 10px; /* Espaciado superior */
    width: 100%; /* Ancho del botón */
    text-align: center; /* Alineación del texto */
    cursor: pointer; /* Aparece un cursor de puntero al pasar sobre el botón */
    }

 /*   .trailer-btn:hover {
        background: linear-gradient(135deg, #4f9fd6, #167ac6); /* Inversión de gradiente al pasar */
     /*   transform: scale(1.05);  /*Efecto de zoom al pasar 
    }*/

    .popup {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        transition: opacity 0.5s ease;
    }

    .popup-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #0a0e17;
        padding: 8px;
        border-radius: 15px; /* Bordes más redondeados */
        width: 80%;
        max-width: 800px;
        border: 2px solid #0a0e17; /* Borde más grueso */
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); /* Sombra más profunda */
        transition: transform 0.3s ease-in-out; /* Animación de entrada */
    }

    .popup-content iframe {
        width: 100%;
        height: 400px;
        border-radius: 10px; /* Bordes redondeados en el iframe */
    }

.closetrailer {
    position: absolute;
    top: -15px; /* Ajusta la posición superior */
    right: -15px; /* Ajusta la posición derecha */
    font-size: 30px; /* Tamaño de la "X" */
    cursor: pointer;
    color: white; /* Color de la "X" */
    width: 40px; /* Ancho del círculo */
    height: 40px; /* Alto del círculo */
    display: flex;
    justify-content: center; /* Centra la "X" horizontalmente */
    align-items: center; /* Centra la "X" verticalmente */
    border-radius: 50%; /* Hace que el fondo sea un círculo */
    border: none; /* Elimina el borde alrededor del círculo */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* Sombra suave */
    background: #1a2437; /* Fondo rojo para el círculo */
    z-index: 9999; /* Asegura que el círculo esté por encima de otros elementos */
    padding: 5px; /* Espaciado adicional para asegurar que el círculo tenga un tamaño adecuado */
    /*transition: transform 1s ease; /* Solo suaviza el giro */
	transition: transform 0.5s ease; /* Reduce la duración del giro */
    transform-origin: center; /* Asegura que la rotación ocurra sobre el centro del círculo */
}

.closetrailer:hover {
    /*transform: rotate(360deg); /* Gira 360 grados al pasar el ratón */
	transform: rotate(180deg); /* Ajusta la rotación */
}

.closetrailer:active {
    transform: none; /* Elimina el efecto de escala al presionar */
}

    @media (max-width: 600px) {
        .popup-content {
            width: 95%; /* Más ancho en pantallas pequeñas */
        }

        .closetrailer {
            top: -5px;
            right: -5px;
            font-size: 30px;
        }

        .popup-content iframe {
            height: 250px; /* Ajuste en la altura del iframe */
        }
    }

/* --------------------------------------------------------- */

/* Estilo de los canales de network de las series */
.canales {
	font-size: 14px;
    font-weight: bold;
    color: #dbdada;
    text-align: left;
    margin-top: -9px;
    margin-bottom: 21px;
}
@media (max-width: 600px) {
.canales {
    margin-top: 5px;
}
}

/* --------------------------------------------------------- */

/* Color de letra de más peliculas, mas series etc */
.module .content header span a.see-all{color:#fff!important}

/* Posición de la calidad en tendecia en la esquina superior izquierda */
.calidadtendencia{position:absolute;top:8px;left:8px;background:#f50057cc;padding:1px 7px;border-radius:10px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 10px #000;line-height:1.0rem;}

/* Ajuste para celulares */
@media (max-width:768px){.calidadtendencia{top:6px;left:6px;font-size:12px;padding:1px 7px}}

/* Posición del año en tendecia en la esquina superior izquierda */
.yeartendencias{position:absolute!important;z-index:99!important;background:#5a5daa;color:#fff;padding:3px 7px;font-size:11px;font-weight:500;border-radius:10px;box-shadow:0 2px 10px #000;top:33px!important;left:9px!important;width:auto!important;height:21px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}

/* Ajuste para celulares */
@media (max-width:768px){.yeartendencias{top:32px!important;left:6px!important;font-size:11px;padding:5px 6px;height:19px!important}}

/* --------------------------------------------------------- */

/* CSS De nuevas tendencias de peliculas con api TMDB
.tendencia-item img{width:150px;height:auto;border-radius:8px;transition:transform .3s}.next,.prev,button.next,button.prev{top:50%;transform:translateY(-50%);color:#fff;border:none;cursor:pointer}.tendencia-item h3{font-size:14px;color:#fff;margin-top:10px;display:block;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;margin-left:auto;margin-right:auto}.tendencia-item{width:150px}button.next,button.prev{position:absolute;background-color:#00000000;z-index:10;font-size:1.5rem;padding:8px}button.prev{left:10px}button.next{right:10px}.tendencia-item:hover img{transform:scale(1.05)}.tendencias-carousel{display:flex;gap:10px;display:flex;transition:transform .5s ease-in-out}.tendencias-carousel-wrapper{margin:0 auto}.tendencias-carousel-container{overflow:hidden;width:100%}.tendencia-item{min-width:174px;margin-right:0;margin-top:10px;text-align:center;position:relative}.next,.prev{position:absolute;background-color:rgba(0,0,0,.5);padding:10px}.prev{left:0}.next{right:0}
 */
/* --------------------------------------------------------- */

/* 5 Elementos para la página de network  */
@media screen and (min-width: 768px){
.archive.tax-dtnetworks .module .content .items.normal {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}

/* --------------------------------------------------------- */

/* Bordes y colores de estados de las series dentro del post*/
.estadoseserie{margin-top:20px;margin-bottom:17px}.estado-titulo{color:#fff}.estado-texto{color:#ffffffd6}

/* --------------------------------------------------------- */

/* Altura de calidad y resolución dentro del post */
.ibox-format{margin-top:10px}
}

/* --------------------------------------------------------- */

/* Ajustar ancho del buscador */
/* Estilo por defecto para el formulario de búsqueda */
/*#searchform{max-width:100%;width:100%}.logged-out #searchform{width:300%!important;margin-left:-67px!important;max-width:130%!important}@media (min-width:1024px){.logged-out #searchform{width:130%!important;margin-left:-67px!important;max-width:130%!important}}*/


/* --------------------------------------------------------- */

/*COLOR DE TEXTO DEL BUSCADOR */
::placeholder{color:#ffffffbd!important;opacity:1.4}

/* --------------------------------------------------------- */

/*BUSCADOR MOVIL */
@media only screen and (max-width:667px){form.form-resp-ab input[type=text]{border-radius:999px!important;background:rgb(15 20 38)!important;border:2px solid #d33!important;animation:.9s filterFadeIn!important;margin:10px 10px 10px 0;padding:9px 9px 9px 11px;font-size:15px;width:286px}form.form-resp-ab button[type=submit] span{margin-top:8px;font-size:16px;color:#ffffff8a}header.responsive a.aresp{margin-top:0}.search_responsive{text-align:center}.search_responsive .live-search{right:37px;border-radius:10px!important;background:#0f1427;width:80%}form.form-resp-ab{background:#141b29}.menuresp .menu ul.resp li{border-bottom:1px solid;background:#141d3b00}.menuresp .menu ul.resp li a{font-size:12px;line-height:13px;padding:17px 18px;font-family:system-ui;font-weight:400}.menuresp .menu ul.resp li ul.sub-menu li a{font-size:14px;padding:9px 20px;font-family:system-ui}.menuresp .menu .user .gravatar img{width:43px;height:40px}.live-search ul li{float:left;width:87%;display:block;padding:7px;border-radius:0!important}}

/* --------------------------------------------------------- */

/* Estilo del buscador dentro de colecciones */
.buscadorcoleccion form{display:flex;align-items:center;margin-bottom:20px;background-color:#1c2230;border-radius:5px;overflow:hidden}.buscadorcoleccion input[type=text]{flex-grow:1;padding:10px 15px;border:none;outline:0;font-size:16px;background-color:#121926;color:#fff}.buscadorcoleccion input[type=text]::placeholder{color:#999}.buscadorcoleccion button[type=submit]{background-color:#122541;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-size:16px}

/* -------------------------------------------------------- */

/* Datos del audio y tamaño del archivo en tendencias dentro del post */
.audioypesopost{width:50%;display:flex;flex-flow:row nowrap;justify-content:left;align-items:center;color:rgba(255,255,255,.6);font-size:14px;text-shadow:0 1px 1px rgba(0,0,0,.5);padding-top:2px!important}.audioypesopost>div{flex:0 0 22%;text-align:center}.audioypesopost div:first-child{border-right:1px dotted #8d8e9f}.audioypesopost svg{width:15px;fill:currentColor;vertical-align:middle;margin-right:2px;margin-top:-1px}@media (max-width:768px){.audioypesopost{display:none}}

/* -------------------------------------------------------- */

/* Datos del audio y tamaño del archivo en slider home */
.item-audiopeso{width:14%;max-width:180px;min-width:100px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;color:#ccd1de;font-size:14px;text-shadow:0 1px 1px rgba(0,0,0,.5);padding-top:3px!important}.item-audiopeso>div{flex:0 0 48%;text-align:center}.item-audiopeso div:first-child{border-right:1px dotted #ccd1de}.item-audiopeso svg{width:15px;fill:currentColor;vertical-align:middle;margin-right:2px;margin-top:-4px}@media (max-width:768px){.item-audiopeso{display:none!important}}

/* -------------------------------------------------------- */

/* Datos del audio y tamaño del archivo en slider home para visualizar solo para moviles */
.item-audiopesomovil{display:none}@media screen and (max-width:768px){.item-audiopesomovil{display:flex}}@media (max-width:768px){.item-audiopesomovil{width:50%;max-width:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;color:#ccd1de;font-size:14px;text-shadow:0 1px 1px rgba(0,0,0,0.5);margin-left:-5px;margin-top:16px;margin-bottom:-9px}}@media (max-width:1024px) and (orientation:landscape){.item-audiopesomovil{width:25%;justify-content:flex-start}}.item-audiopesomovil>div{flex:0 0 50%;text-align:center}.item-audiopesomovil div:first-child{border-right:1px dotted #ccd1de}.item-audiopesomovil svg{width:15px;fill:currentColor;vertical-align:middle;margin-right:2px;margin-top:-4px}.caudioslider,.cfilesizeslider{}

/* -------------------------------------------------------- */

/*COLOR Y OTROS DE TABLAS DE PRECIOS*/
.rpt_style_basic .rpt_plan .rpt_head .rpt_price{background:#000}.rpt_style_basic .rpt_plan .rpt_head{border-top:#000 solid 2px;background:linear-gradient(0deg,#000 0%,#000000 100%)}.rpt_style_basic .rpt_plan .rpt_head .rpt_description{background:#000}.rpt_style_basic .rpt_plan .rpt_title{background:#0a0e17}.rpt_4_plans .rpt_plan .rpt_foot{padding:16px 20px;font-size:20px}.rpt_4_plans .rpt_plan_0{margin-left:0}.rpt_4_plans .rpt_plan_0:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important;-webkit-transition:all 1.9s ease!important;-moz-transition:all 1.9s ease!important;-o-transition:all 1.9s ease!important;-ms-transition:all 1.9s ease!important}.rpt_4_plans .rpt_plan{margin-left:-3px}.rpt_4_plans .rpt_plan:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important;-webkit-transition:all 1.9s ease!important;-moz-transition:all 1.9s ease!important;-o-transition:all 1.9s ease!important;-ms-transition:all 1.9s ease!important}.rpt_4_plans .rpt_plan_2{margin-left:5px}.rpt_4_plans .rpt_plan_2:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important;-webkit-transition:all 1.9s ease!important;-moz-transition:all 1.9s ease!important;-o-transition:all 1.9s ease!important;-ms-transition:all 1.9s ease!important}.rpt_4_plans .rpt_plan_3{margin-left:12px}.rpt_4_plans .rpt_plan_3:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important;-webkit-transition:all 1.9s ease!important;-moz-transition:all 1.9s ease!important;-o-transition:all 1.9s ease!important;-ms-transition:all 1.9s ease!important}

/* ------------------------------------------- */

/* Contenido resubido solo en slider y películas Texto que aparece el PC diferente al texto de los moviles	*/	
.resubido-movil{display:none!important}@media screen and (max-width:768px){.resubido-pc{display:none!important}.resubido-movil{display:inline-block!important}}

/* ------------------------------------------------------------ */


/* Inicio de circulos de estrenos y clásicos en elider home Estilos para los círculos dentro del slider, con efecto de pulso para clásicos */
/*ESTE ESTILO YA ESTA EN LA HOJA DE STYLE PARA QUE FUNCIONE*/
.sliderhome-classic-dot:before,.sliderhome-classic-dot:after{content:"";background:#00BCD4;width:8px;height:8px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;z-index:5;transform-origin:left top;animation:pulse 3s infinite!important}

/* -------------------------------------- */

/* Estilos para los círculos dentro del slider, con efecto de pulso para estrenos */
.strenossliderhome:after,.strenossliderhome:before{content:"";background:#d33;width:8px;height:8px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;z-index:5;transform-origin:left top;animation:3s infinite pulse}.strenossliderhome:after{z-index:3;animation-delay:.75s}.strenossliderhome span{width:16px;height:16px;border-radius:50%;background:#3a2e2b;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;pointer-events:none}.home-slider .strenossliderhome:hover span:after,.strenossliderhome:hover span:after{opacity:1}.home-slider .strenossliderhome span:before{content:"";background:#d33;width:8px;height:8px;border-radius:50%;position:relative;z-index:4}.home-slider .strenossliderhome span:after{content:attr(title);position:absolute;white-space:nowrap;font-size:.6rem;bottom:111%;right:-10%;width:64px;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;line-height:1.2rem;border-radius:3px;opacity:0;z-index:5}.strenossliderhome{position:sticky}@media (max-width:768px){.home-slider .strenossliderhome span:after{content:attr(title);position:absolute;white-space:nowrap;font-size:.6rem;bottom:111%;right:-307%;width:64px;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;line-height:1.2rem;border-radius:3px;opacity:0;z-index:5}.home-slider .strenossliderhome:hover span:after{opacity:1}}

/* --------------------------------------- */

/*COLOR DE ETIQUETAS DENTRO DEL POST*/
a, .home-blog-post .entry-date .date, .top-imdb-item:hover>.title a, .module .content .items .item .data h3 a:hover, .head-main-nav ul.main-header li:hover>a, .login_box .box a.register {
    color: #d9d9d9 !important;
}

/* --------------------------------------- */

/*ESTILO DE RESULTADOS DE BUSQUEDA GENERAL*/
.result-item article .image{width:100px;height:130px;border-radius:5px}.result-item article{border-bottom:1px solid rgba(255,255,255,0)}.result-item article .details .title a{color:#fc0}.result-item article .details .contenido p{color:#fff}.result-item article .details .meta span.rating{background:#fc0;color:#000;border-radius:2px;margin-top:-2px;padding:4px}span.year{color:#fff;padding:3px 6px;background:#000;border-radius:3px;margin-top:-3px;margin-left:-3px;border:solid 1px rgba(255,255,255,.14)}


/* Solo en la página de inicio */

body.home .item-format.micro-hd {
  display: none !important;
}

body.home .ibox-format span.micro-hd {
  display: none !important;
}

body.home .ibox-format span.\31 080p {  
  display: none !important;
}

body.home .ibox-format span.\37 20p {  
  display: none !important;
}

body.home .ibox-format span.\34 k {  
  display: none !important;
}

body.home .ibox-format span.\34 80p {  
  display: none !important;
}

body.home .item-format {
  display: none !important;
}

body.home .citem .item-footer {
  display: none !important;
}

body.home .module .content .items .item .data {
  float: left;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 2px;
    background: #141b29;
    padding: 7px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

body.home .module .content .items .item .data h3,
body.home .module .content .items .item .data h3 a {
  margin-top: 2px;
}

.module .content .items .item .dfeatur {
  position: static !important;
}

@media only screen and (max-width: 540px) {
    .module .content .items .item {
        padding: 5px;
        width: calc(100% / 2) !important;
    }
}

body.home .citem .poster .play {
    display: none !important;
}

body.home .citem .poster:hover img {
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
}