/* GENERAL */
html{position:relative;min-height:100%;line-height:1.5em;}
body{font-family:var(--poppins);color:white;margin-bottom:65px;background-size:cover;}
body.enhorabuena{background-image:url(/images/bg/enhorabuena.svg) !important;background-size:cover;background-repeat:no-repeat;background-position:center 20%;}
body.enhorabuena > .container-fluid{opacity:0;}
body.enhorabuena .modal-backdrop{background:none;}
body.enhorabuena header{filter:invert(1);}
.text-color{color:var(--amarillo) !important}
.bgruta{background-image:url(/images/bg/bg-ruta.jpg) !important;background-size: cover;background-repeat: no-repeat;background-position: center 20%;background-attachment: fixed;}
.bg-dark:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:rgba(31, 26, 50, 0.75);}
.bg-degra:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:rgb(31, 32, 40);background:linear-gradient(90deg,rgba(31, 32, 40, 1) 0%,rgba(31, 32, 40, 0.29735644257703087) 100%);}
.bg-degratop:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:rgb(31, 32, 40);background:linear-gradient(0deg,rgb(0 0 0) 0%,rgb(31 32 40 / 16%) 100%);}
.bg-letra:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-image:url(/images/bg/letra-astara.svg);background-repeat: no-repeat;    background-position: right top;background-size: 40vw;}

.btn-amarillo{background-color: var(--amarillo);color: var(--morado);font-weight: 500;padding: 0.5rem 1.5rem;}
.btn-amarillo:hover{background-color: #f0b64be0;}

.empty{min-height:30px;}

#notificar #formrespuesta .btn{background-color: var(--amarillo);font-weight: 500;padding: 0.5rem 1.5rem;}
#notificar #formrespuesta .btn:hover{background: none;color: #FFF;border-color: var(--amarillo);}
@media (max-width:767px){  html{font-size:14px; line-height:1.25em;}}
@media (max-width:576px){  html{font-size:12px; line-height:1.25em;}}
@media (max-width:400px){  html{font-size:10px; line-height:1.25em;}}
@media (min-width:768px) and (max-width:991px){  html{font-size:14px;}}
@media (min-width:992px) and (max-width:1199px) { html{font-size:15px;}}
@media (min-width:1200px) and (max-width:1399px) { html{font-size:16px;}}
@media (min-width:1400px){ html{font-size:18px;}}
img.pixel{width:100%;}
.shadow-logo{filter:drop-shadow(0px 0px 10px rgb(0 0 0 / 1));}
.btn-primary.activo{opacity:0.7;}
.btn-primary.btn-temporada.activo{opacity:1;background-color:var(--morado);}
.bg-gradient-verde{background:linear-gradient(45deg, #00b570, #01933e);color:#fff !important;}
.bg-gradient-rojo{background:linear-gradient(45deg, #f43a52, #e2232b);color:#fff !important;}
.contmax-1200{max-width:1200px;padding-right:15px !important;padding-left:15px !important;}
.contmax-1020{max-width:1020px;padding-right:15px !important;padding-left:15px !important;}
.contmax-840{max-width:840px;padding-right:15px !important;padding-left:15px !important;}
.truncate2line{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.btn{min-width:166px;font-size:1.25rem;font-weight:bold;}
.btn-sm{font-size:1.1rem;}
h1,p{font-family:var(--poppins);word-break: break-word;}
/* TITULARES + TEXTOS */
.titular-h1{font-size:2.5rem;font-family:var(--poppins);font-weight:bold;text-align:center;}
.titular-h2{font-size:2rem;font-family:var(--poppins);font-weight:bold;text-align:center;}
.titular-pop{color:var(--negro);font-size:1.7rem;margin-bottom:1.2rem;font-weight:800;}

.titular{font-family:var(--poppins);font-weight:100;font-size:3.5rem;margin-bottom:2.5rem;}
.titular strong{font-weight:900;font-size:1.25em;}
.titular.small{font-size:1.3rem;color:var( --orange);margin-bottom:1rem;font-weight:bold;}
.subtitular{font-weight:900;font-size:2.7rem;margin-bottom:1.5rem;}
.subtitular.tipoaugust{font-family: "August July";font-weight: 100;font-size: 5rem;padding: 2rem 0;}
.temporada-tlt-episodio{font-size:1rem;color:var( --orange);margin-bottom:1.5em;}
.titularBrush{font-family:var(--poppins);font-size:3rem;line-height:1.15em;color:var(--negro);font-weight:bold;margin:0;padding:2rem 0 1.5rem;word-break: break-word;}
.titularDina{font-family:var(--poppins);font-size:3rem;line-height:1.15em;color:var(--negro);margin:0;padding:2rem 0 1.5rem;}
.textointro{margin-bottom:1rem;font-size:1.25rem;line-height:1.5em;}
.divider{padding:2rem;}

/* LOGIN */
#login{font-family:var(--poppins);background-color:#1C294B;}
#login header{text-align:center;padding:9vh 0;}
#login label{font-size:1em;}
#login .form-check label{font-size:0.80rem;}
#login .form-control{font-size:1rem;padding:1.65em 1.45em;}
#login .btn-primary{background-color:var( --orange);border-color:var( --orange); color:#000;}
#login .btn-link{color:var( --orange);}
.login-container{margin:0 auto;width:600px;min-height:50vh;}
.login-container .idioma-contain{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;}
.login-container .idioma-contain .btn-outline-light:hover, .login-container .idioma-contain .btn-outline-light.active{
    color: #1f2028;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}
@media (max-width:580px){
	#login{background-size:100%;}
	#login::before{content:none;position:relative;width:auto;height:auto;background-image:none;background-repeat:no-repeat;}
	#login .form-control{font-size:1rem;padding:0 1.1em;}
}
/* Este es nuestro diseño para los campos no válidos */
input:focus:required{border-color:var(--azul) !important;}
/* #### FORMULARIO AYUDA #### */
.cuadro-primary{padding:0;background-color: var(--morado); box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); border-radius: 20px;font-size: 1rem;position: relative;color: #FFF;}
.cuadro-primary .relleno{padding:4em 3em;}
.ayuda-container{max-width:1200px;}
.ayuda-container h2{font-size:1.5rem;margin:3rem 0 3rem;color:var(--negro);}
.ayuda-container .cuadro-primary h3{font-size:1.35em;margin-bottom:2rem;}
.ayuda-container .cuadro-primary h4{font-size:1em;margin-bottom:2rem;text-align:center;}
.ayuda-container .cuadro-primary .form-control{background-color:white;border:1px solid var(--negro);color:var(--negro);font-size:1.25rem;padding:1.25rem 1rem;}
.ayuda-container .cuadro-primary .btn-group{width:100%;font-size:1.25rem;}
.ayuda-container .cuadro-primary .dropdown-menu{background: var(--morado);float:none;border:none;padding:0;margin:0;}
.ayuda-container .cuadro-primary .dropdown-menu .btn{width:100%;margin-top:1rem;}
.ayuda-container .cuadro-primary .oculto{display:none;}

/* HEADER */
header{font-family:var(--poppins);position:relative;z-index:1;font-size:24px;color:#fff;}
header .navbar{width:100%;max-width:585px;}
header .navbar-collapse{position:absolute;width:40%;top:100%;right:0;transform:translate(-50%, 0);background-color:var(--morado);border: 1px solid rgb(255 255 255 / 20%);}
header .navbar-collapse .btnlink a{padding:0.15rem 0;}
header .navbar-collapse .btnlink, header .navbar-collapse .btnlink a{font-size:1rem;width: 100%;}

.btnlink{color:#fff;font-size:1.25rem;text-align:center;}
a.btnlink:hover{opacity:0.6;font-weight: 600;}
.menu .btnlink {border-bottom: 1px solid rgb(255 255 255 / 20%);}
.latborde{position:relative;}
.latborde:after{content:"";width:1px;height:25px;position:absolute;background-color:#FFF;top:50%;right:0;transform:translate(0,-50%);}
/* CUSTOM HEADER */
.invert .logos img, .invert .navbar img{filter:brightness(0);}
.invert header .navbar-collapse{background-color: var(--gris);}
.invert header, .invert .btnlink, .invert .navbar-toggler{color:#000;}
.invert .latborde:after{background-color:#000;}
.navbar-toggler{background:none;color:#FFF;border:none;font-size:2.5rem;}
#navbarmenu .nav-item span{cursor:default;}
@media (min-width:992px){
	header .izq-header{display:-ms-flexbox !important;display:flex !important;-ms-flex-align:center !important;align-items:center !important;}}
@media (min-width:768px){
	.cuadro-primary.col-md-8{max-width:64%;}
}
@media (max-width:767.99px){
	.logos{position:relative;z-index:99999;}
	.header-container{padding-top:1.5rem;padding-bottom:1.5rem;}
	.latborde:after{content:none;}
	.lightmode #navbarmenu{background:var(--gris);}
	header .navbar-collapse{width: 90%;left: 50%;transform: translate(-50%,0);}
	header .navbar-collapse .btnlink, header .navbar-collapse .btnlink a {font-size: 1.5rem;padding: 1rem 1rem;}
	.cuadro-primary,.relleno .col-12{margin-bottom:2rem;}
	.ayuda-container .cuadro-primary .dropdown-menu{width:100%;}
}
/* FOOTER */
footer{font-family:var(--poppins);color:#484b48;position:absolute;width:100%;bottom:0;}
footer a{color:white;}
footer a:hover{opacity:0.8;}
footer .footer-container{position:relative;background-color:#484b48;padding:0.6rem 0.3rem;font-weight:300;font-size:0.65rem;}
footer .footer-container .botonayuda{padding:0.25rem 1rem;font-size:1.2em;margin:0 auto;display:block;}
@media (min-width:576px){ footer .footer-container .botonayuda{position:absolute;right:1rem;top:50%;transform:translate(0, -50%);}}
@media (max-width:575px){ footer .container-footer{-ms-flex-pack:center !important;justify-content:center !important;margin-bottom:1rem;}}
/**  Scrollbar */
#style-scroll::-webkit-scrollbar-track{background:linear-gradient(to right, #464949 50%, white 1%, white 75%);padding-left:6px;}
#style-scroll::-webkit-scrollbar{width:6px;}
#style-scroll::-webkit-scrollbar-thumb{background-color:var(--gris);}
/* Temporadas */
.container-caja-negra{background-color:rgb(0 0 0 / 75%);padding:2em;box-shadow:5px 8px 6px 0px rgb(0 0 0 / 20%);border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.container-caja-negra hr{border-top:1px solid var(--gris);}
.container-caja-negra a{color:var(--gris);}
.container-caja-negra a:hover{color:var(--amarillo);}
.container-episodio{display:flex;justify-content:space-between;align-items:center;padding:0.15em 0;color:var(--gris);}
.scroll-temporadas{height:100%;overflow-y:scroll;max-height:500px;padding:0 1rem;}
.scroll-temporadas .temporada{margin-right:10px;}
.scroll-temporadas .list-temp{font-size:1.5rem;margin-bottom:1rem;}
.scroll-temporadas .list-epis{font-size:1rem;margin-bottom:0.75rem;}

/* ====================================================================================================================
* POP UPS
* ====================================================================================================================*/
#caducado.modal{z-index: 1055;}
/* Para todos los popup. Centrados (más espacio al lados) y texto más resaltado.*/
.modaviso .modal-body{max-width:660px;width:85%;font-weight:500;margin:2rem auto;line-height:1.5em;}
/* PERSONALIZACIONES POP UPS */
.modal-dialog .modal-content .close{position:absolute;cursor:pointer;z-index:1;background-color:transparent;border:none;color:white;font-family:var(--poppins);font-size:2.5em;font-weight:100;opacity:1;text-shadow:none;top:18px;right:25px;}
#cookies{font-family:var(--poppins);font-size:1rem;z-index:2050;}
#customPopup1 .modal-content, #cookies .modal-content, #upsPop .modal-content, .modal.modaviso .modal-content{background-color:var(--morado);color: #FFF;}
#customPopup1 .modal-content .titular-pop{color: #FFF;}
#upsPop .modal-content .titular-pop{color: #FFF;}
.modal.modaviso .modal-content .titular-pop{color: #FFF;}
#cookies a{color:var(--azul);}
/* cerrar popups */
#incorrectoPop .modal-dialog .modal-content,
#correctoPop .modal-dialog .modal-content{position:relative;}
#incorrectoPop .modal-dialog .modal-content .cerrar-popup,
#correctoPop .modal-dialog .modal-content .cerrar-popup{position:absolute;top:15px;right:20px;}
#incorrectoPop .modal-dialog .modal-content .cerrar-popup button,
#correctoPop .modal-dialog .modal-content .cerrar-popup button{font-size:2rem;font-family:var(--poppins);background-color:transparent;border:none;color:white;}
#incorrectoPop .modal-dialog .modal-content .cerrar-popup button:hover,
#correctoPop .modal-dialog .modal-content .cerrar-popup button:hover{color:black;}
/* FIN cerrar popups */
#modalPopup .close, #modalPopupExtra .close{top:0;right:16px;z-index: 25;}
#modalPopup .modal-dialog, #modalPopupExtra .modal-dialog{width:80%;max-width:none;margin:0 auto;}
#modalPopup .modal-dialog .modal-content, #modalPopupExtra .modal-dialog .modal-content{border-radius:0;}
#modalPopup .modal-dialog .modal-content .modal-body, #modalPopupExtra .modal-dialog .modal-content .modal-body{margin: 0; padding: 0;}
#BodyPopup{padding:0;margin:0;}
#modalPopupExtra video, #BodyPopup video{max-width:100%;width:100%;display:block;background:#000;}
#BodyPopup .banda{position:absolute;width:100%;background:var(--azul-oscuro);z-index:20;padding:5px 15px 10px;text-align:right;}
/*INSTRUCCIONES*/
.titular-instrucciones{font-family:var(--poppins);color:#f1f2f4;font-size:2rem;font-weight:bold;}
.pregunta-frecuente{align-items:flex-start;justify-content:space-between;}
.flecha-bajo{width:25px;height:25px;border-bottom:2px solid #c7c7c7;border-left:2px solid #c7c7c7;transform:rotate(-45deg);}
#instrucciones{font-family:var(--poppins);}
#instrucciones figure{margin-left:3%;}
#instrucciones .modal-dialog{max-width:1200px;}
#instrucciones .container-caja-negra{background-color:var(--morado);}
#instrucciones .instruccion{font-size:1.25rem;font-weight:500;position:relative;padding:10px 18px 10px 0;cursor:pointer;}
#instrucciones .instruccion.collapsed{color:#666666;}
#instrucciones .instruccion .caret{position:absolute;right:0;font-family::var(--poppins);}
#instrucciones .card{background:none;border:none;border-bottom:1px solid #666666;border-radius:0;padding:1rem 0;}
#instrucciones .card button{color:#c7c7c7;text-decoration:none;}
#instrucciones .card .flecha-bajo{width:25px;height:25px;border-bottom:2px solid #c7c7c7;border-left:2px solid #c7c7c7;transform:rotate(-45deg);}
/* Correcto/Incorrecto */
.correccion .modal-dialog{max-width:670px;}
/* Mensajes */
.bg-dark-90{background:var(--negro);}
#excelentePop .titulonivel{font-size:1.35em;padding:0;margin:1rem 0 2rem;}

/* ====================================================================================================================
* SERIE
* ====================================================================================================================*/
.serie{padding-top:3rem;padding-bottom:3rem;}
.logoserie{max-width:360px;}
.estrella{color: #f3c100;}
.episodios{margin-top:2rem;margin-bottom:1rem;}
.episodios a{color:#fff;}
.episodios h3{font-size:1.5rem;margin-bottom:1rem;}
.episodios .cap-card h4{font-size:1.2rem;padding-top:1em;}
.episodios .cap-card p{font-family:var(--poppins);font-size:0.9rem;font-weight:300;line-height:1.5;}
.episodios .cap-card .miniatura{position:relative;border-radius:15px;overflow:hidden;font-size:0.8em;text-align:center;}
.episodios .cap-card .miniatura i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:100px;opacity:0.7;}
.episodios .cap-card .miniatura i:hover{opacity:1;cursor:pointer;}
.episodios .cap-card .visto{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;width:100%;height:100%;background:rgb(53 53 53 / 60%);}
.episodios .cap-card .visto img.tick{width:80px;}
.episodios .owl-nav{font-size:6rem;}
.episodios .owl-nav button{position:absolute;top:30%;transform:translate(-50%, -50%);opacity:0.9;}
.episodios .owl-nav button.disabled,
.episodios .owl-nav button.disabled:hover{opacity:0.4;}
.episodios .owl-nav .owl-prev{left:-30px;}
.episodios .owl-nav .owl-next{right:-90px;}
.episodios .owl-nav .owl-prev:hover,
.episodios .owl-nav .owl-next:hover{opacity:1;}
.episodios .owl-nav .owl-prev:focus,
.episodios .owl-nav .owl-next:focus,
.episodios .owl-nav .owl-prev:active,
.episodios .owl-nav .owl-next:active{outline:none;box-shadow:none;border:none;}
.imgplayall{width:100%;}
iframe.playall{position:absolute;z-index:10;width:100%;height:100%;left:0;top:-1px;}
.closeplayall{position:absolute;top:15rem;right:2rem;}
/* DINAMICAS generales */
.tarjetatitular{line-height:1.2;font-size:2rem;font-weight:700;word-break: break-word;}
.tarjetatexto{line-height:1.2;font-size:1.4rem;word-break: break-word;}
/* -- */
.dinamicas{padding-top:2rem;}
.dinamicas .disabled{pointer-events:none;}
.caja-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.container-dinamica{text-align:center;padding:3em;background-color:#1c242b;border-radius:15px;width:auto;}
.container-dinamica .rastromigas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:0.9rem;line-height:1.25em;color:var(--negro);}
.container-dinamica .rastromigas a,
.container-dinamica .rastromigas span,
.container-dinamica .rastromigas div{padding:0 0.3em;color:var(--negro);}
.container-dinamica .rastromigas a:hover{color:var(--gris) !important;opacity:0.8 !important;}
.container-dinamica .cuerpo{margin:0 auto 2rem;min-height:300px;display:flex;flex-direction:column;justify-content:center;max-width:650px;font-size:1.1rem;cursor:default;}
.container-dinamica h5{font-family:var(--poppins);font-size:25px;}
/* Tarjetas afirmaciones */
.tarjeta-afirmacion .tarjeta{background-color:white;color:var(--negro);text-align:center;border-radius:10px;width:100%;max-width:370px;margin:0 auto;position:relative;padding:0.5em 1.5em;min-height:570px;align-items:center;justify-content:center;display:flex;flex-direction:column;box-shadow:1px 1px 2px 2px rgba(0, 0, 0, 0.1);}
.tarjeta-afirmacion .tarjeta:hover{opacity:0.8;cursor:pointer;}
.tarjeta-afirmacion .tarjeta .estrella{position: absolute;top: 1rem;}
.tarjeta-afirmacion .tarjeta .tarjetatitular{margin:0;padding:0 0 1.5rem;}
.tarjeta-afirmacion .tarjeta.ok .img,
.tarjeta-afirmacion .tarjeta.ko .img{position:relative;width:70px;padding-bottom:1em;}
.tarjeta-afirmacion .tarjeta.ok,
.tarjeta-afirmacion .tarjeta.ko{color:#fff;}
.tarjeta-afirmacion .tarjeta.ok h3,
.tarjeta-afirmacion .tarjeta.ko h3{color:#fff;}
/* Pregunta 3 respuestas */
.preguntas3resp .enunciado-container .enunciado,
.preguntas3resp .container-respuestas .respuesta{background-color:white;color:var(--negro);padding:2em 1em;border-radius:15px;margin:15px 7px 15px;}
.preguntas3resp .enunciado-container .enunciado .estrella{position: absolute;top: 1rem;right: 1rem;}
.preguntas3resp .enunciado-container{display:flex;justify-content:center;width:30%;}
.preguntas3resp .container-respuestas{width:70%;}
.preguntas3resp .container-respuestas .respuesta{text-align:left;padding:2em;cursor:pointer;}
/* Detecto fakenews TEST */
.seis-opciones .pintro{max-width:520px;margin:0 auto;margin-bottom:1.5rem;text-align:center;}
.seis-opciones .tarjeta-opciones{border-radius:15px;background-color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:260px;min-width:260px;overflow:hidden;width:260px;max-height:240px;min-height:240px;color:#363e43;cursor:pointer;}
.seis-opciones .tarjeta-opciones .contenido-opcion{margin:0;font-size:1.25rem;font-weight:normal;line-height:1.2;max-height:240px;}
.seis-opciones .tarjeta-opciones .contenido-opcion p{padding:1rem;}
.seis-opciones .tarjeta-opciones.bg-gradient-verde .contenido-opcion p,
.seis-opciones .tarjeta-opciones.bg-gradient-rojo .contenido-opcion p{padding:0;}
.seis-opciones .tarjeta-opciones .contenido-opcion a{pointer-events:none;}
.seis-opciones .tarjeta-opciones .contenido-opcion img{margin:-1rem;max-width:260px;height:auto;}
.seis-opciones .tarjeta-opciones.resp p{opacity:0.5;font-size:1.2rem;}
.seis-opciones .titularBrush{padding:0.5rem 0;}
.seis-opciones .ok .contenido-opcion p, .seis-opciones .resp .contenido-opcion p{font-size:1rem;}
.seis-opciones .tarjeta-opciones.ok, .seis-opciones .tarjeta-opciones.resp{padding: 2rem;}
.seis-opciones .bg-gradient-rojo .img img{display:unset;}
.seis-opciones .bg-gradient-rojo img{display:none;}
.seis-opciones .bg-gradient-verde .img img{display:unset;}
.seis-opciones .bg-gradient-verde img{display:none;}
/* Hilo Twitter */
.caja-respuesta{position:absolute;top:50%;left:50%;border-radius:15px;padding:2em 4em 1em;transform:translate(-50%, -50%);width:68%;}
.caja-respuesta .cabecera-tweet{display:flex;color:#7a7a7a;line-height:1.15em;}
.caja-respuesta .cabecera-tweet div{word-break: break-all;}
.caja-respuesta .cabecera-tweet .nombre-twitter span{font-weight:normal;opacity:0.8;}
.caja-respuesta .cabecera-tweet strong{color:black;margin:0 0.6em 0 0;}
.caja-respuesta .cabecera-tweet img.sombra{box-shadow:0 0 20px -4px rgb(0 0 0 / 75%);-webkit-box-shadow:0 0 20px -4px rgb(0 0 0 / 75%);-moz-box-shadow:0 0 20px -4px rgba(0, 0, 0, 0.75);}
.caja-respuesta .cabecera-tweet img{border-radius:50%;width:100px;height:100px;}
.caja-respuesta .cabecera-tweet textarea{box-shadow:0 0 30px rgba(0, 0, 0, 0.25);border-radius:15px;width:100%;margin-left:1.5em;padding:1em;border:none;}
.caja-respuesta .cabecera-tweet textarea:active,
.caja-respuesta .cabecera-tweet textarea:focus{border:none;outline:none;}
.caja-respuesta .btn-responder{display:flex;width:100%;justify-content:flex-end;border:2px solid white;}
.caja-respuesta .btn-responder a{padding:1em 3em;background-color:#1da1f3;color:white;border:2px solid white;border-radius:15px;}
.caja-respuesta .btn-responder a:hover{background-color:white;color:#1da1f3;border:2px solid #1da1f3;}
.container-twitter.no-image{background-image:none;height:530px;}
.caja-respuesta.bg-gradient-verde{color:white;padding-bottom:2.25em;top:0;transform:translate(-50%, 0);}
.caja-respuesta .cabecera-tweet.caja-verde-respuesta{box-shadow:0 0 30px rgba(0, 0, 0, 0.25);background:linear-gradient(45deg, #1ad0a7, #01c192);border-radius:15px;padding:2em 2em 3em;color:white;line-height:1.5em;word-break:break-word;}
.container-twitter .boton-final{position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);}
/* PERIODICOS */
.cabecera-periodico{display:flex;justify-content:space-between;padding:1em;border-radius:15px 15px 0 0;font-size:13px;}
.cabecera-periodico .der-cabecera,
.cabecera-periodico .izq-cabecera{display:flex;}
.cabecera-periodico .izq-cabecera a{padding:0.3em 0.7em;color:#0071bc;background-color:white;border-radius:3px;font-weight:600;}
.cuerpo-periodico{background-color:white;padding:0.3em 1em 2em 1em;position:relative;} /* border-radius:0 0 15px 15px;*/
.cuerpo-periodico .estrella{position: absolute;top: 1rem;right: 1rem;font-size: 1.25rem;}
.recorte{border-radius:15px 15px 0 0;font-size:13px;overflow: hidden;}
.cuerpo-periodico{padding:3.5em 1em 2.5em 1em;}
.cuerpo-periodico .cat-periodico{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:2px solid lightgray;margin-bottom:-2px;}
.cuerpo-periodico .cat-periodico a{color:#4d4d4d;padding:0.5em 1em;font-size:0.8rem;}
.cuerpo-periodico .cat-periodico a.active{border-bottom:3px solid #0071bc;color:black;font-weight:bold;}
.cuerpo-periodico .container-noticia{display:flex;color:black;}
.cuerpo-periodico .container-noticia .noticia{width:78%;padding:2rem 1rem;text-align:center;margin:0 auto;}
.cuerpo-periodico .container-noticia .banner-publi{width:22%;}
.cuerpo-periodico .container-noticia .noticia h2{font-family:var(--poppins);font-size:2rem;font-weight:bold;margin-bottom:1.5rem;word-break: break-word;}
.cuerpo-periodico .container-noticia .noticia p{font-family:var(--poppins);font-size:1rem;line-height:1.3em;}
/* Rojo */
.recorte .cuerpo-periodico .cat-periodico a.active{border-bottom:3px solid #9c102c;}
.recorte .cuerpo-periodico{background-image:url(/images/dinamicas/img/periodico-recorte.svg);background-position:bottom center;background-color:transparent;background-size:cover;}
.recorte .cuerpo-periodico .container-noticia .noticia{min-height:200px;}
.recorte .respuestas-periodico{display:flex;justify-content:space-between;margin-top:2em;}
.recorte .respuestas-periodico span{color:black;}
.recorte .respuestas-periodico .respuesta{background-image:url(/images/dinamicas/img/periodico-recorteR.svg);background-repeat:no-repeat;background-size:cover;padding:2rem;border-radius:0 0 15px 15px;overflow:hidden;width:45%;color:#646a76;min-height:175px;font-size:1.25rem;cursor: pointer;word-break: break-word;}
.recorte .respuestas-periodico .respuesta strong{color:#000;}
/* TEST A/B */
#testab .mont-container{display:flex;justify-content:space-between;align-items:flex-end;}
#testab .mont-border{width:30%;text-align:center;display:flex;flex-direction:column;padding:8% 3rem 0;justify-content:start;}
#testab .mont-pregunta{background-color:var(--morado);border-top-left-radius:300px;border-top-right-radius:300px;position: relative;}
#testab .mont-pregunta .estrella{position: absolute;top: 1.5rem;left: 50%;transform: translate(-50%, 0);}
#testab .mont-respuesta{background-color:white;}
#testab .mont-container:not(.disabled) .mont-respuesta:hover{background-color: #c0bfc2;cursor:pointer;}
#testab .tarjetatitular{margin-bottom:3rem;}
@media (min-width:1500px){ .container-dinamica{width:55%;max-width:850px;}}
@media (min-width:992px){
	
	#testab{display:flex;align-items:end;padding-bottom:30px;min-height:70vh;}
	#testab .mont-pregunta{min-height:650px;}
	#testab .mont-respuesta{min-height:500px;}
}
@media (max-width:1399px){
	.tarjetatitular{font-size:1.75rem;}
	.tarjetatexto{font-size:1.4rem;}
	
	.tarjeta-afirmacion .tarjeta{min-height:480px;}
	#testab .tarjetatitular{margin-bottom:2rem;}
}
@media (max-width:1199px){
	#testab .mont-pregunta{min-height:500px;}
	#testab .mont-respuesta{min-height:350px;}
}
@media (max-width:991px){
	.dinamicas .tarjeta-afirmacion{font-size:12px;}
	.caja-respuesta{padding:2em 2em 1em;width:80%;}
	.caja-respuesta .cabecera-tweet{font-size:0.8rem;}
	.caja-respuesta .cabecera-tweet img{width:50px;height:50px;}

	.cuerpo-periodico .cat-periodico .d-flex a:nth-child(4),
	.cuerpo-periodico .cat-periodico .d-flex a:nth-child(5),
	.cuerpo-periodico .cat-periodico .d-flex a:nth-child(6),
	.cuerpo-periodico .cat-periodico .d-flex a:nth-child(7){ display:none;}
	.recorte .respuestas-periodico .respuesta-der{padding:3em 3em 5em 3em;}

	#testab .mont-container{flex-wrap:wrap;align-items:stretch;}
	#testab .mont-border{min-height:140px;border-radius:100px;min-height:initial;}
	#testab .mont-pregunta{width:100%;margin-bottom:10%;padding:4rem; }
	#testab .mont-respuesta{width:45%;padding:2rem;}
}
@media (max-width:767px){
	.dinamicas .tarjeta-afirmacion{font-size:10px;}
	.dinamicas .tarjeta-afirmacion .tarjeta{min-height:450px;padding:0 1em;}
	.dinamicas .tarjeta-afirmacion p{min-height:100px;}
	.tarjeta-afirmacion .tarjeta.ok,
	.tarjeta-afirmacion .tarjeta.ko{font-size:1.15rem;}
	.dinamicas .tarjeta-afirmacion .tarjeta.ok .img,
	.dinamicas .tarjeta-afirmacion .tarjeta.ko .img{width:60px;}

	.caja-respuesta .btn-responder{justify-content:center;}
	.caja-respuesta .cabecera-tweet textarea{height:100px;}

	.cuerpo-periodico .container-noticia .noticia h2{font-size:30px;}
	.cuerpo-periodico .container-noticia .banner-publi{display:none;}
	.cuerpo-periodico .container-noticia .noticia{width:100%;padding:1em;}
	.recorte .respuestas-periodico .respuesta-der{padding:3em 1em 5em 1em;width:100%;background-size:cover;background-position:top center;}
	.recorte .respuestas-periodico .respuesta-izq{padding:3em 1em 5em 1em;width:100%;background-size:cover;margin-bottom:2em;background-position:top center;}

	.preguntas3resp{flex-direction:column;align-items:center;}
	.preguntas3resp .enunciado-container{width:100%;}
	.preguntas3resp .container-respuestas{width:100%;}

	#testab .tarjetatitular{margin-bottom:1rem;}
		
	#excelentePop .form-check-label {font-size: 1.25rem;display: flex; align-items: flex-end;}
	#excelentePop .form-check-inline .form-check-input {margin-right: 0.5rem;}
}
@media (max-width:575px){
	.dinamicas .tarjeta-afirmacion{font-size:12px;margin-bottom:2rem;}
	.dinamicas .tarjeta-afirmacion .tarjeta{min-height:310px;padding:0 2em;}
	.dinamicas .tarjeta-afirmacion p{min-height:70px;}
	.dinamicas .tarjeta-afirmacion .tarjeta.ok .img,
	.dinamicas .tarjeta-afirmacion .tarjeta.ko .img{top:1rem;}
	.dinamicas .tarjeta-afirmacion .tarjeta.ok{margin-top:0;}
	.seis-opciones .tarjeta-opciones{min-height:200px;}

	.recorte .respuestas-periodico{flex-direction:column;}
	.recorte .respuestas-periodico .respuesta{width: 100%;margin: 1rem 0;padding: 3rem 2rem;font-size: 1.5rem;line-height: 1.15em;}

	#testab .mont-respuesta{width:100%;border-radius:20px;margin-bottom:2rem;}}

/* Cuestionario */
.container-cuestionario{text-align:center;max-width:900px;position:relative;z-index:1051;}
.container-cuestionario .cuestionario{padding:3em;border-radius:15px;color:var(--negro);background-color:white;}
.container-cuestionario .titularBrush{font-size:1.95em;padding:2rem 0 0;}
.container-dinamica .titularBrush{font-size:1.75rem;}
.fin-cuestionario .form-control{padding:3rem 0.75rem;font-size:1rem;color:#495057;background-color:#1c242b;background-clip:padding-box;border:1px solid #1c242b;text-align:center;}
.fin-cuestionario .texto-completado{font-size:2rem;}
.fin-cuestionario .titular-completado{font-size:3.25rem;font-family:var(--poppins);}
.fin-cuestionario .form-control input:active,
.fin-cuestionario .form-control:focus{border:transparent !important;box-shadow:none !important;}

#listaseries .listado-series img{border-radius:15%;}
#listaseries .listado-series .titulofake{position:absolute;top:5%;text-align:center;font-size:1.2rem;color:#000;text-shadow:1px 2px 1px #8f8f8f;}
#listaseries .listado-series .mancheta-completado{position:absolute;top:5%;right:15%;font-size:1.2rem;color:#FFF;text-transform:uppercase;}
#listaseries .listado-series .mancheta-completado .fa{color:#33ad25;}

.titular-hr hr{width:40px;border-width:6px;border-color:rgba(255, 255, 255, 0.5);margin:20px 0;}

/* CAROUSEL RETOS */
#carouselRetos{padding-top: 2rem;}
#carouselRetos .card{background-color:rgb(255 255 255 / 50%);padding:0.5rem; color:var(--negro);border-radius:10px;width:300px;}
#carouselRetos .card .card-body{padding:1rem 0.75rem 0.5rem;}
#carouselRetos .card.finalizado{opacity:0.5;}
#carouselRetos .card img{border-radius:7px;}
#carouselRetos .card .btn-saber{background-color:var(--negro);color:var(--gris);font-size:18px;font-weight:bold;padding:0.2em 1em;min-width:50px;}
#carouselRetos .card .card-title{font-size: 1.25rem;font-weight: 600;min-height: 54px;display: flex;align-items: center;}
#carouselRetos .card .reto{font-style:italic;font-size:1.15rem;display:flex;align-items:center;}
#carouselRetos .desliza{font-weight:500;font-size:20px;}
#carouselRetos .card .card-text{min-height: 150px;font-size: 0.85rem;line-height: 1.25em;padding-bottom: 1.5rem;border-bottom: 3px solid #000;margin-bottom: 1.5rem;}
#carouselRetos .card .reto span{display:flex;width:20px;height:20px;border-radius:50%;background-color:#808080;border:4px solid var(--negro);margin-right:0.5em;}
#carouselRetos .card .reto.reto-1 span{background-color:var(--verde);}
#carouselRetos .card .reto.reto-2 span{background-color:var(--azul-dark);}
#carouselRetos .container-buttons{width:100%;height:10%;position:absolute;bottom:100%;column-gap:1em;}
#carouselRetos .container-buttons.desliza{width:100%;position:absolute;bottom:105%;}
#carouselRetos .container-buttons .carousel-control-prev,
#carouselRetos .container-buttons .carousel-control-next{background-color:transparent;border:none;position:relative;display:flex;justify-content:flex-end;width:auto;}
#carouselRetos .container-buttons .carousel-control-prev-icon,
#carouselRetos .container-buttons .carousel-control-next-icon{background-image:none;width:auto;height:auto;}
#carouselRetos .owl-nav{display:flex;justify-content:flex-end;position:absolute;top: 0;width:100%;right:1%;}
#carouselRetos .owl-nav .owl-prev i,
#carouselRetos .owl-nav .owl-next i{display:none;}
#carouselRetos .owl-nav .owl-prev{background-image:url("/images/icons/arrow-left.svg");width:100px;height:15px;background-repeat:no-repeat;background-position:right;}
#carouselRetos .owl-nav .owl-next{background-image:url("/images/icons/arrow-right.svg");width:100px;height:15px;background-repeat:no-repeat;background-position:right;}
@media (min-width:992px){
	#carouselRetos .carousel-inner{width:calc(100% + 30px);}
	#carouselRetos .carousel-item.active{margin-left:-15px;}}
/* ! FIN CAROUSEL RETOS */
#sinretos{display:block;border:1px solid var(--gris);border-radius:5px;padding:5em 2em;margin-top:2em;margin-bottom:2em;}
#sinretos .oops{font-size:72px;color:white;}
#sinretos .no{font-size:32px;color:white;}
#sinretos .btn-volver{font-size:1.35rem;color:var(--gris);text-decoration:underline;}
#popupperfil{cursor:pointer;}
#formperfil .inputfile{font-size:1.3rem;}
/* PORTADA SERIE */
.bg-gris-oscuro{background-color:var(--gris);}
.bg-negro{background-color:var(--dark);}
#portada-serie .btn-dale{display:inline-flex;align-items:center;}
#portada-serie .btn-dale:hover{color:var( --orange);}
#botoncontinuar .btn-dark,
#botonrespuesta, #botonfin .btn-dark,
#excelentePop .btn-primary{background-color:var( --orange);color:var(--negro);border-color:var( --orange);}
#botoncontinuar .btn-dark:hover,
#botonrespuesta:hover,
#botonfin .btn-dark:hover,
#excelentePop .btn-primary:hover{background-color:var( --orange);color:var(--negro);border-color:var( --orange);opacity:0.8;}

.linea-botones{display: flex;gap: 0.8rem;flex-wrap: wrap;align-items: stretch;}
.linea-botones .btn{display:inline-flex;align-items:center;}
.linea-botones .btn i{color:var(--negro);}
.btn-trailer{background-color:var( --orange);border-color:var( --orange);padding-right:2.5rem;padding-left:2.5rem;}
.btn-trailer:hover{background-color:var( --orange);border-color:var( --orange);color:white;}
.btn-dale{font-size:24px;font-weight:bold;}

/* LIGHT MODE */
.lightmode{background-size:cover;background-repeat:no-repeat;background-position:bottom center;background-color:var(--gris);color:var(--negro);}
.lightmode header{color:var(--negro);}
.lightmode .container-dinamica{background-color:white;box-shadow:3px 3px 3px 4px rgba(0, 0, 0, 0.2);color:var(--negro);border-radius:7px;}

.btn-temporada{opacity:1;font-weight:300;padding-left:2.5rem;padding-right:2.5rem;}
.btn-temporada.activo{background-color:var( --morado);border-color:var( --morado);color:#FFF;font-weight:bold;opacity:1;}
.modal-content .close{filter:contrast(0);}
.modal .titularBrush{font-size:2.625rem;}
.op30{opacity:0.3;}
#instrucciones .instruccion,
.texto.collapse.show{color:white;}
.capalegal .texto{font-size:1rem;}

.fs-32{font-size:2rem;}
.btn-op30{opacity:0.5;}
.btn-op30.activo{opacity:1;}
#enhorabuenaPop .modal-content{background-color:transparent;border:none;color:white;pointer-events:all;}
#enhorabuenaPop .modal-body{pointer-events:all;}
#enhorabuenaPop .titularBrush{color:white;margin-top:12rem;}
#enhorabuenaPop p{font-weight:normal;line-height:1.2;}
#enhorabuenaPop .boton .btn-primary{background-color:var( --orange);color:var(--negro);border-color:var( --orange);}
#enhorabuenaPop .boton .btn-primary:hover{background-color:var( --orange);color:var(--negro);border-color:var( --orange);opacity:0.8;}
/* Modal extra */
.extra .titularBrush{font-size:2rem;}
/* HOJA DE RUTAS - TIMELINE */
.tituloboton{justify-content: space-between;align-items: flex-start;}
.tituloboton .btn{border-color:var(--amarillo) !important;font-weight: 600;border-radius:15px;}
.checkbox label:after{content:'';display:table;clear:both;}
.checkbox .cr{position:relative;display:inline-block;border:3px solid #201C33;border-radius:.25em;width:1.3em;height:1.3em;float:left;margin-right:.5em;}
.checkbox .cr .cr-icon{position:absolute;font-size:.8em;line-height:0;top:50%;left:20%;}
.checkbox label input[type="checkbox"]{display:none;}
.checkbox label input[type="checkbox"] + .cr > .cr-icon{transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .3s ease-in;}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon{transform:scale(1) rotateZ(0deg);opacity:1;color:#FFF;}
.checkbox label input[type="checkbox"]:disabled + .cr{opacity:.5;}

.grid-x {
    flex-flow:wrap;
    display:flex;
}
.divider-timeline{display:block;padding:calc(250px / 2) 0;}
.timeline_content {display:flex;flex-wrap:wrap;}
.timeline_content .timeline-nav-list-item-wrapper {width:45%;flex-basis:45%;margin-right:5%;}
.timeline_content .timeline-nav-list-item-wrapper:nth-child(odd) {transform:translateY(-250px);}
.timeline-nav-list-item {
border:none;background-color:rgb(255 255 255 / 50%);border-radius:20px;font-size:1rem;
min-height:430px;z-index:1;cursor:pointer;flex-direction:column;justify-content:space-between;
margin-right:50px;padding:30px 0 0 30px;display:flex;position:relative;font-family: "Montserrat";
}
.timeline-nav-list-item {min-height:auto;width:auto;margin-bottom:12rem;margin-right:0;}
.timeline-nav-list-item {max-width:100%;padding:10%;}
.timeline_content .titulo-tarjeta{color: var(--amarillo);font-weight: 800;font-size: 2em;margin-bottom: 1.25rem;}
.timeline_content .check-ruta{gap:3rem;margin-bottom:2rem;}
.timeline_content .check-ruta .form-check-label{width: 100%;}
.timeline_content .titulo-ruta{color:#201C33;font-size:1.25em;font-weight: 500;margin-bottom: 0.25rem;}
.timeline_content .texto-ruta{color:#FFF;font-size:0.65em;line-height:1.35em;text-align:justify;font-weight: 500;} 

/* HOJA DE RUTAS - Notificar */
.titular-notificar{font-family: var(--poppins);color: #f1f2f4;font-size: 2rem;font-weight: 600;text-align: center;border-bottom: 1px solid #FFF;padding: 3rem 0 2rem;margin-bottom: 4rem;}
#notificar{font-family:var(--poppins);}
#notificar .modal-content{overflow: hidden;}
#notificar .modal-dialog{max-width:800px;}
#notificar .container-caja-negra{background-color:var(--morado);padding:4em;}
#notificar #formrespuesta{display: flex;flex-direction: column;align-items: center;}
#notificar #formrespuesta label{font-weight: 100;font-size: 1.15rem;}
#notificar #formrespuesta .form-control{border: 1px solid var(--amarillo);border-radius: 10px;margin-bottom: 2rem;}

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

/* PDF VISOR */
.page-juega .boton{position:fixed;z-index:99999999;bottom:50px;left:50px;}
.page-juega .boton .btn{max-width:initial;-webkit-box-shadow:0px 0px 15px 0px rgba(189, 189, 189, 1);-moz-box-shadow:0px 0px 15px 0px rgba(189, 189, 189, 1);box-shadow:0px 0px 15px 0px rgba(189, 189, 189, 1);font-size:1em;line-height:1.25em;padding:27px 12px;border-radius:50%;}
.page-juega .boton .btn-success{color:#000;background-color:#f6fc57;border-color:#f6fc57;}

.slideall{width:100%;border:0;overflow:hidden;position:relative;}
.slideall .banda a{padding:0 10px;}
.slideall .swiper-button{opacity:0.7;position:absolute;z-index:20;width:160px;width:166px;height:60px;bottom:16px;left:50%;margin-left:-80px;}
.slideall .swiper-button-next,
.slideall .swiper-button-prev{background:#000;color:#fff;width:auto;height:auto;padding:17px 14px;}
.slideall .swiper-button-next:after,
.slideall .swiper-button-prev:after{font-size:1.5rem;}
.slideall .swiper-pagination-fraction{opacity:0.7;width:60px;left:50%;margin-left:-27px;background:#000;color:#fff;font-size:18px;padding:16px 0;display:flex;align-content:center;justify-content:center;font-family:var(--poppins);}
.slideall .swiper-slide{text-align:center;}
.slideall .swiper-slide img{width:100%;height:auto;position:relative;}
#playall .flex-direction-nav{display:flex;justify-content:center;}
#playall .flex-direction-nav{display:flex;justify-content:center;align-items:center;position:absolute;bottom:20px;width:100%;}
#playall .flex-direction-nav li{display:flex;justify-content:center;align-items:center;}
#playall .flex-direction-nav li a{position:relative;width:50px;height:50px;background-color:rgba(0, 0, 0, 0.8);margin:0 1rem;color:transparent;top:0;}
#playall .flex-direction-nav li.flex-nav-next a{margin-left:4rem;}
#playall .flex-direction-nav li.flex-nav-prev a{margin-right:4rem;}
#playall .flex-direction-nav li a:hover{color:transparent !important;}
#playall .flex-direction-nav a{display:flex;justify-content:center;align-items:center;}
#playall .flex-direction-nav a:before{display:none;}
.pagination-container{position:absolute;bottom:20px;display:flex;justify-content:center;align-items:center;width:100%;z-index:10;}
#pagination-number{background-color:rgba(0, 0, 0, 0.8);padding:10px;color:white;font-size:1.3rem;opacity:0.7;}
/* ******************************************** Responsive General ******************************************** */
/* ************************************************************************************************************ */
@media (orientation:portrait) {
	body{background-position-x:75%;}
	.lightmode{background-position:bottom right;}
}
@media (min-width:768px){
	.cajaserie-lateral{max-width:800px;width:70%;}
	.container-fluid{padding-right:3rem;padding-left:3rem;}
	.subtitular.tipoaugust {font-size: 4rem;}}
@media (min-width:992px){}
@media (min-width:1200px){.container-fluid{padding-right:4rem;padding-left:4rem;}}
@media (min-width:1400px){.header-container{padding-top:2.5rem;padding-bottom:2.5rem;}.cajaserie-lateral{max-width:980px;width:75%;}.subtitular.tipoaugust {font-size: 5rem;}}
@media (min-width:2000px){
	/* Pantallas muy grandes */
	.titular{font-size:4rem;}
	.titular.small{font-size:1.3rem;}
	.cajaserie-lateral{max-width:60%;}
	.subtitular.tipoaugust {font-size: 6rem;}
}
@media (max-width:1399px){
	.header-container{padding-top:1.75rem;padding-bottom:1.75rem;}
	.my-5{margin-top:1.75rem !important;margin-bottom:1.75rem !important;}
	.btn{font-size:1rem !important;padding:0.6rem 1rem;}
	.container-dinamica{max-width:700px;width:85%;}
	.container-dinamica .cuerpo{font-size:1em;min-height:240px;margin-bottom:1rem;}
	.container-twitter.no-image{height:450px;}}
@media (max-width:1199px){
	.btn{min-width:115px;}
	.episodios .owl-nav{font-size:4rem;}
	.episodios .owl-nav .owl-prev{left:-20px;}
	.episodios .owl-nav .owl-next{right:-60px;}

	.logoserie{max-width:360px;max-height:200px;}
	/* serie - temporada */
	.scroll-temporadas .list-temp{font-size:1.25rem;}
	.scroll-temporadas .list-epis{font-size:1rem;}

	/* popups */
	.modaviso .modal-dialog{max-width:500px;}
	#playall .flex-direction-nav li a{width:40px;height:40px;}
	#pagination-number{padding:5px 10px;}}
@media (max-width:991px){
	.login-container{width:400px;}
	.episodios .owl-nav{font-size:3rem;}
	.episodios .owl-nav .owl-prev{left:-15px;}
	.episodios .owl-nav .owl-next{right:-45px;}
	
	#btndinamica img{width:20px;}
	.container-caja-negra{height:auto;}
	.scroll-temporadas .temporada{margin-right:0;}
	.form-control { height:calc(3rem + 0.5rem);}
	
	.divider-timeline{display:none;}
	.timeline_content {display:block;}
	.timeline-nav-list-item {margin-bottom: 5rem;}
	.timeline_content .timeline-nav-list-item-wrapper {width:100%;flex-basis:100%;margin-right:0;}
	.timeline_content .timeline-nav-list-item-wrapper:nth-child(odd) {transform:translateY(0);}
	
	#carouselRetos .card .card-title{min-height: 50px;font-size: 1.5rem;}
	#carouselRetos .card .card-text {min-height: 120px;font-size: 1rem;}
}
@media (max-width:767px){

	.titular-h1{font-size:2.1rem;line-height:1.15em;}
	.h2{font-size:1.5rem;}
	.h5{font-size:1.15rem;}

	img.iconpopup{width:60px;}
	img.logoserie{width:70%;margin:0 auto;display:block;}

	.episodios{padding:0px 3rem;}
	#btndinamica img{width:16px;}
	
	#carouselRetos {padding-top: 3rem;}
	#carouselRetos .card .card-title{font-size: 1.85rem;}
	#carouselRetos .card .card-text {font-size: 1.25rem;}
	.text-scroll p{font-size: 1.25rem;}
	#carouselRetos .owl-nav {right: 4%;}
	#carouselRetos .owl-nav .owl-prev, #carouselRetos .owl-nav .owl-next{height: 10px;width: 80px;}
}
@media (max-width:639px){
	.login-container{width:500px;}
	#cookies{padding:0 25px;}
	.container-cuestionario .cuestionario{padding:1em;}}
@media (max-width:600px){
	.bg-temporada{background-image:none !important;}
	.episodios .owl-stage{display:flex;flex-direction:column;transform:none !important; width:100% !important;}
	.episodios .owl-nav, .episodios .owl-dots{display:none;} 
}
@media (max-width:576px){
	.login-container{width:90%;}
	#login .h5{width:90vw;max-width:100%;}
	.form-check {padding-left:1.75rem;}
	.form-check-input {margin-top:0;margin-left:-1.75rem;}
	
	#login .form-check{display:flex;align-items:flex-start;}
	#login .form-check label{font-size:1rem;}
	
}
/* ***************************************** ! Responsive General ******************************************** */