html, body {
  width: 100%;
  height: 100%;
  background-color: #111113; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }

ul, li {
  list-style: none; }

a:link, a:visited, a:hover, a:active {
  text-decoration: none; }

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="search"],
textarea {
  outline: none; }

select:focus {
  outline: none; }

@font-face {
  font-family: "Exo 2";
  src: url("../fonts/Exo_2/Exo2-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "bebasneue";
  src: url("../fonts/Bebas_Neue/BebasNeue-Regular.otf");
  src: url("../fonts/Bebas_Neue/BebasNeue-Regular.ttf") format("truetype"); }
.container-general {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }

.general__central {
  width: 70%;
  height: 100%; }
  @media (max-width: 850px) {
    .general__central {
      width: 100%; } }

.general__lateral {
  width: 15%;
  height: 100vh; }
  @media (max-width: 850px) {
    .general__lateral {
      display: none; } }

.general__lateral img {
  width: 15%;
  position: fixed;
  top: 0; }

.rrss {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  width: 70%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all, .3s;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 15%;
  z-index: 10000; }
  @media (max-width: 850px) {
    .rrss {
      top: -100px; } }

.rrss__icon {
  font-size: 13px;
  padding-top: 7px;
  color: #ff7a17;
  margin-right: 1%; }

.rrss a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
  line-height: 20px;
  transition: all, .3s;
  margin-right: 2%; }
  .rrss a:hover {
    color: #ff7a17; }

.menu__nav {
  width: 70%;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 50px;
  left: 15%;
  transition: all, .3s;
  z-index: 9; }
  @media (max-width: 850px) {
    .menu__nav {
      width: 100%;
      top: -50px;
      left: 0;
      overflow: hidden; } }

.menu__ul {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 80%;
  height: 100%;
  margin-left: 18%;
  margin-right: 2%;
  transition: all, .5s; }
  @media (max-width: 1450px) {
    .menu__ul {
      width: 96%;
      margin-left: 2%; } }
  @media (max-width: 850px) {
    .menu__ul {
      align-content: flex-start;
      width: 100%;
      margin: 0; } }

.menu__li {
  position: relative; }
  @media (max-width: 850px) {
    .menu__li {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 40px; } }

.menu__a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Exo 2', sans-serif;
  font-size: 14px;
  color: #fff;
  transition: all, .3s;
  position: relative; }
  @media (max-width: 1080px) {
    .menu__a {
      font-size: 11px; } }
  @media (max-width: 900px) {
    .menu__a {
      font-size: 10px; } }
  @media (max-width: 850px) {
    .menu__a {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 150px;
      height: 40px;
      font-size: 14px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); } }

.menu__a span {
  margin-left: 1px; }

.menu__a--cartelera {
  color: #ff7a17;
  position: relative;
  border: none;
  letter-spacing: 1px; }
  .menu__a--cartelera:hover {
    color: #fff; }

.menu__a--instagram {
  border: none; }

.menu__nav--movil {
  height: 1500px;
  top: 50px;
  z-index: 1000; }

@media (min-width: 850px) {
  .menu__li--rrss {
    display: none; } }

.menu-barra {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 0;
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(0, 0, 0, 0.9);
  transition: all, .5s;
  overflow: hidden;
  position: fixed;
  top: 0;
  z-index: 2; }
  @media (max-width: 850px) {
    .menu-barra {
      height: 50px; } }

.menu-barra__bars {
  font-size: 20px;
  color: #fff;
  transition: all, .2s;
  cursor: pointer; }
  .menu-barra__bars:hover {
    color: #ff7a17; }

.icon_bars--hide {
  display: none; }

.menu-barra__cross {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  left: 6px;
  display: none; }
  .menu-barra__cross:hover .icon_cross__aspas {
    transform: rotate(360deg); }

.icon_cross--show {
  display: block; }

.icon_cross__aspas {
  width: 20px;
  height: 1px;
  background-color: #fff;
  transition: all, .3s;
  position: absolute;
  top: 13px;
  left: 4px; }

.icon_cross__aspas--aspa-1 {
  transform: rotate(-45deg); }

.icon_cross__aspas--aspa-2 {
  transform: rotate(45deg); }

.logo {
  width: 150px;
  transition: all, 1s;
  position: fixed;
  top: -100px;
  z-index: 10000; }
  @media (max-width: 1450px) {
    .logo {
      width: 130px; } }
  @media (max-width: 850px) {
    .logo {
      width: 100px; } }

.logo img {
  width: 100%; }

.container-titulo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  height: 100px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  position: relative; }

.container-titulo p {
  width: 100%;
  border-bottom: 1px solid gainsboro;
  font-family: 'Exo 2', sans-serif;
  color: #ff7a17;
  line-height: 30px; }

.subrayado--estrenos {
  width: 90px; }

.subrayado--proximamente {
  width: 130px; }

.container-titulo--oferta {
  display: inline;
  height: 20px;
  padding: 0;
  border: none; }

.container-titulo--oferta p {
  display: inline;
  border: none;
  line-height: 20px; }

.subrayado--preguntas {
  width: 205px; }

.subrayado {
  height: 3px;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  position: absolute;
  top: 78px;
  left: 20px; }

.subrayado--cartelera-menu {
  width: 83px;
  top: 115%;
  left: 0;
  transition: all, .3s; }
  @media (max-width: 1080px) {
    .subrayado--cartelera-menu {
      width: 68px;
      top: 125%; } }
  @media (max-width: 900px) {
    .subrayado--cartelera-menu {
      width: 60px; } }
  @media (max-width: 850px) {
    .subrayado--cartelera-menu {
      width: 150px;
      top: 97%; } }

.subrayado--proximamente-menu {
  width: 117px;
  top: 20px;
  left: 0px;
  transition: all, .3s; }
  @media (max-width: 1080px) {
    .subrayado--proximamente-menu {
      width: 95px;
      top: 125%; } }
  @media (max-width: 900px) {
    .subrayado--proximamente-menu {
      width: 88px; } }
  @media (max-width: 850px) {
    .subrayado--proximamente-menu {
      width: 150px;
      top: 97%; } }

.subrayado--promociones-menu {
  width: 105px;
  top: 20px;
  left: 0px;
  transition: all, .3s; }
  @media (max-width: 1080px) {
    .subrayado--promociones-menu {
      width: 85px;
      top: 125%; } }
  @media (max-width: 900px) {
    .subrayado--promociones-menu {
      width: 79px; } }
  @media (max-width: 850px) {
    .subrayado--promociones-menu {
      width: 150px;
      top: 97%; } }

.subrayado--tarjeta-menu {
  width: 62px;
  top: 20px;
  left: 0px;
  transition: all, .3s; }
  @media (max-width: 1080px) {
    .subrayado--tarjeta-menu {
      width: 50px;
      top: 125%; } }
  @media (max-width: 900px) {
    .subrayado--tarjeta-menu {
      width: 45px; } }
  @media (max-width: 850px) {
    .subrayado--tarjeta-menu {
      width: 150px;
      top: 97%; } }

.subrayado--operaballet-menu {
  width: 119px;
  top: 20px;
  left: 0px;
  transition: all, .3s; }
  @media (max-width: 1080px) {
    .subrayado--operaballet-menu {
      width: 97px;
      top: 125%; } }
  @media (max-width: 900px) {
    .subrayado--operaballet-menu {
      width: 88px; } }
  @media (max-width: 850px) {
    .subrayado--operaballet-menu {
      width: 150px;
      top: 97%; } }

.subrayado--cicloarte-menu {
  width: 83px;
  top: 20px;
  left: 0px;
  transition: all, .3s; }
  @media (max-width: 1080px) {
    .subrayado--cicloarte-menu {
      width: 68px;
      top: 125%; } }
  @media (max-width: 900px) {
    .subrayado--cicloarte-menu {
      width: 62px; } }
  @media (max-width: 850px) {
    .subrayado--cicloarte-menu {
      width: 150px;
      top: 97%; } }

.subrayado--vso-menu {
  width: 52px;
  top: 20px;
  left: 0px;
  transition: all, .3s; }
  @media (max-width: 1080px) {
    .subrayado--vso-menu {
      width: 43px;
      top: 125%; } }
  @media (max-width: 900px) {
    .subrayado--vso-menu {
      width: 40px; } }
  @media (max-width: 850px) {
    .subrayado--vso-menu {
      width: 150px;
      top: 97%; } }

.subrayado--cartelera {
  width: 95px; }

.subrayado--proximamente {
  width: 130px; }

.subrayado--promociones {
  width: 120px; }

.subrayado--tarjeta {
  width: 72px; }

.subrayado--operaballet {
  width: 135px; }

.subrayado--cicloarte {
  width: 95px; }

.subrayado--vso {
  width: 60px; }

.subrayado--oferta {
  top: 110%;
  left: 0; }

.subrayado--tarjeta-formulario {
  width: 240px; }

.subrayado--ficha {
  width: 125px;
  top: 58px;
  left: 0; }

.subrayado--select {
  width: 150px;
  top: 177px;
  left: 0px; }

.boton_hora {
  font-family: 'Exo 2', sans-serif;
  color: #333;
  background: linear-gradient(90deg, gainsboro, gainsboro);
  font-size: 12px;
  min-width: 45px;
  padding: 5px;
  border-radius: 3px;
  margin: 2px;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all, .5s;
  position: relative;
  z-index: 0;
  overflow: hidden; }
  .boton_hora:hover {
    color: #fff; }
    .boton_hora:hover:before {
      opacity: 1; }

.boton_hora:before {
  content: "23:00";
  display: block;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  border-radius: 3px;
  transition: opacity .5s;
  opacity: 0;
  z-index: -100; }

.boton_hora--borrar {
  display: none; }

.slide_color_fondo {
  transition: all, .3s;
  position: relative; }

.mascara_slide {
  width: 100%;
  height: 100%;
  transition: all, .5s;
  position: absolute;
  top: 0;
  left: 0; }
  @media (max-width: 600px) {
    .mascara_slide {
      background-color: rgba(0, 0, 0, 0.5); } }

.slide-portada {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  overflow: hidden;
  position: relative;
  z-index: 0; }
  @media (max-width: 850px) {
    .slide-portada {
      margin-top: 50px; } }

.slide-portada__img {
  max-width: 960px;
  width: 100%;
  height: 450px;
  transition: all, .5s;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.leyenda-aniversario {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 550px;
  position: absolute;
  transform: scale(2);
  transition: all, 1s;
  opacity: 0; }

.aniversario__texto-1,
.aniversario__texto-2,
.aniversario__texto-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: "bebasneue", sans-serif;
  font-style: italic;
  letter-spacing: 1px;
  color: #fff; }

.aniversario__texto-1 {
  font-size: 48px;
  margin-top: 4px; }

.aniversario__texto-2 {
  padding-top: 10px;
  padding-right: 15px;
  font-size: 100px;
  line-height: 80px;
  background-color: #f16d0b; }

.aniversario__texto-3 {
  font-size: 50px;
  background-color: #f16d0b; }

.aniversario__combi {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 110px;
  color: #fff; }

.combi__oferta-1,
.combi__oferta-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
  height: 100%; }

.combi__bebidas {
  background-size: 100%;
  background-repeat: no-repeat; }

.combi__bebidas--1 {
  width: 100px;
  height: 69px;
  margin-left: 3px;
  background-image: url("../img/img-slide-portada/bebidas-2.png"); }

.combi__bebidas--2 {
  width: 78px;
  height: 70px;
  background-image: url("../img/img-slide-portada/bebidas-1.png");
  margin-left: 35px; }

.ofertas__texto-precio {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-end;
  flex-wrap: wrap;
  width: 150px;
  height: 100%;
  font-family: 'Exo 2', sans-serif;
  font-style: normal;
  margin-left: 10px; }

.ofertas__texto {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  font-size: 23px;
  font-weight: 100;
  letter-spacing: 0;
  font-family: 'Exo 2', sans-serif; }

.ofertas__precio {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  font-size: 55px;
  font-weight: bold;
  line-height: 51px;
  font-family: 'Exo 2', sans-serif; }

.leyenda-promociones {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 550px;
  position: absolute;
  top: -1000px;
  left: 0px;
  opacity: 0;
  transform: rotate(90deg);
  transition: all, 1s;
  margin-left: 30px; }
  @media (max-width: 950px) {
    .leyenda-promociones {
      margin-left: 0; } }

.promociones__texto-1,
.promociones__texto-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  font-family: "bebasneue", sans-serif;
  font-style: italic;
  letter-spacing: 1px;
  color: #fff; }

.promociones__texto-1 {
  font-size: 48px;
  margin-top: 4px; }

.promociones__texto-2 {
  padding-top: 10px;
  padding-right: 15px;
  font-size: 100px;
  line-height: 80px;
  background-color: #fd829e; }

.leyenda-tarjeta {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 700px;
  position: absolute;
  top: 1000px;
  left: 0px;
  opacity: 0;
  transition: all, 1s;
  margin-left: 80px; }
  @media (max-width: 650px) {
    .leyenda-tarjeta {
      margin-left: 0; } }

.tarjeta__texto-1,
.tarjeta__texto-2 {
  font-family: "Exo 2", sans-serif;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0 3px 5px #995F5F; }
  @media (max-width: 650px) {
    .tarjeta__texto-1,
    .tarjeta__texto-2 {
      text-align: center; } }

.tarjeta__texto-1 {
  font-size: 50px;
  margin-top: 4px;
  margin-bottom: 10px; }

.tarjeta__texto-2 {
  font-size: 50px;
  margin-bottom: 25px; }

.tarjeta__texto-3 {
  font-family: "Exo 2", sans-serif;
  padding-top: 10px;
  padding-right: 15px;
  font-size: 25px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  text-shadow: 0 3px 5px #995F5F; }

.tarjeta__texto-4 {
  font-family: "Exo 2", sans-serif;
  padding-top: 10px;
  padding-right: 15px;
  font-size: 25px;
  line-height: 22px;
  color: #fff;
  text-shadow: 0 3px 5px #995F5F; }

.leyenda-operaballet {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 550px;
  position: absolute;
  top: 0px;
  left: -1000px;
  opacity: 0;
  transition: all, 1s;
  opacity: 0; }

.operaBallet__texto-1,
.operaBallet__texto-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: "bebasneue", sans-serif;
  font-style: italic;
  letter-spacing: 1px; }

.operaBallet__texto-1 {
  font-size: 48px;
  margin-top: 4px;
  color: #fff;
  order: 1; }

.operaBallet__texto-2 {
  padding-top: 20px;
  padding-right: 15px;
  font-size: 100px;
  line-height: 100px;
  color: #fff;
  background-color: #6bd3f1;
  order: 0; }

.leyenda-ciclosArte {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 550px;
  position: absolute;
  top: 0px;
  left: -1000px;
  opacity: 0;
  transition: all, 1s;
  margin-left: 10px; }
  @media (max-width: 950px) {
    .leyenda-ciclosArte {
      margin-left: 0; } }

.ciclosArte__texto-1,
.ciclosArte__texto-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: "bebasneue", sans-serif;
  font-style: italic;
  letter-spacing: 1px; }

.ciclosArte__texto-1 {
  font-size: 48px;
  margin-top: 4px;
  color: #ffbe09; }

.ciclosArte__texto-2 {
  padding-top: 10px;
  padding-right: 15px;
  font-size: 100px;
  line-height: 80px;
  color: #fff;
  background-color: #ffbe09; }

.leyenda-vso {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 550px;
  position: absolute;
  top: 0px;
  left: 0px;
  transform: scale(3);
  opacity: 0;
  transition: all, 1s;
  margin-left: 100px; }
  @media (max-width: 950px) {
    .leyenda-vso {
      top: 200px;
      margin-left: 0; } }

.vso__texto-1,
.vso__texto-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 65%;
  font-family: "bebasneue", sans-serif;
  font-style: italic;
  letter-spacing: 1px; }

.vso__texto-1 {
  font-size: 48px;
  margin-top: 4px;
  color: #0089be; }

.vso__texto-2 {
  padding-top: 10px;
  padding-right: 15px;
  font-size: 100px;
  line-height: 80px;
  color: #fff;
  background-color: #0089be; }

.container-slide-gallery {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff; }

.slide-gallery-container {
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.gallery-left-arrow {
  width: 30px;
  height: 30px;
  color: #ff7a17;
  position: absolute;
  top: 35%;
  left: -4%; }

.gallery-right-arrow {
  width: 30px;
  height: 30px;
  color: #ff7a17;
  position: absolute;
  top: 35%;
  left: 98%; }

.slide__boxes {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .slide__boxes {
      width: 675px; } }
  @media (max-width: 900px) {
    .slide__boxes {
      width: 450px; } }
  @media (max-width: 650px) {
    .slide__boxes {
      width: 225px; } }

.caja {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  transition: all, .3s;
  overflow: hidden;
  position: absolute;
  top: 0; }

.caja__imagen {
  width: 200px;
  height: 293px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all, .3s;
  box-shadow: 0 3px 5px #666;
  cursor: pointer; }
  .caja__imagen:hover {
    filter: brightness(50%); }

.caja__titulo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  margin-top: 15px;
  font-family: 'Exo 2', sans-serif;
  color: #333;
  font-size: 11px; }

.display-none {
  display: none; }

.gallery__left,
.gallery__right {
  display: block;
  color: #ff7a17;
  font-size: 40px;
  transition: all, .3s;
  margin-bottom: 60px;
  position: relative;
  top: 300px; }
  .gallery__left:hover,
  .gallery__right:hover {
    color: #b04b00; }

.slide-gallery-container div:nth-child(1),
.slide-gallery-container div:nth-child(3) {
  color: #ff7a17;
  font-size: 40px;
  transition: all, .3s;
  cursor: pointer; }
  .slide-gallery-container div:nth-child(1):hover,
  .slide-gallery-container div:nth-child(3):hover {
    color: #b04b00; }

.publicidad {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 10px;
  background-color: #111113; }

.publicidad__box {
  width: 49.6%;
  margin-left: 0.2%;
  margin-right: 0.2%; }
  @media (max-width: 500px) {
    .publicidad__box {
      width: 100%; } }

.publicidad__box img {
  width: 100%; }

.publicidad__box--long {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  width: 99.8%;
  background-image: url(../img/publi-app.png); }
  @media (max-width: 650px) {
    .publicidad__box--long {
      justify-content: center; } }

.app__container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 310px;
  height: 100%;
  padding: 10px;
  transition: all, .3s; }
  @media (max-width: 650px) {
    .app__container {
      width: 100%;
      background-color: rgba(0, 0, 0, 0.8); } }

.app__descarga {
  width: 300px;
  padding: 4px 15px 4px 15px;
  margin-bottom: 5px;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  border-radius: 3px; }

.app__descarga p {
  font-family: 'Exo 2', sans-serif;
  font-size: 22px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 5px #ff7a17; }

.app__iconos {
  width: 270px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px; }
  @media (max-width: 400px) {
    .app__iconos {
      margin-left: 0;
      margin-right: 0; } }

.app__iconos img {
  width: 100%;
  border-radius: 3px;
  overflow: hidden; }

.app-1-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px; }

.app-1,
.app-2 {
  width: 100px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  transition: all, .3s; }
  .app-1:hover,
  .app-2:hover {
    transform: scale(1.1); }

.app-1 img,
.app-2 img {
  width: 100%; }

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 150px;
  padding-bottom: 50px;
  background-color: #111113; }
  @media (max-width: 500px) {
    .footer {
      margin-bottom: 100px; } }

.footer__menu {
  width: 100%; }
  @media (max-width: 1000px) {
    .footer__menu {
      order: 2;
      margin-bottom: 100px; } }

.footer__ul {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 50px; }
  @media (max-width: 1000px) {
    .footer__ul {
      flex-wrap: wrap; } }

.footer__li {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 1000px) {
    .footer__li {
      width: 50%;
      height: 30px; } }
  @media (max-width: 500px) {
    .footer__li {
      width: 50%;
      height: 30px; } }

.footer__li a {
  display: flex;
  justify-content: center;
  align-items: center; }

.footer__a {
  font-family: 'Exo 2', sans-serif;
  font-size: 11px;
  color: #ff7a17; }

.footer__rrss {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 80px;
  font-size: 15px;
  font-family: 'Exo 2', sans-serif; }
  @media (max-width: 1000px) {
    .footer__rrss {
      justify-content: center; } }

.footer__facebook,
.footer__twitter,
.footer__instagram {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.footer__facebook a,
.footer__twitter a,
.footer__instagram a {
  color: gray;
  transition: all, .3s; }

.footer__rrss-icon {
  color: gray;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  transition: all, .3s; }

.footer__facebook:hover .icon-facebook {
  color: #ff7a17; }
.footer__facebook:hover .link-facebook {
  color: #ff7a17; }

.footer__twitter:hover .icon-twitter {
  color: #ff7a17; }
.footer__twitter:hover .link-twitter {
  color: #ff7a17; }

.footer__instagram:hover .icon-instagram {
  color: #ff7a17; }
.footer__instagram:hover .link-instagram {
  color: #ff7a17; }

.cartelera-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background-color: #fff; }

.caratula {
  width: 200px;
  height: 360px;
  margin: 10px;
  overflow: hidden;
  position: relative; }

.caratula__imagen {
  width: 100%;
  height: 293px;
  border-radius: 10px;
  cursor: pointer;
  transition: all, .3s;
  box-shadow: 0 3px 5px #666; }
  .caratula__imagen:hover {
    filter: brightness(50%); }

.caratula__titulo {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  width: 100%;
  height: 60px;
  padding-top: 10px;
  font-size: 12px;
  font-family: 'Exo 2', sans-serif;
  color: #333; }

.trailer {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-content: flex-end;
  flex-wrap: wrap;
  width: 100%;
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 150px;
  padding-bottom: 20px;
  position: relative; }
  @media (max-width: 850px) {
    .trailer {
      padding-top: 100px; } }

.trailer:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0; }

.trailer__genero {
  width: 100%;
  font-family: 'Exo 2', sans-serif;
  color: #ff7a17;
  z-index: 0; }

.trailer__titulo {
  width: 100%;
  line-height: 60px;
  font-family: 'Exo 2', sans-serif;
  color: #fff;
  font-size: 30px;
  z-index: 0; }

.trailer__sinopsis {
  font-family: 'Exo 2', sans-serif;
  color: #fff;
  font-size: 12px;
  text-align: justify;
  z-index: 0; }

.trailer__edad-boton {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 80px; }

.trailer__edad {
  width: 40px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 5px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center, center;
  cursor: pointer;
  position: relative;
  z-index: 1; }
  .trailer__edad:hover .trailer__edad-tooltip {
    width: 228px;
    padding-left: 70px;
    padding-bottom: 3px;
    color: #fff;
    font-size: 16px;
    z-index: 1000; }

.trailer__edad-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Exo 2', sans-serif;
  font-size: 0;
  color: rgba(0, 0, 0, 0.9);
  background-color: rgba(0, 0, 0, 0.9);
  transition: all, .3s;
  width: 0;
  height: 49px;
  border-radius: 20px 50px 50px 20px;
  overflow: hidden;
  position: absolute;
  top: -4px;
  left: -5px; }

.trailer__boton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  font-family: 'Exo 2', sans-serif;
  color: #fff;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  transition: all, .3s;
  margin-left: 30px;
  border-radius: 30px;
  cursor: pointer;
  position: relative;
  z-index: 0; }
  .trailer__boton:hover:after {
    opacity: 1; }
  .trailer__boton:before {
    margin-right: 8px; }

.trailer__boton:after {
  content: "";
  display: block;
  width: 150px;
  height: 40px;
  border-radius: 30px;
  background: #B0540F;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
  opacity: 0; }

.trailer__boton a {
  color: #fff; }

.container-ficha {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  width: 100%;
  background-color: #fff;
  padding-bottom: 50px; }
  @media (max-width: 1150px) {
    .container-ficha {
      flex-wrap: wrap; } }

.container__bloque-1 {
  width: 50%;
  height: 100%; }
  @media (max-width: 1150px) {
    .container__bloque-1 {
      width: 100%; } }

.ficha__titulo {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-end;
  font-family: 'Exo 2', sans-serif;
  height: 60px;
  margin-left: 20px;
  color: #ff7a17;
  border-bottom: 1px solid gainsboro;
  position: relative; }
  @media (max-width: 1150px) {
    .ficha__titulo {
      margin-right: 20px; } }

.ficha__titulo p {
  margin-bottom: 4px; }

.ficha__foto-datos {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  margin-top: 20px; }
  @media (max-width: 1150px) {
    .ficha__foto-datos {
      align-items: space-between;
      margin-bottom: 40px; } }
  @media (max-width: 500px) {
    .ficha__foto-datos {
      flex-wrap: wrap; } }

.ficha__imagen {
  min-width: 200px;
  max-width: 200px;
  height: 100%;
  margin-left: 20px;
  margin-right: 20px; }
  @media (max-width: 500px) {
    .ficha__imagen {
      margin-bottom: 20px; } }

.ficha__imagen img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 3px 5px #666; }

.ficha__sinopsis-datos {
  width: 350px;
  height: 100%;
  margin-right: 10px;
  font-family: 'Exo 2', sans-serif;
  line-height: 15px; }
  @media (max-width: 1150px) {
    .ficha__sinopsis-datos {
      width: 100%;
      margin-right: 20px; } }
  @media (max-width: 500px) {
    .ficha__sinopsis-datos {
      margin-left: 10px;
      margin-right: 10px; } }

.ficha__sinopsis {
  width: 100%;
  height: 150px;
  padding-top: 5px;
  padding-bottom: 20px;
  font-size: 11px;
  text-align: justify;
  overflow: hidden;
  border-bottom: 1px solid gainsboro; }

.ficha__datos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-end;
  width: 100%; }

.ficha__datos p {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-top: 15px;
  font-size: 11px;
  text-align: justify; }

.container__bloque-2 {
  width: 50%;
  height: 100%; }
  @media (max-width: 1150px) {
    .container__bloque-2 {
      width: 100%;
      margin: 0; } }

.ficha__titulo-fechas {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  flex-wrap: wrap;
  height: 60px;
  border-bottom: 1px solid gainsboro; }

.titulo-sesiones {
  width: 100%;
  text-align: center;
  padding-top: 5px; }

.ficha__fechas-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 370px;
  position: relative;
  z-index: 0; }
  @media (max-width: 1150px) {
    .ficha__fechas-container {
      flex-wrap: wrap;
      width: 100%; } }
  @media (max-width: 420px) {
    .ficha__fechas-container {
      width: 290px; } }

.prueba_container {
  width: 300px;
  height: 50px;
  position: relative;
  border: 1px solid red; }

.ficha__fechas {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 23px;
  font-family: 'Exo 2', sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #666;
  background-color: #F2F2F2;
  margin-top: 2px;
  margin-right: 5px;
  margin-left: 5px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 500px) {
    .ficha__fechas {
      margin-left: 5px; } }
  @media (max-width: 420px) {
    .ficha__fechas {
      width: 240px; } }

.ficha__left,
.ficha__right {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer; }
  .ficha__left:hover,
  .ficha__right:hover {
    color: #ff7a17; }

.titulo-sesiones {
  font-family: 'Exo 2', sans-serif;
  color: #ff7a17;
  letter-spacing: 1px;
  transition: all, .3s; }

.prueba {
  border: 1px solid blue; }

.ficha__boton-fecha {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  width: 80px;
  height: 100%;
  padding-bottom: 4px;
  font-size: 11px;
  cursor: pointer;
  transition: all, .3s;
  border-right: 1px solid gainsboro;
  transition: all, .5s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100; }
  .ficha__boton-fecha:hover {
    color: #fff; }
    .ficha__boton-fecha:hover .pseudoelemento {
      opacity: 1; }
  @media (max-width: 420px) {
    .ficha__boton-fecha {
      width: 60px; } }

.pseudoelemento {
  content: "";
  display: block;
  width: 80px;
  height: 23px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  transition: all, .5s;
  z-index: -100;
  opacity: 0; }
  @media (max-width: 420px) {
    .pseudoelemento {
      width: 60px; } }

.ficha__boton-semana {
  font-size: 12px;
  font-weight: bold; }
  @media (max-width: 420px) {
    .ficha__boton-semana {
      font-size: 10px; } }

.ficha__boton-dia {
  font-size: 9px;
  margin-left: 5px; }

.nohaysesiones {
  transition: all, .3s; }
  @media (max-width: 420px) {
    .nohaysesiones {
      font-size: 12px; } }

.cines {
  width: 100%; }

.container-nombre-horas {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  min-height: 69px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #BDBDBD;
  box-shadow: 0 2px 5px -2px #999;
  transition: all, .3s; }
  @media (max-width: 1150px) {
    .container-nombre-horas {
      width: 100%;
      padding-left: 50px;
      margin-left: 0; } }
  @media (max-width: 600px) {
    .container-nombre-horas {
      padding-left: 20px; } }
  @media (max-width: 400px) {
    .container-nombre-horas {
      padding-left: 10px; } }

.cines__nombres {
  min-width: 120px; }

.cines__nombres p {
  font-family: 'Exo 2', sans-serif;
  font-size: 12px; }

.cines__horas {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%; }

.fondo_naranja {
  transition: all, .3s;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  color: #fff; }

.ficha__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #111113;
  overflow: hidden;
  position: relative; }

.ficha__slide-container-boxes {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden; }
  @media (max-width: 850px) {
    .ficha__slide-container-boxes {
      height: 37vmin; } }

.ficha__boxes {
  display: inline;
  width: 100%;
  transition: all, .3s;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.ficha__boxes img {
  width: 100%; }

.ficha__arrow-left,
.ficha__arrow-right {
  color: silver;
  font-size: 50px;
  transition: all, .3s;
  cursor: pointer;
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 1; }
  .ficha__arrow-left:hover,
  .ficha__arrow-right:hover {
    color: #ff7a17; }
  @media (max-width: 500px) {
    .ficha__arrow-left,
    .ficha__arrow-right {
      top: 40%; } }

.ficha__arrow-right {
  left: calc(100% - 50px); }

.promocion-container {
  width: 100%;
  background-color: #fff; }

.promocion {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  height: 100%;
  background-color: #fff;
  border-bottom: 1px solid gainsboro;
  padding-top: 30px;
  padding-rigth: 30px;
  padding-bottom: 30px;
  margin-left: 30px;
  margin-right: 30px; }
  @media (max-width: 650px) {
    .promocion {
      flex-wrap: wrap; } }

.promocion__imagen {
  width: 50%;
  transition: all, .8s; }
  @media (max-width: 650px) {
    .promocion__imagen {
      width: 60vmin;
      margin-bottom: 30px; } }
  @media (max-width: 500px) {
    .promocion__imagen {
      width: 100%; } }

.promocion__imagen img {
  width: 100%;
  height: 100%; }

.promocion__oferta {
  width: 50%;
  height: 100%;
  margin-top: 10px;
  margin-left: 40px; }
  @media (max-width: 650px) {
    .promocion__oferta {
      width: 100%; } }
  @media (max-width: 500px) {
    .promocion__oferta {
      margin-left: 0; } }

.promocion__descripcion {
  margin-top: 30px;
  margin-bottom: 20px; }

.promocion__descripcion p {
  font-family: 'Exo 2', sans-serif;
  font-size: 13px; }

.promocion__masinfo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 24px;
  padding: 5px;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  transition: all, .3s;
  border-radius: 50px;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  top: 0;
  left: 0; }
  .promocion__masinfo:hover {
    width: 50px;
    height: 50px;
    top: -15px;
    left: 15px;
    border-radius: 50%;
    font-size: 8px;
    background: linear-gradient(180deg, #ffc15f, #E06000);
    box-shadow: 0 20px 20px #C2C2C2; }
  .promocion__masinfo:active {
    background: linear-gradient(180deg, #E06000, #ffc15f); }

.promocion__masinfo p {
  font-family: 'Exo 2', sans-serif;
  color: #fff;
  text-align: center; }

.tarjeta-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff; }

.tarjeta__fondo-banner {
  background-color: #fcadad;
  position: relative;
  overflow: hidden; }

.transparencia {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all, 1s; }
  @media (max-width: 1400px) {
    .transparencia {
      background-color: rgba(0, 0, 0, 0.5); } }

.tarjeta__banner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 850px) {
    .tarjeta__banner {
      margin-top: 50px; } }

.tarjeta__banner img {
  width: 100%; }

.tarjeta__leyendas {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 750px;
  position: absolute;
  transition: all, 1s;
  margin-left: 50px;
  left: -1000px; }
  @media (max-width: 950px) {
    .tarjeta__leyendas {
      margin-left: 80px; } }
  @media (max-width: 850px) {
    .tarjeta__leyendas {
      margin-left: 0; } }
  @media (max-width: 500px) {
    .tarjeta__leyendas {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; } }

.tarjeta__leyenda-1,
.tarjeta__leyenda-2,
.tarjeta__leyenda-3,
.tarjeta__leyenda-4 {
  font-family: "Exo 2", sans-serif;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0 3px 5px #995F5F; }
  @media (max-width: 1400px) {
    .tarjeta__leyenda-1,
    .tarjeta__leyenda-2,
    .tarjeta__leyenda-3,
    .tarjeta__leyenda-4 {
      text-align: center; } }
  @media (max-width: 500px) {
    .tarjeta__leyenda-1,
    .tarjeta__leyenda-2,
    .tarjeta__leyenda-3,
    .tarjeta__leyenda-4 {
      display: none; } }

.tarjeta__leyenda-1 {
  font-size: 45px;
  margin-top: 4px;
  margin-bottom: 10px; }

.tarjeta__leyenda-2 {
  padding-top: 10px;
  padding-right: 15px;
  font-size: 45px;
  line-height: 22px;
  margin-bottom: 40px; }

.tarjeta__leyenda-3 {
  width: 100%;
  padding-top: 10px;
  padding-right: 15px;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
  text-align: center; }

.tarjeta__leyenda-4 {
  padding-top: 10px;
  padding-right: 15px;
  font-size: 20px;
  line-height: 22px;
  color: #fff; }

.tarjeta__botones {
  font-family: 'Exo 2', sans-serif;
  text-align: center;
  color: #fff;
  text-shadow: 0 3px 5px #F36800;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  background-color: #fff;
  box-shadow: 0 3px 5px #995F5F;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 30px;
  margin-right: 10px;
  border-radius: 3px;
  transition: all, .3s;
  position: relative;
  overflow: hidden;
  transition: all, .3s; }
  .tarjeta__botones:hover {
    background: linear-gradient(90deg, #FFA920, #F36800); }
  @media (max-width: 1400px) {
    .tarjeta__botones {
      margin-right: 15px;
      box-shadow: 0 3px 5px #333; } }
  @media (max-width: 500px) {
    .tarjeta__botones {
      width: 50%;
      margin-top: 10px;
      margin-bottom: 10px; } }

.tarjeta__imagen {
  width: 100%;
  margin-left: 20px;
  margin-right: 20px; }

.tarjeta__imagen img {
  width: 100%; }

.tarjeta__formulario {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  width: 100%; }
  @media (max-width: 550px) {
    .tarjeta__formulario {
      flex-wrap: wrap; } }

.tarjeta__formulario-box-1,
.tarjeta__formulario-box-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 60%; }
  @media (max-width: 900px) {
    .tarjeta__formulario-box-1,
    .tarjeta__formulario-box-2 {
      justify-content: center; } }
  @media (max-width: 550px) {
    .tarjeta__formulario-box-1,
    .tarjeta__formulario-box-2 {
      width: 80%;
      margin-bottom: 30px; } }
  @media (max-width: 400px) {
    .tarjeta__formulario-box-1,
    .tarjeta__formulario-box-2 {
      width: 100%; } }

.tarjeta__formulario-box-1 {
  margin-left: 20px; }
  @media (max-width: 550px) {
    .tarjeta__formulario-box-1 {
      margin-right: 20px; } }

.tarjeta__formulario-box-2 {
  margin-left: 20px;
  margin-right: 20px; }

.tarjeta__label {
  width: 100%;
  font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  color: #ff7a17; }

.tarjeta__input {
  width: 90%;
  height: 30px;
  margin-top: 8px;
  margin-bottom: 12px;
  padding-left: 10px;
  background-color: #efefef;
  transition: all, .3s;
  border: 0;
  border-radius: 3px; }
  .tarjeta__input:focus {
    background-color: #ff7a17; }
  @media (max-width: 1000px) {
    .tarjeta__input {
      width: 100%; } }

.tarjeta__condiciones {
  font-family: 'Exo 2', sans-serif;
  font-size: 10px;
  color: #666;
  margin-bottom: 20px;
  text-align: justify; }
  @media (max-width: 550px) {
    .tarjeta__condiciones {
      margin-bottom: 40px; } }

.tarjeta__submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 24px;
  padding: 5px;
  margin-bottom: 20px;
  color: #fff;
  font-family: 'Exo 2', sans-serif;
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  transition: all, .3s;
  border: none;
  border-radius: 50px;
  font-size: 12px;
  cursor: pointer;
  outline: none;
  position: relative;
  top: 0;
  left: 0; }
  .tarjeta__submit:hover {
    background: linear-gradient(90deg, #ff7a17, #ff7a17);
    box-shadow: 0 10px 10px #C2C2C2;
    transform: scale(1.1); }
    @media (max-width: 550px) {
      .tarjeta__submit:hover {
        left: 0; } }
  .tarjeta__submit:active {
    background: linear-gradient(180deg, #E06000, #ffc15f); }

.tarjeta__submit--danger {
  width: 95%;
  background: linear-gradient(90deg, #FF7B7B, #FF304F); }
  .tarjeta__submit--danger:hover {
    background: linear-gradient(90deg, #FF7B7B, #FF304F); }

.tarjeta__preguntas-titulo {
  font-family: 'Exo 2', sans-serif;
  color: #ff7a17;
  font-size: 12px;
  width: 100%;
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 10px;
  margin-bottom: 10px; }

.tarjeta__preguntas-parrafo {
  font-family: 'Exo 2', sans-serif;
  color: #666;
  font-size: 12px;
  width: 100%;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 30px;
  text-align: justify; }

.capa_checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 90%;
  min-width: 235px;
  height: 30px;
  background-color: #efefef;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 10px;
  font-family: 'Exo 2', sans-serif;
  font-size: 11px;
  border-radius: 3px; }
  @media (max-width: 1000px) {
    .capa_checkbox {
      width: 100%; } }

.capa_checkbox input {
  margin-right: 5px; }

.form-select,
.form-select-2 {
  width: 150px;
  height: 30px;
  transition: all, .3s;
  position: absolute;
  top: 50px;
  left: calc(100% - 170px);
  z-index: 1; }

.form-select-2 {
  top: 21px; }
  @media (max-width: 1200px) {
    .form-select-2 {
      top: -50px; } }

.ul-select {
  width: 100%;
  height: 30px;
  overflow: hidden;
  transition: all, .3s;
  position: absolute;
  top: 0;
  left: 0; }

.li-button-select {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 30px;
  padding-left: 10px;
  font-size: 11px;
  letter-spacing: 1px;
  color: #ff7a17;
  font-weight: bold;
  border: 1px solid gainsboro;
  background-color: #fff;
  cursor: pointer; }

.li-button-select p {
  transition: all, .1s; }
  .li-button-select p:hover {
    transform: scale(1.05, 1.05);
    text-shadow: 0 3px 2px #666; }

.capas-li {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 0;
  padding-left: 10px;
  background: linear-gradient(90deg, #fff, #fff);
  font-size: 10px;
  letter-spacing: 1px;
  color: transparent;
  font-family: 'Exo 2', sans-serif;
  overflow: hidden;
  transition: all, .3s;
  cursor: pointer; }
  .capas-li:hover {
    color: #fff;
    background: linear-gradient(90deg, #ffc15f, #ff7a17); }

.desplegar-ul {
  transition: all, .3s;
  height: 180px;
  box-shadow: 0 2px 6px #666; }

.desplegar-li {
  height: 30px;
  border-bottom: 1px solid #c0c0c0;
  color: #222450;
  background-color: #fff; }

.scroll-ul {
  overflow: scroll;
  overflow-x: hidden; }

.borde-li {
  border: none; }

.icon-angle-down {
  color: #ff7a17;
  font-size: 20px;
  margin-top: 4px; }

.interior__cabecera {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  background-color: #111113;
  overflow: hidden;
  position: relative; }
  @media (max-width: 850px) {
    .interior__cabecera {
      margin-top: 50px; } }

.interior__cabecera img {
  width: 100%; }

.leyenda_cines {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 10px;
  transition: all, .9s;
  position: absolute;
  top: 35%;
  left: -1000px; }
  @media (max-width: 850px) {
    .leyenda_cines {
      top: 40%; } }

.leyenda_cines__logo {
  margin-right: 30px; }

.leyenda_cines__titulo-1,
.leyenda_cines__titulo-2 {
  font-family: "bebasneue", sans-serif;
  color: #fff;
  font-style: italic;
  letter-spacing: 1px;
  height: 60px; }

.leyenda_cines__titulo-1 {
  font-size: 40px;
  margin-left: 10px; }

.leyenda_cines__titulo-2 {
  font-size: 85px;
  line-height: 65px; }

.cartelera__titulo {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-end;
  height: 50px;
  background-color: #fff;
  position: relative; }

.cartelera__titulo p {
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid gainsboro; }

.container-cartelera {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 3px; }

.cartelera__titulo p {
  font-family: 'Exo 2', sans-serif;
  line-height: 30px;
  color: #ff7a17;
  position: relative; }

.cartelera__semana {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  margin-right: auto;
  font-family: 'Exo 2', sans-serif;
  border-bottom: 1px solid gainsboro;
  position: relative; }

.cartelera__dias {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  height: 40px;
  margin-right: 40px;
  color: #666;
  font-weight: bold;
  cursor: pointer;
  transition: all, .3s; }

.cartelera__dias p:nth-child(2) {
  font-size: 12px;
  margin-left: 5px;
  margin-bottom: 1px; }

.cartelera__dias--select {
  margin-left: auto;
  margin-right: 10px;
  margin-bottom: 5px;
  order: 2; }

.select {
  padding: 5px;
  margin-top: 2px;
  border: none;
  border-radius: 3px;
  color: #333;
  background-color: #efefef;
  font-weight: bold;
  font-family: 'Exo 2', sans-serif;
  letter-spacing: 1px; }

.select option {
  height: 30px;
  padding: 5px;
  margin-top: 2px;
  border: none;
  border-radius: 3px;
  color: #333;
  background-color: #efefef;
  font-weight: bold;
  font-family: 'Exo 2', sans-serif;
  letter-spacing: 1px; }
  .select option:hover {
    background-color: #ff7a17; }

.cartelera__peliculas {
  transition: all, .5s;
  opacity: 0; }

.cartelera__nohaysesiones {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  font-family: 'Exo 2', sans-serif;
  font-size: 20px;
  color: #666;
  transition: all, .5s;
  opacity: 0; }
  @media (max-width: 400px) {
    .cartelera__nohaysesiones {
      font-size: 16px; } }

.pelicula {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 10px;
  border-bottom: 1px solid gainsboro; }
  @media (max-width: 450px) {
    .pelicula {
      flex-wrap: wrap; } }

.pelicula__foto {
  min-width: 200px;
  height: 293px;
  box-shadow: 0 3px 5px #666;
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 20px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  .pelicula__foto:hover {
    filter: brightness(50%); }
  @media (max-width: 450px) {
    .pelicula__foto {
      margin-bottom: 20px;
      margin-right: 0; } }

.pelicula__info {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  font-family: 'Exo 2', sans-serif; }
  @media (max-width: 450px) {
    .pelicula__info {
      align-content: flex-start; } }

.info__genero {
  width: 100%;
  height: 20px;
  color: #ff7a17;
  margin-top: 30px;
  margin-bottom: 10px; }
  @media (max-width: 550px) {
    .info__genero {
      text-align: center; } }
  @media (max-width: 450px) {
    .info__genero {
      margin-top: 0px; } }

.info__titulo {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #333; }
  @media (max-width: 550px) {
    .info__titulo {
      text-align: center; } }
  @media (max-width: 450px) {
    .info__titulo {
      line-height: 30px; } }

.info__sinopsis {
  width: 100%;
  height: 100px;
  font-size: 12px;
  color: #333;
  text-align: justify;
  padding-right: 10px;
  margin-top: 15px;
  margin-right: 10px; }
  @media (max-width: 550px) {
    .info__sinopsis {
      display: none; } }

.info__ver-mas {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 50px;
  color: #ff7a17;
  cursor: pointer;
  transition: all, .3s; }
  .info__ver-mas:hover {
    color: #e36100; }
  @media (max-width: 550px) {
    .info__ver-mas {
      height: 150px;
      order: 6; } }

.info__sesiones {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 20px; }
  @media (max-width: 550px) {
    .info__sesiones {
      height: 100px; } }
  @media (max-width: 450px) {
    .info__sesiones {
      height: 80px;
      margin-top: 15px; } }

.sesiones-bloque-1,
.sesiones-bloque-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; }

@media (max-width: 1500px) {
  .sesiones-bloque-1 {
    flex-wrap: wrap; } }
@media (max-width: 550px) {
  .sesiones-bloque-1 {
    justify-content: flex-start; } }
@media (max-width: 550px) {
  .sesiones-bloque-1 {
    justify-content: center; } }

.sesiones-bloque-1__horarios {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 3px;
  max-height: 85px; }
  @media (max-width: 550px) {
    .sesiones-bloque-1__horarios {
      justify-content: flex-start;
      width: 100%; } }
  @media (max-width: 450px) {
    .sesiones-bloque-1__horarios {
      justify-content: center; } }

.sesiones-bloque-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto; }
  @media (max-width: 1050px) {
    .sesiones-bloque-2 {
      height: 40px; } }
  @media (max-width: 850px) {
    .sesiones-bloque-2 {
      height: 100%; } }
  @media (max-width: 750px) {
    .sesiones-bloque-2 {
      padding-top: 38px; } }
  @media (max-width: 670px) {
    .sesiones-bloque-2 {
      display: none; } }

.sesiones-bloque-2__tiempo,
.sesiones-bloque-2__mins {
  color: #333;
  margin-right: 5px; }

.icon-clock {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  margin-top: 2px;
  margin-right: 10px; }

.sesiones-bloque-1__titulo {
  color: #333;
  margin-top: 20px;
  margin-bottom: 20px; }

.informacion-container-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px; }
  @media (max-width: 600px) {
    .informacion-container-1 {
      flex-wrap: wrap-reverse; } }
  @media (max-width: 450px) {
    .informacion-container-1 {
      padding: 10px; } }

.informacion-general {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 50%; }

.informacion__nombre {
  width: 100%;
  font-family: 'Exo 2', sans-serif;
  color: #ff7a17;
  font-size: 20px;
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 20px; }
  @media (max-width: 600px) {
    .informacion__nombre {
      text-align: center; } }

.informacion__blanco {
  width: 100%;
  font-family: 'Exo 2', sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 1px;
  padding-right: 10px; }
  @media (max-width: 600px) {
    .informacion__blanco {
      text-align: center; } }
  @media (max-width: 450px) {
    .informacion__blanco {
      padding: 0; } }

.informacion__blanco a {
  color: #fff;
  transition: all, .3s; }
  .informacion__blanco a:hover {
    color: #ff7a17; }

.informacion__slide {
  width: 100%;
  max-width: 400px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 4px 10px #000; }

.informacion__slide .icon-left-arrow,
.informacion__slide .icon-right-arrow {
  color: #fff;
  font-size: 40px;
  text-shadow: 0 2px 5px #000;
  cursor: pointer;
  transition: all, .3s; }
  .informacion__slide .icon-left-arrow:hover,
  .informacion__slide .icon-right-arrow:hover {
    color: #ff7a17; }

.informacion-container-2 {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 50px; }

.informacion__precios-titulo {
  width: 100%;
  font-family: 'Exo 2', sans-serif;
  color: #ff7a17;
  letter-spacing: 1px;
  line-height: 80px;
  text-align: center; }

.container__categoria-precio {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px; }

.informacion__categoria-precio {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }

.informacion__categoria {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Exo 2', sans-serif;
  letter-spacing: 1px;
  width: 100%;
  color: silver;
  font-size: 14px;
  padding-right: 20px;
  transition: all, .3s; }

.informacion__precio {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  font-family: 'Exo 2', sans-serif;
  letter-spacing: 1px;
  min-width: 82px;
  max-width: 82px;
  color: silver;
  font-size: 14px;
  transition: all, .3s; }

.shine {
  color: #fff; }

.banda {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 25px;
  color: #fff;
  box-shadow: 1px 1px 5px #333;
  font-family: 'Exo 2', sans-serif;
  text-align: center;
  letter-spacing: 1px;
  position: absolute;
  transform: rotate(-45deg); }

.banda--estreno {
  background: linear-gradient(90deg, #ffc15f, #ff7a17);
  border-bottom: 1px solid #ff7a17;
  text-shadow: 1px 1px 3px #BB5000;
  top: 25px;
  left: -60px; }

.banda--proximamente {
  background: linear-gradient(90deg, #B66FFF, #8738D6);
  border-bottom: 1px solid #8738D6;
  text-shadow: 1px 1px 3px #5300A7;
  font-size: 14px;
  top: 35px;
  left: -50px; }

.banda--vose {
  background: linear-gradient(90deg, #51E33D, #139F00);
  border-bottom: 1px solid #139F00;
  text-shadow: 1px 1px 3px #0E7500;
  top: 30px;
  left: -55px; }

.legal__container-general {
  width: 70%;
  height: 100%;
  color: #333;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  font-family: 'Exo 2', sans-serif;
  transition: all, .3s;
  border-radius: 3px; }
  @media (max-width: 850px) {
    .legal__container-general {
      width: 100%;
      margin-top: 50px; } }

.legal__titulo {
  color: #ff7a17;
  background-color: #fff;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 80px;
  padding-bottom: 25px;
  font-weight: bold;
  letter-spacing: 1px; }

.legal__parrafo {
  background-color: #fff;
  text-align: justify;
  padding-left: 40px;
  padding-right: 40px; }

.legal__ul {
  width: 100%;
  background-color: #fff;
  padding-left: 55px;
  padding-right: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: justify; }

.legal__li-letras,
.legal__li-puntos,
.legal__li-numeros,
.legal__li-romanos {
  padding-bottom: 20px;
  margin-left: 20px; }

.legal__li-letras {
  list-style-type: lower-alpha; }

.legal__li-puntos {
  list-style-type: disc; }

.legal__li-numeros {
  list-style-type: decimal; }

.legal__li-romanos {
  list-style-type: upper-roman; }

.legal__radius-bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.avisoCookies {
  width: 100%;
  height: 150px;
  transition: all, 1s;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: calc(100% - 150px);
  left: 0;
  z-index: 10000;
  display: none; }
  @media (max-width: 760px) {
    .avisoCookies {
      height: 180px;
      top: calc(100% - 180px); } }
  @media (max-width: 350px) {
    .avisoCookies {
      height: 200px;
      top: calc(100% - 200px); } }

.avisoCookies {
  height: 100%;
  background: linear-gradient(#ffc15f, #ff7a17); }

.componenteCookies__texto {
  font-family: 'Exo 2';
  font-size: 14px;
  color: #304ffe;
  text-align: center;
  letter-spacing: 1px;
  font-weight: bold;
  transition: all, .3s;
  padding: 20px; }

.componenteCookies__capaBotones {
  display: flex;
  justify-content: space-around;
  align-items: center;
  /*margin-top: 15px;*/ }

.componenteCookies__botones {
  font-family: 'Exo 2';
  font-size: 17px;
  padding: 10px 20px 10px 20px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  transition: all, .3s;
  cursor: pointer; }

.componenteCookies__botones:hover {
  background-color: orange; }

@media (max-width: 650px) {
  .componenteCookies__texto {
    font-size: 12px; }

  .componenteCookies__botones {
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    border-radius: 3px; } }