/* ==========================================================================
   TUBE-PELIS: MODO CINE (ESTRUCTURA BLINDADA - NO SE DEFORMA)
   ========================================================================== */

/* 1. RESET Y BASE */
#lcholder, .post-share ul { list-style: none; }
.ico, .post-share li a, .votefch a { vertical-align: middle; }

/* FONDO CINE: Negro degradado suave (Sin imágenes pesadas de fondo) */
html {
    background-color: #050505;
    background: linear-gradient(to bottom, #111 0%, #050505 100%);
    height: 100%;
}
body {
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ccc; /* Texto gris claro */
}

/* Enlaces */
a { text-decoration: none; color: #bbb; }
a:hover { color: #ffc107; text-shadow: 0 0 5px rgba(255,193,7,0.3); } /* Dorado brillante */

/* 2. SPRITES (INTOCABLES - TUS ICONOS) */
.bx-next, .bx-prev, .ico, .ico_a .after, .ico_a:after, .ico_b .before, .ico_b:before, .icos a .before, .icos a:before {
    background: url(../img/bg.png) no-repeat;
}
.ico { display: inline-block; }

/* 3. CLASES DE DISEÑO (Colores Modernos en Estructura Vieja) */

/* Menús y Barras (Gris oscuro mate) */
.bgdeg1, .menu a {
    background-color: #222;
    border: 1px solid #333;
    color: #eee;
}

/* Estado Hover (Dorado Cine) */
#sd .icos li a:hover, .bgdeg2, .liasbrdr10px li span, .menu .act a, .menu a:hover {
    background-color: #ffc107;
    background-image: linear-gradient(to bottom, #ffc107, #ff8f00); 
    border: 1px solid #ff6f00;
    color: #000 !important;
    text-shadow: none;
}

/* Reemplazo de texturas viejas por colores planos oscuros */
.bgdeg3 { background: #1a1a1a; border: 1px solid #333; }
.bgdeg4 { background: #181818; border: 1px solid #333; }
.bgdeg5 { background: #151515; border: 1px solid #222; }
.bgdeg6 { background: #111; border: 1px solid #222; }
.bgdeg7 { background: #000; border-bottom: 2px solid #ffc107; color: #ffc107; } /* Títulos */
.bgdeg8 { background: rgba(0,0,0,0.9); border: 1px solid #444; } /* Tooltips */
.bgdeg9 { background: #222; border: 1px solid #333; color: #aaa; }

/* Limpieza de clases innecesarias */
.bgdeg10, .bgdeg11, .bgdeg12, .bgdeg13, .bgdeg14, .bgdeg15 { background: none; }

/* Sombras suaves */
.bxshd1 li a { box-shadow: none; }
.bxshd2, .bxshd3, .bxshd4 { box-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.txtshdw1 { text-shadow: 1px 1px 0 #000; }

/* 4. CABECERA (HEADER) */
#hd { height: 310px; }
.hd_cnt_1 { height: 60px; }
.logo { height: 70px; width: 309px; }
.hdrgt { width: 630px; }

/* 1. El Contenedor Principal */
.frmsrch { 
    width: 300px; 
    height: 40px; /* Un poco más alto para facilitar el clic */
    background-color: #1a1a1a; /* Gris elegante, no negro puro */
    border: 1px solid #333; 
    border-radius: 50px; /* Bordes completamente redondos (Píldora) */
    display: flex; /* Alineación perfecta */
    align-items: center; 
    overflow: hidden; /* Para que nada se salga de los bordes redondos */
    transition: all 0.3s ease; /* Suavidad al pasar el mouse */
    position: relative;
}

/* Efecto al pasar el mouse o escribir: Se ilumina en Dorado */
.frmsrch:hover, .frmsrch:focus-within {
    border-color: #ffc107;
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.2); /* Resplandor sutil */
    background-color: #000;
}

/* 2. El Campo de Texto */
.frmsrch .bginptxt {
    flex-grow: 1; /* Ocupa todo el espacio sobrante */
    border: 0; background: none; padding: 0; margin: 0;
}

.frmsrch .inp_txt { 
    background: transparent !important; 
    border: 0 !important;
    color: #e5e5e5 !important; /* Texto claro */
    font-size: 14px;
    height: 40px;
    width: 100%;
    padding: 0 0 0 20px; /* Espacio a la izquierda cómodo */
    outline: none; /* Quitamos el borde azul feo del navegador */
}

/* Placeholder (El texto "Buscar..." se ve gris suave) */
.frmsrch .inp_txt::placeholder { color: #666; }

/* 3. El Botón de la Lupa (Sprite) */
.frmsrch .inp_btn, .frmsrch .inpbtnp {
    /* Mantenemos tu sprite original */
    background: url(../img/bg.png) -225px -290px no-repeat; 
    /* Ajustamos la posición del sprite para centrar la lupa */
    width: 50px; 
    height: 40px; 
    border: 0; 
    cursor: pointer;
    opacity: 0.6; /* Un poco transparente por defecto */
    transition: opacity 0.3s;
}

.frmsrch .inp_btn:hover {
    opacity: 1; /* Totalmente visible al pasar el mouse */
}

/* 4. Versión Secundaria (Si la usas) */
.frmsrch2 { 
    height: 40px; width: 100px; 
    display: flex; align-items: center; 
}

.mntop li { border-right: 1px solid #444; margin-right: 10px; padding-right: 10px; }
.hd_cnt_2 { height: 170px; margin-bottom: 14px; padding-left: 75px; }
.hd_cnt_recomendado { height: 145px; margin-bottom: 14px; padding-left: 75px; }

.mascota { background-position: 0 -80px; bottom: 0; height: 203px; left: -53px; width: 371px; opacity: 0.8; }
.tithd { color: #ffc107; margin-bottom: 0; font-size: 16px; font-weight: bold; }
.tithd .before, .tithd:before { background-position: -440px -405px; height: 8px; margin-right: 10px; width: 7px; }

/* Slider */
/* Fija la altura del contenedor para evitar saltos de diseño */
#sldpels {
    height: 240px;       /* Ajusta esto a la altura real de tus portadas */
    overflow: hidden;    /* Esconde lo que sobra */
    display: flex;       /* Mantiene el orden visual antes de cargar JS */
    visibility: hidden;  /* Oculta la lista fea inicial */
}

/* Cuando el slider ya cargó, lo hacemos visible suavemente */
.bx-wrapper #sldpels {
    visibility: visible;
}
#sldpels li img, #sldpels2 li img { height: 158px; width: 118px; display: block; border-radius: 3px; }
#sldpels li img { border: 2px solid #333; }
#sldpels2 li img { border: 2px solid #000; }
#sldpels li img:hover { border-color: #ffc107; transform: scale(1.02); transition: all 0.2s; }

.bx-wrapper .bx-next, .bx-wrapper .bx-prev { font-size: 0; height: 37px; position: absolute; top: 63px; width: 39px; }
.bx-prev { background-position: -45px -330px; left: -47px; }
.bx-next { background-position: -84px -330px; right: -44px; }
.bx-next { background-position: -84px -330px; right: -44px; }

.menu li { margin-right: 12px; }
.menu a { min-width: 97px; padding: 0 13px; font-weight: bold; }

/* 5. CUERPO Y SIDEBAR (MEDIDAS ORIGINALES) */
#bd { min-height: 200px; }
#sd { width: 248px; }

.tit_sdbr { font-size: 24px; line-height: 24px; padding-left: 55px; padding-top: 3px; color: #fff; }
.tit_sdbr span { line-height: 18px; color: #ffc107; }
.tit_sdbr .before, .tit_sdbr:before { background-position: 0 -330px; height: 45px; left: 0; position: absolute; top: 0; width: 45px; }

.bk_1 { padding: 7px; }
/* Caja Sidebar Oscura */
.bk, .bkbnrc_2 { background-color: #1a1a1a; border: 1px solid #333; }
.bk_tit { line-height: 20px; padding: 6px 0 10px 54px; }
.bk_tit span { color: #ffc107; font-size: 10px; font-weight: 700; line-height: 14px; text-transform: uppercase; }

/* Iconos titulos */
.bk_tit_ico1 .before, .bk_tit_ico1:before { background-position: -123px -330px; height: 29px; left: 10px; position: absolute; top: 10px; width: 32px; }
.bk_tit_ico2 .before, .bk_tit_ico2:before { background-position: -187px -330px; height: 32px; left: 10px; position: absolute; top: 10px; width: 30px; }
.bk_tit_ico3 .before, .bk_tit_ico3:before { background-position: -155px -330px; height: 32px; left: 10px; position: absolute; top: 10px; width: 31px; }
.bk_tit_ico4 .before, .bk_tit_ico4:before { background-position: -217px -330px; height: 32px; left: 10px; position: absolute; top: 10px; width: 32px; }

/* Enlaces Sidebar */
#sd .icos li a { 
    border: 1px solid #222; border-bottom: none;
    background: #111; 
    color: #999; 
    display: block; line-height: 22px; padding-left: 35px; position: relative; width: 189px; 
    transition: all 0.2s;
}
#sd .icos li a:hover {
    background: #222;
    color: #fff;
    border-left: 3px solid #ffc107; /* Detalle de diseño */
    padding-left: 33px; /* Compensar borde */
}

/* Iconos pequeños */
.icoscat li a .before, .icoscat li a:before { background-position: -277px -330px; height: 14px; left: 10px; position: absolute; top: 3px; width: 15px; }
.icoscat li a:hover .before, .icoscat li a:hover:before { background-position: -292px -330px; }
.icoscat li a .before, .icosser li a:before { background-position: -249px -330px; height: 14px; left: 10px; position: absolute; top: 3px; width: 15px; }
.icosser li a:hover .before, .icosser li a:hover:before { background-position: -249px -330px; }
.icospel li a .before, .icospel li a:before { background-position: -249px -330px; height: 15px; left: 10px; position: absolute; top: 3px; width: 14px; }
.icospel li a span { display: block; font-size: 12px; font-weight: 300; line-height: 12px; padding-bottom: 6px; }
.icospel li a:hover span { color: #80E9FF; }
.icospag li a .before, .icospag li a:before { background-position: -307px -330px; height: 7px; left: 10px; position: absolute; top: 8px; width: 16px; }

/* 6. CONTENEDOR CENTRAL */
.bkcnpels, .bkcnt { background-color: #1a1a1a; border: 0px solid #fff; }
.bkcnt2 { background-color: #fff; border: 0px solid #fff; }
#cn { width: 728px; }

.bkpelsalf { line-height: 35px; padding: 0 12px 15px; background: #1a1a1a; border-radius: 4px; border: 1px solid #333; margin-bottom: 10px; }
.bkpelsalf li a { color: #888; display: inline-block; min-width: 19px; position: relative; font-weight: bold; }
.bkpelsalf li a:hover { color: #fff; }
.bkpelsalf li a:hover .before, .bkpelsalf li a:hover:before, .bkpelsalf li.act a .before, .bkpelsalf li.act a:before {
    border-bottom: 9px solid #ffc107; border-left: 7px solid transparent; border-right: 7px solid transparent; bottom: -2px; font-size: 0; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0;
}

.bkcnpels { border: 1px solid #333; padding: 11px; margin-top: 10px; }
.titbkcnt { line-height: 22px; padding: 14px 14px 14px 56px; }
.titbkcnt .before, .titbkcnt:before { background-position: -187px -330px; height: 32px; left: 13px; position: absolute; top: 9px; width: 30px; }
.bkbnrc_2 { padding: 24px 31px; }

/* === PELÍCULAS (ANCHO FIJO PARA EVITAR DEFORMACIÓN) === */
.peliculas li:nth-child(4n) { margin-right: 0; }
.peli_bx { 
    background: #000; /* Fondo negro */
    height: 247px; width: 160px; 
    border: 1px solid #333; 
    margin: 0 10px 23px 0; padding: 5px 3px; 
    transition: border 0.2s;
}

.peli_bx:hover {
    border-color: #ffc107; /* Borde dorado al pasar mouse */
    background: #111;
}

.peli_bx .peli_img_img a, .peli_bx .peli_img_img a img { display: block; height: 211px; width: 158px; }
.nav a, .nav span, .stars a, .votefch a { display: inline-block; }
.peli_bx .peli_img_img a { border: 1px solid #111; overflow: hidden; position: relative; }
.peli_bx .titpeli { margin-bottom: 4px; }
.peli_bx .after, .peli_bx:after { 
    background: linear-gradient(to top, #000, transparent); /* Degradado en vez de imagen */
    bottom: -21px; height: 21px; position: absolute; width: 158px; 
}
.peli_bx .titpeli, .peli_bx .titpeli a { color: #ddd; line-height: 20px; }
.peli_bx:hover .titpeli a { color: #fff; }

.peli_bx .titpeli .before, .peli_bx .titpeli:before { background-position: -249px -330px; height: 15px; margin-right: 7px; width: 14px; }

.peli_bx:hover .peli_img_img a { border: 1px solid #000; height: 211px; width: 158px; }
.peli_bx:hover .peli_img_img a img { margin: 0; }
.peli_bx:hover 
/* --- CAJA FLOTANTE (Estilo Cine) --- */
.peli_txt { 
    /* Posicionamiento original */
    bottom: 234px; 
    left: -9999em; 
    width: 345px; 
    z-index: 999; 
    
    /* ESTILO VISUAL NUEVO */
    background-color: #1a1a1a;  /* Fondo Gris Oscuro Sólido (No transparente) */
    color: #e0e0e0;             /* Texto claro */
    border: 1px solid #333;     /* Borde fino */
    border-radius: 4px;         /* Bordes redondeados */
    
    /* Sombra potente para efecto 3D */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8); 
}

/* --- LA FLECHITA (Triángulo inferior) --- */
.peli_txt .before, .peli_txt:before { 
    content: "";
    position: absolute;
    height: 0; 
    width: 0; 
    
    /* Posición */
    bottom: -10px; /* Ajustado para que pegue perfecto */
    left: 19px; 
    
    /* DIBUJO DEL TRIÁNGULO */
    border-left: 8px solid transparent; 
    border-right: 8px solid transparent; 
    
    /* IMPORTANTE: Este color debe ser IDÉNTICO al background de .peli_txt (#1a1a1a) */
    border-top: 10px solid #1a1a1a; 
    
    /* Truco para que la flechita también tenga una sombra suave */
    filter: drop-shadow(0 2px 1px rgba(0,0,0,0.5));
}

.rating-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    background: rgba(255, 255, 255, 0.05); /* Fondo sutil para encuadrar */
    padding: 8px 12px;
    border-radius: 8px;
    width: fit-content; /* Se ajusta al contenido */
}

/* Caja de las estrellas (mantiene el tamaño fijo) */
.stars-box {
    position: relative;
    width: 100px;  /* 5 estrellas de 20px = 100px */
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

/* Capa de fondo (Grises) y Frente (Doradas) */
.stars-layer {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden; /* Esto hace la magia del corte */
}

/* Color de las estrellas */
.stars-gray { color: #555; width: 100%; }
.stars-gold { color: #ffc107; z-index: 2; }

/* El SVG de la estrella */
.star-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0; /* Evita que se aplasten */
}

/* Texto de la nota */
.rating-score {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
}
.rating-max {
    font-size: 12px;
    color: #888;
    margin-left: 2px;
    font-weight: 400;
}

.vrfich { background-position: -300px -290px; height: 33px; line-height: 30px; padding-left: 12px; width: 106px; }
.nav a, .nav span { height: 30px; margin: 0 1px; padding: 0 3px; }

/* 7. INTERNAS Y EXTRAS */
.bkcnt_int { padding: 14px 13px 0px 12px; }
.bkcnt_int p { margin-top: 10px; }
.bkbnrc_3 { padding: 15px 0 17px 17px; }
.bkbnrc_3 .bnrcnt, .bkbnrc_3 .bnrrgt { margin-left: 12px; }

.votefch { border: 1px solid #333; right: 10px; top: 10px; width: 113px; }
.votefch div { border: 1px solid #FFF; elevation: 16px; line-height: 16px; width: 101px; word-spacing: -5px; }
.votefch a { height: 16px; width: 16px; }
.votefch a.star1 img { left: -378px; }
.votefch a.star2 img { left: -394px; }
.votefch a.star3 img { left: -410px; }

.intsd { width: 183px; }
.peli_img_int { background-color: #000; height: 268px; width: 175px; padding: 2px; border: 1px solid #333; }
.btndescr { font-size: 18px; height: 32px; line-height: 32px; text-shadow: none; background: #ffc107; color: #000; border-radius: 4px; font-weight: bold; }
.content { 
    width: auto !important; /* Se adapta al espacio */
    float: none !important; /* Deja de flotar para ocupar el resto */
    overflow: hidden; /* Limpia el float del sidebar */
    padding-left: 20px; /* Espacio entre caratula y texto */
    box-sizing: border-box;
}
.dtalist li { line-height: 22px; border-bottom: 1px solid #222; }
.dtalist li .before, .dtalist li:before { background-position: -323px -330px; height: 8px; margin-right: 5px; width: 7px; }

.details .share { height: 65px; right: 0; top: 0; width: 180px; }
.details .share2 { height: 65px; right: 0; top: 0; width: 140px; margin-top: 120px; }
.details .share .shr_fac { padding: 2px; }

.bkcontentint { 
    /* Fondo con un degradado oscuro muy sutil (Efecto Premium) */
    background-color: #181818;
    background: linear-gradient(to bottom, #1f1f1f 0%, #121212 100%);
    
    /* Borde fino y elegante (1px en vez de 2px) */
    border: 1px solid #333; 
    
    /* Espaciado y Texto */
    padding: 15px; 
    color: #e0e0e0; /* Texto casi blanco para mejor lectura */
    
    /* Detalles finales */
    border-radius: 3px; /* Esquinas suavizadas */
    box-shadow: 0 4px 10px rgba(0,0,0,0.3); /* Sombra suave para darle profundidad */
}
.pel_tra { width: 421px; }
#tbpeli { color: #2B3F4C; }
.btnvertut { padding: 15px; }
.pel_tra_bnr .bnr { padding-top: 42px; }
.clrblue { color: #319BE0; }
.tagsvid { padding: 15px 10px; }
.btnback { border: 1px solid #3DCBF5; }

/* 8. FOOTER */
#ft {
    /* 1. Altura Automática: Se ajusta a lo que mida el texto */
    height: auto !important; 
    min-height: 0 !important; 

    /* 2. Relleno reducido: Solo 15px arriba y abajo (antes tenías 40px) */
    padding: 15px 0 !important; 

    /* 3. Estilo Visual (Mantenemos tu estética Dark) */
    background-color: #0a0a0a; 
    border-top: 2px solid #ffc107; /* Línea dorada */
    margin-top: 20px; 
    text-align: center;
    
    /* 4. Limpieza: Asegura que no se rompa si hay elementos flotantes dentro */
    overflow: hidden; 
    width: 100%;
}

/* Opcional: Si el texto dentro tiene mucho margen, se lo quitamos */
#ft p, #ft div {
    margin: 5px 0;
}

/* Globales */
.icospel li a:hover .before, .icospel li a:hover:before, .peli_bx:hover .titpeli .before, .peli_bx:hover .titpeli:before {
    background-position: -263px -330px;
}
.stars a img, .votefch a img { top: -330px; }
.bkcnt_int .titbkcnt, .details { padding-right: 150px; }
.btnback:hover, .btndescr:hover { text-decoration: underline; }

/* MODALES */
#basic-modal-content { display: none; }
#simplemodal-overlay { background-color: #000; cursor: wait; }
#simplemodal-container { height: 360px; width: 600px; color: #bbb; background-color: #333; border: 4px solid #444; padding: 12px; }
#simplemodal-container .simplemodal-data { padding: 8px; }
#simplemodal-container a { color: #ddd; }
#simplemodal-container a.modalCloseImg { background: url(../img/basic/x.png) no-repeat; width: 25px; height: 29px; display: inline; z-index: 3200; position: absolute; top: -15px; right: -16px; cursor: pointer; }
#simplemodal-container h3 { color: #3a6d8c; font-size: 22px; line-height: 26px; font-weight: 400; margin: 0 0 8px; }

.btn_g, .btn_r { text-shadow: none; font-size: 11px; padding: 5px 8px; display: block; border-radius: 4px; }
.btn_g, .btn_r, h1.big-bold { font-weight: 700; }
hr { background: #333; color: #333; height: 1px; border: 0; }
.btn_g { border: 1px solid #444; background: #222 !important; color: #fff; }
.btn_g:active { background: #000 !important; }
.btn_r { border: 1px solid #444; background: #900 !important; color: #fff; }
.btn_r:active { background: #600 !important; }

.admin_table { border: 1px solid #333; border-width: 1px 0 0 1px; }
.admin_table thead { background: #222; color: #fff; }
.admin_table td, .admin_table th { border: 1px solid #333; vertical-align: middle; text-align: center; border-width: 0 1px 1px 0; padding: 3px 4px; }
.player_buttons { width: 50px; margin-top: 80px; margin-left: 103px; }
.player_buttons li { background-color: #222; border-radius: 5px 0 0 5px; margin-bottom: 5px; }
.player_buttons li a { height: 50px; width: 50px; display: block; background-repeat: no-repeat; background-position: center center; text-decoration: none; }
.sinoptxt { padding-right: 50px; }
.imagentipo { height: 93px; left: -1px; position: absolute; top: -3px; width: 87px; }
#lcmain { position: relative; width: 632px; margin: 5px auto -1px; }
#lcmainn { position: relative; width: 80%; margin: 5px auto -1px; }
#lcholder, .swPage > li.lcc, li.lcc { margin: 1px; }
#lcholder { overflow: hidden; position: relative; width: auto; padding: 0; }
h1.big-bold { background: #333; color: #fff; text-shadow: none; border: none; clear: both; padding: 5px 12px; }

/* Paginación Dark */
.swPage > li.lcc > a.lcc, .swPage > li.lccn > a.lccn, a.lcc, a.lccn { background-image: none; border-radius: 4px; display: block; font-style: normal; overflow: hidden; text-decoration: none; padding: 2px 7px 7px; }
.swPage > li.lcc > a.lcc, a.lcc { background-color: #222; border: 1px solid #333; color: #ccc; height: 18px; text-shadow: none; }
.swPage > li.lccn > a.lccn, .swPage > li.lccn > a.lccn:hover, a.lccn, a.lccn:hover { border-bottom: 1px solid #ffc107; border-right: 1px solid #ffc107; color: #ffc107; }
#container { width: 915px; height: 248px; overflow: hidden; margin: auto auto auto -20px; }
#ftd { height: 0; width: 0; }
.swPage > li.lccn > a.lccn, a.lccn { background-color: #333; height: 18px; }
.swPage > li.lccn > a.lccn:hover, a.lccn:hover { background-color: #444; }
.swPage > li.lcc > a.lcc:hover, a.lcc:hover { background-color: #ffc107; border: 1px solid #ffc107; color: #000; text-shadow: none; }
.swPage > li.lcc > a.lcc:visited, a.lcc:visited { background-color: #222; border: 1px solid #333; color: #888; text-shadow: none; }
.swPage > li.lcc > a.lcc:visited:hover, a.lcc:visited:hover { background-color: #ffc107; border: 1px solid #ffc107; color: #000; }

.bkcnt_int, .details li span, .mntop a { color: #fff; }
.details a, .details li, .mntop a:hover, .plt_tit h2, .tit_cnt { color: #ffc107; }
h3.big-bold { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px; font-weight: 400; color: #ccc; text-shadow: none; letter-spacing: -1px; margin: 2px 0; padding: 4px 3px; }
.post-share li, .post-share li a, .post-share ul li, .post-sharer li { font-size: 12px; display: inline-block; }
#sldpels li, #sldpels2 li { height: 160px; width: 126px; }
#sd .icos li, .pel_tra2 { width: 100%; }
#sd .icos li a:hover, .tagsvid, .tagsvid a { color: #FFF; }
.bkpelsalf li a:hover, .bkpelsalf li.act a, .peli_bx:hover .titpeli a { color: #ffc107; }

/* Botones genéricos */
.btn_g span, .btn_g span:hover, .btn_r span, .btn_r span:hover { padding-left: 22px; text-decoration: none !important; }
.btn_g:hover, .btn_r:hover { box-shadow: 0 0 2px rgba(0, 0, 0, .3); text-decoration: none; }
.post-share-buttons { margin-left: 46px; margin-top: 20px; }
.post-share { float: left; width: 100%; padding-right: 20px; padding-left: 25px; margin: 0 auto; text-align: center; }
.post-share ul li { color: gray; padding-bottom: 3px; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; }
.post-sharer { margin: 0; position: absolute; right: 0; top: 26px; }
.post-share li, .post-sharer li { margin: 0 2px 2px 0; }
.post-sharer .milkit-facebook-share, a.facebook.df-share { border-radius: 3px; color: #3B5998; border: 1px solid #3B5998; }
.post-sharer .milkit-facebook-share, a.facebook.df-share:hover { background: #3B5998; color: #fff; }
.post-sharer .milkit-twitter-share, a.twitter.df-share { border-radius: 3px; color: #00ACED; border: 1px solid #00ACED; }
.post-sharer .milkit-twitter-share, a.twitter.df-share:hover { background-color: #00ACED; color: #fff; }
.post-sharer a { width: 35px; height: 35px; display: inline-block; line-height: 35px; color: #fff !important; text-align: center; text-decoration: none !important; }
.post-share li a { position: relative; margin: 0 0 0 1px; padding: 4px 11px; line-height: 2.2; font-weight: 600; text-transform: uppercase; transition: .3s linear; }
.pais-post-link, .report-post-link { font-weight: 700; padding: 5px; color: #fff; }
.post-share .fa { padding: 0 5px 0 0; top: 1px; font-size: 14px; position: relative; }
.pais-post-link, .pais-post-link:hover { margin-left: 0; line-height: 27px; font-size: 12px; }
.post-sharer .milkit-google-share, a.google.df-pluss { border-radius: 3px; color: #D14836; border: 1px solid #D14836; }
.post-sharer .milkit-google-share, a.google.df-pluss:hover { background-color: #D14836; color: #fff; }
.post-sharer .milkit-pinterest-share, a.pinterest.df-pinterest { border-radius: 4px; border: 1px solid #cb2027; color: #CB2027; }
.post-sharer .milkit-pinterest-share, a.pinterest.df-pinterest:hover { background-color: #CB2027; color: #fff; }
.report-post-link:hover { background: #b81b1b; }
.report-post-link { background: #d82d2d; border: 1px solid #000; border-radius: 5px; margin-top: 5px; transition: all .2s ease-in 0; }
.pais-post-link:hover { background: #b81b1b; }
.pais-post-link { background: #d82d2d; border: 1px solid #000; border-radius: 5px; transition: all .1s ease-in 0; }
#ad_banner { width: 100%; text-align: center; }
.no, .yes { width: 689px; margin: 20px auto; padding: 20px; }
.yes { background: #CF9; border: 1px solid #9C3; }
.no { background: red; border: 1px solid #F66; font-size: 16px; font-weight: 700; }
.relacionados-container { margin-top: -10px; }
.sec-title { display: flex; align-items: center; margin-bottom: 20px; border-bottom: 2px solid #222; padding-bottom: 10px; }
.sec-title h3 { font-size: 18px; margin: 0; color: #fff; font-weight: 400; }
.sec-title h3 strong { color: #e50914; font-weight: 700; } 
.sec-title i { color: #e50914; margin-right: 10px; font-size: 20px; }

.relacionados-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); 
    gap: 15px;
}

.card-rel { background: #111; border-radius: 6px; overflow: hidden; transition: transform 0.2s; }
.card-rel:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.5); }
.card-rel a { text-decoration: none; color: #fff; }

.card-rel .media { position: relative; height: 210px; overflow: hidden; }
.card-rel .media img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
.card-rel:hover .media img { opacity: 0.6; }

.hd-tag { position: absolute; top: 5px; right: 5px; background: #e50914; color: #fff; font-size: 10px; padding: 2px 5px; border-radius: 3px; font-weight: bold; }
.play-hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; color: #fff; opacity: 0; transition: 0.2s; }
.card-rel:hover .play-hover { opacity: 1; }

.card-rel .info { padding: 10px; }
.card-rel .info h4 { font-size: 13px; margin: 0 0 5px; color: #ddd; font-weight: 600; line-height: 1.3; }
.card-rel .info .year { font-size: 11px; color: #777; }


/* --- SECCIÓN REPARTO ESCRITORIO --- */
.reparto-container {
    margin-top: 30px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

/* Contenedor con scroll horizontal */
.scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 15px 5px;
    gap: 20px;
    scrollbar-width: thin; /* Para Firefox */
    scrollbar-color: #ffc107 #1a1a1a;
}

/* Personalización de la barra de scroll (Chrome, Edge, Safari) */
.scrolling-wrapper::-webkit-scrollbar {
    height: 6px;
}
.scrolling-wrapper::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 10px;
}
.scrolling-wrapper::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
}
.scrolling-wrapper::-webkit-scrollbar-thumb:hover {
    background: #ffc107;
}

/* Tarjeta de cada actor */
.card-actor {
    flex: 0 0 auto;
    width: 100px;
    transition: transform 0.3s ease;
}

.card-actor:hover {
    transform: translateY(-5px); /* Se eleva un poco */
}

/* Imagen circular */
.img-actor-box {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #2a2a2a;
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    transition: border-color 0.3s ease;
}

.card-actor:hover .img-actor-box {
    border-color: #ffc107;
}

.img-actor-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Textos */
.actor-info {
    margin-top: 10px;
    text-align: center;
}

.actor-name {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.actor-char {
    display: block;
    font-size: 10px;
    color: #888;
    margin-top: 2px;
}


.adsbutt_orange_7289002, .adsbutt_orange_7289002:active {
                    -moz-box-shadow: 0px 1px 0px 0px #fff6af !important;
                    -webkit-box-shadow: 0px 1px 0px 0px #fff6af !important;
                    box-shadow: 0px 1px 0px 0px #fff6af !important;
                    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23)) !important;
                    background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%) !important;
                    background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%) !important;
                    background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%) !important;
                    background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%) !important;
                    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%) !important;
                    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0) !important;
                    background-color:#ffec64 !important;
                    -moz-border-radius:5px !important;
                    -webkit-border-radius:5px !important;
                    border-radius:5px !important;
                    border:1px solid #ffaa22 !important;
                    display:inline-block !important;
                    cursor:pointer !important;
                    color:#000000 !important;
                    font-family:Arial !important;
                    font-size:25px !important;
                    font-weight:bold !important;
                    text-decoration:none !important;
                    text-shadow:0px -1px 0px #ffee66 !important;
                    width:246px !important;
                    height:72px !important;
                    line-height:72px !important;
                }
                .adsbutt_orange_7289002:hover {
                    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64)) !important;
                    background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%) !important;
                    background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%) !important;
                    background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%) !important;
                    backgroground:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%) !important;
                    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0) !important;
                    background-color:#ffab23 !important;
                }
                .adsbutt_orange_7289002:active { position:relative !important; top:1px !important; }
                .adsbutt_wrapper_7289002 { position:relative; width:100% !important; max-width:728px; height:90px !important; padding:0px !important; border:none !important; background:none; margin:auto; clear:both; }
                .adsbutt_text_7289002 {text-align:center; padding-top:10px;}
                .adsbutt_text_7289002 .text_right {margin-left:15px;}
                .adsbutt_brand_7289002 { position:absolute; bottom:0px; right:0px; border:none !important; }
                .adsbutt_brand_7289002 a { text-decoration:none !important; }
                .adsbutt_brand_7289002 span { height: 15px; display: block; font-family: Arial, sans-serif !important; color: rgb(192, 192, 192); font-size: 8px; line-height: 15px; padding-left: 0px; text-shadow: none !important; border:none !important; text-transform:none !important; background:none !important; }