/*
 Theme Name:   DooPlay Child
 Theme URI:    https://doothemes.com/items/dooplay/
 Description:  DooPlay Child Theme
 Author:       DooThemes
 Author URI:   https://doothemes.com/
 Template:     dooplay
 Version:      2.1.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         DooPlay child theme
 Text Domain:  mtms
*/


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


/* Aplicar efecto de animación solo en el slider */
.sliderhome-classic-dot:after {
    z-index: 3;
    animation-delay: 0.75s;
}

/* Estilo del círculo interior con un punto central */
.sliderhome-classic-dot span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #3a2e2b; /* Color de fondo más oscuro */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    pointer-events: none;
}


/* Mostrar el título al pasar el cursor sobre el círculo */
.sliderhome-classic-dot:hover span:after {
    opacity: 1;
}

/* fin del circulo de clasicos en slider */

/* Punto central */
.home-slider .sliderhome-classic-dot span:before {
    content: "";
    background: #00bcd4;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    z-index: 4;
}

/* Tooltip al pasar el cursor */
.home-slider .sliderhome-classic-dot span:after {
    content: attr(title);
    position: absolute;
    white-space: nowrap;
    font-size: 0.6rem;
    bottom: 111%;
    right: -10%;
    width: 64px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    line-height: 1.2rem;
    border-radius: 3px;
    opacity: 0;
    z-index: 5;
}

/* Mostrar tooltip al pasar el cursor */
.home-slider .sliderhome-classic-dot:hover span:after {
    opacity: 1;
}

.sliderhome-classic-dot {
    position: sticky;
}

/* Ubicación del tooltip clásico en el slider home para moviles */
@media (max-width: 768px) {
	/* Tooltip al pasar el cursor */
.home-slider .sliderhome-classic-dot span:after {
    content: attr(title);
    position: absolute;
    white-space: nowrap;
    font-size: 0.6rem;
    bottom: 111%;
    right: -307%;
    width: 64px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    line-height: 1.2rem;
    border-radius: 3px;
    opacity: 0;
    z-index: 5;
}

/* Mostrar tooltip al pasar el cursor */
.home-slider .sliderhome-classic-dot:hover span:after {
    opacity: 1;
}
}

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

/* Ancho de episodios para celulares */
@media screen and (max-width: 768px) {
#single .content .sbox {
    padding: 6px 18px !important;
}
}

/* Estilo de SubMenu */
/* Mostrar el submenú al hacer hover */
.head-main-nav ul.main-header li:hover > ul.sub-menu {
    opacity: 1;
    pointer-events: auto;
    z-index: 1000;
    margin-top: 10px;
}

/* Estilos del submenú */
.head-main-nav ul.main-header li ul.sub-menu {
    position: absolute;
    background-color: #141d3b;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    min-width: 225px;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    margin-top: 0;
    top: 100%;
    border-radius: 6px;
	margin-left: 16px;
}

/* Estilos de los elementos dentro del submenú */
.head-main-nav ul.main-header li ul.sub-menu div {
    width: 100%;
}

.head-main-nav ul.main-header li ul.sub-menu li {
    padding: 0;
    width: 100%;
    margin: 0;
}

/* Estilos de los enlaces dentro del submenú */
.head-main-nav ul.main-header li ul.sub-menu a {
    font-size: 16px;
    color: #fff;
    display: block;
    font-weight: 400;
    padding: 8px;
}

/* Estilo del hover de los enlaces */
.head-main-nav ul.main-header li ul.sub-menu a:hover {
    color: #fafafa;
    background: var(--main-color); /* Cambia este color si lo deseas */
    border-radius: 10px;
	transform: scale(1.0); /* Ajusta el valor para aumentar o reducir el tamaño del hover */
}

/* Estilo para submenú con scroll (opcional) */
.head-main-nav ul.main-header li ul.sub-menu.scrollbar-dropdown {
    max-height: 260px;
}

/* Flecha del submenú */
.head-main-nav ul.main-header li ul.sub-menu:after,
.head-main-nav ul.main-header li ul.sub-menu:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
}

.head-main-nav ul.main-header li ul.sub-menu:before {
    left: 0;
    right: 0;
    height: 20px;
}

.head-main-nav ul.main-header li ul.sub-menu:after {
    border: 8px solid transparent;
    border-bottom-color: #141d3b;
    left: 12px;
}

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

/* Linea divisora de footer 100% ancho de pagina*/
.linea {
    width: 100%;
    height: 1px;
    background-color: #1a1f2b;
    position: absolute;
    left: 0;
	  z-index: 9999; /* Asegura que la línea esté por encima */
}

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

/* Distancia de resubidos dentro de post para movil */
@media screen and (max-width: 768px) {
    .resubidos {
      margin-top: -3px; /* Distancia arriba */
  margin-bottom: 0px; /* Distancia abajo */
	margin-top: -2px;
      /*  margin-bottom: 6px;*/
    }
}

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

/* Alineación de los circulos de anuncios dentro del post PC */
.recienagregado,
.resubidos,
.nuevoidioma {
  display: inline-flex; /* Alinea los elementos horizontalmente */
  align-items: center; /* Centra verticalmente */
  gap: 4px; /* Espaciado entre los elementos internos */
  margin-right: 0px !important; /* Espaciado entre cada div */
}

/* Asegurar que `.recienagregado` se comporte igual */
.recienagregado {
  display: inline-flex;
  align-items: center;
}



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

/* Distancia vertical de contador de visitas */
.contador-visitas {
  margin-top: 5px; /* Distancia arriba */
  margin-bottom: 5px; /* Distancia abajo */
}

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

/* Ocultar elementos de series para moviles */
@media screen and (max-width: 768px) {
.ibox-networks {
    display: none !important;
}
}
@media screen and (max-width: 768px) {
.contador-visitas {
   display:none;
}
}

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

/* Distancia del boton recien agregado para moviles */
@media screen and (max-width: 768px) {
body:has(.hro-single) .recienagregado {
    margin-bottom: 16px;
}
}

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

/* Distancia de elementos estrellas de calificacion dentro del post */
.starstruck {
    margin-bottom: 5px;
}

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

/* Distancia posicion de los botones recien agregados en slider movil*/
@media screen and (max-width: 768px) {
    .recent_post_txt { 
			bottom: 0px;
	}
}
@media (max-width: 768px) {
	.recent_post{
 bottom: 0px;
}
}
/*-----------------------------------------------------*/

  /* Mensaje de "No hay episodios" */
  .none {
    background: rgb(10 14 23);
    color: #fff;
    padding: 20px;
    border-radius: 7px;
    font-size: 14px;
    /*font-weight: bold;*/
    text-align: center;
    line-height: 1.5; /* Espaciado del texto para que quede bien */
    max-width: 200px; /* Evita que el cuadro sea muy ancho */
	 box-shadow: 0px 0px 15px 5px rgb(255 255 255 / 5%);
  }
/* ------------------------------------------------ */

/* Efecto de Salto Muy Suave de icono de estreno */
@keyframes bounces {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.bounces {
  display: inline-block;
  animation: bounce 1s ease-in-out infinite;
}

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

/* Sombras para las letras e íconos de slider */
.caudio svg,
.cfilesize svg {
    filter: drop-shadow(1px 1px 2px black);
}

.caudio,
.cfilesize {
    filter: drop-shadow(1px 1px 2px black);
}

.item_type {
    filter: drop-shadow(1px 1px 2px black);
}
/* Fin de sombras para las letras e íconos de slider */

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

/* Datos del footer */
/*.audiopeso {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 13px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  padding-top: 8px !important;

}*/
.audiopeso {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 13px;
    text-shadow: 1px 2px #000;
    padding-top: 0px !important;
}

@media (max-width: 768px) { /* Para pantallas pequeñas (celulares y tablets) */
.audiopeso {
    /*display: none;*/
}
}
@media (max-width: 768px) { /* Para celulares y tablets */
    .audiopesoposicion {
        position: absolute !important;
        bottom: 7% !important;  /* Distancia desde la parte inferior */
        left: 22% !important;  /* Ubicación en la esquina izquierda */
        min-width: 50px !important; /* Ancho mínimo */
        height: auto !important; /* Altura automática según el contenido */
        padding: 0px 10px !important; /* Espaciado interno para evitar que se vea comprimido */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: nowrap !important; /* Evita que el texto se divida en varias líneas */
    }
}

@media (max-width: 768px) { /* Para celulares y tablets */
  .audiopeso > div {
  flex: 0 0 25% !important;
  text-align: center;
}
}	
	
.audiopeso > div {
  flex: 0 0 21%;
  text-align: center;
}

.audiopeso div:first-child {
  border-right: 1px dotted #ffffff;

}

.audiopeso svg {
  width: 15px;
  fill: currentColor;
  vertical-align: middle;
  margin-right: 2px;

}




span.item_type {
    bottom: 13px;
    right: 13px;
}

/*.audiopesoposicion {
    margin-top: -52px;
    margin-left: 113px;
    width: 100%;
}*/

/*.audiopesoposicion {
    margin-top: 174px;
    margin-left: 90px;
    width: 100%;
	text-shadow: 1px 2px #000;
    padding-top: 8px !important;
    position: absolute;
    z-index: 20;
}*/

.audiopesoposicion {
    top: 87%;
    right: -25%;
    width: 100%;
    text-shadow: 1px 2px #000;
    /* padding-top: 8px !important; */
    position: absolute;
    z-index: 20;
}


/*-------------------------------------------------------*/
/* Fin de datos del audio y tamaño de la serie ubicado en el slider */

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

/* Efecto del menu y transparecia para el celular */
@media (max-width: 768px) {
body.home header.responsive:not(:has(.active)) {
    position: absolute;
    z-index: 1;
    border-bottom: 0 !important;
}
	
header.responsive {
    background-color: rgb(15 15 15 / 0%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 0%);
    border-bottom: 1px solid #00000000;
}	
}


@media (max-width: 768px) {
    .fixheadresp {
        position: relative; /* Asegura que el z-index funcione */
        z-index: 100; /* La pone delante de otros elementos */
    }

    header.responsive {
        position: relative; /* Evita que se superponga mal */
        z-index: 101;
			/* Más alto que el fondo */
    }

    .hro-single__backdrop {
        position: absolute; /* Se mantiene detrás */
        z-index: 1; /* Más bajo que la cabecera */
		top: -48px !important;
    }
}

	@media (max-width: 768px) {
    .fa-search:before {
        position: relative; /* Se asegura de estar en la capa correcta */
        z-index: 105; /* Más alto que la cabecera y otros elementos */
    }
}


/*------------------------------------*/
@media screen and (max-width: 768px) {
header.responsive .logo {
    background: #141b2900 !important;
}
	}

@media screen and (max-width: 768px) {
    .hro-single__content {
        /* flex-direction: column; */
        margin-top: -13px !important;
    }
}


@media screen and (max-width: 768px) {
    .hro-single {
        padding-top: 0;
        padding: 13px;
    }
}

@media screen and (max-width: 768px) {
.hero-item__wrapper {
  margin-bottom: 41px;
}
}

@media screen and (max-width: 1024px) {
    header.responsive .logo img {
        height: 30px;
    }
}

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

/* CAMBIO DE ESTILO DE CAJA DE COMENTARIOS */
/* Caja principal de comentarios */
#comments {
    max-width: 100%;
    background: #0d1524;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px; /* Agrega espacio debajo */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}



/* Formulario de respuesta */
#respond {
    background: #0a0e17;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

/* Campo de texto del comentario */
#respond textarea {
    width: 100%;
    height: 120px;
    border: none;
    background: #000000;
    color: white;
    padding: 12px;
    border-radius: 8px;
    resize: none;
    font-size: 15px;
    transition: border 0.3s;
}

#respond textarea:focus {
    outline: none;
    border: 1px solid #ff6600;
}

/* Botón de enviar comentario */
#respond input[type="submit"] {
    background: linear-gradient(45deg, #408bea, #408bea);
    color: white;
    padding: 12px 18px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 15px;
    margin-top: 12px;
    font-weight: bold;
    transition: 0.3s;
}



/* Lista de comentarios */
.comment-list {
    margin-top: 20px;
}

/* Cada comentario estilo burbuja */
.comment-list .comment {
    display: flex;
    align-items: flex-start;
    background: #222;
    padding: 12px;
    border-radius: 15px;
    margin-bottom: 15px;
    color: white;
    font-size: 15px;
    position: relative;
    max-width: 90%;
}

/* Avatar del usuario */
.comment-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    background: #444;
}

/* Contenido del comentario */
.comment-content {
    flex: 1;
    background: #2a2a2a;
    padding: 10px;
    border-radius: 10px;
    position: relative;
}

/* Autor del comentario */
.comment-author {
    font-weight: bold;
    color: #ff6600;
    margin-bottom: 3px;
}

/* Fecha del comentario */
.comment-date {
    font-size: 12px;
    color: #bbb;
    margin-bottom: 5px;
}

/* Texto del comentario */
.comment-text {
    margin: 0;
    line-height: 1.4;
}

.comment-respond h3:before {
    color: #408bea !important;
}

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


/* EFECTO DESLIZAMIENTO HACIA LA IZQUIERDA ME DE MOBILES + ICONO DE HAMBURGUESA */
@media (max-width: 768px) {
.nav-resp {
    height: 22px;
    display: block;
    position: relative;
    cursor: pointer;
    z-index: 9999 !important; /* Asegura que se muestre sobre otros elementos */
}

/* Elimina cualquier icono de antes */
.nav-resp::before {
    content: none !important;
}

/* Líneas del icono */
.nav-resp span {
    position: absolute;
    left: 0;
    height: 2px;
    width: 24px; /* Tamaño de la línea */
    background-color: #fff !important; /* Fuerza el color */
    border-radius: 2px;
    transition: 0.5s;
    opacity: 1;
}

/* Línea superior */
.nav-resp span:first-child {
    top: 0;
}

/* Línea del medio */
.nav-resp span:nth-child(2) {
    top: 10px;
    width: 16px; /* Más corta */
}

/* Línea inferior */
.nav-resp span:last-child {
    top: 20px;
    width: 8px; /* Más corta */
}

.nav-resp::before {
    display: none !important;
}

/* Icono de hamburguesa por defecto */
.nav-resp span {
    position: absolute;
    left: 0;
    height: 2px;
    width: 24px;
    background-color: #fff;
    border-radius: 2px;
    transition: 0.5s;
}

/* Línea superior */
.nav-resp span:first-child {
    top: 0;
}

/* Línea del medio */
.nav-resp span:nth-child(2) {
    top: 10px;
    width: 16px;
}

/* Línea inferior */
.nav-resp span:last-child {
    top: 20px;
    width: 8px;
}

/* Cuando el menú está abierto */
.nav-resp.open span {
    background-color: red !important; /* Cambia 'red' por el color que quieras */
}

/* Transformaciones para formar la "X" */
.nav-resp.open span:first-child {
    transform: rotate(45deg);
    top: 9px;
    width: 24px;
}

.nav-resp.open span:nth-child(2) {
    opacity: 0;
}

.nav-resp.open span:last-child {
    transform: rotate(-45deg);
    top: 9px;
    width: 24px;
}


.nav {
       display: flex;
    align-items: center;
    justify-content: center; /* Centra el icono en la cabecera */
    height: 150%;
    position: absolute;
    left: 9% !important;
    transform: translateX(-50%);
}

.nav-resp {
    position: relative;
    width: 40px; /* Ajusta el tamaño del área clickeable */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

@media (max-width: 768px) {
#arch-menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: sticky;
    top: 70px;
    bottom: 0;
    left: 0; /* Posición inicial */
    z-index: 99;
    width: 300px;
    
    background-color: #222;
    border-top: 2px solid var(--main-color);
    transform: translate3d(-300px, 0, 0); /* Oculto */
    transition: transform 0.4s ease-in-out;
}

/* Cuando el menú está abierto */
#arch-menu.open {
    transform: translate3d(0, 0, 0); /* Se desliza */
}
	
header.responsive {
   /* box-shadow: 0 1px 5px rgb(0 0 0 / 0%);
    border-bottom: 0px solid #00000000;*/
}
	
.menuresp .menu ul.resp li a {
    width: -webkit-fill-available;
}	
	
}

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

/* ESTILO DE MENU DE MOBILES */
@media (max-width: 768px) {
  .menu-item-has-children > ul {
    display: none; /* Oculta los submenús por defecto */
  }
}


@media (max-width: 768px) {
  .menu-item-has-children > a {
    position: relative;
    padding-right: 20px; /* Espacio para la flecha */
  }

.menu-item-has-children > a::after {
    content: "▶"; /* Flecha indicando submenú */
    font-size: 12px;
    position: absolute;
    right: 0px; /* Mueve la flecha más a la izquierda */
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

  /* Cuando el submenú está abierto, la flecha gira */
  .menu-item-has-children.open > a::after {
    transform: translateY(-50%) rotate(90deg);
  }
}

@media (max-width: 768px) {
.menuresp .menu ul.resp li ul.sub-menu {
    position: relative;
    background-color: #0a0e179e; /* Color de fondo del submenú */
    padding: 8px;
    border-radius: 6px;
	color:#fff;
    margin-top: 10px; /* Ajuste para evitar que el triángulo se solape */
}
	
	/* Triángulo apuntando hacia arriba */
    .menuresp .menu ul.resp li ul.sub-menu::before {
        content: "";
        position: absolute;
        bottom: 100%; /* Lo coloca justo encima del submenú */
        left: 20px; /* Ajusta la posición horizontal */
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #0a0e179e; /* Mismo color del submenú */
    }

.menuresp .menu ul.resp li ul.sub-menu li a {
    color: rgb(253 253 253 / 68%) !important;
}	
	
.menuresp .menu ul.resp li ul.sub-menu li a:before {
    color: rgb(255 255 255 / 0%) !important;
}	
	
.menuresp .menu ul.resp li a:hover {
    color: #408bea !important;
    background: #141b29;
	width:100%;
}
	
	.menuresp .menu ul.resp {
    border-top: 2px solid #f50057;
}
	
	    .menuresp .menu ul.resp {
        border-top: 2px solid #f50057;
        /*margin-top: -19px !important;*/
    }
}

@media (max-width: 768px) {
    .menuresp .menu ul.resp {
        border-top: 1px solid #f50057;
        /*margin-top: -19px !important;*/
        padding: 14px 30px 18px 20px;
			background: #141b29;
    }
}
@media (max-width: 768px) {
.menuresp .menu ul.resp li a i {
    margin-left: -6px;
}
}


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

/* Nuevo proyecto banderas de paises de origen de cada pelicula o serie */
.single-movies .hro-single__right .ibox,
.single-tvshows .hro-single__right .ibox {
    margin-top: -21px;
    padding-left: 26px;
}

@media screen and (max-width: 768px) {
	.single-movies .hro-single__right .ibox, .single-tvshows .hro-single__right .ibox {
    padding-left: 16px;
}
}

.item-paices {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espacio entre cada país */
}

.pais-container {
    display: flex;
    flex-direction: column; /* El nombre queda debajo de la bandera */
    align-items: flex-start; /* Alinea todo a la izquierda */
    margin-bottom: 19px; /* Espacio entre este y el siguiente elemento */
}


.pais-bandera {
    width: 40px; /* Ajusta el tamaño de la bandera */
    height: auto;
}

.pais-nombre {
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px; /* Espacio entre la bandera y el texto */
    /*color: #dbdada; /* Cambia el color del texto */
	color: #b1b2b5; /* Cambia el color del texto */
    text-align: left; /* Asegura que el texto esté alineado a la izquierda */
}


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


/* Burbuja de Clásico */
.citem .dots-clasico {
  position: absolute;
  z-index: 3;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  z-index: 10;
}

.citem .dots-clasico:before,
.citem .dots-clasico:after {
  content: "";
  background: #00BCD4; /* Color diferente para Clásicos */
  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;
}

.citem .dots-clasico:after {
  z-index: 3;
  animation-delay: 0.75s;
}

.citem .dots-clasico span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #3a2e2b; /* Color de fondo más oscuro */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.citem .dots-clasico span:before {
  content: "";
  background: #00bcd4; /* Color del punto central */
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  z-index: 4;
  transform-origin: left top;
}

.citem .dots-clasico span:after {
  content: attr(title);
  position: absolute;
  white-space: nowrap;
  font-size: 0.6rem;
  bottom: -24px;
  right: 50%;
  width: 64px;
  margin-right: -12px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  line-height: 1.2rem;
  border-radius: 3px;
  opacity: 0;
	z-index: 20;
}

.citem .dots-clasico:hover span:after {
  opacity: 1;
}

.citem .dots-clasico {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: red; /* Color de ejemplo */
  z-index: 15;
}

/* Para que se active el circulo del nuevo episodio */
.citem .dots-newep {
  position: absolute;
  right: 10px;
  top: 33px !important; /* Lo bajamos para que no se superponga */
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: blue; /* Color de ejemplo */
  z-index: 10;
}

/* Posición del círculo en películas (escritorio) 
.dots-clasico-movie {
    margin-top: 38px !important;
    left: 157px;
}*/

/* Posición del círculo en películas (móviles) */
/*@media screen and (max-width: 768px) {
    .dots-clasico-movie {
        margin-top: 37px !important; /* Ajusta según sea necesario */
 /*       left: 121px !important;  Ajusta según sea necesario 
    }
}*/

/* Posición del círculo en series */
.dots-clasico-series {
    position: absolute;
    top: 10px;
    right: 10px;
}
/* Fin de Burbuja de Clásico */

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



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

/* Efecto tooltip de copiar la contraseña con un solo clic*/
.tooltippost {
    display: none;
    position: absolute;
    top: 54px;
    right: 4px !important;
    background-color: #FF5722;
    color: white;
    padding: 9px 20px;
    border-radius: 5px;
    font-size: 15px;
    position: absolute;
} 

.tooltippost::after {
  content: '';
  position: absolute;
  top: -10px; /* Ajusta la distancia del triángulo */
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #FF5722; /* Color del triángulo */
}

@media (max-width: 768px) {
    .tooltippost {
        top: 56px !important;
        left: -65% !important;
        transform: translateX(41%);
        /* background-color: #FF5722; */
        /* color: white; */
        padding: 3px 1px !important;
        font-size: 13px !important;
        /* width: auto; */
        /* max-width: 191px;*/
    }
}


.tooltippost.copied {
    background-color: rgb(33 150 243);
    top: 129%;
    left: 60%;
	transform: translateX(4%);
}

.tooltippost.copied::after {
  content: '';
  position: absolute;
  top: -10px; /* Ajusta la distancia del triángulo */
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgb(33, 150, 243); /* Color del triángulo */
}

@media (max-width: 768px) {
.tooltippost.copied {
    top: 127% !important;
        left: -62% !important;
        transform: translateX(40%);
        font-size: 14px;
        padding: 2px 11px 8px !important;
}
}

.copy_box:hover .tooltippost {
  display: block;
}
/* Fin de efecto tooltip de copiar la contraseña con un solo clic*/

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



/*-------------------------------------------------------------
        fechas con icono de calendario para episodios
---------------------------------------------------------------*/

/* Asegúrate de que el contenedor use flexbox para el alineamiento */
.right-align {
    display: flex; /* Usamos flex para alinear verticalmente */
    justify-content: flex-end; /* Alinea a la derecha */
    align-items: center; /* Centra el contenido verticalmente */
    opacity: 0.6; /* Opacidad sutil */
}

/* Alineación de la fecha */
.right-align .date {
    margin-right: 5px; /* Espacio entre la fecha y el ícono */
    margin-top: -30px; /* Subir la fecha un poco más */
}

/* Alineación del ícono */
.right-align svg {
    width: 18px; /* Tamaño del ícono */
    height: 18px; /* Tamaño del ícono */
    margin-top: -30px; /* Subir el ícono un poco más */
}

/* Ajustes para pantallas móviles (menores a 768px) */
@media (max-width: 768px) {
    .right-align {
        justify-content: flex-start; /* Alineamos todo a la izquierda en móviles */
        margin-top: 0; /* Restablecemos el margen superior para móviles */
    }

    /* Ajustamos el margen superior de la fecha e ícono para móviles */
    .right-align .date {
        margin-top: 0; /* Quitamos el margen superior en móviles */
    }

    .right-align svg {
        margin-top: 0; /* Quitamos el margen superior en móviles */
        width: 14px; /* Hacemos el ícono más pequeño en móviles */
        height: 14px; /* Hacemos el ícono más pequeño en móviles */
    }
}

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

/*-------------------------------------------------------------
ALINEACION HACIA LA IZQUIERDA DE TEXTO Y IMDB SEARCH LIVE MOVIL
---------------------------------------------------------------*/
@media (max-width: 768px) {
    .live-search ul li .title {
        text-align: left !important;
    }

    .live-search ul li .imdb {
        text-align: left !important;
    }
}


/* ajusta y centra para moviles el texto de anuncios de de recien publicado, nuevo episodio, contenido resubido y nuevo idioma */
@media screen and (max-width: 768px) {
    small {
    /*display: block;*/
    margin-top: 2px; /* Ajusta la separación entre el texto de anuncios */
 font-size: 14px;
    color: #888;
}
}
@media screen and (max-width: 768px) {
.nuevoidioma {
    display: flex !important;
        align-items: center !important;
        gap: 0px;
        flex-wrap: wrap;
        justify-content: flex-end !important;
        flex-direction: row;
        left: 2px !important;
        margin-top: -16px !important;
        margin-bottom: 1px !important;
        padding: 4px 0px !important;
        margin-right: 8px !important;
	    display:none !important;
}
}

@media screen and (max-width: 768px) {
    .home-slider .resubidos {
        margin: 0 8px 0 9px !important;
        margin-left: -4px !important;
    }
}
@media screen and (max-width: 768px) {
.recent_post_txt {
    margin: 0 8px 0 4px!important;
	background: rgb(0 0 0 / 0%) !important;
	padding: 4px 3px!important;
}
}
@media screen and (max-width: 768px) {
.recent_post_txt:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: rgb(0 0 0 / 38%);
    border-left: 0;
    margin-top: -5px;
    margin-left: -5px;
}
}
@media screen and (max-width: 768px) {
    .recent_post_txt {
        position: relative;
        background: rgb(0 0 0 / 38%) !important;
        border-radius: .3rem;
        padding: 5px 8px !important;
        /* margin: 0 8px 0 3px !important; */
        font-size: 13px !important;
        color: #fff;
    }
}

/*---------------------------------------------------
    Estilos personalizados para el título y el formato
    - `.hide-format`: Ajusta el estilo del formato de calidad (WEB-DL, HDRip, etc.)
    - `.title-container`: Contenedor flexible para alinear el título y el formato
    - `small`: Estiliza el título original debajo del principal
---------------------------------------------------*/

.title-container {
    display: flex;
    flex-direction: column;
    position: relative;
}

h1 {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 8px; /* Espacio entre el título y el formato */
}

.hide-format {
    color: white;
    border-radius: 10px;
    padding: 4px 7px;
    font-size: 11px;
    font-weight: 500;
	  top: -8px;
    left: -6px;
    position: relative; /* Evita problemas de superposición */
}

/*small {
    display: block;
    margin-top: 2px; /* Ajusta la separación entre el título y el original */
/*    font-size: 14px;
    color: #888;
}*/

/*Código CSS para ocultarlo en móviles [el formato que va en el titulos de series y peliculas]:*/
@media screen and (max-width: 768px) {
    .hide-format {
        display: none;
    }
}

/* centrar titulo de post */
@media (max-width: 768px) {
    h1 {
        text-align: center;
        justify-content: center;
    }
}

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

/* Espacio de letras SEO con las imágenes dentro del post */
#dt_galery {
    border-top: 1px solid transparent; /* "#fff0" es equivalente a "transparent" */
    padding-top: 11px;
    margin: 0 0 12px; /* Simplificado */
}

/* No ocultar ficha técnica de serie */
.sbox .custom_fields {
    width: 100%;
    padding: 20px 10px 14px;
    margin: 6px 0 1px;
    float: left;
    background-color: rgba(64, 139, 234, 0.06); /* "#408bea0f" convertido a rgba */
    border-radius: 6px;
    /* display: none; */ /* Comentado, por si lo necesitas más adelante */
}


/* ICONOS EN VOTACIONES DE PELICULAS Y SERIES*/
.votaciones {
    display: flex;
    align-items: center;
    gap: 10px; /* Ajusta la separación entre el icono y el texto */
    font-size: 16px; /* Asegura un tamaño adecuado para que encaje bien */
    font-weight: bold; /* Hace que se vea más sólido */
    color: #fff !important; /* Mantiene el color blanco */
    text-decoration: none;
    margin-bottom: 15px; /* Agrega un pequeño margen inferior */
}

.votaciones svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    flex-shrink: 0; /* Evita que el icono se deforme */
}

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

/* Estilos para la clase imagencapturas */
.imagencapturas {
    display: flex;
    align-items: center; /* Alinea verticalmente */
    gap: 8px; /* Espacio entre el icono y el texto */
    font-size: 16px; /* Tamaño de letra */
    color: inherit; /* Mantiene el color del tema */
}

/* Ajuste del tamaño del icono */
.imagencapturas svg {
    width: 22px; /* Tamaño del icono */
    height: 22px;
    flex-shrink: 0; /* Evita que se deforme */
}

/* Aplica solo a los con la clase "imagencapturas" */
.imagencapturas {
    list-style: none; /* Elimina los estilos predeterminados de lista */
}

/* Estilos para los enlaces dentro del  */
.imagencapturas a {
    display: flex;
    align-items: center; /* Alinea verticalmente */
    gap: 8px; /* Espacio entre el ícono y el texto */
    font-size: 16px;
    text-decoration: none;
    color: inherit; /* Mantiene el color original */
}

/* Ajusta el tamaño del ícono */
.imagencapturas a svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0; /* Evita que se deforme */
}


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

/* ICONOS DE LA INFORMACION DE DESCARGAS */

#main_ali {
    display: flex;
    align-items: center; /* Alinea verticalmente */
    gap: 8px; /* Espacio entre el icono y el texto */
    font-size: 16px;
	  color:#fff !important;
    text-decoration: none;
    color: inherit; /* Mantiene el color del texto del enlace */
}

#main_ali svg {
    width: 20px; /* Ajusta el tamaño del ícono */
    height: 20px;
    flex-shrink: 0; /* Evita que el ícono cambie de tamaño */
}

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

/* Aplica solo a los con la clase "reparto" */
.reparto {
    list-style: none; /* Elimina los estilos predeterminados de lista */
}

/* Estilos para los enlaces dentro del  */
.reparto a {
    display: flex;
    align-items: center; /* Alinea verticalmente */
    gap: 8px; /* Espacio entre el ícono y el texto */
    font-size: 16px;
    text-decoration: none;
    color: inherit; /* Mantiene el color original */
}

/* Ajusta el tamaño del ícono */
.reparto a svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0; /* Evita que se deforme */
}


/* Aplica solo a los con la clase "trailerpost" */
.trailerpost {
    list-style: none; /* Elimina los estilos predeterminados de lista */
}

/* Estilos para los enlaces dentro del */
.trailerpost a {
    display: flex;
    align-items: center; /* Alinea verticalmente */
    gap: 8px; /* Espacio entre el ícono y el texto */
    font-size: 16px;
    text-decoration: none;
    color: inherit; /* Mantiene el color original */
}

/* Ajusta el tamaño del ícono */
.trailerpost a svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0; /* Evita que se deforme */
}


/* FIN DE ICONOS DE LA INFORMACION DE DESCARGAS */

/* CAMBIO DE VISTAS PARA SELECCIONAR LOS MENU DE LA FICHA DE DESCARGA */
/* Aplica estos estilos solo cuando NO estás en la página de inicio */
body:not(.home) .linktabs ul li a.selected,
body:not(.home) ul.smenu li a.selected,
body:not(.home) a.liked,
body:not(.home) .module .content header span a.see-all,
body:not(.home) .page_user nav.user ul li a.selected,
body:not(.home) .dt_mainmeta nav.releases ul li a:hover {
    position: relative; /* Necesario para el efecto */
    padding-bottom: 14px; /* Espacio entre el texto y el subrayado */
}

body:not(.home) .linktabs ul li a.selected::before,
body:not(.home) ul.smenu li a.selected::before,
body:not(.home) a.liked::before,
body:not(.home) .module .content header span a.see-all::before,
body:not(.home) .page_user nav.user ul li a.selected::before,
body:not(.home) .dt_mainmeta nav.releases ul li a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 52%;
    width: 77%; /* Ajusta este valor si quieres un subrayado más corto o largo */
    height: 4px;
    display: block;
    background-color: #2f80ed;
    transition: .4s ease;
    transform: translateX(-50%) translateY(2px);
    opacity: 0;
    border-radius: 4px 4px 0 0;
}

body:not(.home) .linktabs ul li a.selected::before,
body:not(.home) ul.smenu li a.selected::before,
body:not(.home) a.liked::before,
body:not(.home) .module .content header span a.see-all::before,
body:not(.home) .page_user nav.user ul li a.selected::before,
body:not(.home) .dt_mainmeta nav.releases ul li a:hover::before {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/*Color de info en entradas anterior (no afecta a home) */
body:not(.home) .linktabs ul li a.selected,
body:not(.home) ul.smenu li a.selected,
body:not(.home) a.liked,
body:not(.home) .module .content header span a.see-all,
body:not(.home) .page_user nav.user ul li a.selected,
body:not(.home) .dt_mainmeta nav.releases ul li a:hover {
    /*background: #141b29d6 !important;*/
    background: rgb(255 255 255 / 0%) !important;
    /*box-shadow: rgba(0, 0, 0, .6) 0 0 7px 0px !important;*/
}

/* AJUSTES PARA SERIES */
.episodiopost a {
    display: flex;
    align-items: center; /* Alinea el icono con el texto */
    gap: 8px; /* Espacio entre el icono y el texto */
    text-decoration: none;
    font-size: 16px; /* Ajusta según el diseño */
}

.episodiopost a svg {
    width: 20px; /* Ajusta el tamaño del icono */
    height: 20px;
}


/* TABLAS PARA SELECCION DE DESCARGAS */
@media screen and (max-width: 768px) { 
    #section.smenu {
        display: flex;
        flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente línea si es necesario */
        justify-content: center;
        gap: 10px; /* Espaciado entre elementos */
        padding: 10px 0;
    }

    #section.smenu li {
        flex: 1 1 calc(25% - 10px); /* Se ajusta para que 4 entren en una fila */
        max-width: 160px; /* Un poco menos que 172px */
        text-align: center;
        background: #141b29;
        border-radius: 6px;
        padding: 8px;
        transition: background 0.3s ease-in-out;
    }
	

    #section.smenu li a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; /* Espacio entre el icono y el texto */
        font-size: 14px;
        color: #fff; /* Color del texto */
        text-decoration: none;
    }

    #section.smenu li a svg {
        width: 20px;
        height: 20px;
        stroke: #fff; /* Color del icono */
    }

    /* Efecto hover */
    #section.smenu li:hover {
        background: rgb(20 27 41); /* Color más oscuro al pasar el cursor */
    }
}

@media only screen and (max-width: 540px) {
    ul.smenu li a {
        background: rgb(20 27 41);
    }
}

@media only screen and (max-width: 540px) {
    ul.smenu {
        background: rgb(10 14 23);
    }
}

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



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



/* FONDO DE VOTO CON TRIAGULO HACIA LA IZQUIERDA EN CADA ENTRADA */
.c-rating .your_vote {
    position: relative; /* Necesario para posicionar el ::after */
    display: inline-block; /* Ajusta al contenido */
    background: #ff572224 !important; /* Color de fondo */
    color: #fff; /* Color del texto */
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}

/* Triángulo decorativo apuntando a la izquierda */
.c-rating .your_vote::after {
    content: "";
    position: absolute;
    top: 50%; /* Centrado verticalmente */
    left: -6px; /* Ubicación a la izquierda del div */
    transform: translateY(-50%); /* Centra el triángulo verticalmente */
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #ff572224; /* Color del triángulo */
}


@media (max-width: 768px) { /* Se oculta en pantallas menores a 768px */
    .c-rating .your_vote::after {
        display: none;
    }
}
@media (max-width: 768px) { 
.c-rating .your_vote {
    background: #ff572214;
}
	}

/* RATING DENTRO DE PELICULAS Y SERIES ESTRELLAS YA OPTIMIZADO */
.rating-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    box-sizing: border-box;
    margin-bottom: 10px
}

.rating-meta {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center
}

.rating-meta .starstruck-ptype {
    flex-basis: 100%
}

.rating-meta .sub-meta {
    color: var(--color-txt);
    padding: 12px 15px;
    font-size: 16px;
    font-weight: 300;
    flex-basis: 100%;
    text-align: center
}

.rating-meta .sub-meta span {
    margin: 0 10px
}

.c-rating {
    display: flex;
    flex-wrap: wrap;
    max-width: 363px;
	  font-size: 11px;
}

.c-rating .your_vote {
    background: rgba(10, 14, 23, .3);
    padding: 5px 10px 4px;
    margin-top: 4px;
    margin-left: -1px;
    color: #fafAFA80;
    border-radius: 5px;
    font-size: 13px;
}

.c-rating .total_votes {
    color: #ccc;
    font-size: 11px;
    font-style: italic;
			margin-top: 6px;
}

.rating-holder .rating-percent {
    max-width: 50px;
    align-items: center
}

.rating-holder .rating-percent svg {
    width: 100%
}

.circular-chart {
    display: block;
    max-width: 85%;
    max-height: 250px
}

.circle-bg {
    fill: none;
    stroke: rgba(255,255,255,.3);
    stroke-width: 3.8
}

.circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards
}

.card,.card__cover:hover .card__play,.genero_card a,.navigation a {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-name: zoomIn
}

.table_form {
    padding: 15px 0!important
}

.table_form .title {
    font-size: 22px;
    padding: 20px 30px;
    color: var(--color-txt);
    display: block
}

.table_responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table_responsive .section__title-wrap {
    border-bottom: 1px solid #313b49
}

.table_responsive .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table_responsive .table thead th,.table_responsive .table thead tr {
    padding-bottom: 30px;
    border-top: none;
    border-bottom: none!important;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .2rem;
    text-align: center
}

.table_responsive .table tbody tr {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease
}

.table_responsive .table tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(255,255,255,.05)
}

.table_responsive .table tbody td,.table_responsive .table tbody th {
    color: #777;
    padding: 20px 5px;
    font-weight: 300;
    border: none;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease
}

.table_responsive .table .form__input,.table_responsive .table .form__select {
    height: 38px
}

.table_responsive .table tbody tr td.last {
    padding: 0 10px
}

.table_responsive .table tbody tr td.last .remove_row {
    margin-top: -20px
}

.table_responsive .table tbody tr:first-child td .remove_row {
    display: none
}

.table_responsive .control {
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    gap: 10px
}

.table_responsive .control>* {
    padding: 5px 8px
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100
    }
}

.circular-chart.orange .circle {
    stroke: #face88
}

.circular-chart.green .circle {
    stroke: #82ddb4
}

.circular-chart.red .circle {
    stroke: #e88d8d
}

.percentage {
    fill: #fafafa;
    font-family: sans-serif;
    font-size: .5em;
    text-anchor: middle
}

.c-rating i {
    display: inline-block;
    letter-spacing: 0;
    width: 1.25em;
    height: 1.25em;
    font-size: 18px;
    border: 0;
    text-indent: -9999px;
    outline: 0;
    background: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23DBE3E660%22%20d%3D%22M22%2C10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9%2C3c-0.1-0.2-0.2-0.3-0.4-0.4C12%2C2.3%2C11.4%2C2.5%2C11.1%2C3L8.6%2C8.2L2.9%2C9C2.6%2C9%2C2.4%2C9.1%2C2.3%2C9.3c-0.4%2C0.4-0.4%2C1%2C0%2C1.4l4.1%2C4l-1%2C5.7c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.3%2C0.5%2C0.9%2C0.7%2C1.4%2C0.4l5.1-2.7l5.1%2C2.7c0.1%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1v0c0.1%2C0%2C0.1%2C0%2C0.2%2C0c0.5-0.1%2C0.9-0.6%2C0.8-1.2l-1-5.7l4.1-4C21.9%2C10.5%2C22%2C10.3%2C22%2C10.1z%22%2F%3E%3C%2Fsvg%3E) center/cover no-repeat;
    cursor: pointer;
    transition: background .25s ease;
    color: #dbe3e6
}

.breadcrumb__item--active:hover,.breadcrumb__item:hover {
    color: #fff
}

.c-rating i.star-on-png {
    background: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23EA6153%22%20d%3D%22M22%2C10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9%2C3c-0.1-0.2-0.2-0.3-0.4-0.4C12%2C2.3%2C11.4%2C2.5%2C11.1%2C3L8.6%2C8.2L2.9%2C9C2.6%2C9%2C2.4%2C9.1%2C2.3%2C9.3c-0.4%2C0.4-0.4%2C1%2C0%2C1.4l4.1%2C4l-1%2C5.7c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.3%2C0.5%2C0.9%2C0.7%2C1.4%2C0.4l5.1-2.7l5.1%2C2.7c0.1%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1v0c0.1%2C0%2C0.1%2C0%2C0.2%2C0c0.5-0.1%2C0.9-0.6%2C0.8-1.2l-1-5.7l4.1-4C21.9%2C10.5%2C22%2C10.3%2C22%2C10.1z%22%2F%3E%3C%2Fsvg%3E) center/cover no-repeat
}
/* FIN DE RATING DENTRO DE PELICULAS Y SERIES ESTRELLAS YA OPTIMIZADO */

@media (min-width: 576px) {
    .details__carousel a {
        width:140px
    }

    .details__cover {
        width: 240px;
        margin: 0 auto
    }

    .details__buy,.details__favorite {
        width: 240px
    }
}

@media (min-width: 768px) {
    .details__carousel a {
        width:100%
    }

    .details__cover {
        margin: 0
    }

    .details__head {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch
    }

    .details__wrap {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: calc(100% - 260px)
    }

    .details__actions {
        width: 100%
    }

    .details__title {
        font-size: 22px;
        text-align: left
    }
}



/*@media (min-width: 992px) {
    .details {
        display:flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .rating-meta .starstruck-ptype {
        flex-basis: auto
    }

    .rating-meta .sub-meta {
        flex-basis: auto;
        border-left: 1px solid rgba(167,130,233,.06)
}*/
	
	

	
	@media only screen and (max-width: 540px) {
.hro-single__meta {
    display: flex !important
;
    align-items: center !important;
    gap: 8px;
    width: 100%;
    font-size: 14px;
    margin-bottom: 4px !important;
    justify-content: center !important;
}
}
	
	
/* TAMAÑO DE LETRA DE SUBMENU */
.head-main-nav ul.main-header li ul.sub-menu li a {
    font-size: 13px !important;
}

/* ANCHO DE EPISODIOS PARA MOVIL*/
@media only screen and (max-width: 667px) {
    #single .content .sbox {
    padding: 6px 17px;
}
}

/* APARIENCIA DE TEMPORADA PARA MOVIL*/
@media only screen and (max-width: 667px) {
    .sheader .data {
        width: calc(100% - 130px);
        margin-left: 24px !important;
        overflow: hidden;
        display: flex !important;
        flex-direction: column;
        margin-top: 17px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 667px) {
.sheader {
    width: 100% !important;
    float: left;
    padding: 25px;
    overflow: hidden;
    display: flex!important;
    flex-wrap: nowrap !important;
    flex-direction: column;
    align-items: center !important;
}
}
@media only screen and (max-width: 667px) {
.sbox .sdata h1, .sheader .data h1 {
    font-size: 20px;
    font-weight: 400;
}
}

/* COLOR DE CALIDAD SOBRE TEMPORADAS */
span.quality {
    color: #ffffff;
    background: #F44336;
}

/* ANCHO DE LA CAJA DE LOS EPISODIOS */
@media only screen and (max-width: 768px)  {
   #episodes {
    padding: 6px 16px!important;
}
	#info {
    padding: 6px 16px!important;
}
	#trailer {
    padding: 6px 16px!important;
}
}

/* BORDE DE PERFIL DE USUARIO */
.page_user {
    box-shadow: 0 1px 8px rgb(0 0 0 / 0%), 0 0 0 1px rgba(0, 0, 0, .4) inset;
}

/* COLOR DE LAS FLECHAS DE TENDECIAS */
.fa-arrow-left:before {
    content: "\f060";
    color: #2196F3 !important;
}
.fa-arrow-right:before {
    content: "\f061";
	  color: #2196F3 !important;
}

/* CUADRO MAS PELICULAS, MAS SERIES, MAS EPISODIOS */
.catalog__more {
    margin: 20px auto;
    justify-content: center;
    align-items: center;
    padding: 15px 30px;
    border-radius: 6px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #f50057;
}
.catalog__more:hover {
    color: #fff;
    background-color: #ff003b4a;
}	
.card__rate, .catalog__more {
    display: flex;
    flex-direction: row;
}

/* RATING SOBRE SLIDER */
/*.ratingslider {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-left: 343px;
  margin-top: 10px;
  background-color: rgba(26, 25, 31, 0.6);
  border: 2px solid transparent;
  border-radius: 50%;
  pointer-events: none;
}*/

.ratingslider {
    display: flex;
    flex-direction: row;
    font-size: 12px !important;
    font-weight: 600;
    color: #fff;
    position: absolute;
    z-index: 3;
    justify-content: center;
    align-items: center;
    width: 30px !important;
    height: 30px !important;
    top: 5px !important;
    right: 10px !important;
    /* margin-left: 343px; */
    /* margin-top: 10px; */
    background-color: rgba(26, 25, 31, 0.6);
    border: 2px solid transparent;
    border-radius: 50%;
    pointer-events: none;
}

.ratingslider.ratingslider--yellow {
  border-color: #ffc312!important;
}

.ratingslider.ratingslider--green {
  border-color: #29b474!important;
}

@media only screen and (max-width: 667px) {
    .ratingslider {
    top: 5px; /* Baja un poco el elemento */
        right: 5px; /* Mueve un poco hacia la izquierda */
        width: 40px; /* Reduce el tamaño para que no ocupe mucho espacio */
        height: 40px;
        font-size: 12px;
}
}
/*FIN DE RATING SOBRE SLIDER */


/* IMDB Y TMDB SOBRE SLIDER */
.iboxslider-tmdb {
  display: flex;
  align-items: center;
  gap: 8px;
}

.iboxslider-tmdb a {
    background: rgba(255, 255, 255, 0.1);
    flex-grow: 1;
    display: flex
;
    align-items: center;
    justify-content: center;
    height: 25px;
    border-radius: 4px;
    padding: 5px 5px 7px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    /*border: solid 1px rgb(0 0 0 / 22%);*/
	/*border: solid 1px rgb(255 255 255 / 12%);*/
    /* box-shadow: 0 1px 5px #000 !important; */
}

.iboxslider-tmdb a.imdb {
  background: #fcd34d;
  color: #111827;
	padding: 0px 7px 0px;
}

.iboxslider-tmdb a.tmdb {
  background: #03243f;
  color: #fff;
	padding: 0px 7px 0px;
}

.iboxslider-tmdb a svg {
    width: 24px;
}
/* FIN DE IMDB Y TMDB SOBRE SLIDER */

/*RENOVACION DE COMENTARIOS*/
.post-comments .comment-reply-link {
    color: #fff;
    background: rgba(255, 255, 255, .2);
    background: #c8064e;
    color: #ffffff;
    border-radius: 5px;
}

.post-comments .comment-time {
    background: #2196F3;
    color: #ffffff;
    border-radius: 5px;
}

.post-comments li.comment {
    border-top: 1px solid rgb(255 255 255 / 0%);
}
.post-comments li.comment .scontent {
    border-left: 1px solid rgb(255 255 255 / 0%);
}
.post-comments ul li.comment {
    border-top: 1px solid rgb(255 255 255 / 0%);
}


/* INICIO MODIFICACION AGREGANDO TEXTO FILTRAR POR */
.filtrartodo {
    display: block;
    font-size: 14px;
    color: #e0e0e0;
    font-weight: 500;
    margin-top: 42px;
    margin-left: 16px;
    position: absolute;
    z-index: 20;
    /* border-left: solid 3px #408bea; */  
	  padding-left: 10px;
}

@media only screen and (max-width: 768px) {
.filtrartodo {
		display:none!important;
	}
}
/* FIN MODIFICACION AGREGANDO TEXTO FILTRAR POR */

/* INICIO DE TITULOS RENOVADOS DE FILTRO EN DESTACADOS */
@media only screen and (max-width: 768px) {
.fondodetitulo {
		display:none!important;
	}
}
@media only screen and (max-width: 768px) {
.catalog__pages {
	 	display:none!important;
	    visibility: hidden;
        opacity: 0;
        height: 0;
        overflow: hidden;
	}
}
@media only screen and (max-width: 768px) {
.destacadotitle {
		margin-top: 12px;
    margin-left: 3px !important;
	}
}


.module .content1 header {
    float: left;
    width: 100%;
    padding: 9px 10px;
    line-height: 18px;
    background: #121927;
}

.destacadotitle {
    border-color: #408bea !important;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
	  border-left: solid 3px #408bea;
	  float: left;
    font-weight: 500;
    padding-left: 10px;
	  margin-left: 10px;
}

.fondodetitulo {
    float: left;
    width: 100%;
    padding: 9px 8px;
    line-height: 19px;
    background: #151f30;
	  margin-top: 5px;
    border-radius: 10px;
}
/* FIN DE TITULOS RENOVADOS DE FILTRO EN DESTACADOS */

/*INICIO DE RENOVAVION DE LA PAGINACION*/
.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0px auto 0;
    width: 100%;
    height: 50px;
    border-radius: 16px;
    background-color: #151f30
}

.pagination a, .pagination span {
    padding: 9.5px 13px;
    border: 0px solid;
    margin: 0 5px;
    border-radius: 5px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 3px;
    font-size: 13px;
}

.pagination span.current {
    background: #0a0e1782;
}

.pagination {
    display: none
}

.pagination span {
    border-color: transparent;
    color: #ffffff;
}

.pagination {
    display: flex;
}

.pagination li {
    margin-right: 15px;
}

.pagination li:last-child {
    margin-right: 0
}

.pagination li.active a {
    color: #2f80ed;
    cursor: default
}

.pagination a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;

    background-color: #131720;
    font-size: 14px;
    color: #e0e0e0;
    font-weight: 500
}

.pagination a svg {
    stroke: #e0e0e0;
    transition: .5s;
}

.pagination a:hover {
    background: #121927;!important
}

.pagination a:hover svg {
    stroke: #2f80ed
}

.fa-caret-right:before {
    content: "\f0da";
    color: #fff;
    margin-left: 1px;
}
.fa-caret-left:before {
    content: "\f0d9";
    color: #fff;
    margin-left: -3px;
}

@media only screen and (max-width: 768px) {
    .resppages {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .pagination span {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .pagination {
        margin-top: 0px;
    }
}
/*FIN DE RENOVAVION DE LA PAGINACION*/

/*INICIO DE RENOVACION DE LOS FILTROS */
span.espaciofiltro a.active, span.espaciofiltro a.m_trending:hover {
    border-radius: 7px;
	padding: 2px 11px;
    background: #408bea57;
    color: #fff;
}
span.espaciofiltro a.m_trending {
    float: left;
    margin: 0 10px;
    font-size: 15px;
    font-weight: 500;
    padding: 2px 11px;
    border-radius: 7px;
	color: #fff;
	text-transform: none;
}
.espaciofiltro {
    margin-top: -2px;
	padding: 8px 11px;
    border-radius: 7px;
    background: rgba(0,0,0,0.3);
}
.espaciofiltro2 {
    float: left;
    margin: 0 10px;
    font-size: 15px;
    font-weight: 500;
    width: 98%;
	  color: #fff;
  	text-transform: none;
  	padding: 0px 15px 2px 10px;
    border-radius: 7px;
    background: #151f30;
}
.espaciofiltro {
    padding: 8px 11px;
    border-radius: 7px;
    background: #121927;
}
.module .content header h1 {
    border-color: #408bea!important;
	font-size: 18px;
    text-transform: uppercase;
}

@media only screen and (max-width: 667px) {
    .espaciofiltro {
     display:none;
    }
}
/*TITULO DE GENEROS Y AÑOS*/
h1.heading-archive {
    display: none;
	  color: #fff
}
/*FIN DE RENOVACION DE LOS FILTROS */

/*OCULTAR EN EL MOVIL - AUDIO Y TAMAÑO DE ARCHIVO Y TOP DE AÑO DE TENDENCIA*/
@media only screen and (max-width: 540px) {
    .audioypeso {
    /*display: none !important;*/
    }
}

/*CAMBIOS SOBRE TENDENCIAS*/
@media only screen and (max-width: 540px) {
    .yeartendencia {
        transform: translateX(-112%) !important;
        margin-top: 93px;
        margin-left: -9px !important;
		display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}*/



@media only screen and (max-width: 540px) {
    .calidad {
        position: absolute !important;
        bottom: 69px !important;  /* Ajusta la distancia desde abajo */
        left: 5px !important;    /* Ajusta la distancia desde la izquierda */
        padding: 3px 10px !important;
        width: auto !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 12px !important; /* Ajusta el tamaño de la fuente si es necesario */
    }
}

.calidadtext {
    color: #ffffff!important;
	  font-size: 10px!important;
}
.calidad {
		position: absolute;
  margin-top: -312px;
    margin-left: 135px;
	  margin-top: -290px;
    margin-left: 5px;*/
	  margin-top: -84px;
    margin-left: 5px;
    background: #f50057cc;
    padding: 1px 7px;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 2px 10px #000;
}

/* Datos del audio y tamaño del archivo en tendencias */
.item-footer {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: #9999aa;
  font-size: 14px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  padding-top: 8px !important;
}

.item-footer > div {
  flex: 0 0 50%;
  text-align: center;
}

.item-footer div:first-child {
  border-right: 1px dotted #181f30;
}

.item-footer svg {
  width: 15px;
  fill: currentColor;
  vertical-align: middle;
  margin-right: 2px;
}

.item-footer svg {
  width: 15px;
  fill: currentColor;
  vertical-align: middle;
  margin-right: 2px;
}


/* Datos del audio y tamaño del archivo en tendencias */
.item-footer {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: #9999aa;
  font-size: 14px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  padding-top: 8px !important;
}

.item-footer > div {
  flex: 0 0 50%;
  text-align: center;
}

.item-footer div:first-child {
  border-right: 1px dotted #181f30;
}


/* MODIFICACION DE LOS DATOS DE CADA SERIE  */
.sbox .custom_fields span.valor {
    font-size: 13px;
    float: left;
    line-height: 20px;
	  margin-top: -4px !important;
}

.sbox .custom_fields {
    width: 100%;
    padding: 20px 10px 14px;
    float: left;
    margin-bottom: 1px;
    margin-top: 6px;
    background-color: #408bea0f;
    border-radius: 6px;
    /* display: none; */
}


@media only screen and (max-width: 540px) {
    .sbox .custom_fields {
    width: 100%;
    padding: 13px 10px 10px;
    float: left;
    margin-bottom: 1px;
    margin-top: 6px;
    background-color: #408bea0f;
    border-radius: 6px;
    /* display: none; */
}
}


.sbox .custom_fields b.variante {
    min-width: 170px;
    float: left;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

@media only screen and (max-width: 540px) {
    .sbox .custom_fields b.variante {
     font-size: 13px;
        float: left;
        /* width: calc(200% - 170px); */
        line-height: 20px;
        margin-top: -5px;
    }
}

.custom_fields, .srating {
    border-bottom: solid 1px #408bea0f !important;
}

/* centrar IMDb Rating :Actualizar calificación movil dentro del post */
@media only screen and (max-width: 667px) {
    .sbox .custom_fields span.valor {
    width: calc(100% - -10px);
	font-size: 13px;
    float: left;
    line-height: 20px;
	padding-top: 11px;
    /* margin-left: 184px; */
    }
}

/* ESTADO RESUBIDO SOBRE SLIDER HOME */
.resubidosrepeti {
    position: relative;
    /* background: rgba(0, 0, 0, 0.4); */
    border-radius: .3rem;
    /* padding: 5px 10px; */
    margin: 0 8px 0 -10px;
    font-size: 13px;
    /* color: #fff; */
    position: absolute;
    z-index: 20;
    margin-top: 131px;
    margin-left: 12px;
}
@media only screen and (max-width: 667px) {
.resubidosrepeti {
    position: relative;
    /* background: rgba(0, 0, 0, 0.4); */
    border-radius: .3rem;
    /* padding: 5px 10px; */
    margin: 0 8px 0 -10px;
    font-size: 13px;
    /* color: #fff; */
    position: absolute;
    z-index: 20;
    margin-top: 10px!important;
    margin-left: 132px!important;
}
}

/* DESAPARECE LINEA DE FOOTER */
#single {
    border-bottom: solid 1px rgb(255 255 255 / 0%) !important;
}

/* FIN DEL CSS DE INFORMACION DE SERIES SOBRE SLIDER */
.episodiosslider {
    z-index: 20;
    width: 19%;
    background: #f50057cc;
    font-size: 10px;
    line-height: 1.2rem;
    padding: 0px 0.5rem;
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    left: 7px;
    top: 69px;
    margin: 10px;
    display: flex
;
    align-items: anchor-center;
    flex-direction: column;
    gap: 0.2rem;
    pointer-events: none;
    box-shadow: 0 1px 5px #000 !important;
}

.temporadaslider {
    z-index: 20;
    width: 21%;
    background: #f50057cc;
    font-size: 10px;
    line-height: 1.2rem;
    padding: 0px 0.5rem;
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    left: 7px;
    top: 44px;
    margin: 10px;
    display: flex;
    align-items: anchor-center;
    flex-direction: column;
    gap: 0.2rem;
    pointer-events: none;
    box-shadow: 0 1px 5px #000 !important;
}

@media only screen and (max-width: 667px) {
.temporadaslider {
    z-index: 20;
    background: #f50057cc;
    font-size: 8px;
    line-height: 1.3rem;
    padding: 0px 0.5rem;
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    left: 7px;
    top: 39px;
    margin: 9px;
    display: flex;
    align-items: anchor-center;
}
}

@media only screen and (max-width: 667px) {
    .episodiosslider {
        flex-direction: column;
        gap: 0.2rem;
        pointer-events: none;
        z-index: 20;
        background: #f50057cc;
        font-size: 8px;
        line-height: 1.3rem;
        padding: 0px 0.5rem;
        padding: 0px 4px 0px 4px;
        top: 67px;
        margin: 9px;
        align-items: center;
    }
}
@media only screen and (max-width: 667px) {
.yearsliderdos {
    font-size: 10px;
    line-height: 1.3rem;
    padding: 0 0.5rem;
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    z-index: 20;
    background: rgb(90 93 170);
    margin-top: 87px;
    margin-left: 7px;
}
}

.yearsliderdos {
    font-size: 11px;
    line-height: 1.3rem;
    padding: 0 0.5rem;
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    z-index: 20;
    background: rgb(90 93 170);
    margin-top: 94px;
    margin-left: 7px;
	  box-shadow: 0 1px 5px #000 !important;
}
/* FIN DEL CSS DE INFORMACION DE SERIES SOBRE SLIDER */

/* ANUNCIO DE RESUBIR SOBRE SLIDER */
.resubi {
    position: relative;
    /* background: rgba(0, 0, 0, 0.4); */
    border-radius: .3rem;
    padding: 5px 10px;
    margin: 0 8px 0 -10px;
    font-size: 13px;
    color: var(--color-txt);
    position: absolute;
    z-index: 20;
    margin-top: 8px;
    margin-left: 117px;
}
/*@media only screen and (max-width: 540px) {
    .resubi {
        display:none;
    }
}*/

/* ESTADOS DENTRO DE CADA POST */
.recienagregado {
position: relative;
/*background: rgba(0, 0, 0, 0.4);*/
border-radius: .3rem;
padding: 5px 10px;
/*margin: 0 8px 0 -10px;*/
margin: 5px 0px 2px -10px;
font-size: 13px;
color: var(--color-txt);
}
.recienagregado.newep {
position: relative;
/*background: rgba(0, 0, 0, 0.4);*/
border-radius: .3rem;
padding: 5px 10px;
margin: 0 8px 0 -10px;
font-size: 13px;
color: var(--color-txt);
}
.resubidos {
position: relative;
/*background: rgba(0, 0, 0, 0.4);*/
border-radius: .3rem;
padding: 5px 10px;
margin: 0 8px 0 -10px;
font-size: 13px;
color: var(--color-txt);
}
.nuevoidioma {
position: relative;
/*background: rgba(0, 0, 0, 0.4);*/
border-radius: .3rem;
padding: 5px 10px;
margin: 0 8px 0 -10px;
font-size: 13px;
color: var(--color-txt);
}

.recent_post_txt {
    position: relative;
    background: rgb(0 0 0 / 38%);
    border-radius: .3rem;
    padding: 5px 8px;
    /* margin: 0 8px 0 3px; */
    font-size: 13px;
    color: #fff;
}

.recent_post_txt:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: rgb(0 0 0 / 38%);
    border-left: 0;
    margin-top: -5px;
    margin-left: -5px;
}


/* AÑO SOBRE SLIDER */	
.yearslider {
  color: #fff;
    margin-top: -30px;
    margin-left: 12px;
    z-index: 20;
    position: absolute;
	  padding: 4px 10px !important;
    font-size: 11px !important;
    /*background: #5a5daacc !important;*/
	  background: #5a5daa !important;
    border-radius: 7px !important;
    /*box-shadow: 0 1px 5px #000 !important;*/
    object-fit: fill !important;
	font-weight: 500;
}

/* TITULO DE SLIDER */
.tituloslider {
    margin-top: -48px;
    margin-left: -15px;
    color: #fff;
    background: #3f51b594;
    background: linear-gradient(45deg, #3f51b5f7 10%, #0a0e1700 74%);
    width: 120%;
    padding: 0px 15px 0px;
    position: absolute;
}

/*.tituloslider {
    margin-top: -48px;
    margin-left: -15px;
    color: #fff;
    background: #3f51b594;
    background: linear-gradient(45deg, #3f51b5f7 10%, #0a0e1700 100%);
    width: 120%;
    padding: 0px 15px 0px;
    position: absolute;
}*/

@media (max-width: 768px) { /* Para pantallas pequeñas (celulares y tablets) */
.tituloslider {
    margin-top: -49px;
    margin-left: -15px;
}
}

/* BOTONES DE ESTADO SOBRE SLIDER */	
/* Burbujas de estado */
.cmeta {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.reciente {
  background: #53e26b;
  float: none !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.4rem;
  animation-name: bounce;
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
	position: absolute;
	z-index: 20;
	margin-left: 17px;
    margin-top: 141px;
	box-shadow: 0 1px 5px #000;
}

.recent_post.md {
  width: 0.6rem;
  height: 0.6rem;
}

.recent_post.resubido {
  background: #ffc568;
  animation-iteration-count: infinite;
  animation-timing-function: linear(0.99 -3.68%, 0.22 81.62%);
	position: absolute;
	z-index: 20;
	margin-left: 32px;
    margin-top: 141px;
	box-shadow: 0 1px 5px #000;
}

.recent_post.nuevo_lang {
  background: #8ed5ff;
  animation-name: bounce;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	z-index: 20;
    margin-left: 46px;
    margin-top: 141px;
    position: absolute;
	box-shadow: 0 1px 5px #000;
}

/* BANDERAS DE IDIOMAS SOBRE SLIDER */
/* Banderas de idioma */
.lenguajesliderpadre {
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 5px;
    border-radius: 4px;
    position: absolute;
    left: 17px;
    bottom: 21px;
    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;
}

.lenguajesliderpadre 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;
}

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

.citem .poster:hover .item-lang {
  transform: translateY(120%);
}

/* NUEVOS EPISODIOS SOBRE SLIDER */
/* Burbuja de nuevo episodio slider*/
.nuevoepi,
.nuevoepi {
  position: absolute;
  z-index: 3;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}

.nuevoepi {
  /*right: 4px;
  top: 4px;*/
	right: 15px;
  top: 38px;
}

.citem:has(.dots-estreno) .nuevoepi {
  top: 32px;
}

.citem:has(.item-rate) .nuevoepi {
  top: 46px;
  right: 17px;
}

.nuevoepi:before,
.nuevoepi:after,
.nuevoepi:before,
.nuevoepi:after {
  content: "";
  background:rgb(51, 221, 74);
  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;
}

.nuevoepi:after,
.nuevoepi:after {
  z-index: 3;
  animation-delay: 0.75s;
}

.nuevoepi span,
.nuevoepi span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #1e2747;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.nuevoepi span:before,
.nuevoepi span:before {
  content: "";
  background:rgb(51, 221, 74);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  z-index: 4;
  transform-origin: left top;
}

.nuevoepi span:after,
.nuevoepi span:after {
  content: attr(title);
  position: absolute;
  white-space: nowrap;
  font-size: 0.6rem;
  /*bottom: -24px;
  right: 50%;*/
	bottom: -15%;
  right: 179%;
  width: 74px;
  margin-right: -12px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  line-height: 1.2rem;
  border-radius: 3px;
  opacity: 0;
  z-index: 5;
}

.nuevoepi:hover span:after,
.nuevoepi:hover span:after {
  opacity: 1;
}

/* CIRCULOS DE ESTRENO Y NUEVO EPISODIOS SOBRE SLIDER */
/* Burbuja de estreno slider*/
.strenos {
  position: absolute;
  z-index: 3;
  right: 15px;
  top: 15px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  z-index: 10;
}

.strenos:before,
.strenos:after {
  content: "";
  background: #dd3333;
  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;
}

.strenos:after {
  z-index: 3;
  animation-delay: 0.75s;
}

.strenos span {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #1e2747;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.strenos span:before {
  content: "";
  background: #dd3333;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  z-index: 4;
  transform-origin: left top;
}

.strenos span:after {
  content: attr(title);
  position: absolute;
  white-space: nowrap;
  font-size: 0.6rem;
 /* bottom: 8%;
  right: 50%;*/
	bottom: -15%;
  right: 179%;
  width: 64px;
  margin-right: -12px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  line-height: 1.2rem;
  border-radius: 3px;
  opacity: 0;
  z-index: 5;
}

.strenos:hover span:after {
  opacity: 1;
}

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

/* Estilo solo para el círculo "Clásico" en el slider */
.slider-classic-dot {
    position: absolute;
    top: 10px; /* Ajusta la posición vertical según lo necesites */
    right: 10px; /* Ajusta la posición horizontal según lo necesites */
    width: 40px;  /* Tamaño del círculo */
    height: 40px; /* Tamaño del círculo */

    border-radius: 50%;  /* Para hacer que el círculo sea redondo */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-weight: bold;
    z-index: 10;
}

/* Estilos para los círculos dentro del slider, con efecto de pulso */
.slider-classic-dot:before,
.slider-classic-dot:after {
    content: "";
    background: #00BCD4; /* Color diferente para Clásicos */
    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;
}

/* Aplicar efecto de animación solo en el slider */
.slider-classic-dot:after {
    z-index: 3;
    animation-delay: 0.75s;
}

/* Estilo del círculo interior con un punto central */
.slider-classic-dot span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #3a2e2b; /* Color de fondo más oscuro */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    pointer-events: none;
}

/* Estilo del punto central */
.slider-classic-dot span:before {
    content: "";
    background: #00bcd4; /* Color del punto central */
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    z-index: 4;
}

/* Mostrar título cuando se pasa el cursor sobre el círculo */
.slider-classic-dot span:after {
    content: attr(title);
    position: absolute;
    white-space: nowrap;
    font-size: 0.6rem;
    bottom: -15%;
    right: 179%;
    width: 64px;
    margin-right: -12px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-align: center;
    line-height: 1.2rem;
    border-radius: 3px;
    opacity: 0;
    z-index: 5;
}

/* Mostrar el título al pasar el cursor sobre el círculo */
.slider-classic-dot:hover span:after {
    opacity: 1;
}

/* fin del circulo de clasicos en slider */

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

/* Posición del círculo en series clasico en slider*/
.dots-clasico-seriesslider {
    position: absolute;
    z-index: 3;
    right: 15px;
    top: 15px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    z-index: 10;
}
/* Fin de posición del círculo en series clasico en slider*/

/* letra del slider theme padre*/
.slider article.item .image .data h4.title {
    font-size: 12px;
    line-height: 23px;
    font-weight: 500;
    text-shadow: 0 0 10px #000;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 63%;
}

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

/* CENTRANDO REPRODUCTOR DE SERIES */
.pag_episodes {
    width: 94% !important;
    float: none !important;
	border-radius: 10px !important;
}
/* BORDE DE PAGINACION DE SERIES */
.pag_episodes .item a {
    border-radius: 5px;
}

/*TEXTO SOBRE REPRODUCTOR FALSO*/
.fakeplayer .playbox section .controls .box small {
    float: left !important;
}

/* DISTANCIA A LA IZQUIERDA DEL MENU */
.head-main-nav ul.main-header li a i {
    margin-left: -24px;
}
/* DISTANCIA DE SUBMENU DE CABECERA */


/*OCULTAR LINEA DIVISORA DE HOME*/
.module .content .items {
    border-color: rgb(255 255 255 / 0%);
}

/*OCULTAR MENU CALIDADES*/
#menu-item-46 {
    /*display:none;*/
}
/*FIN OCULTAR MENU CALIDADES*/

/*TAMAÑO MENU VIP*/
div a span {
    /*font-size: 11px;*/
}
/*FIN DE TAMAÑO MENU VIP*/



/*LETRA DEBAJO DEL REPRODUCTOR*/
.letra {
    float: left;
}
/* FIN CIRCULOS DE ESTRENO Y NUEVO EPISODIOS SOBRE SLIDER */

/*POSICION DEL AÑO EN TENDENCIA*/ 
.yeartendencia {
    position: absolute !important;
    z-index: 99 !important;
    background: #5a5daa; /* Color de fondo */
    color: #ffffff;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: 0 2px 10px #000;
    top: 8px !important; /* Ajusta la distancia desde la parte superior */
    right: 8px !important; /* Alinea a la derecha */
    width: auto !important; /* Se ajusta automáticamente al contenido */
    height: 21px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
	  margin-left: 0px;
}
/*FIN POSICION DEL AÑO EN TENDENCIA*/

/* CALIDAD EN SLIDER */
span.qualityslider {
    color: #fff;
    background: #2196F3;
    /* visibility: visible; */
    /* position: relative; */
    padding: 5px 6px;
    font-size: 11px;
    /* float: left; */
    /* margin-right: 5px; */
    border-radius: 3px;
    font-weight: 600;
    top: 8%;
    left: 85%;
    position: absolute;
    z-index: 20;
    text-shadow: 0px 1px 5px #000;
    box-shadow: 0 1px 5px #000;
}
/* CALIDAD EN SLIDER */

/* IMDB EN SLIDER */
.imdbslider {
    padding: 2px 3px;
    /* float: left; */
    /* margin-left: 2%; */
    /* text-align: center; */
    font-size: 10px;
    font-weight: 550;
    /* background: #000; */
    /* margin-top: 2%; */
    /*background: #fcd34d !important;*/
	background: #03243f !important;
    color: #000000;
    border-radius: 5px;
    box-shadow: 0 1px 5px #000000 !important;
    position: absolute;
    z-index: 20;
    top: 6%;
    left: 4%;
    border: solid 1px rgb(255 255 255 / 14%);
}
/* IMDB EN SLIDER */

.slider article.item .image .data span {
    padding: 2px 8px !important;
    font-size: 12px !important;
    background: #5a5daacc !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 5px #000 !important;
    /* border: solid 1px rgb(255 255 255 / 14%) !important;
}



/*VER POSTER COMPLETO+EFECTO
.module .content .items .item .poster img {
    width: 100% !important;
    height: 100% !important;
    margin-top: -140% !important;
    position: absolute !important;
    /*-o-object-fit: cove !important;*/
    object-fit: fill !important;
  /* -webkit-transition: all .2s ease-in-out;
    transition: all .2s linear(0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%);*/
}
/*VER POSTER COMPLETO+EFECTO*/

/*OCULTAR SEO*/
.etiquetasseo{
    font-size: 0px;
	  color:#00ccff;
	display: none;
}
/*FIN OCULTAR SEO*/

/*PAGINA MI CUENTA*/
.page_user {
    background: #0a0e17;
}
.page_user header.user {
    border-bottom: solid 3px rgba(0, 0, 51, .3);
}
.page_user nav.user {
    /*border-bottom: solid 3px #ffffff00;*/
    border-bottom: 1px solid #2196f366;
    background: linear-gradient(45deg, #000000 10%, #0a0e17 60%);
    border-radius: 3px;
    box-shadow: 0 1px 5px #000;
}
.page_user .content .upge h2 {
    border-bottom: solid 3px #00000069;
	text-transform: uppercase;
}
article.simple .poster {
    border-radius: 6px;
}
/*FIN DE PAGINA MI CUENTA*/

/* LINEA VERTICAL ANTES DE TITULOS HOME */
.module .content header h2 {
    border-color: #dd3333!important;
}
/* FIN LINEA VERTICAL ANTES DE TITULOS HOME */

/* COLOR y TRANSFORMACION DE BOTONES MAS TOP EN HOME*/
a.see_all, p.form-submit input[type=submit]:hover, .report-video-form fieldset input[type=submit], a.mtoc, .contact .wrapper fieldset input[type=submit], span.item_type, a.main {
    background: #3b0c13!important;
}

.tleft {
    padding-right: 25px;
    border-right: solid 1px #ffffff00;
}

.top-imdb-item {
    border-bottom: 1px solid #ffffff05;
	padding-left: 103px;
	border-radius: 50%;
	width: calc(100% / 2);
	min-height: 105px;
}

.top-imdb-item .image .poster {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

/*.top-imdb-item:hover {
    background: #000;
    border-radius: 5px;
}*/

/*.top-imdb-item .image .poster:hover {
    filter: drop-shadow(0px 0px 50px #fff); 
}*/

.top-imdb-item .image:hover{
    box-shadow: 0 1px 5px #00000000;
}

.ads_demo, .top-imdb-item .puesto {
    background: #29080d;
}

.top-imdb-item .puesto {
    left: 100px;
    top: 62px;
    border-radius: 5px;
	padding: 7px 35px;
	display:none;
}

.top-imdb-item .rating {
    /*display:none;*/
	padding: 5px 7px;
    margin-left: 30px;
    font-size: 10px;
    font-weight: 550;
    margin-top: 38px;
    background: #fc0;
    color: #000000;
    border-radius: 3px;
    box-shadow: 0 1px 5px #000;
}



/* FIN COLOR DE BOTONES MAS TOP EN HOME*/


/* ACTORES */
.person {
    position: relative;
    padding-left: 127px;
    min-height: 100px;
    float: left;
    width: calc(100% / 3);
    margin-bottom: 49px;
}

.persons {
    padding: 4px;
}

.person {
    border-bottom: solid 1px #ffffff00;
}

.person .img {
    position: absolute;
    left: 0;
    top: 12px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    /*filter: drop-shadow(0px 0px 3px #fff);*/
}

.person .img img {
    /* width: 100%; */
    /* height: auto; */
    margin-top: -15px;
    width: 120px;
    height: 120px;
    margin-top: 0px;
    border-radius: 50%;
    filter: saturate(150%);
}

.person .img:hover {
transform:scale(1.1);transform:scale(1.3);
-webkit-transition:all 0.9s ease;
-moz-transition:all 0.9s ease;
-o-transition:all 0.9s ease;
-ms-transition:all 0.9s ease;
}

.person .data .caracter {
    color: #8d99b0;
    text-transform: uppercase;
}

.person .data {
    margin-left: 21px;
    margin-top: 37px;
}

 FIN DE ACTORES */

/* COLOR DEL VOTO */
.dt_nodata, .starstruck-wrap .dt_rating_vgs {
    /* background: rgba(255, 255, 255, .08); */
    color: #fff;
    background-color: rgb(7 10 16);
    /* box-shadow: rgba(0, 0, 0, .6) 0 0 7px 0px; */
    box-shadow: 0 1px 5px #000;
    border: solid 1px rgba(0, 0, 0, .7);
}
/* FIN DE COLOR DEL VOTO */

/* LOGUITO ARRIBA IZQUIERDA DEL PLAYER FALSO */
.fakeplayer .playbox span.quality {
    color: #ffffff;
    background: #3b0c13;
	top: 12px;
    padding: 7px 10px;
	box-shadow: 0 1px 5px #000;
}
.fakeplayer .playbox section .controls .box i {
    color: #fc0;
    font-size: 20px;
    padding: 10px;
    float: left;
}
/* FIN LOGUITO ARRIBA IZQUIERDA DEL PLAYER FALSO */

/* AÑO SOBRE SLIDER*/
.yearpost{
    color: #ffffff;
    padding: 6px 6px;
    background: #03243f;
	/*background: #df2471;*/
    border-radius: 5px;
    text-transform: uppercase;
    /* margin-top: -2px; */
    /* border-top: 9px; */
    top: 10p;
	 /* box-shadow: 0 1px 5px #00000000 !important;*/
    padding-top: -9px;
    margin-left: -4px;
    /*border: solid 1px #00000000!important;*/
	border: solid 1px rgb(255 255 255 / 12%);
}

/*WINDGET ENTRADA DE PELICULAS*/
.dt_mainmeta{
    padding: 5px 15px 5px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content-26{
    padding: 15px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content-27{
    padding: 35px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content_views-19{
    padding: 40px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content-29{
    padding: 40px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content-29{
    padding: 15px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

/*Titulo decorado de widget COMO DESCARGAR*/
.wp-block-video {
    box-sizing: border-box;
    padding: 41px 15px 11px 16px;
    background: #0000005c;
    border-radius: 6px;
}
/*fin Titulo decorado de widget COMO DESCARGAR*/

/*FIN WINDGET ENTRADA DE PELICULAS*/



/* Estilos para el banner VIP: Ajustes de imagen, texto y efectos */

/* Variables para ajustar tamaños */
:root {
    --vip-image-size: 60px; /* Tamaño de la imagen */
    --title-margin-bottom: 10px; /* Margen entre título y descripción */
}

/* Ajuste de contenedor */
.vip-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 350px;
    padding: 6px;
}

/* Estilo del texto */
.vip-text {
    color: #daa804;
    text-align: left;
    flex: 1;
    padding-right: 8px;
}

/* Estilo del título con margen ajustable */
.vip-text h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 var(--title-margin-bottom) 0; /* Espaciado ajustable */
	margin-top:-4px;
}

/* Estilo del texto descriptivo */
.vip-description {
    font-size: 12px;
    margin: 0;
    font-weight: normal;
	margin-top:15px;
	color: #fff;	
}

/* Mantiene la imagen a la derecha */
.imagevip {
    flex-shrink: 0;
    margin-left: 8px;
}

/* Aplica la variable de tamaño a la imagen */
.imagevip img {
    width: var(--vip-image-size);
    height: var(--vip-image-size);
}

/* Efecto de rotación en hover */
.rotate-on-hover {
    transition: transform 0.5s ease-in-out;
}

.rotate-on-hover:hover {
    transform: rotate(360deg);
}

/* Estilos del botón */
.ov-btn-slide-close {
    background: #ff050533;
    color: #4741d7;
    padding: 12px 16px;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    text-shadow: 1px 1px #000;
}

.ov-btn-slide-close:before,
.ov-btn-slide-close:after {
    content: "";
    z-index: -1;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: -50%;
    background-color: #000;
    transition: all 0.8s ease-in-out;
}

.ov-btn-slide-close:after {
    left: 100%;
}

.ov-btn-slide-close:hover {
    color: #fff;
}

.ov-btn-slide-close:hover:before {
    left: 0;
}

.ov-btn-slide-close:hover:after {
    left: 50%;
}



/*WINDGET ENTRADA DE SERIES*/

#dtw_content-24{
    padding: 15px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content-25{
    padding: 35px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content_views-18{
    padding: 40px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}
/*FIN WINDGET ENTRADA DE SERIES*/

/*WINDGET DE ARCHIVOS*/

#dtw_content-31{
    padding: 15px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content-23{
    padding: 35px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}

#dtw_content_views-17{
    padding: 40px 15px 15px 15px;
  	background: #0000005c;
    border-radius: 6px;
}
/*FIN WINDGET DE ARCHIVOS*/

/*BASE ETIQUETAS BAJO RELACIONADOS*/
.breadcrumb_bottom {
    display: none;
}
/*FIN BASE ETIQUETAS BAJO RELACIONADOS*/



/*LINEA SEPARADORA DE WIDGET
#single .content.right {
    border-right: solid 1px #0000;
}
/*FIN LINEA SEPARADORA DE WIDGET*/

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

/*ESCONDER PLAY SOBRE PORTADAS*/
.module .content .items .item .poster a .see.play4 {
    background-size: 0% 0%
}

/*MAYUSCULAS DEL TRISLER*/
.dooplay_player .options ul li span.title {
    text-transform: uppercase;
}
/*MAYUSCULAS DEL TRISLER*/

/*FIN ESCONDER PLAY SOBRE PORTADAS*/
/*COLOR DE LETRA DE COMENTARIOS*/
.post-comments li.comment .scontent p {
    color: #ffffffc7
}

/*FIN COLOR DE LETRA DE COMENTARIOS*/
/*TENDENCIAS*/
.w_item_c {
    /* width:100%;*/
    /* float:left;*/
    margin-bottom: 8px;
    padding-bottom: -3px;
    /* border-bottom:dotted 1px;*/
    position: relative;
    background: linear-gradient(43deg, #000 50%, #0000 70%);
    padding: 10px;
    left: -6px;
    /* border-radius:4px;*/
}

.w_item_c:hover {
    background: #000;
    border-radius: 5px
}

/*FIN TENDENCIAS*/
/*AÑO DE LANZAMIENTO*/
.dt_mainmeta nav h2 {
    background: linear-gradient(43deg, #141b29 50%, #141b29 70%);
    padding: 10px;
    border-bottom: 1px solid #004d75;
    border-radius: 5px;
}

/*FIN AÑO DE LANZAMIENTO*/
/*TITULO WIDGET*/
.sidebar aside.widget h2.widget-title {
    background: linear-gradient(43deg, #000 50%, #000 70%);
    padding: 10px;
    border-bottom: 1px solid #e63946d9;
    border-radius: 2px;
    margin-top: -25px
}

/*FIN TITULO WIDGET*/
/*ESTILO DE FONDO DE PAGINA*/
/*#dt_contenedor{background:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uXak_musi2GCclUKRc49Q8tfUL0LKEyx4lZw1mkLEj82v7UBtislpdbGbzY--58gwsQPNkhBICWsHJjvVkizOPBTes=s0-d) fixed repeat}*/
/*ESTILO ANTERIOR
#single {
    background: rgb(15 15 15 / .85);
    box-shadow: 0 5px 64px 5px #000
}

div div header {
    border-bottom: 1px solid #373737;
    background: linear-gradient(45deg, #252323 10%, #000000 60%);
    border-radius: 3px;
    box-shadow: 0 1px 5px #000
}
ESTILO ANTERIOR*/

/*ESTILO NUEVO*/
#single {
    background: #0a0e17;
    /*box-shadow: 0 5px 19px 5px #000;*/
}

header.main {
   /* background-color: #0a0e17;*/
	background-color: #141b29d6
}

.module {
    background: #0a0e17;
	/*box-shadow: 0 5px 19px 5px #000;*/
	
}

div div header {
    /*border-bottom: 1px solid #dd11112b;*/
    background: linear-gradient(45deg, #141b29 10%, #0a0e17 60%);
    border-radius: 3px;
    /*box-shadow: 0 1px 5px #000;*/
}
/*ESTILO NUEVO*/

/*FIN ESTILO DE FONDO DE PAGINA*/

/*ENTRADAS POPULALES*/
.w_item_b .image:hover {
    box-shadow: #e1635c 0 0 7px 1px
}

.w_item_b .image {
    box-shadow: #ffffff82 0 0 4px 1px
}

.w_item_b .data {
    width: calc(100% - 80px);
    margin-left: 87px;
    float: left;
    padding: 10px
}

.w_item_b {
    width: 100%;
    height: 90px;
    float: left;
    margin-bottom: 29px;
    position: relative;
    border-radius: 5px
}

.w_item_b .image {
    width: 80px;
    height: 94px;
    position: absolute;
    overflow: hidden;
    margin: 0;
    top: -11px;
    left: 5px;
    border-radius: 4px
}

/*FIN ENTRADAS POPULALES*/
/*BANNER DE PUBLICIDAD*/
.ads {
    margin: 22px -25px;
    /*padding:0px;font-size:14px;line-height:normal;font-family:serif;cursor:pointer;*/
    margin-top: -25px
}

/*FIN DE BANNER DE PUBLICIDAD*/
/*COLOR DE ICONO AÑADIR A FAVORITOS Y YA LO VI*/
.user_control a {
    color: rgb(221 17 17) !important;
    border-right: solid 0px rgba(255, 255, 255, .09)
}

.user_control a:hover {
    color: #fff !important;
    border-right: solid 0px rgba(255, 255, 255, .09)
}

.tooltip .tooltiptext {
    background-color: #000;
    color: #fff
}

/*FIN COLOR DE ICONO AÑADIR A FAVORITOS Y YA LO VI*/
/*REDES SOCIALES*/
.a2a_dd {
    margin-top: 6px
}

.a2a_default_style:not(.a2a_flex_style) a {
    line-height: 16px !important;
    padding: 12px 2px !important;
}

.a2a_button_facebook {
    margin-top: 6px
}

.a2a_button_whatsapp {
    margin-top: 6px
}

.a2a_button_pinterest {
    margin-top: 6px
}

.a2a_button_telegram {
    margin-top: 6px
}

.a2a_button_tumblr {
    margin-top: 6px
}

.a2a_svg,
.a2a_count {
    border-radius: 4px !important
}

#my_centered_buttons_older{
	margin:-8px auto;
	width:180px;
	margin-top: 13px;	
}
/*FIN REDES SOCIALES*/
/*CALIDAD EN LOS WINGET LATERALES*/
/*span.quality2 {
    color: #fff;
    background: #3b0c13;
    visibility: visible;
    position: relative;
    padding: 5px 8px;
    font-size: 10px;
    float: left;
    margin-right: 5px;
    border-radius: 3px;
    font-weight: 600;
    top: 0px;
    left: -1px;
    text-shadow: 0px 1px 5px #000;
    box-shadow: 0 1px 5px #000
}*/
span.quality2 {
    background: #673ab7;
    color: #fff;
    font-size: 11px;
    padding: 0 0.5rem;
    line-height: 1.3rem;
    border-radius: 25px;
    text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
    box-shadow: rgb(50 50 93 / 25%) 0 13px 27px -5px, rgb(0 0 0 / 30%) 0 8px 16px -8px;
}

/* calidad de estrenos y clasicos */
span.quality4 {
    color: #fff;
    background: #408bea;
  font-size: 11px;
  padding: 0 0.5rem;
  line-height: 1.3rem;
  border-radius: 25px;
  text-shadow: 0 1px 1px rgb(0 0 0 / 50%);
  box-shadow: rgb(50 50 93 / 25%) 0 13px 27px -5px,
    rgb(0 0 0 / 30%) 0 8px 16px -8px;
}

/*FIN CALIDAD EN LOS WINGET LATERALES*/
/*CALIDAD EN LOS WINGET LATERALES*/
span.quality3 {
    color: #fff;
    background: #f00;
    visibility: visible;
    position: relative;
    padding: 5px 8px;
    font-size: 10px;
    float: left;
    margin-right: 5px;
    border-radius: 3px;
    font-weight: 600;
    top: -12px;
    left: 3px;
    text-shadow: 0px 1px 5px #000;
    box-shadow: 0 1px 5px #000
}

/*FIN CALIDAD EN LOS WINGET LATERALES*/
/*EFECTO BUSCADOR
.live-search ul li:hover {
    transform:scale(1.1);transform:scale(1.3)!important;
-webkit-transition:all 1.9s ease;
-moz-transition:all 1.9s ease;
-o-transition:all 1.9s ease;
-ms-transition:all 1.9s ease;
    background: #000;
    border-radius: 5px;
}*/

/*EFECTO BUSCADOR*/
/*EFECTO BUSCADOR*/
/*#searchform input:focus {
    animation: glow 800ms ease-out infinite alternate;
    background: #000;
    background: linear-gradient(#000, #000);
    border-color: #000;
    box-shadow: 0 0 5px #000, inset 0 0 5px #e63946d9, 0 0px 0 #000;
    color: #fff;
    outline: none;
    border-radius: 5px
}*/

/*@keyframes glow{0%{border-color:#ff0000;box-shadow:0 0 5px #ff0000,inset 0 0 5px #000,0 2px 0 #000;border-radius:5px}100%{border-color:#000;box-shadow:0 0 20px #000,inset 0 0 10px #000}}*/
/*FIN EFECTO BUSCADOR*/
/*EFECTO TITULO DE ARCHIVOSh1{animation-name:miAnimacion;animation-duration:2s;animation-direction:alternate;animation-iteration-count:infinite}@keyframes miAnimacion{from{color:blue}to{color:yellow}}/*FIN EFECTO TITULO DE ARCHIVOS*/
/*CINELATINO ANIMACION POST PLAYER*/
l {
    text-transform: uppercase;
    letter-spacing: .5em;
    display: inline-block;

    spans {
        font: 700 1em / 1 "Oswald", sans-serif;
		font-size: 19px;
        letter-spacing: 0;
        padding: 0.25em 0 -0.675em;
        display: block;
        margin: 0 auto;
        /*text-shadow:0 0 8px rgba(255,255,255,.5);*/
        /*background:url(https://i.ibb.co/RDTnNrT/animated-text-fill.png) repeat-y;*/
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: aitf 80s linear infinite;
        -webkit-transform: translate3d(0, 0, 0);
        /* Clip Background Image */
        /*background: url(https://i.ibb.co/RDTnNrT/animated-text-fill.png) repeat-y;*/
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPPZImO-mdGKKClO32-b_L4UNHxSmi3XMNh6bV1-LpiPUWBeMXczs6E5EfzNBduO2A4ZuEiLkwxBvVwajI69yREbza-w91Eb7UzuxxXS8-M4VDt_S8JIsyIPSPq8NfyMyYvnF0rCekv0N964wzEo_UISABZw8riv1vmeSd4To9z7NnmKk0HB2Lv8O0Hgk/s5400/animated-text-fill2.png) repeat-y;
        -webkit-background-clip: text;
        background-clip: text;
        /* Animate Background Image */
        -webkit-text-fill-color: transparent;
        -webkit-animation: aitf 80s linear infinite;
        /* Activate hardware acceleration for smoother animations */
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden
    }
}

/* Animate Background Image */
@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%
    }

    100% {
        background-position: 100% 50%
    }
}

/*FIN CINELATINO ANIMACION POST PLAYER*/
/*CIRCULO ROJO PARPADEANTE*/
/*.extras {
    padding: 4px 7px;
    float: left;
    text-align: center;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 400;
    background: #000;
    color: #00ffc4;
    margin-top: -3px
}*/

.extras {
    padding: 5px 7px;
    float: left;
	margin-left: 4px;
    text-align: center;
    font-size: 10px;
    font-weight: 550;
    background: #000;
    margin-top: -2px;
    background: #fc0;
    color: #000000;
    border-radius: 3px;
	box-shadow: 0 1px 5px #000;
    /*border: solid 1px rgb(255 255 255 / 14%);*/
}

.extrasserie{
    padding: 5px 7px;
    float: left;
	margin-left: 4px;
    text-align: center;
    font-size: 10px;
    font-weight: 550;
    background: #000;
    margin-top: 5px;
    background: #fc0;
    color: #000000;
    border-radius: 3px;
	box-shadow: 0 1px 5px #000;
    /*border: solid 1px rgb(255 255 255 / 14%);*/
}

.extrasmovie{
    padding: 5px 7px;
    float: left;
	margin-left: 4px;
    text-align: center;
    font-size: 10px;
    font-weight: 550;
    background: #000;
    margin-top: 5px;
    background: #fc0;
    color: #000000;
    border-radius: 3px;
	box-shadow: 0 1px 5px #000;
    /*border: solid 1px rgb(255 255 255 / 14%);*/
}

.musica{
    padding: 5px 7px;
    float: left;
	margin-left: 4px;
    text-align: center;
    font-size: 10px;
    font-weight: 550;
    background: #000;
    margin-top: 5px;
    background: #fc0;
    color: #000000;
    border-radius: 3px;
	box-shadow: 0 1px 5px #000;
	/*animation: flash linear 3.3s infinite;*/
    /*border: solid 1px rgb(255 255 255 / 14%);*/
}

.cinelatinopro{
    padding: 5px 7px;
    float: left;
	margin-left: 4px;
    text-align: center;
    font-size: 10px;
    font-weight: 550;
    background: #000;
    margin-top: 5px;
    background: #fc0;
    color: #000000;
    border-radius: 3px;
	box-shadow: 0 1px 5px #000;
	/*animation: flash linear 3.3s infinite;*/
    /*border: solid 1px rgb(255 255 255 / 14%);*/
}

.vistas {
    padding: 5px 7px;
	width: 100%;
    float: left;
    margin-left: 0px;
    text-align: center;
    font-size: 10px;
    /* font-weight: 550; */
    background: #000;
    margin-top: 10px;
    /*background: #ff050533;*/
	background: #0a0e17;
    color: #fffefe;
    border-radius: 3px;
    box-shadow: 0 1px 5px #000;
    /* border: solid 1px rgb(255 255 255 / 14%); */
}

.imdbtotal{
    padding: 6px 7px;
    float: left;
	margin-left: 0px;
    text-align: center;
    font-size: 10px;
    font-weight: 550;
    background: #000;
    margin-top: 0px;
    background: #fc0;
    color: #000000;
    border-radius: 3px;
	box-shadow: 0 1px 5px #000;
    /*border: solid 1px rgb(255 255 255 / 14%);*/
}

.flashita {
    animation: flash linear 1.3s infinite;
    font-size: 8px;
    color: yellow;
    margin-left: 1px
}

.flashito {
    animation: flash cubic-bezier(1, -0.01, 1, 1) 1.1s infinite;
    font-size: 8px;
    color: lime;
    margin-left: 1px
}
.flashitorojo {
    /*animation: flash linear 1.3s infinite;*/
	animation: flash linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) 1.3s infinite;
    font-size: 7px;
    color: #dd1111;
	/*color: #009688;*/
    /*margin-left: 1px*/
}


/*FIN CIRCULO ROJO PARPADEANTE*/
/*CIRCULO ROJO PARPADEANTE
.flashit {
    animation: flash linear 1.3s infinite;
    font-size: 8px;
    color: #fc0;
    margin-left: 1px
}*/

.flashito {
    animation: flash linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%) 1.3s infinite;
    font-size: 7px;
    color: grid;
    margin-left: 1px
}

/*FIN CIRCULO ROJO PARPADEANTE*/
/*CIRCULO TENDENCIAS PARPADEANTE*/
.circle {
    width: 6px;
    height: 6px;
    background: #f44336;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    left: 8px;
    top: 34%;
}

/*
.circle::before,
.circle::after {
    content: "";
    position: absolute;
    top: 59%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border: 10px solid green;
    border-radius: 100%;
    animation: latido linear 2s infinite
		
}*/

.circle::before,
.circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7px;
    height: 7px;
    /* border: 10px solid green; */
    border-radius: 100%;
    transform: translate(-50%, -50%);
    transform-origin: left top;
    animation: pulse 3s infinite;
    background: #F44336;
    position: absolute;
    transform: translate(-50%, -50%);
    /* animation: latido linear 2s infinite;*/
}
	
.circle::after {
    animation-delay: -1.50s
}

@keyframes latido {
    0% {
        width: 12px;
        height: 12px;
        border: 1px solid green
    }

    100% {
        width: 3px;
        height: 3px;
        border: 0px solid transparent
    }
}

/*FIN CIRCULO TENDENCIA PARPADEANTE*/
/*MAYUSCULAS EN LAS ETIQUETAS*/
ul.wp-tags li a {
    text-transform: uppercase
}

/*FIN MAYUSCULAS EN LAS ETIQUETAS*/
/*SOMBRAS EN LA IMAGEN SLIDER*/
.slider article.item .image {
    box-shadow: 0 0px 10px 1px #000
}

/*FIN SOMBRAS EN LA IMAGEN SLIDER*/
/*DISTANCIA BARRA DE TITULOS HOME*/
.module .content header {
   /* margin-bottom: 9px;*/
	margin-bottom: 0px !important;
}

/*FIN DISTANCIA BARRA DE TITULOS HOME*/
/*BOTON EDITAR POST*/
/*.editar {
    background: #2196F3;
    color: #fff;
    width: calc(28% - 30px);
    border-radius: 3px;
    font-size: 13px;
    text-shadow: 0px 1px 5px #000;
    font-family: monospace;
    font-weight: 500;
    margin-top: 10px;
	padding: 8px;
}*/
.editar {
    font-size: 13px;
    color: rgb(255, 255, 255);
    /*background: #167ac6;*/
	background: #F44336;
    padding: 8px 2px;
    border: solid 1px rgba(0, 0, 0, .7);
    border-radius: 4px;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.editar {
    display: none;
}

.admin-bar .editar {
    display: block;
}
/*FIN BOTON EDITAR POST*/


/*MARGEN DE ETIQUETA*/
ul.wp-tags {
    margin-top: 8px;
    border-radius: 3px
}

ul.wp-tags li a:hover {
    color: #fff;
    background: #222d34!important;
    border-radius: 3px;
    /*box-shadow:0 0 10px rgba(255,215,0,0.5);*/
}

.single_tabs {
    margin-top: -15px
}

/*FIN MARGEN DE ETIQUETA*/
/*COLOR BORDE DE CONTENEDOR*/
.full_width_layout {
    box-shadow: 0 2px 29px 7px #000

}

/*FIN COLOR BORDE DE CONTENEDOR*/
/* alert post actualizable*/
.alert {
    position: relative;
    max-width: fit-content;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid gold;
    border-radius: 5px;
    background-color: rgba(242, 222, 222, 0.1);
    color: gold;
    font-size: medium;
    font-family: monospace;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center
}

.alert-icon {
    font-size: 24px;
    margin-right: 7px
}

.alert-icon.faa-flash.animated {
    animation: fadeIcon 1s infinite
}

@keyframes fadeIcon {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.alert-message {
    margin: 0;
    text-align: center;
    /* Añadido para centrar el texto horizontalmente */
    display: flex;
    align-items: center;
    /* Añadido para centrar el texto verticalmente */
    margin-top: -2px;
    /* Añadido para subir el texto horizontalmente */
}

/* FIN alert alert post actualizable */
/*COLOR DE BORDE DE WIDGET DENTRO DE POST*/
#single .content.right {
    border-right: solid 1px #0000
}

/*FIN COLOR DE BORDE DE WIDGET DENTRO DE POST*/
/*COLOR DE BORDE DE WIDGET DENTRO DE ARCHIVOS*/
.module .content.right,
.module .content.rigth.csearch {
    border-right: solid 1px #0a0e17;
}
/*FIN COLOR DE BORDE DE WIDGET DENTRO DE ARCHIVOS*/

/*FIN COLOR DE BORDE DE WIDGET DENTRO DE ARCHIVOS*/
/*MOSTRAR RATING SOBRE POSTER HOME.module .content .items .item .poster>.rating{margin-bottom:0;border-radius:5px 0px 0px}*/
/*FIN MOSTRAR RATING SOBRE POSTER HOME*/
/*HDspan.quality{color:#fff;background:#cd2026;display:none!important}*/
/*FIN HD*/
/*BORDE Y COLOR DE TRAILER SERIES Y PELICULAS*/
.videobox {
    /*box-shadow: 0 0px 9px #4d4d4d;*/
    border-radius: 11px
}

.videobox .embed {
    border-radius: 5px
}

/*FIN BORDE Y COLOR DE TRAILER SERIES*/
/*COLOR SELECCION DE AÑO DE LANZAMIENTO*/
.dt_mainmeta nav.releases ul li a:hover {
    color: #ffc107
}

.dt_mainmeta nav.releases ul li a {
    background: #000000a3;
    color: #ffffff
}

/*FIN COLOR SELECCION DE AÑO DE LANZAMIENTO*/
/*COLOR DE AÑO DE LANZAMIENTO*/
.dt_mainmeta nav h2 {
    color: #fff
}

/*FIN COLOR DE AÑO DE LANZAMIENTO*/
/*COLOR MINUTOS Y PAÍS*/
.extra span {
    color: #fff
    font-size: 13px;
    line-height: 19px;
    float: left;
    padding-right: 15px;
    position: relative;
    /*background: rgba(0, 0, 0, 0.4);*/
    border-radius: .3rem;
    padding: 4px 9px;
    margin: 0 8px 0 3px;
    margin: 2px;
    /*border: solid 1px rgba(0, 0, 0, .7);*/
    color: var(--color-txt);
}
}

/*FIN COLOR MINUTOS Y PAÍS*/
/*COLOR AÑO*/
.extra span.date {
    color: rgb(255 255 255 / 68%)!important;
}

/*FIN COLOR AÑO*/
/*BORDE DE DESTACADOS [TENDENCIA]*/
.featu {
    border-radius: 0px 0px 4px
}

/*FIN BORDE DE DESTACADOS [TENDENCIA]*/
/*DE DISTANCIA DE SINOPSIS*/
.wp-content p {
    margin-bottom: -2px;
    line-height: 23px;
    color: #ffffffbd;
}

/*FIN DE DISTANCIA DE SINOPSIS*/


.custom_fields,
.srating {
    border-bottom: solid 1px #000
}

/*FIN ESCONDER TITULO ORIGINAL DENTRO DE POST DE PELICULA*/
/*VERSION*/
.version {
    color: #fc0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
	margin-top: -11px;
    /*font-family:abel;*/
}

/*FIN VERSION*/
hr {
    border-width: 1px 0px;
    border-style: dashed;
    border-color: rgb(186, 186, 186) transparent rgb(236, 236, 236);
    height: 0px
}

Fstar

/*EFECTO PARA LINK ANCLAJE*/
html {
    scroll-behavior: smooth
}



/*Fin Color de info en entradas*/
/*Redes sociales.addtoany_content{clear:both;margin:16px auto;margin-bottom:0px}*/
/*Fin Redes sociales*/
/*Linea arriba de capturas*/
#dt_galery {
    border-top: solid 1px #fff0;
    padding-top: 10px
}

/*Fin Linea capturas*/
/*Espacio abajo de capturas*/
.wp-content {
    width: 100%;
    float: left;
    margin-bottom: 3px;
    padding-bottom: 0px !important
}

#single .content .sbox {
    width: 100%;
    float: left;
    /*padding: 10px 40px;*/
    padding: 6px 40px;
    background: 0;
    border-bottom: solid 0px;	
}

/*FIN Espacio abajo de capturas*/
/*ESCONDER REPORTES*/
/*a.report-video-error{display:none}*/
/*ESCONDER REPORTES*/
/*CAMBIO DE FOOTER*/
footer.main .fcmpbox {
    /*background: #000;*/
	/*background: #05060a;
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    box-shadow: 0 2px 25px -16px #408bea;
	/*box-shadow: 0 2px 25px -16px #000;*/
   /* border-radius: 8px;*/
}
footer.main .fcmpbox {
    background: rgb(10 14 23);
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    box-shadow: 0 10px 25px -7px rgb(0 0 0 / 0%);
}

/*footer.main .fcmpbox .primary {
    border-bottom: solid 1px #dd1111
}*/

/*COLOR DE LETRA FOOTER*/
footer.main .fbox .copy {
    float: left;
    padding: 40px 0;
    color: #ffffff
}

/*FIN COLOR DE LETRA FOOTER*/
/*CAMBIO DE PIE DE POST*/
.breadcrumb_bottom {
    border-top: solid 1px rgba(255, 255, 255, .08) !important;
    border-bottom: 1px solid #dd1111;
    background: linear-gradient(284deg, #da140ac2 50%, #000 70%)
}

/*FIN DE CAMBIO DE FOOTER*/
/*CAMBIO DE COLOR DE SCROOL EN POST.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.08)!important}*/
/*FIN DE CAMBIO DE COLOR DE SCROOL*/
/*visualizacion de vistas en videos*/
.dooplay_player h2 span {
    color: rgba(255, 255, 255, .4);
    display: none
}

/*Fin visualizacion de vistas en videos*/
/*DISTANCIA COSTADO DE TRAILER MOVIE*/
.dooplay_player .options {
    padding: 0 0px
}

/*FIN DISTANCIA COSTADO DE TRAILER MOVIE*/
/*COLOR DE BORDE TRAILER MOVIE*/
.dooplay_player .play .pframe {
    box-shadow: 0 0px 5px #000;
    border-radius: 5px
}

/*FIN COLOR DE BORDE TRAILER MOVIE*/
/*COLOR ICONO PLAY REPRODUCTOR FALSO*/
.fa-play:before {
    content: "\f04b";
    color: #dd1111
}




/*efecto pulsacion PLAY*/
.module .content .items .item .poster a .see.play3 {
    animation: pulse-blue 2s infinite
}

@keyframes pulse-blue {
    0% {
        transform: scale(0.95);
        box-shadow: 0px 0px 0px 0px rgb(125 3 3)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 13px rgba(26, 51, 244, 0)
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(26, 51, 244, 0);
        border-radius: 5px
    }
}

/*fin efecto pulsacion PLAY*/
/*efecto pulsacion logoheader.main .hbox .logo img*/
    {
    animation: pulse-blue 2s infinite
}

@keyframes pulse-blue {
    0% {
        transform: scale(0.95);
        box-shadow: 0px 0px 0px 0px rgb(125 3 3)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 13px rgba(26, 51, 244, 0)
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(26, 51, 244, 0);
        border-radius: 5px
    }
}

/*fin efecto pulsacion logo*/
/*efecto logocodigo:hover{animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%{transform:scale(0.95);box-shadow:0px 0px 0px 0px rgb(125 3 3)}70%{transform:scale(1);box-shadow:0 0 0 13px rgba(26,51,244,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(26,51,244,0);border-radius:5px}}*/
/*fin efecto logo*/
/*efecto de poster home*/
.module .content .items .item .poster:hover>img {
    -webkit-transform: scale(10.0);
    transform: scale(1.0);
    -webkit-filter: blur(20px) brightness(1.3);
    filter: blur(0.0px) brightness(1.0);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

/*.poster {
    filter: saturate(160%)
}*/
/*
.poster:hover {
    filter: saturate(25%)
}*/

/*fin efecto de poster home*/
/*efecto imagen fondo dentro del post.w_item_a .image img:hover{position:relative;top:1px}*/
/*fin efecto imagen fondo dentro del post*/
/*CONTRASEÑA*/
.linktabs ul li a {
    padding: 6px 12px;
    font-size: 13px
}

/*FIN CONTRASEÑA*/
/*distancia de footer*/
footer.main {
    width: 100%;
    float: left;
    margin-bottom: 14px;
	/*margin-bottom: 0px;*/
}

/*fin distancia de footer*/
/*COLOR SOBRE FOOTER*/
.breadcrumb_bottom {
    border-top: solid 1px rgba(255, 255, 255, .08) !important;
    border-bottom: 1px solid #dd1111;
    background: linear-gradient(284deg, #490f0a 5%, #000 80%)
}

/*FIN COLOR SOBRE FOOTER*/
/*Titulos similares banda*/
.sbox h1, .sbox h2 {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    padding-bottom: 15px;
    padding: 10px;
    padding-top: 13px;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    font-weight: 500;
    /*border-bottom: 1px solid #e63946d9;*/
    background: linear-gradient(43deg, #141b29 50%, #0000002e 70%);
    /*border-bottom:1px solid rgba(230,57,70,0.85);background:linear-gradient(43deg,#000 50%,rgba(230,57,70,0.85) 70%);*/
}

/*fin Titulos similares banda*/
/*ALINEACION DE AÑOS.sidebar aside.widget{float:left;width:100%;margin-bottom:6px;padding:0}*/
/*FIN ALINEACION DE años*/
/* espacio cerrar sesion*/
.headitems a#dooplay_signout {
    padding: 10px 3px;
    float: left
}

/* fin espacio cerrar sesion*/
/*ALINEACION DE LOGO HOME*/
.alignnone {
    margin: 0px 0px 2px 0
}

/*FIN ALINEACION DE LOGO HOME*/
/*Color verde de imagen fafa.fa-image:before{content:"\f03e";color:#00ff0a}*/
/*Fin Color verde de imagen fafa*/
/*EFECTO DE ESTRELLA FA FA*/
/*img.wp-smiley,img.emoji{-webkit-animation:fa-spin 2s linear infinite!important;animation:fa-spin 1s linear infinite!important}*/
/*COLOR DE WIDGET POPULARES*/
.w_item_c .rating i {
    color: #4CAF50
}

.w_item_c .rating {
    background: rgb(0 0 0);
    color: #FFEB3B
}

/*FIN COLOR DE WIDGET POPULARES
.fa-star {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;
}*/

/*FIN EFECTO DE ESTRELLA FA FA*/
/*flechas estrenos*/
/*.fa-caret-left:before{content:"\f0d9";color:#fc0}.fa-caret-right:before{content:"\f0da";color:#fc0}*/
.fa-caret-left:before {
    content: "\f0d9";
    color: #fff
}

.fa-caret-right:before {
    content: "\f0da";
    color: #fff
}

/*FIN flechas estrenos*/
/*Espacios de menu*/
.head-main-nav ul.main-header li a {
    /*padding: 25px 8px*/
	padding: 25px 20px;
	font-size: 14px;
	text-transform: uppercase;
}



/*FIN Espacios de menu*/
header.top_imdb h1.top-imdb-h1 span,
article.post .information .meta span.autor,
.w_item_c a:hover>.rating i,
span.comment-author-link,
.pagination a:hover {
    color: #fff;
}

.fa-telegram-plane:before {
    content: "\f3fe";
    color: #408bea
}

/*pedidos series y peli*/
.requests nav ul li a {
    color: #828282;
    display: none
}

/* fin pedidos series y peli*/
.mepo span.quality {
    box-shadow: 0 1px 5px #000
}

header.top_imdb h1.top-imdb-h1 {
    padding: 10px !important;
    padding-bottom: 8px !important
}



a.see_all {
    margin-top: 0px;
    box-shadow: 0 1px 15px #000
}



/*Mayusculas episodios*/
#seasons .se-c .se-a ul.episodios li .episodiotitle a {
    text-transform: uppercase
    
}

/*Fin Mayusculas episodios*/
/*COLOR DE CUADRO DE NUMERO DE TEMPORADA*/
.post-comments .comment-reply-link:hover,
#seasons .se-c .se-q span.se-o,
#edit_link .box .form_edit .cerrar a:hover {
    background: #5f0000
}

/*FIN COLOR DE CUADRO DE NUMERO DE TEMPORADA*/
/*COLOR DE BARRA TOP MOVIE Y SERIE*/
.top-imdb-list h3 {
    border-bottom: 1px solid #e63946d9;
    background: linear-gradient(43deg, #000 50%, #000 70%);
    border-radius: 3px;
    box-shadow: 0 1px 5px #000;
    padding: 14px;
    border-color: #3b0c13!important;	
}



/*FIN COLOR DE BARRA TOP MOVIE Y SERIE*/
/*EFECTO EPISODIOS*/
/*#seasons .se-c .se-a,#seasons .se-c .se-a ul.episodios{background:#000}*/
#seasons .se-c .se-a ul.episodios li .episodiotitle a:hover {
    /*background:rgb(75 8 13 / 70%);*/
    color: #ffeb3b;
    /*border-bottom:solid 1px rgb(75 8 13 / 85%);*/
}



#seasons .se-c .se-a ul.episodios li:hover {
    /*background:linear-gradient(43deg,#000 50%,rgb(75 8 13 / 85%) 70%);*/
    /*transform: scale(1.01);*/
    background: #000;
    border-radius: 5px
}

/*FIN EFECTO EPISODIOS*/
/*BORDE DEBAJO DE TRAILER MOVIE*/
.dooplay_player .options.scrolling {
    border-bottom: 1px solid #29292900;
	margin-bottom: 4px !important;
}

.dooplay_player .options ul {
    margin: 5px 0
}

.dooplay_player .options ul li {
    background: 0 0;
    border-bottom: solid 1px #ffffff00
}

/*FIN BORDE DEBAJO DE TRAILER MOVIE*/
.report_modal .box .form {
    background: rgba(15, 15, 15, .9)
}

.report_modal .box .form h3 {
    color: #ddd;
    border-bottom: solid 1px #dd1111
}

.report_modal .box .form form fieldset label span.title {
    color: #ddd
}

.links_table table tbody tr:last-child {
    border-bottom: 0;
    background: #000
}

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: #fc0
}

.contact {
    background: rgba(15, 15, 15, .9)
}

.contact .wrapper fieldset label,
.contact .wrapper h1 {
    color: #fff
}

.contact .wrapper fieldset p,
.contact .wrapper p.descrip {
    color: #ddd
}

.contact .wrapper {
    border-bottom: solid 1px #dd1111
}

/*TENDENCIAS*/
span.s_trending a.m_trending {
    float: left;
    margin: 0 10px;
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    font-weight: 500
}

span.s_trending a.active,
span.s_trending a.m_trending:hover {
    color: #fff;
}

/*FIN TENDENCIAS*/
.galeria .g-item img {
    filter: saturate(170%)
}

.galeria .g-item img:hover {
    filter: sepia(60%)
}

.links_table table thead tr {
    border-bottom: solid 1px #dd1111
}

.links_table table tbody tr:last-child:hover {
    border-bottom: 0;
    background: rgba(15, 15, 15, .9)
}

.linktabs {
    border-bottom: solid 1px #dd1111
}

.module .content .items .item .poster {
    border-radius: 4px
}

/*TELEGRAM MENU*/
.menu-item-45 {
    animation: pulse-blue 3s infinite
}

@keyframes pulse-blue {
    0% {
        transform: scale(1.20)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.20)
    }
}

/*FIN TELEGRAM MENU*/
.blinking {
    animation: blinkingmenu 1.9s infinite
}

@keyframes blinkingmenu {
    0% {
        color: #000000
    }

    49% {
        color: #ffffff
    }

    60% {
        color: #ffeb00
    }

    99% {
        color: #f95e68
    }

    100% {
        color: #ffffff
    }
}

.border {
    background-color: red;
    border-width: 2px;
    border-radius: 4px;
    font-size: 12px;
    padding: 1px 8px;
    position: absolute;
    bottom: 39px;
    left: 807px
}

.mail-text2[tooltip] {
    position: relative
}

.mail-text2[tooltip]::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 85%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: #dd1111 transparent transparent transparent;
    z-index: 100;
    opacity: 0;
    transition: all 250ms ease
}

.mail-text2[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left: 209%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background: #dd1111;
    text-align: center;
    color: #fff;
    padding: 4px 8px;
    font-size: 13px;
    min-width: 180px;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: all 250ms ease
}

.mail-text2[tooltip-position=bottom]::before {
    top: 20%;
    margin-top: 26px;
    transform: translateX(-50%) translatey(-100%) rotate(-271deg)
}

.mail-text2[tooltip-position=bottom]::after {
    top: 20%;
    margin-top: 15px;
    transform: translateX(-50%) translateY(0)
}

.mail-text2[tooltip]:hover::after,
.mail-text2[tooltip]:hover::before {
    opacity: 1
}

#menu-item-605:hover {
    background: #7b0e09;
    color: #fc0;
    transition: all .3s;
    border-radius: 5px
}

#menu-item-605:hover>a {
    color: #4caf50
}

#menu-item-605>a {
    color: #fc0;
    padding: 7px 4px 7px 8px
}

#menu-item-605 {
    background: #490704;
    color: #fc0;
    transition: all .3s;
    border-radius: 5px;
    margin-top: 16px;
    box-shadow: #dd1111 0 0 5px 0px
}

#single .content .sbox {
    border-color: rgb(255 255 255 / 1%)
}

.sheader {
    border-bottom: solid 0px rgba(255, 255, 255, .08)
}

.single_tabs {
    border-bottom: solid 0px rgba(255, 255, 255, .08)
}

.starstruck-wrap {
    border-bottom: solid 0px rgba(255, 255, 255, .08);
    border-top: solid 0px rgba(255, 255, 255, .08)
}

.user_control a {
    color: rgba(255, 255, 255, .4);
    border-right: solid 0px rgba(255, 255, 255, .09)
}

.dooplay_player {
    border-bottom: solid 0px rgba(255, 255, 255, .08)
}

hr {
    border-width: 1px 0px;
    border-style: dashed;
    border-color: rgb(186, 186, 186) transparent rgb(236, 236, 236);
    height: 0px
}

/*.sbox .custom_fields{width:100%;padding:0 10px 15px;float:left;margin-bottom:15px;display:none}*/
/* Pulsacion DESCARGA*/
/*PULSACION DE BOTON DESCARGA.linkfree{animation:pulse-blue 2s infinite}@keyframes pulse-blue{0%{transform:scale(0.95);box-shadow:0px 0px 0px 0px #fff}70%{transform:scale(1);box-shadow:0 0 0 13px rgba(26,51,244,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(26,51,244,0);border-radius:5px}}*/
/*FIN PULSACION DE BOTON DESCARGA*/
/* FIN Pulsacion DESCARGA*/
/*CAJA DE DESCARGA*/
.descarga6 {
    text-align: center;
    padding: 22px;
    border: 2px solid rgb(0 0 0 / 0%);
    border-radius: 5px;
    color: #FFF;
    background-color: #0a0e17;
    box-shadow: #408bea29 0 0 5px 1px;
}

.descarga5 a,.descarga6 a {
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, .6) 0 0 7px 0px;
    /* font-family:'Abel';*/
    border: 1px solid #e1635c;
    /*box-shadow: #000 0 0 11px 3px;*/
    text-shadow: #000 -1px 2px;
    color: #fc0;
    padding: 10px 78px 7px;
    margin: 6px auto;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    border: rgba(230, 57, 70, 0.85);
    font-weight: bold;
    background-color: #3b0c13
}

/*.descarga5 a,.descarga6 a{
 display:inline-block;
 border-radius:4px;
 font-size:14px;
box-shadow:rgba(0,0,0,.6) 0 0 1px 1px;
/* font-family:'Abel';
 border:1px solid #e1635c;
box-shadow:#f00 0 0 5px 1px;
text-shadow:#fff -1px 2px;
color:#000;
padding:10px 78px 7px;
margin:6px auto;
border-radius:4px;
text-decoration:none;
display:inline-block;
border:1px solid rgb(255 255 255 / 85%);
font-weight:bold;
background-color:rgb(255 255 255 / 85%)
}*/

.password_box {
    /* background-color:rgba(22,28,41,.8);*/
    /* width:93%;*/
    border-radius: 5px;
    color: #9caecc;
    padding: 20px 20px 30px;
    /* display:flex;*/
    /* flex-flow:row wrap;*/
    /* justify-content:center;*/
    /* align-items:center;*/
    padding-top: 19px;
    margin-top: 19px;
    box-shadow: #000 0 0 5px 1px
}

.password_box .header_box {
    font-size: 15px;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
	color:#ffffffb5;
    /*font-family:'Abel';*/
}

.password_box input {
    width: 161%;
    background: #000;
    outline: 0;
    border: 1px solid #222d34;
    border-radius: 7px;
    padding: 10px;
    color: #fc0;
    font-size: 20px;
    text-align: center;
    box-shadow: #222d34 0 0 5px 1px
}

.password_box .copy_box {
    width: 62%;
    position: relative
}

/*FIN CAJA DE DESCARGA*/
/*Caja de informacion dentro del post*/
/*ESTILO ANTERIOR
.wp-content fieldset {
    background: rgb(0 0 0 / 25%);
    background: rgba(22, 28, 41, .7);
    padding: 65px 15px 15px;
    margin: 10px auto;
    border-radius: 5px;
    position: relative;
    color: #00ccff;
    line-height: 28px;
    text-align: center;
    box-shadow: #000 0 0 5px 1px;
    font-weight: 600;
    font-size: 12px
}
FIN ESTILO ANTERIOR*/

/*ESTILO ANTERIOR*/
.wp-content fieldset {
    /*background: #06090f00;*/
    background: rgba(22, 28, 41, .7);
    padding: 65px 15px 15px;
    margin: 10px auto;
    border-radius: 5px;
    position: relative;
    color: #00ccff;
    line-height: 28px;
    text-align: center;
    box-shadow: #000 0 0 5px 1px; 
    font-weight: 600;
    font-size: 12px;
    /*background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));*/
}
/*FIN ESTILO ANTERIOR*/


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

/* Nueva apariencia de caja de contraseña */
/* Color de conteo de episodios */
.version span {
    color: #fc0;
    font-weight: bold; /* Opcional, para resaltar más el texto */
}

/* Alineación de icono llave con texto contraseña */
.header_box {
    display: flex;
    align-items: center;
    justify-content: center; /* Centrar horizontalmente */
    gap: 8px; /* Espacio entre el icono y el texto */
    font-weight: bold;
    text-align: center;
}
.header_box svg {
    width: 20px; /* Ajusta el tamaño si es necesario */
    height: 20px;
}


.enlacepublico {
    /* font-size: 18px; */
    color: #ffffff !important;
    text-transform: uppercase;
    margin: 0px 12px !important;
    padding: 11px 79px 10px !important;
    /* padding: 8px 60px 10px !important; */
    /* margin: 8px 12px !important; */
}

.text-largevip {
    /* font-size: 18px; */
    color: #f8c600 !important;
    text-transform: uppercase;
    /* margin: 12px 12px !important; */
    padding: 11px 79px 10px !important;
    margin: 11px 11px 15px !important;
    margin-top: 18px !important;
}


.password_post {
    /* background-color: rgba(22, 28, 41, .8); */
    /* width: 93%; */
    border-radius: 5px;
    color: #9caecc;
    padding: 20px 20px 30px;
    /* display: flex
; */
    /* flex-flow: row wrap; */
    /* justify-content: center; */
    /* align-items: center; */
    padding-top: 21px;
    margin-top: 14px;
    box-shadow: #000 0 0 5px 1px;
}

..password_post {
    /* background-color:rgba(22,28,41,.8);*/
    /* width:93%;*/
    border-radius: 5px;
    color: #9caecc;
    padding: 20px 20px 30px;
    /* display:flex;*/
    /* flex-flow:row wrap;*/
    /* justify-content:center;*/
    /* align-items:center;*/
    padding-top: 19px;
    margin-top: 19px;
    box-shadow: #000 0 0 5px 1px
}

.password_post .passtxt {
    font-size: 15px;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
	  color: #ffffff;
    /*font-family:'Abel';*/
}

.passtxt {
    display: flex
;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}


.password_post input {
    width: 161%;
    background: #000;
    outline: 0;
    border: 1px solid #222d34;
    border-radius: 7px;
    padding: 10px;
    color: #fc0;
    font-size: 20px;
    text-align: center;
    box-shadow: #222d34 0 0 5px 1px
}

.password_post .copy_box {
    width: 62%;
    position: relative
}


@media (max-width: 768px) {
    .enlacepublico {
        /* font-size: 18px; */
        color: #ffffff !important;
        /* text-transform: uppercase !important; */
        margin: 0px 12px !important;
        text-transform: uppercase !important;
        /*padding: 8px 60px 10px;*/
		padding: 11px 54px 10px !important;
    }
}

@media (max-width: 768px) {
    .text-largevip {
        /* font-size: 18px; */
        color: #f8c600 !important;
        text-transform: uppercase;
        /* margin: 12px 0px !important; */
        /* padding: 14px 79px 10px !important; */
        /* margin-top: 8px !important; */
        padding: 8px 60px 10px !important;
        margin: 8px 12px !important;
    }
}
/* Fin de nueva apariencia de caja de contraseña */


/* Color de texto de datos tecnicos */
.descripcion strong {
  color: #fff; /* Cambia 'blanco' por el color que desees */
}
/* Fin de cColor de texto de datos tecnicos */

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

/*COLOR DE LETRAS CELESTES DENTRO DEL POST[FICHA TECNICA]*/
.wp-content p:last-child {
    margin-bottom: 0;
    color: #00ccff;
    font-size: 15px;
	text-shadow: 2px 2px 2px black;	
}
/*FIN COLOR DE LETRAS CELESTES DENTRO DEL POST[FICHA TECNICA]*/

.wp-content {
    border-bottom: solid 0px rgba(255, 255, 255, .08);
    /*margin-bottom:-28px;*/
}

.wp-content fieldset legend {
    /* font-size:16px;position:absolute;top:15px;width:auto;background:#ff000057;width:calc(100% - 30px);padding:3px;border-radius:5px;text-shadow:0 1px 1px rgb(0 0 0);box-shadow:0 1px 2px #fc0;/*font-family:'Abel';*/
    /*text-transform:uppercase;*/
    /* margin-left:-3px;*/
    font-size: 16px;
    position: absolute;
    top: 15px;
    width: auto;
    background: #3b0c13;
    width: calc(100% - 30px);
    padding: 3px;
    border-radius: 5px;
    text-shadow: 0px 1px 5px #000;
    rgba(0, 0, 0, 0.5);
    text-transform: uppercase
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

.wp-content fieldset legend,
.wp-content fieldset strong {
    color: #fff;
}

/*Fin Caja de informacion dentro del post*/
/*Sinopsis dentro del post.section__title-wrap{position:relative;margin-bottom:-28px;display:flex;flex-wrap:nowrap;align-items:center}/*Fin sinopsis dentro del post*/
.poster img:hover {
    filter: saturate(180%)
}

.srelacionados article img {
    filter: saturate(180%);
    border-radius: 5px
}

.srelacionados article img:hover {
    box-shadow: #fff 0 0 8px 1px;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.srelacionados article img:hover {
    filter: sepia(60%)
}

.w_item_a .image {
    border-radius: 5px
}

.w_item_a .image img {
    border-radius: 5px
}

.w_item_a .image img:hover {
    filter: grayscale(30%)
}

/*.w_item_a:hover{-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}*/
.dooplay_player .play {
    background: #000
}

/*BORDE DEL REPRODUCTOR.dooplay_player .play .pframe{border-radius:9px}/*FIN BORDE DEL REPRODUCTOR*/
/*COLOR DE PUNTOS DENTRO DE POST.dt_nodata,.starstruck-wrap .dt_rating_vgs{background:#e63946d9;color:#fff}*/
.starstruck-rating-wrap {
    color: #fff;
    background-color: rgb(7 10 16);
	box-shadow: 0 1px 5px #000;
    border: solid 1px rgba(0, 0, 0, .7);
}

/*FIN COLOR DE PUNTOS DENTRO DE POST*/
#dt_galery span {
    background: #408bea !important
}



/*logo + a la izquierda*/
header.main .hbox .logo {
    padding: 18px 27px 17px
}

/*fin logo + a la izquierda*/
.owl-theme .owl-controls .owl-page span {
    /*background: #F44336;*/
		background: #408bea;
}

span.top-page a {
    background: #2196f3;
    color: #fff;
    border-radius: 4px
}

/*TOLTIP CON INFORMACION DE LA PELICULA EN ARCHIVOS*/
.module .content .items .item .dtinfo {
    background: #000;
    border: 0;
    display: none !important;
    box-shadow: 0 15px 20px -7px #000
}
/*TOLTIP CON INFORMACION DE LA PELICULA EN ARCHIVOS*/

.dtinfo .texto {
    color: #ada9a9
}

.dtinfo .metadata {
    background: #0c111b;
    color: #ddd;
	border-bottom: 1px solid #dd11112b;
}

.dtinfo .genres .mta a {
    color: #d6ff01
}

.dooplay_player .options ul li span.flag img {
    border: solid 0px rgba(0, 0, 0, .5)
}

.image img:hover {
    filter: saturate(200%)
}

/*span.item_type{position:absolute;bottom:150px;right:0px;text-transform:uppercase;font-size:12px;padding:5px 10px;margin:8px;border-radius:3px;display:none}*/
/*ETIQUETA MOVIES Y SERIES DE SLIDER*/
/*span.item_type {
    position: absolute;
    bottom: 13px;
    right: 13px;
    text-transform: uppercase!important;
    font-size: 12px;
    padding: 5px 10px;
    margin: 0;
    box-shadow: 0 4px 10px #000!important;
    border-radius: 5px;
    background: #408bea!important;
    color: #ffffff;
}*/
span.item_type {
    position: absolute;
    bottom: 40px;
    right: 13px;
    text-transform: uppercase !important;
    font-size: 13px;
    padding: 5px 10px;
    margin: 0;
    box-shadow: 0 4px 10px #00000000 !important;
    border-radius: 5px;
    background: #408bea00 !important;
    color: #ffffff;
    /* text-shadow: 0 1px 1px rgb(0 0 0); */
    text-shadow: 1px 1px #000;
}


/*FIN ETIQUETA MOVIES Y SERIES DE SLIDER*/
.slider article.item .image {
    background-color: #000;
    border-radius: 6px
}

/*COLOR DEL NUMERO DE APORTES.module .content header span{float:right;font-weight:500;color:#a70a0a}*/
.module .content header span {
    float: right;
    font-weight: 500;
    color: #fff
}

/*FIN COLOR DEL NUMERO DE APORTES*/
/*.module .content .items .item .poster a .see.play3{background:url(https://icons.veryicon.com/png/128/business/black-gold-business-icon/play-395.png) 50% 50% no-repeat;background-size:40% 30%}*/
/*////////////////////////*/
/*Efecto hover color poster post*/
.poster:hover {
    /*box-shadow:#fff 0 0 8px 1px;*/
    /*box-shadow:#fff 6px 0px 19px 1px;-o-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;*/
}

.sheader .poster img:hover {
    box-shadow: -1px -1px 20px -8px #fff;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.sheader .poster img {
    width: 109%;
    float: left;
    border-radius: 5px
}

.sheader .data {
    padding: 0;
    width: calc(100% - 160px);
    margin-left: 173px
}

/*FIN Efecto hover color poster post*/
/*////////////////////////*/
/*CONTORNO DE COLOR VER TODO.module .content header span a.see-all{font-size:10px;font-weight:300;text-transform:uppercase;padding:3px 8px;border-radius:3px;margin-left:6px;box-shadow:0 1px 15px #000}*/
/*.module .content header span a.see-all {
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 7px 8px;
    border-radius: 3px;
    margin-left: 6px;
    /*box-shadow: 0px 0px 4px #607D8B*/
}*/






/*FIN CONTORNO DE COLOR VER TODO*/
/*VER TODO*/
.module .content header span a.see-all:hover {
    background: #dd1111
}

a.see_all:hover {
    background: #000
}

/*FIN VER TODO*/
/*div div header{border-bottom:1px solid #1a1a1a;background:linear-gradient(45deg,#252323c9 50%,#da140ac2 70%);border-radius:3px;box-shadow:0 1px 5px #000}*/


/*COLOR DE BARRA DE REPORTES*/
/*.dooplay_player h2{border-bottom:1px solid rgba(230,57,70,0.85);background:linear-gradient(284deg,#252323c9 50%,rgba(230,57,70,0.85) 70%)}*/
/*DISEÑO ANTERIOR*/
/*.dooplay_player h2 {
    border-bottom: 1px solid #3f0005d9;
    background: linear-gradient(284deg, #0a0e17 50%, rgb(0 0 0 / 85%) 70%);
    box-shadow: 1px -2px 11px 3px #000;
    border-radius: 4px;
}*/
/*FIN DISEÑO ANTERIOR*/



/*FIN COLOR DE BARRA DE REPORTES*/
.letter_home ul.glossary li a.active,
.letter_home ul.glossary li a:hover {
    color: #9f8311
}

/* calificacion de post -----.sbox .custom_fields{width:100%;padding:28px 10px 15px;float:left;margin-bottom:-10px;display:none}*/
/* fin de calificacion de post -----*/
/* personalizar logo -----*/
header.main .hbox .logo {
    background: rgb(0 0 0 / 0%)
}

/* color de menu generos -----*/
.head-main-nav ul.main-header li ul.sub-menu li a {
    color: rgb(255 255 255);
    width: 107%;
	text-transform: uppercase;
}



/*COLOR HOVER DEL SUBMENU*/
.head-main-nav ul.main-header li ul.sub-menu li a:hover {
   background:#f50057;
	 color:#FFF!important;
	border-radius:3px;
	width: 100%;
}
/*FIN COLOR HOVER DEL SUBMENU*/

/*COLOR DE LETRAS DEL MENU*/
.head-main-nav ul.main-header li a:hover {
    color: #f50057!important;
	font-weight: 600;
}

/* Triángulo apuntando hacia arriba */
.head-main-nav ul.main-header li ul.sub-menu::before {
    content: "";
    position: absolute;
    /*top: -10px;*/ /* Ajusta la distancia del triángulo */
	top: -20px; /* Ajusta la distancia del triángulo */
    left: 20px; /* Ajusta la posición horizontal según necesidad */
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #141d3b; /* Color del fondo del menú */
}
/*FIN COLOR DE LETRAS DEL MENU*/

/*FA FA DIRECCIONALES MENU*/
.head-main-nav ul.main-header li.menu-item-has-children>a:after {
    content: "\f107";
	   /*content: "\f063";*/
    font-family: "Font Awesome 5 Pro";
    speak: none;
    font-style: normal;
    font-weight: 900;
    margin-left: 10px;
    margin-top: 0px;
    font-size: 14px;
    float: right
}

.head-main-nav ul.main-header li ul.sub-menu li a:before {
    font-size: 14px;
    content: "\f105";
	  /*color:#00000000;*/
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 8px;
    display:none;
}
/*FIN DE DIRECCIONALES MENU*/


/* buscador modificado -----*/
.headitems {
    margin-left: 1px
}

/* personalizar player icon -----*/
.fa-film:before {
    content: '\f03d';
    color: #fc0;
}

.fa-video:before {
    content: '\f03d';
    /*color: #f44336*/
	color: #408bea
}

.fa-dollar-sign:before {
    content: '\f155';
    color: rgb(255 224 0 / 88%)
}

/* Tamaño de somosmovies2.net -----*/
.dooplay_player h2 {
    color: #fff;
    font-size: 24px
}

/* Fin Tamaño de somosmovies2.net -----*/

/*COLOR DE LOS BORDES DEL PLAYER FAKE*/
.fakeplayer {
    /*float: left;*/
    /*width: 100%;*/
	float: none;
	width: 94%;
    padding: 20px;
    position: relative;
    background: #05060a;
	border-radius: 6px !important;
}
/*FIN COLOR DE LOS BORDES DEL PLAYER FAKE*/

/*REPRODUCTOR DEBAJO DEL FALSO*/
.dooplay_player {
    float: none !important;
    width: 94% !important;
    position: relative !important;
}

/*DE BACKGROUND DE GENEROS*/
.sgeneros {
    float: left;
    width: 100%;
    height: 33px;
    display: inline-block;
    margin-top: 0px;
	margin-left: -3px;
}

.sgeneros a:first-child {
    padding-left: 11px;
    border-left: 0;
}


.sgeneros a {
    padding: 5px 10px;
    float: left;
    font-size: 13px;
    font-weight: 500;
    background: #05070b;
    border-left: 0px;
    padding-left: 10px;
    margin: 3px;
    margin-top: 0px;
    border-left: solid 0px rgba(255, 255, 255, .08);
  	border-radius:3px;
	box-shadow: 0 1px 5px #000;
	border: solid 1px rgba(0, 0, 0, .7);
}

/*HOVER DE GENEROS
.sgeneros a: hover {
    color: #fc0;
}
.sgeneros a: hover {
    background: #05060a;
}
/*FIN HOVER DE GENEROS*/

/*FIN DE BACKGROUND DE GENEROS*/

/*TAMAÑO DEL POSTER DEL POST*/
@media only screen and (max-width: 667px) {
    .sheader .data {
        width: calc(100% - 130px);
        margin-left: 145px;
    }
}
/*FIN TAMAÑO DEL POSTER DEL POST*/

/*MARGEN DE DATOS DEL POST*/
@media only screen and (max-width: 667px) {
    .sheader .poster {
        width: 120px;
    }
}
/*FIN MARGEN DE DATOS DEL POST*/

/* REPORTES DE VIDEO -----*/
a.report-video-error {
    color: #ffffff;
    background-color: #408bea;
    margin-top: 0px;
    margin-right: -9px;
    border: solid 1px rgba(0, 0, 0, .7);
    box-shadow: 0 1px 5px #000;
	border-radius: 5px;
    text-transform:uppercase;
}

/* FIN REPORTES DE VIDEO -----*/
/* color de icono youtube player -----*/
i.yt.fab.fa-youtube {
    color: #dd1111
}

/* sombra para fakeplayer -----*/
.fakeplayer .playbox {
    box-shadow: 0 1px 10px #000;
    border-radius: 5px
}

/* color al dar play -----*/


.dooplay_player .options ul li.on,
.dooplay_player .options ul li.on:hover {
    border-bottom: 0px solid #dd1111;
    background: linear-gradient(97deg, #000 50%, #23282f 110%);
    border-radius: 3px;
}

.dooplay_player .options {
    background: rgb(0 0 0)
}

/* colo de letra de post -----*/
/*div div p {
    color: #ffffff !important;
}*/

/* colo de letra de menu post -----*/
ul.smenu li a {
    color: rgb(255 255 255);
    text-transform: uppercase
}



/* color de desplazamiento epdisodios -----*/
/*LETRAS MAYUSCULAS MENU DENTRO DEL POST*/
ul.smenu li a {
    text-transform: uppercase
}

/*FIN LETRAS MAYUSCULAS MENU DENTRO DEL POST*/
div a span {
    color: #fff
}

.pag_episodes .item a i {
    color: #cb1c1c
}

/* personalizar color de los años de imagenes-----*/
span.year {
    color: #ffffff
}

/* Reducir tamaño padding episodios-----*/
#serie_contenido {
    width: 100%;
    float: left;
    padding: 0px 0 0
}

/* quitar nombre de fuente de video -----*/
.dooplay_player .options ul li span.server {
    color: rgb(0 0 0 / 20%)
}



/*Fin efecto giro de estreno*/
/*Efecto giro de estrela en portada home*/
/* color de rating -----*/
.module .content .items .item .poster .rating:before {
    color: #ffc800;
    content: "\f005"
	-webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite;	
	display:none !important;
}
/*Fin Efecto giro de estrela en portada home*/

.module .content .items .item .poster .rating {
	background: #5a5daa;
    border-radius: 3px;
	bottom: 2px;
    right: 3px;
	box-shadow: 0 1px 5px #000;
}
/* fin de color de rating -----*/

.module .content .items .item .poster {
    background: #000;
    box-shadow: 0 4px 7px #000;
    /*box-shadow:0 0px 6px #2f0000;*/
}

/*Efecto contorno blanco de poster home*/
.module .content .items .item .poster:hover {
    box-shadow: #2196f35c 0 0 9px 1px;
}
/*Fin Efecto contorno blanco de poster home*/

.w_item_b .data .wextra b:before {
    color: #ffc800;
    content: "\f005";
    animation: fa-spin 2s linear infinite
}

.sbox .custom_fields span.valor strong:before {
    color: #ffc800
}

/*COLOR DE PUNTOS DE VALORACIONES */
.custom_fields span.valor strong {
    color: #fff;
    background: #0a0e17;
    /*border: solid 1px rgba(0, 0, 0, .7);*/
}
/*FIN COLOR DE PUNTOS DE VALORACIONES */

.w_item_b .data .wextra {
    color: #00ffc4
}

/* color de rating dentro del post-----*/
.starstruck .star-on-png:before {
    color: #ffc800!important;
    content: "\f005"
}


/* sombra de populares -----*/
.w_item_b {
    box-shadow: 0 2px 1px #202020
}

/* sombra de años lateral -----*/
.dt_mainmeta nav.releases ul li a {
    box-shadow: 0 1px 1px #000;
	border-radius: 10px;
}

/* color de barra -----*/
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #2196f342;
    border-radius: 10px;
}

/* pedidos color de caja-----*/
.requests nav a.add_request {
    color: #fff;
    background: #00505a
}

/* color banda de archivos -----*/
h1.heading-archive:after,
h1.heading-archive:before {
    background-color: #dd1111
}


/* color y tamaño de titulo de archivos de busqueda-----*/
.result-item article .image .thumbnail span.movies {
    background: #3b0c13;
    border-radius: 2px;
}
.result-item article .image .thumbnail span.tvshows {
    background: #3b0c13;
    border-radius: 2px;
}    

/* color y lugar de etiquetas en archivos de busqueda-----*/
.result-item article .image .thumbnail span {
    position: absolute;
    top: 108px;
    right: 3px;
    padding: 4px 7px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
}
/* fin color y lugar de etiquetas en archivos de busqueda-----*/

/* efecto en archivos de busqueda-----
.result-item article:hover {
transform:scale(1.1);transform:scale(1.1);
-webkit-transition:all 1.9s ease;
-moz-transition:all 1.9s ease;
-o-transition:all 1.9s ease;
-ms-transition:all 1.9s ease;
}
.result-item article:hover>.image .thumbnail img {
    -webkit-filter: blur(0px) brightness(1.0)
}
/* fin efecto en archivos de busqueda-----*/

/* color y tamaño de titulo de archivos de busqueda-----*/

/* personalizar barra deslizante -----*/
/*Código CSSbody{background-size:100vh;overflow:overlay}body::-webkit-scrollbar{width:10px;background:transparent}body::-webkit-scrollbar-thumb{background:#E73426;border-radius:20px;border-right:5px}body::-webkit-scrollbar-thumb:hover{background-color:#E73426}html{scrollbar-width:thin;scrollbar-color:#55080ed9 #000}
body::-webkit-scrollbar {
    width: 8px
}

body::-webkit-scrollbar-track {
    background-color: #000;
    border-radius: 10px
}

body::-webkit-scrollbar-thumb {
    background-color: #55080ed9;
    border-radius: 10px
}*/