/*** Sitio: Alucine ***/
@charset "UTF-8";

:root{
    --azul: #454e90;
    --amarillo: #f3d11b;
    --rojo: #b83731;
    --blanco: #ffffff;
    --negro: #000000;
    --fuente-basica: "Roboto", sans-serif;
    --fuente-corporativa: "Bebas Neue", sans-serif;
    --iconos: "Font Awesome 5 Free";
    --ancho-web: 1240px;
    --numImag: 3;
    --tamano-fuente: 16px;
}

/* CSS Document */
body {
    background-color: var(--azul);
    text-align: center;
    font-family: var(--fuente-basica);
}
body > div {
    position: relative;
    float: left;
}
* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    font-family: var(--fuente-basica);
    /*font-size: var(--tamano-fuente);*/

}
.de-pruebas {
    font-size: 2rem;
    background-color: var(--amarillo);
}
table, th, td {
  border: 1px solid #cccccc;
}
/*ESTRUCTURA*/
.ancho-100, .ancho-100 img {
    width: 100% !important;
}
.ancho-web {
    max-width: var(--ancho-web) !important;
    margin:auto;
}
.item25 {
    flex: 1 1 25%;
}
.item33 {
    flex: 1 1 33%;
}
.contenedor {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    margin: auto;
    flex-wrap: wrap;
}
.contenedor div {
    padding: 10px;
}
.contenedor div img {
    max-width: 100%;
}
.item {
    flex: 1 1 50%;
}
#carrusel-estrenos img {
    width: 80%;
}
.separador {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    min-height: 50px;
}
.custom-hr-plugin {
    display: inline-block;
    position: relative;
    float: left;
    clear: both;
    width: 100%
}
.left {
    position: relative;
    float: left;
}
.right {
    position: relative;
    float: right;
}
.logo{
position: relative;
float: left;
width:10%;
top:10px;
}
.entre-hr hr:first-child {
    margin-bottom: 20px;
}
.entre-hr hr:last-child {
    margin-top: 20px;
}
.clear {
    clear: both;
}
.cenefa {
    background-image: url(img/cenefa.jpg);
    background-repeat: repeat-x;
    width: 100%;
    height: 11px;
}
/*FIN estructura*/
/*TEXTOS*/
.blanco {
    color: #fff;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.item.text-left {
    padding-left: 40px;
}
.item.text-right {
    padding-right: 40px;
}
.texto-blanco, .texto-blanco p {
    color: #ffffff;
    padding: 0px 30px;
}
.texto-negro, .texto-negro p {
    color: #000000;
    padding: 0px 30px;
}
.titulo-slider1 {
    font-family: var(--fuente-corporativa);
    position: absolute;
    top: 50%;
    right: 0%;
    background-color: var(--rojo);
    padding: 10px 20px;
    font-size: 80px;
    color: #ffffff;
}
.titulo-slider2 {
    font-family: var(--fuente-corporativa);
    position: absolute;
    top: 70%;
    right: 0%;
    background-color: var(--rojo);
    padding: 10px 20px;
    font-size: 60px;
    color: #ffffff;
}
.titulo-contenido, .titulo-contenido span {
    font-family: var(--fuente-corporativa) !important;
    font-size: 30px;
}
.titulo-blanco, .titulo-blanco span {
    font-family: var(--fuente-corporativa) !important;
    font-size: 80px;
    color: #ffffff;
    padding: 50px 0px 20px 0px;
    width: 100%;
}
.titulo-blanco:after, .titulo-blanco:before {
    content: url('img/eb.svg');
    display: inline-block;
    width: 40px;
    margin: 0px 20px;
}

.titulo-blanco img {
    width: 80px;
    padding: 0px 20px;
    height: auto;
    vertical-align: middle;
}
.titulo-rojo, .titulo-rojo span {
    font-family: var(--fuente-corporativa) !important;
    font-size: 80px;
    color: var(--rojo);
    padding: 50px 0px 20px 0px;
    width: 100%;
}
.titulo-rojo img {
    width: 80px;
    padding: 0px 20px;
    height: auto;
    vertical-align: middle;
    color: var(--rojo);
}
.titulo-rojo:after, .titulo-rojo:before {
    content: url('img/er.svg');
    display: inline-block;
    width: 40px;
    margin: 0px 20px;
}
.estrella {
    content: url('img/ea.svg');
    display: inline-block;
    width: 20px;
    margin: 0px 0px;
}
.reseñas{
display: flex;
  flex-wrap: wrap;
align-items: stretch;
}
.reseña{
text-align:justify;
font-size:0.9em;
background-color:var(--blanco);
padding: 30px 20px !important;
margin: 0px 5px;
border-radius: 10px;
/*display: flex;*/
   /* flex-direction: column; */
   /* justify-content: flex-start; */

}
.titulo-amarillo, .titulo-amarillo span {
    font-family: var(--fuente-corporativa) !important;
    font-size: 80px;
    color: var(--amarillo);
    padding: 50px 0px 20px 0px;
    width: 100%;
}
.titulo-amarillo img {
    width: 115px;
    padding: 0px 20px;
    height: auto;
    vertical-align: middle;
}
.titulo-amarillo:after, .titulo-amarillo:before {
    content: url('img/ea.svg');
    display: inline-block;
    width: 40px;
    margin: 0px 20px;
}
.whatsapp:before {
    content: url('img/whatsapp.png');
    display: inline-block;
    width: 40px;
    margin-right: 26px;
margin-left: 0px;
vertical-align: middle;
}
.whatsapp {
    font-size:1.2em;
    font-weight:bold;
}
a .whatsapp{
    color: var(--rojo);
}
a:hover .whatsapp {
    color: var(--negro);
}
.btn-amarillo {
    background-color: var(--amarillo);
    padding: 6px 40px;
    font-family: var(--fuente-corporativa);
    font-weight: 400;
    font-size: 40px;
    color: var(--azul);
}
.btn-rojo {
    background-color: var(--rojo);
    padding: 6px 40px;
    font-family: var(--fuente-corporativa);
    font-weight: 400;
    font-size: 40px;
    color: #FFFFFF;
}
.btn-azul {
    background-color: var(--azul);
    padding: 6px 40px;
    font-family: var(--fuente-corporativa);
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
}
/*FIN textos*/
/*SLIDER*/
.splide__pagination__page:hover, .splide__pagination__page.is-active {
    background: var(--azul) !important;
}
.splide__pagination__page {
    background: var(--amarillo) !important;
}
/*FIN slider*/
/*MENU*/
#menu {
    /*margin-top: 80px !important;*/
    margin-top: 50px !important;
    /*width: 100% !important;*/
    max-width: 80% !important;
}
#menupie {
    margin-top: 20px !important;
    width: 100% !important;
max-width:1240px;
}
#menu ul, #menupie ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
}
#menu li, #menupie li {
    display: inline-block;
}
#menu li a {
    font-family: var(--fuente-corporativa);
    font-weight: 100;
    color: #fff;
    /*font-size: 25px;*/
    font-size: 1.5em;
    padding: .2em .4em;
}
#menu li a:hover, #menu li a:active{
    color: var(--amarillo);
}
#menupie li a:hover, #menupie li a:active{
    color: #ffffff;
}
#menupie li a {
    font-family: var(--fuente-corporativa);
    font-weight: 100;
    color: var(--azul);
    font-size: 16px;
    padding: 5px 10px;
}
#menu li:hover a, #menupie li:hover a {}
#menu li:hover ul a, #menupie li:hover ul a#menupie li:hover ul a {
    color: #222;
    height: 35px;
    line-height: 35px;
}
/*Hover para enlaces desplegados*/
#menu li:hover ul a:hover, #menupie li:hover ul a:hover {
    color: #fff;
}
/*Ocultar enlaces desplegables hasta que se necesiten*/
#menu li ul, #menupie li ul {
    display: none;
}
/*Hacer vínculos desplegables verticales*/
#menu li ul li, #menupie li ul li {
    display: block;
    float: none;
}
#menu li ul li a, #menupie li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 19px;
}
/*Visualizar el menú desplegable en hover*/
#menu ul li a:hover + .hidden, .hidden:hover, #menupie ul li a:hover + .hidden, .hidden:hover {
    display: block;
}

#menu li.menu-selec a {
    color: var(--amarillo) !important;
}
#menupie li.menu-selec a {
    color: #ffffff !important;
}

#bloque-menu {
   /* margin-right: 50px !important;*/
    position: relative !important;
}
#menupie #show-menu, input#show-menu{display:none;}
/*Estilos boton desplegar menu*/
.show-menu {
    font-family: var(--fuente-corporativa);
    font-weight: 300;
    color: #fff;
    font-size: 40px;

    padding: 5px 15px;
    display: none;
}
#menu input[type=checkbox], #show-menu input[type=checkbox] {
    display: none;
}
/*Mostrar menú cuando se marca la casilla de verificación invisible*/
input[type=checkbox]:checked ~ #bloque-menu {
    display: block;
}
/*FIN MENU*/

.lista-sesiones {
    width: 60%;
}

.lista-sesiones .sinopsis{
    text-align: justify;
}

.lista-sesiones td {
    vertical-align: top;
    text-align: left;
}
.lista-sesiones .titulo-ficha {
    text-align: left;
    font-weight: bold;
}
.lista-sesiones .datos-ficha {
    text-align: left;
}

td:has(.titulo-ficha) {
    height: 2rem;
}

.cont-btn-ficha {
    width: 100%;
    text-align: center;
    padding: 0px !important;
    margin: 0px !important;
}

.azul {
    background-color: blue;
}
.gris {
    background-color: grey;
}
.brown {
    background-color: brown;
}
.azulalucine {
    background-color: #48508e;
}
.rojoalucine {
    background-color: #ae3935;
}
.oculta {
    display: none !important;
}
.ver-ficha {
    cursor: pointer;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
border: none !important;
background: var(--rojo) !important;
}
.ico-calif {
    width: 24px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
.ico-info {
    width: 15px;
    height: 15px;
    position: relative;
    left: calc(100% - 18px);
    bottom: 19px;
    top: -100%;
    background-color: var(--rojo);
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    content: "\f2f9";
    color: var(--blanco);
    font-size:10px;
    /*background-image: url(img/icos/info.png);
    background-size: contain;*/
}
.info-durac {
    float: left;
    font-weight: bold;
    color: #666;
}
.info-durac::before {
    content: "";
    display: block;
    background: url("img/icos/time.png") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0 6px 0 0;
    background-size: contain;
}
.info-durac::after {
    content: " min.";
}
.info-genero {
    clear: both;
}
.ficha-no-ses {
    height: 68px;
    margin: 10px 6px 6px 0;
}
.ficha-no-ses > span {
    background-color: #ccc;
    color: #333;
    padding: 10px !important;
    position: relative;
    top: calc(1.2rem + 5px);
}
div#error-sesion {
    font-family: var(--fuente-corporativa);
    font-size: xx-large;
    margin: 30px 0;
}
.alert {
  border: none;
  border-radius: 0;
  padding: 30px 30px 30px 30px;
  margin-bottom: 20px;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-green {
    background-color: #e8f2de;
    border-color: #ccebd2;
    color: #5aa942;
}

.btn {
    border-radius: 3px;
    padding: .5rem .75rem;
    cursor: pointer;
}

/************ OPC LOGIN REGISTRO SOCIO ***************/
.opc-socio {
   /* width: 100%;
    background-color: #ed827f;
    padding: 10px;*/
padding: 10px;
position: absolute;
float: left!important;
right: 0px;
/*top:10px;*/
top: 85px;
z-index: 1;
}
#menu-login ul, ol {
list-style:none;
background-color: var(--amarillo);
}
#menu-login > li {
float:right;
}
#menu-login li a {
font-family: var(--fuente-corporativa);
background-color: var(--amarillo);
color:var(--azul);
text-decoration:none;
padding:8px 16px;
display:block;
}
/*#menu-login li a:before {
    content: url(img/eb.svg);
    display: inline-block;
    width: 1rem;
    margin: 0px 6px;
}*/
#menu-login li a:hover {
/*background-color:#434343;*/
}
#menu-login li ul {
display:none;
position:absolute;
min-width:102.5px;
}
#menu-login li:hover > ul {
display:block;
}
#menu-login li ul li {
position:relative;
}
#menu-login li ul li ul {
/*right:-140px;*/
top:0px;
}

button.socio.btn, button.reg.btn .boton-areasocio {
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-family: var(--fuente-corporativa);
}


button.socio.btn:after, button.socio.btn:before {
    /*content: url(img/eb.svg);
    display: inline-block;
    width: 1rem;
    margin: 0px 6px;*/
}

button.login.socio {
color: var(--azul);
background-color: var(--amarillo);
right:0px;
border-bottom:1px solid var(--azul);
}
button.login.socio:hover {
    /*background-color: var(--azul);*/
color:#ffffff;
}
button.reg.socio {
color: var(--azul);
background-color: var(--amarillo);
}
button.reg.socio:hover {
    /*background-color: var(--azul);*/
color:#ffffff;
}

button.socio.btn:first-child {
    /*margin-right: 0.5rem;*/
}

.info-login > a {
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    padding: 6px;
}

.info-login > a:hover {
    opacity: 0.5;
}

.info-login > a:before {
    content: url(img/eb.svg);
    display: inline-block;
    width: 1rem;
margin-right: 10px;
    /*border: 1px solid #fff;
    border-radius: 50%;*/
}

#info-login {
  position: absolute;
top: 110px;
right: 40px;
}

.bloquea-fondo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 1000vh;
  background-color: var(--azul)a3;
  display: none;
  z-index: 2;
}

.contador {
  display: none;
}

.mensaje {
    margin: 2rem 0;
}

.mensaje {
    margin: 1rem 0;
}

.mensaje > p {
    margin-bottom: 1rem;
    color: var(--blanco);
}

.info-tent:not(.off), .info-bar:not(.off) {
    cursor: pointer;
}

.titulo-slider1-izq {
    font-family: var(--fuente-corporativa);
    position: absolute;
    top: 300px;
    right: 0%;
    /*left: calc(40% - 100px);*/
    background-color: var(--rojo);
    padding: 10px 20px;
    font-size: 50px;
    color: #ffffff;
}

.titulo-slider2-izq {
    font-family: var(--fuente-corporativa);
    position: absolute;
    top: 400px;
    right: 0%;
    /*left: calc(40% - 180px);*/
    background-color: var(--rojo);
    padding: 10px 20px;
    font-size: 60px;
    color: #ffffff;
}