html {
  background-image: url(../img/03fondito.jpg);
}

.banner {
  height: 12rem;
  background-image: url('../img/5.png');
  display: grid;
  grid-template-columns: 40% 60%;
}

.fondo-navbar {
  background-image: url('../img/7.png');
  border-top: solid #94672C 3px;
  border-bottom: solid #94672C 3px;
  background-repeat: no-repeat;
  height: 1.9rem;
  text-align: right;
  margin: 0px 0px 4px 0px;
  width: 100%;
}

.navbar-options {
  margin-top: 0.13rem;

}

.navbar-options a,
.navbar-button {
  text-align: center;
  color: white;
  font-weight: 600;
  letter-spacing: -1px;
  text-decoration: none;
  font-size: 14px;
  margin: 0px 3px 0px 3px;
  background-color: rgba(255, 255, 255, 0.253);
  padding: 3px 5px 3px 5px;
  border: 1px solid rgb(182, 182, 182);
}

.menu_mobile {
  margin-right: 1rem;
  cursor: pointer;
}

.navbar-options a:hover {
  background-color: #3d2d00d2;
}

.botones .navbar-options a:hover {
  background-color: #000;
}



.texto-banner {
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -1px;
  color: #96280F;
  text-shadow: 2px 2px rgb(95, 58, 58);
  margin-top: 1rem;
  margin-bottom: 0px;
}

.texto-banner__secundario {
  font-size: 3rem;
  text-align: right;
  margin-right: 3.5rem;
  margin-top: -15px;
  color: #96280F;
  font-weight: 400;
  /* text-shadow: 2px 2px rgb(95, 58, 58); */
}

@media(max-width:768px) {
  .banner {
    grid-template-columns: 0% 100% !important;
    height: 7.4rem;
  }

  .texto-banner {
    font-size: 2.5rem;
    width: 100% !important;
    text-align: right;
    margin-right: 2.3rem;
    float: right;
  }

  .texto-banner__secundario {
    font-size: 2rem;
    padding-top: 10px;
    margin-right: 2.3rem;
    float: right;
  }

  .volver-inicio {
    margin-top: 5.4rem !important;
  }

  .texto-encima {
    top: 5.9rem !important;
  }
}


@media(max-width:325px) {
  .texto-banner {
    font-size: 2rem;

  }

  .texto-banner__secundario {
    font-size: 1.5rem;
  }
}

.volver-inicio {
  margin-top: 7.7rem;
  border: solid rgb(160, 160, 160) 1px;
}

.contenedor {
  position: relative;
  display: inline-block;
  text-align: center;
}

.texto-encima {
  position: absolute;
  top: 7.9rem;
  color: white;
  font-size: 0.8rem;
  letter-spacing: -1px;
  font-weight: 400;

}

.texto-encima a {
  color: white;
  text-decoration: none;
  background-color: #00000091;
  padding: 0.2rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  border: solid #ffffff8f 0.5px;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.active {
  background-color: #4CAF50;
}

.contenedor-actriz {
  /* display: grid;
    grid-template-columns: (40% 50% 10% / 1fr);
    height: 20rem; */
  display: grid;
  grid-template-columns: 40% 50% 10%;
  grid-template-rows: 20% 60% 20%;
  height: 37rem;
  max-width: 756px;
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(28%, rgba(8, 8, 8, 1)), color-stop(51%, rgba(23, 23, 23, 1)), color-stop(71%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(51, 51, 51, 1)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333', GradientType=0);


}

.contenido-imagen {
  grid-column: 1 / 2;
  grid-row: 2 / 4;
  background-color: #000;
  background: rgba(0, 0, 0, 1);
  border-top: solid rgb(78, 78, 78) 2px;
  border-right: solid rgb(78, 78, 78) 2px;
}

.contenido-imagen img {
  width: 99%;
  height: 100%;
  overflow: hidden;

}

.contenido-vacio,
.contenido-vacio-2,
.contenido-vacio-3,
.contenido-vacio-4,
.contenido-vacio-5 {
  background: rgba(0, 0, 0, 1);
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(28%, rgba(8, 8, 8, 1)), color-stop(51%, rgba(23, 23, 23, 1)), color-stop(71%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(51, 51, 51, 1)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333', GradientType=0);
}

.contenido-vacio {
  border-top: solid rgb(78, 78, 78) 2px;
  border-right: solid rgb(78, 78, 78) 2px;
  border-left: solid rgb(78, 78, 78) 2px;

}

.contenido-vacio-2 {
  border-top: solid rgb(78, 78, 78) 2px;
  border-right: solid rgb(78, 78, 78) 2px;
}

.contenido-vacio-3 {
  grid-row: 1 / 3;
  border-top: solid rgb(78, 78, 78) 2px;
  border-bottom: solid rgb(78, 78, 78) 2px;
  border-right: solid rgb(78, 78, 78) 2px;
  grid-template-rows: 25.3% 74.7%;
  display: grid;

}

.contenido-vacio-3_1 {
  border-bottom: solid rgb(78, 78, 78) 2px;
  background: rgba(0, 0, 0, 1);
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(28%, rgba(8, 8, 8, 1)), color-stop(51%, rgba(23, 23, 23, 1)), color-stop(71%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(51, 51, 51, 1)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333', GradientType=0);

}

.contenido-vacio-4 {
  grid-column: 2 / 3;
  border-bottom: solid rgb(78, 78, 78) 2px;
  border-right: solid rgb(78, 78, 78) 2px;
  text-align:center;
  padding-top:20px;
}

.contenido-vacio-5 {
  border-right: solid rgb(78, 78, 78) 2px;
  border-bottom: solid rgb(78, 78, 78) 2px;
}

.nombre-laura {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  border-top: solid rgb(78, 78, 78) 2px;
  border-right: solid rgb(78, 78, 78) 2px;
  border-bottom: solid rgb(78, 78, 78) 2px;
  background: rgba(0, 0, 0, 1);
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(28%, rgba(8, 8, 8, 1)), color-stop(51%, rgba(23, 23, 23, 1)), color-stop(71%, rgba(28, 28, 28, 1)), color-stop(100%, rgba(51, 51, 51, 1)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 28%, rgba(23, 23, 23, 1) 51%, rgba(28, 28, 28, 1) 71%, rgba(51, 51, 51, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333', GradientType=0);
}

.nombre-laura img {
  width: 20rem;
  margin-top: 7rem;
  margin-left: 2rem;
}

@media (max-width:768px) {
  .nombre-laura img {
    width: 75%;
    margin-left: 1.5rem;
  }

  .cepeda {
    font-size: 1.5rem !important;
    margin-left: 3.7rem !important;
    margin-top: 0.2rem !important;
  }

  .contenido-vacio.contenido-vacio-2.contenido-vacio-3 {
    display: none !important;
  }

  .contenido-imagen img {
    width: 99%;
    height: 100%;
    overflow: hidden;

  }
}

.cepeda {
  font-size: 3.5rem;
  margin-left: 8rem;
  color: rgb(53, 53, 53);
  margin-bottom: 8rem;
  margin-top: 0px;
}

/* CONTENIDO TEATRO */

.actriz-teatro {
  background-color: rgb(255, 255, 255);
  height: 3rem;
  display: grid;
  grid-template-columns: 27% 17% 1% 54% 1%;
  border: solid rgb(145, 145, 145) 2px;
  border-left: none;
  border-top: none;
}

.actriz-teatro P {
  text-align: right;
  margin-top: 9px;
  margin-right: 5px;
  color: whitesmoke;
  font-weight: 600;
  font-size: 14px;
}

.actriz-teatro_titulo {
  background-color: #7F7F7F;
  height: 3rem;
  border-right: solid rgb(173, 173, 173) 2px;


}

.actriz-teatro_trabajos {
  background-color: #CCCCCC;
  height: 3rem;
  border-right: solid rgb(173, 173, 173) 2px;


}

.actriz-teatro_vacio {
  /* background-color: rgb(255, 255, 255); */
  height: 3rem;

}

.actriz-teatro_vacio_1 {
  border-right: solid rgb(173, 173, 173) 2px;
}

.actriz-teatro-cont {
  background-color: rgb(255, 255, 255);
  height: 29rem;
  display: grid;
  grid-template-columns: 27% 17% 1% 54.2% 0.8%;
  border-right: solid rgb(173, 173, 173) 2px;
  border-bottom: solid rgb(173, 173, 173) 2px;


}

.vacio {
  background-color: white;
  border-right: solid rgb(173, 173, 173) 2px;
}

.actriz-teatro-cont_trabajos {
  background-image: url(../img/fondo-teatro.jpg);
  background-color: white;
  background-repeat: no-repeat;
  height: 29rem;
  grid-column: 1 /3;
  border-right: solid rgb(173, 173, 173) 2px;


}

.actriz-teatro-imagenes {
  background-color: rgb(255, 255, 255);
  height: 29rem;
  background-image: url(../img/teatro-img.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  display: grid;
  grid-template-rows: 10% 90%;
  overflow: hidden;
}

@media(max-width:700px) {
  .actriz-teatro-imagenes {
    height: auto !important;

  }

  .actriz-teatro-imagenes {
    /* grid-template-rows: none;     */
    grid-template-rows: 15% 85%;
  }

  .actriz-teatro-cont {
    height: auto !important;
  }
}

@media screen and (orientation:landscape) and (min-device-width: 319px) and (max-device-width: 768px) {
  .boton-trabajos {
    margin-top: 5px !important;
  }
}

.fonditos {
  overflow: hidden;
}

.boton-trabajos {


  background: rgba(237, 134, 0, 1);
  background: -moz-linear-gradient(top, rgba(237, 134, 0, 1) 0%, rgba(255, 192, 133, 1) 51%, rgba(237, 134, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237, 134, 0, 1)), color-stop(51%, rgba(255, 192, 133, 1)), color-stop(100%, rgba(237, 134, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(237, 134, 0, 1) 0%, rgba(255, 192, 133, 1) 51%, rgba(237, 134, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(237, 134, 0, 1) 0%, rgba(255, 192, 133, 1) 51%, rgba(237, 134, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(237, 134, 0, 1) 0%, rgba(255, 192, 133, 1) 51%, rgba(237, 134, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(237, 134, 0, 1) 0%, rgba(255, 192, 133, 1) 51%, rgba(237, 134, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed8600', endColorstr='#ed8600', GradientType=0);

  padding: 0px 4px 3px 4px;
  margin-top: 20px;
  margin-left: 2px;
  border-color: #c47f24cc;
  border-radius: 2px;
}

.boton-trabajos:hover {
  border-color: orange;
}

.boton-trabajos a {
  font-size: 9px;
  color: #000;
  text-decoration: none;
  font-weight: 400;
  line-height: 1px;
}

.fondo-teatro {
  width: 100%;
  height: 100%;
}

.botones-teatro {
  background-color: rgba(141, 141, 141, 0.555);
  width: 39%;
  float: right;
  text-align: left;
  height: 100%;
}

.boton-teatro {
  width: 100%;
  background-color: gray;
  /* margin-bottom: 0.2rem; */
  /* height: 1rem; */
  text-align: left;
  border: solid white 1px;
  /* padding: 0px 4px 3px 4px; */
  font-size: 9px;
  transition: 0.5s;
}

.boton-teatro:hover {
  background-color: rgb(43, 43, 43);
}

.boton-teatro a {
  color: white;
  text-decoration: none;
  font-size: 8px;
  font-weight: 600;
}

.principales-trabajos {
  background-color: rgba(233, 233, 233, 0.678);
  text-align: right;
  width: 80%;
  float: right;
  height: 7%;
  margin-top: 6rem;
  border: solid grey 1px;
}


.principales-trabajos p {
  color: #555555;
  font-size: 11px;
  margin-top: 2px;
  margin-right: 5px;
  font-weight: 600;
  margin-left: 5px;
}

.img-teatro {
  float: right;
  margin-top: 10.7rem;
}

.valeria-y-los-pajaros {
  float: right;
  width: 100%;
}

.fidelidad {
  float: right;
  height: 100%;
  width: 100%;
}

.menu-paginas {
  background-color: #C5C5C5;
  padding: 0.2rem;
  display: grid;
  grid-template-columns: 35% 65%;
  border-bottom: solid rgb(65, 65, 65) 4px;
}

.boton-paginas {
  font-size: 10px;
  float: right;
  background-color: #C5C5C5;
  border: solid grey 1px;
  margin-right: 5px;
  padding: 2px 5px 2px 5px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.boton-paginas:hover {
  cursor: pointer;
  box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
    0 0 0 2px rgba(100, 100, 100, 0.603),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

@media (max-width:678px) {
  .boton-paginas {
    font-size: min(2.9vw, 15px);
  }
}

.titulo-paginas {
  font-size: 11px;
  font-weight: 600;
  color: rgb(36, 36, 36);
  float: left;
  letter-spacing: -0.5px;
}

.footer-actriz {
  background-image: url(../img/footer-actriz.png);
  height: 6rem;
}

.menu-botones-paginas {
  margin-top: 0.4rem;
}

.fondo-fidelidad {
  background-image: url(../img/fondo-fidelidad.png);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

.boton-paginas a {
  text-decoration: none;
  color: #313131;
}

.img-fidelidad {
  float: right;
  margin-right: 1rem;
}

#capa-fotos {
  padding-top: 1rem;
}

#capa-video {
  padding-top: 4rem;
  margin-left: 5.5rem;
}

.video2-teatro {
  padding-top: 4rem !important;
  margin-left: 10.5rem !important;
}

.video2-teatro2 {
  margin-left: 9.6rem;
  padding-top: 5rem !important;
}

.video2-teatro3 {
  margin-left: 5.3rem !important;
  padding-top: 7rem !important;

}

.video2-teatro4 {
  margin-left: 10.7rem !important;
}

.capa-fotos-fidelidad {
  display: block;
  margin-left: 10rem;
  padding-top: 1rem;
}

.img-fidelidad1 {
  box-shadow: 0px 0px 5px 5px rgb(0, 0, 0);
  padding-top: 0 !important;
  margin-top: 1rem !important;
  max-width: 12rem !important;
}

.cartel {
  /* background-image: url(../img/fondo-fidelidad.png);  */
  /* background-repeat: no-repeat; */
  height: 100%;
  width: 100%;
}

.contenido-carteles {
  /* background-image: url(../img/fondo-fidelidad.png);  */
  overflow: hidden;
  height: 100%;
}

/* .imagenes-personal {
  padding-top: 2rem;
} */
.todos-los-trabajos_teatro {
  display: block;
}

.todos-los-trabajos_cine {
  display: block;
}

/* Cambios en la version movil de fidelidad */
@media(max-width:678px) {
  .imagenes-personal {
    display: none;
  }

  .botoncitos_teatro {
    display: none;
  }

  .fondo-fidelidad {
    background-image: none;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
  }

  .capa-fotos-fidelidad {
    margin-top: -1%;
    margin-left: 0vh;
    padding: 0%;
  }

}

/* Carrousel */
/* Slideshow container */
.slideshow-container {
  max-width: 15rem;
  position: relative;
  margin: auto;
  max-height: 25rem;
  margin-top: -0.5rem;
}

@media (min-width:678px) {
  .slideshow-container {
    display: none;
  }
}

/* Hide the images by default except the first one */
.mySlides {
  display: none;
  margin-bottom: 4rem !important;
}

.mySlides:nth-child(1) {
  display: block;

}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through *
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}

.desplegable {
  display: none;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

@keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {

  .prev,
  .next,
  .text {
    font-size: 11px
  }
}

.imagen-carousel-teatro {
  max-width: 20%;
}

.imagenes-personal img {
  max-width: 10rem;
  float: right;
}

/* #capa-fotos{
  display: grid;
  float: right;
} */
.carousel-teatro {
  display: block !important;
  margin: auto !important;
  float: none !important;
  max-width: 13rem;
  box-shadow: 0px 0px 5px 5px rgb(0, 0, 0);
  max-width: 12rem !important;
}

.botoncitos_teatro {
  /* position: absolute; */
  text-align: center !important;
  /* margin-left: 7rem; */
}

.card_50 {
  display: block;
  margin: auto;
  width: 50%;
}

.card_75 {
  display: block;
  margin: auto;
  width: 75%;
}

#card {
  display: block;
  margin: auto;
  width: 80%;
}

.ficha-artistica {
  background-color: #AEAEAE;
  padding: 1.3rem;
  width: 35%;
  height: 70% !important;
  float: center;
  margin-left: 9rem;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: -0.1px;
  color: #313131;
}

.ficha-artistica_titulo {
  margin-top: 6rem;
  font-size: 10px;
}

@media(max-width:767px) {

  .navbar-options a,
  .navbar-button {
    font-size: 17px !important;
    cursor: pointer;
  }

  .texto-ficha-desden {
    font-size: 10px;
  }

  .ficha-artistica {
    background-color: rgba(0, 0, 0, 0);
    padding: 0.3rem;
    width: 100%;
    height: 100%;
    font-size: 16px;
    float: none;
    margin-left: 0px;
    margin-top: 0.6rem;
  }

  .ficha-artistica_titulo,
  .ficha-lanoche,
  .ficha-paso {
    margin-top: 0rem !important;
    font-size: 16px;
    margin-left: 0.5rem !important;
  }

  .ficha-artistica_texto {
    margin-left: 0.5rem;
  }

  .ficha-desden {
    font-size: 12px !important;
  }

  .algo-en-comun,
  .fondo-desden {
    background-image: none !important;
  }

  .menu-paginas {
    height: 4.3rem;
  }

  .actriz-cine-imagenes {
    grid-template-rows: 3rem auto;
  }

}

.carousel-mobile-fidelidad {
  margin-top: 0% !important;
  margin-bottom: 3rem !important;
}

.prev-fidelidad,
.next-fidelidad {
  top: 6%;
  height: 47%;
  padding-top: 78%;
}

/* ALGO EN COMUN */

.algo-en-comun {
  background-image: url(../img/fondo-algo-en-comun.png);
  height: 100%;
}

.ficha-algoencomun {
  margin-top: 3rem !important;
}

.img-algoencomun {
  width: 55% !important;
  float: right !important;
  margin-right: 6px !important;
  margin-top: 20px !important;
}

/* BRONTE */

.fondo-bronte {
  background-image: url(../img/fondo-bronte.png) !important;
  height: 100%;
}

.img-bronte {
  margin-top: 0.5rem !important;
}

.carousel-mobile-bronte {
  margin-top: -2% !important;
  margin-bottom: 3rem !important;
}

.prev-bronte,
.next-bronte {
  top: 6%;
  height: 47%;
  padding-top: 78%;
}

@media (max-width:678px) {
  .fondo-bronte {
    background-image: none !important;
  }
}

/* SELVA */
.fondo-selva {
  background-image: url(../img/fondo-selva.png);
  height: 100%;
}

.img-selva {
  margin-top: 0px !important;
  margin-right: 8px !important;
}

.carousel-mobile-selva {
  max-width: 17rem !important;
  margin-top: 3.5rem !important;
  margin-bottom: 3rem !important;
}

.prev-selva,
.next-selva {
  top: 8%;
  height: 45%;
  padding-top: 41%;
}

.next-selva,
.next-muñeca,
.next-pasoapaso,
.next-negroseco,
.next-carrera,
.next-dorotea,
.next-amadeus,
.next-soldato {
  right: -59px !important;
}

.prev-selva,
.prev-muñeca,
.prev-pasoapaso,
.prev-negroseco,
.prev-carrera,
.prev-dorotea,
.prev-amadeus,
.prev-soldato {
  left: -63px !important;
}

.prev-galeria {
  left: -52px !important;
}

.next-galeria {
  right: -46px !important;
}

@media (max-width:678px) {
  .fondo-selva {
    background-image: none !important;
  }
}

/* LANOCHE */
.fondo-lanoche {
  background-image: url(../img/fondo-lanoche.png);
  height: 100%;
}

.img-lanoche {
  margin-right: 7px !important;
}

.ficha-lanoche {
  margin-top: 8rem;
}

.carousel-mobile-lanoche {
  max-width: 17rem !important;
  margin-top: 2rem !important;
}

.prev-lanoche,
.next-lanoche {
  top: 7%;
  height: 49%;
  padding-top: 45%;
}

@media (max-width:678px) {
  .fondo-lanoche {
    background-image: none !important;
  }
}

/* EL ZOO DE CRISTAL */
.fondo-zoo {
  /* background-image: url(../img/fondo-elzoo.png); */
  height: 100%;
  background-image: none !important;
  background-color: #c5c5c5;
}

.cartel-zoo {
  display: grid;
  grid-template-columns: 0% 100%;
}

.cartel-zoo>div:nth-child(1) {
  background-color: #666666;
}

.cartel-zoo div:nth-child(2) {
  background-color: #c5c5c5;
}

.cartel-zoo div div {
  margin-left: 2rem;
  margin-top: 5rem;
}

.cartel-zoo div div p {
  font-size: 16px;
  margin-left: 3rem;
}

.zoo-titulo {
  font-size: 10px !important;
}

/* DESDE CON EL DESDEN */
.fondo-desden {
  background-image: url(../img/fondo-desden.png);
  height: 100% !important;
}

@media (max-width:415px) {
  .fondo-desden {
    /* background-image: url(../img/fondo-desden.png); */
    height: 100% !important;
    background-repeat: round;
  }
}

.desden1_titulo {
  margin-left: 4rem;
  margin-top: 3rem;
  -webkit-box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.75);
}

.desden1 {
  margin-left: 4rem;
  margin-top: 3rem;
  -webkit-box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 18px 5px rgba(0, 0, 0, 0.75);
}

.desden2 {
  margin-left: 12rem;
  margin-top: 3rem;
  -webkit-box-shadow: 0px 0px 18px 5px rgba(0, 26, 255, 0.63);
  -moz-box-shadow: 0px 0px 18px 5px rgba(0, 26, 255, 0.63);
  box-shadow: 0px 0px 18px 5px rgba(0, 26, 255, 0.63);
}

.ficha-desden {
  margin-top: 0rem;
  margin-right: 3rem !important;
}

.ficha-artistica-desden {
  width: 48% !important;
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

@media (max-width:678px) {
  .desden2 {
    margin-left: 35vw;
    margin-top: 2rem;
  }
}

@media (max-width:320px) {
  .desden1 {
    margin-right: 6vw;
    margin-top: 3rem;
    float: right;
  }
}

/* MUÑECA ABANDONADA */

.fondo-muñeca {
  background-image: url(../img/fondo-muñeca.png);
  height: 100%;
  background-color: #353535;
}

.ficha-muñeca {
  padding-top: 5rem;
  margin-left: 10.6rem !important;
}

.carousel-mobile-muñeca {
  max-width: 18rem !important;
  margin-top: 4rem !important;
}

.prev-muñeca,
.next-muñeca {
  top: 9%;
  height: 45%;
  padding-top: 35%;
}

@media (max-width:678px) {
  .fondo-muñeca {
    background-image: none;
    background-color: #c5c5c5;
  }
}

/* PASO A PASO */

.fondo-paso-a-paso {
  background-image: url(../img/fondo-pasoapaso.png);
  height: 100%;
}

.ficha-paso {
  margin-left: 10.7rem;
  font-size: 9px;
  line-height: 11px;
  width: 50%;
}

.carousel-mobile-pasoapaso {
  max-width: 17rem !important;
  margin-top: 4rem !important;
  margin-bottom: 2rem !important;
}

.prev-pasoapaso,
.next-pasoapaso {
  top: 9%;
  height: 45%;
  padding-top: 35%;
}

@media (max-width:678px) {
  .fondo-paso-a-paso {
    background-image: none;
    background-color: #c5c5c5;
  }
}

/* NEGRO SECO */
.fondo-negro-seco {
  background-image: url(../img/fondo-negroseco.png);
  height: 100%;
}

.img-negroseco {
  margin-left: 10.6rem !important;
}

.carousel-mobile-negro-seco {
  margin-top: 3rem !important;
  max-width: 17rem !important;
}

.prev-negroseco,
.next-negroseco {
  top: 7%;
  height: 46%;
  padding-top: 44%;
}

@media (max-width:678px) {
  .fondo-negro-seco {
    background-image: none;
    background-color: #c5c5c5;
  }
}

/* LA LOCA CARRERA DEL ARBITRO */
.arbitro {
  font-size: 10px;
  margin-top: 0;
}

.fondo-carrera {
  background-image: url(../img/fondo-carrera.png);
  height: 100%;
}

.carousel-mobile-carrera {
  margin-top: 5rem !important;
  max-width: 17rem !important;
  margin-bottom: 3rem !important;
}

.prev-carrera,
.next-carrera {
  top: 10%;
  height: 46%;
  padding-top: 28%;
}

@media (max-width:678px) {
  .fondo-carrera {
    background-image: none;
    background-color: #c5c5c5;
  }
}

/* LA DOROTEA */

.fondo-dorotea {
  background-image: url(../img/fondo-dorotea.png);
  height: 100%;
}

.ficha-dorotea {
  margin-left: 2.9rem;
  padding-bottom: 6rem;
  width: 30%;
}

.carousel-mobile-dorotea {
  margin-top: 4rem !important;
  max-width: 17rem !important;
}

.prev-dorotea,
.next-dorotea {
  top: 9%;
  height: 48%;
  padding-top: 31%;
}

@media (max-width:678px) {
  .fondo-dorotea {
    background-image: none;
    background-color: #c5c5c5;
  }
}

/* AMADEUS */

.fondo-amadeus {
  background-image: url(../img/fondo-amadeus.png);
  height: 100%;
}

.carousel-mobile-amadeus {
  margin-top: 0rem !important;
  max-width: 18rem !important;
  margin-bottom: 3rem !important;
}

.prev-amadeus,
.next-amadeus {
  top: 6.3%;
  height: 47%;
  padding-top: 64%;
}

@media (max-width:678px) {
  .fondo-amadeus {
    background-image: none;
    background-color: #c5c5c5;
  }
}

/*LA HISTORIA DI UN SOLDATO */
.fondo-soldato {
  background-image: url(../img/fondo-soldato.png);
  height: 100%;
}

.ficha-soldato {
  width: 50%;
  margin-left: 10.6rem;
  font-size: 9.7px;
}

@media(max-width:768px) {
  .ficha-soldato {
    margin-left: 0.5rem;
    font-size: 10px;
  }
}

.ficha-soldato h3 {
  margin-top: 2rem;
}

.carousel-mobile-soldato {
  margin-top: 3rem !important;
  max-width: 17rem !important;
  margin-bottom: 3rem !important;
}

.prev-soldato,
.next-soldato {
  top: 7.5%;
  height: 48%;
  padding-top: 37%;
}

@media (max-width:678px) {
  .fondo-soldato {
    background-image: none;
    background-color: #c5c5c5;
  }
}

/* DUELLO */

.fondo-duelo {
  background-image: url(../img/fondo-il-duelo.png);
  height: 100%;
  background-size: cover;
}

.texto-ilduelo {
  float: right;
  font-size: 11px;
  width: 49.5%;
}

.caratula-duelo {
  height: 14rem;
  margin-top: 0.6rem;
  text-align: left;
}

.texto-ilduelo p {
  margin: 0px;
  padding-left: 0.5rem;

}

@media(max-width:678px) {
  .actriz-teatro-cont {
    grid-template-columns: 0% 0% 0% 100% 0%;
  }

  .texto-ilduelo {
    float: right;
    font-size: 13px;
    width: 43.5%;
  }

  .fondo-duelo {
    background-image: url(../img/fondo-ilduelo2.png);
    height: 100%;
    background-size: cover;
  }

  .caratula-duelo {
    height: 9rem;
    margin-top: 0.6rem;
    text-align: left;
  }

  .texto-ilduelo p {
    padding-left: 0.1rem;

  }

  .botones-teatro {
    display: none;
  }

  .menu-paginas {
    grid-template-columns: 25% 75%;
  }

  .boton-trabajos {
    margin-top: 0px;
    width: 100%;
    height: 90%;
    margin-top: 2px !important;
    font-size: 9px;
  }

  .desplegable {
    display: grid;
  }

  #dynamic_select {
    width: 100%;
    height: 90%;
    margin-top: 2px;
    background: #ffa12f;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed8600', endColorstr='#ed8600', GradientType=0);
    padding: 0px 4px 3px 4px;
    /* margin-top: 20px; */
    margin-left: 0%;
    border-color: #a9a9a9cc;
    border-radius: 2px;
    background-image: url(../img/desplegable2.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-size: 3rem;
    padding-right: 3rem;
  }

  #dynamic_select option {
    width: 60%;
  }

  .cartel {
    /* background-color: rgb(197, 197, 197); */
    position: relative !important;
  }

  .cartel img {
    position: absolute !important;
    /* se usa en caso de este div, donde tiene la altura y el ancho definido, sin esto top, right y left no funcionarían */
    width: 14rem;
    top: 3rem;
    /* sirve en caso de un div como este, donde tiene una altura definida, en caso de que la altura no este definida esta edición no se pone ; */
    right: 0 !important;
    /* se debe usar para que margin 0 auto funcione */
    left: 0 !important;
    /* se debe usar para que margin 0 auto funcione */
    margin: 0 auto !important;
    max-width: 15rem;
  }

  .valeria-y-los-pajaros {
    height: 29rem;
    width: 100%;
  }

  .img-bronte {
    top: 1rem !important;
  }

  .zoo-titulo {
    font-size: 10px !important;
  }

  .img-negroseco {
    width: 11rem !important;
  }

  .img-carrera {
    width: 13rem !important;
  }

  .cartel-desden {
    background-color: unset !important;
  }


  .cartel-zoo>div:nth-child(1) {
    background-color: #666666;
  }

  .cartel-zoo div:nth-child(2) {
    background-color: #c5c5c5;
  }

  .cartel-zoo div div {
    margin-left: 2rem;
    margin-top: 5rem;
  }

  .actriz-teatro-imagenes {
    background-color: #C5C5C5;
    background-image: unset;
  }

  .cartel-duelo {
    background-color: unset !important;
  }

}

/* TODOS LOS TRABAJOS TABLA */
.customTable {
  font-size: 8.5px;
  width: 100%;
  background-color: #d2d2d2;
  font-weight: 600;
  height: 70%;
  border-spacing: 0;
  border-top: solid #555555 1px;
}

.menu-principales-trabajos {
  background-color: #C5C5C5;
  padding: 0.2rem;
  border-bottom: solid rgb(177, 0, 0) 4px;
}

.principales-trabajos-titulo {
  font-size: 13px;
  margin-top: 10px;
  font-weight: 600;
  color: #545454;
  margin-left: 1rem;
}

.columna1-tabla {
  background-color: rgb(146, 146, 146);
  text-align: left;
  color: #1f1f1f;
  padding-left: 20px;
  border-top: solid #555555 1px;
  border-spacing: 0;

}

.columna2-tabla {
  background-color: #d2d2d2;
  text-align: left;
  padding-left: 10px;
  color: #1f1f1f;
  font-style: italic;
  border-top: solid #555555 1px;
}

.columna3-tabla {
  background-color: rgb(38, 38, 38);
  color: white;
  width: 15%;
  text-align: center;
  border-top: solid #555555 1px;
}



/* ACTRIZ CINE */

.actriz-cine-cont_trabajos {
  background-image: url(../img/actriz-cine.png);
  background-color: white;
  background-repeat: no-repeat;
  height: 29rem;
  grid-column: 1 /3;
  border-right: solid rgb(173, 173, 173) 2px;
}

.actriz-cine_titulo {
  background-color: #7F7F7F;
  background-image: url(../img/foto-arriba-cine.png);
  height: 3rem;
  border-right: solid rgb(173, 173, 173) 2px;

}

.actriz-cine_titulo p {
  float: left;
  margin-top: 30px;
  margin-left: 15px;
  color: #bbb;
}

@media (max-width:678px) {
  .actriz-cine_titulo p {
    margin-top: 10px;
    margin-left: 0rem;
  }

  .customTable {
    font-size: 14.5px;
  }

  .tabla-trabajos-teatro {
    font-size: 12px;
  }
}

.actriz-cine-imagenes {
  background-image: url(../img/trabajos-cine.png);
}

.principales-trabajos_cine {
  margin-top: 11rem;
}

.menu-paginas-cine {
  background: rgb(37, 37, 37);
  background: linear-gradient(90deg, rgba(37, 37, 37, 1) 0%, rgb(145, 145, 145) 51%, rgba(29, 29, 29, 1) 100%);
  color: #cccccc;
  font-size: 13px;
  font-weight: 600;
}

.bordes-cine {
  border-top: solid rgb(148, 148, 148) 3px;
  border-bottom: solid #838383 3px;
  width: 100%;
  height: 65%;
  margin-top: 5px;
}

@media(max-width:767px) {
  .bordes-cine {
    height: 64% !important;
  }

  .menu-paginas-cine {
    height: 3rem;
  }

  .trabajos-cine {
    grid-template-rows: 25% 75% !important;
  }
}

.titulo-paginas-cine {
  margin-top: 6px;
  margin-left: 1rem;
}

.trabajos-cine {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 50% 50%;
  grid-template-rows: 65% 35%;
  background-color: darkgrey;
}

.caratula-cine {
  padding: 0.3rem;
}


.sinopsis-cine {
  /* background-color: blueviolet; */
  grid-column: 1 / 3;
  font-size: 9px;
  word-spacing: -1px;
  margin-left: 5px;
}

.texto-cine {
  /* background-color: coral; */
  font-size: 9px;
  word-spacing: -1px;
}

.arriba-cine {
  grid-column: 1 / 3;
  display: grid;
}

.abajo-texto-cine {
  display: grid;
  grid-template-columns: 50% 50%;
}

.abajo-texto-cine_columna2 {
  margin-top: 0.6rem;
}

@media (max-width:678px) {
  .caratula-cine img {
    max-width: 44vw;
    margin-top: 0.5rem;
  }

  .caratula-cine {
    text-align: center;
  }

  .trabajos-cine {
    display: block;
  }

  .sinopsis-cine {
    word-spacing: -1px;
    margin-left: 8vw;
    text-align: justify;
    margin-right: 4vw;
    font-size: 15px;
  }

  .sinopsis-cine p {
    font-size: 15px !important;
  }

  .texto-cine {
    word-spacing: -1px;
    text-align: justify;
    font-size: 15px !important;
    margin-left: 4vw;
  }

  .texto-cine p {
    font-size: 15px !important;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .abajo-texto-cine_columna2 {
    margin-top: 1.6rem;
  }
}

@media (max-width:381px) {
  .texto-cine {
    font-size: 9px;
    margin-left: 0.5rem;
  }
}

/* TELEVISION */
.principales-trabajos_television {
  margin-top: 0rem;
  margin-bottom: 2rem;
  /* padding: 0.7rem; */
  text-align: left;
  background-color: rgb(43, 43, 43);
}

.principales-trabajos_television p {
  color: rgb(204, 204, 204);
}

.botones-television {
  background-color: #999999;
}

.television-titulo {
  background-color: #7c7c7c;
  background-image: unset;
}

.television-titulo p {
  color: #e1e1e1;
}

.actriz-television-cont_trabajos {
  background-image: url(../img/television-lateral.png);
  background-color: #434343;
}

.actriz-television-imagenes {
  background-image: url(../img/fondo-television.png);
  /* background-color: #999999 !important; */
}

@media(max-width:700px) {
  .actriz-television-imagenes {
    grid-template-rows: none;
  }
}

/* ACTRIZ CURRICULUM */
.actriz-curriculum {
  height: 6rem;
  grid-template-columns: 32% 68%;

}

.arriba-curriculum {
  background-color: #505050;
  border: solid grey 2px;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.titulo-curriculum {
  background: rgb(37, 37, 37);
  background: linear-gradient(0deg, rgba(37, 37, 37, 1) 0%, rgba(62, 62, 62, 1) 0%, rgba(0, 0, 0, 1) 100%);
  border: solid grey 2px;
  border-bottom: none;
}

.titulo-curriculum p {
  margin-top: 3.5rem;
  color: rgb(202, 202, 202);
  width: 6rem;
  float: right;
}

.titulo-curriculum-ingles {
  background: rgb(37, 37, 37);
  background: linear-gradient(0deg, rgba(37, 37, 37, 1) 0%, rgba(62, 62, 62, 1) 0%, rgba(0, 0, 0, 1) 100%);
  border: solid grey 2px;
  border-bottom: none;
}

@media (max-width:768px) {
  .titulo-curriculum-ingles {
    display: none;
  }
}

.titulo-curriculum-ingles p {
  margin-top: 1.4rem;
  color: rgb(202, 202, 202);
  width: 6rem;
  float: right;
}

.boton-curriculum {
  background: rgb(37, 37, 37);
  background: linear-gradient(0deg, rgb(192, 192, 192) 0%, rgba(62, 62, 62, 1) 0%, rgb(28, 28, 28) 100%);
  padding: 4px 10px 3px 10px;
  margin-top: 20px;
  margin-left: 2px;
  border-color: #aeaeaecc;
  border-radius: 2px;
  margin-left: 0.5rem;
  margin-bottom: 0px;
  margin-top: 2.6rem;
}

.boton-curriculum a {
  color: rgb(202, 202, 202);
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;

}

.boton-cv-1 {
  margin-top: 0.5rem;
  margin-bottom: 0px;
}

.actriz-curriculum-cont {
  grid-template-columns: 32% 68%;
}

.fondo-curriculum {
  /* background-image: url(../img/fondo-cv.png); */
  /* background-repeat: no-repeat; */
  border: solid grey 2px;
  border-top: none;
  overflow: hidden;
  background-color: black;
}

.fondo-curriculum img {
  border-bottom: solid grey 2px;
}

.curriculum-contenido {
  height: 34rem;
}

.actriz-curriculum-imagenes {
  background-image: unset;
  background-color: #505050;
  height: auto;
}

.trabajos-cv p {
  margin-top: 7px !important;
  color: #b8b8b8;
  font-size: 12px;
  margin-left: 1rem;
  font-weight: 600;
}

.texto-curriculum {
  padding: 2rem;
  color: rgb(202, 202, 202);
  font-size: 11px;
  font-weight: 600;
  padding-top: 0.5rem;
}

.trabajos-actriz-cv {
  color: white;
  font-size: 12px;
  text-align: center;
  background: rgb(37, 37, 37);
  background: linear-gradient(0deg, rgb(192, 192, 192) 0%, rgba(62, 62, 62, 1) 0%, rgb(28, 28, 28) 100%);
  height: 2rem;
}

.trabajos-actriz-cv a {
  margin-top: 5rem;
}

.boton-trabajos-cv {
  background: rgb(37, 37, 37);
  background: linear-gradient(0deg, rgb(138, 138, 138) 0%, rgb(60, 60, 60) 0%, rgb(0, 0, 0) 100%);
  padding: 4px 10px 3px 10px;
  border-color: #aeaeaecc;
  margin-bottom: 0px;
  color: white;
  text-decoration: none;
  width: 100%;
  border-left: none;
  border-right: none;
  height: 2.2rem;
  text-align: left;
}

.boton-trabajos-cv a {
  color: rgb(199, 199, 199);
  text-decoration: none;
  font-size: 11px;
  padding-left: 3.5rem;
  font-weight: 600;
}

/* CURRICULUM-TEATRO */
.curriculum-teatro {
  background-color: #CDCDCD;
  height: 35rem;
  display: grid;
  grid-template-columns: 60% 40%;
}

.columna1-cv {
  font-size: 8.6px;
  padding-top: 0px;
  margin: 0px;
  font-weight: 600;
  line-height: 1.1;
}

.columna2-cv {
  padding-left: 0px;
  padding-top: 3.7rem;
  padding-right: 0.5rem;
}

.columna1-cv p {
  margin: 0px;
}

.columna1-cv h3 {
  margin: 0px;
  color: rgb(162, 38, 38);
  font-weight: bolder;
}

.curriculum-info {
  margin-top: 0px;
  background-color: rgb(0, 0, 0);
  width: 90%;
  color: rgb(211, 211, 211);
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
}

.info-cv {
  padding-left: 3rem;
  padding-top: 2rem;
}

.info-cv-cine {
  background-color: rgb(162, 38, 38);
}

.desplegable-cv {
  width: 98% !important;
  float: right;
  height: 50% !important;
  background-color: #b5b5b5 !important;
  margin-top: 13px !important;
}

.curriculum-arriba {
  background-color: #505050;
  border: solid rgb(172, 172, 172) 2px;
  border-left: none;
  border-right: none;
  border-bottom: 3px;
  height: 5.9rem;
}

.cv-ocultar {
  display: none;
}

.boton-movil-cv-ocultar {
  display: none;
}

@media(max-width:768px) {
  .titulo-curriculum {
    display: none;
  }

  .columna1-cv {
    background-color: #CDCDCD;
    font-size: 10.6px;
    padding-bottom: 2rem;
  }

  .info-cv {
    padding-left: 0.5rem;
    padding-right: 0.2rem;
  }

  .curriculum-teatro {
    height: auto !important;
  }

  .texto-curriculum {
    font-size: 13px;
  }

  .fondo-curriculum {
    display: none;
  }

  .actriz-curriculum-cont {
    grid-template-columns: 100%;

  }

  .actriz-contenido-ingles {
    margin-top: 3rem;
  }

  .actriz-curriculum {
    grid-template-columns: 100%;
  }

  .cv-ocultar {
    display: contents;
  }

  .curriculum-arriba {
    display: grid;
    grid-template-columns: 50% 50%;
    z-index: 999;
  }

  .botones-cv-movil {
    display: grid;
    grid-template-rows: 50% 50%;
  }

  .boton-movil-cv,
  .boton-movil-cv-ocultar {
    margin-top: 8px;
    width: 70%;
    margin-left: 2rem;
    display: grid;
  }
}





/* PRODUCTORA-TEATRAL */

.productora-teatral {
  background-color: rgb(0, 0, 0);
}

.cabecera-productora {
  height: 3.1rem;
  background: rgb(0, 0, 0);
  background: radial-gradient(circle, rgba(37, 37, 37, 1) 0%, rgb(94, 94, 94) 0%, rgba(50, 50, 50, 1) 49%, rgba(0, 0, 0, 1) 100%);
}

.contenido-productora {
  height: 30rem;
  background: rgb(37, 37, 37);
  background: linear-gradient(180deg, rgba(37, 37, 37, 1) 0%, rgba(35, 35, 35, 1) 0%, rgba(79, 79, 79, 1) 76%, rgba(54, 54, 54, 1) 79%, rgba(0, 0, 0, 1) 100%);
  display: grid;
  grid-template-columns: 45% 55%;
  margin-bottom: 1rem;
}

.caratulas1 {
  background-color: rgba(155, 155, 155, 0.282);
  height: 24rem;
  width: 76%;
  margin: 3rem;
  display: grid;
  grid-template-rows: 48% 52%;
}

.caratula1-arriba {
  padding: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.caratula-noches {
  float: left;
  margin-left: 0.7rem;
}

.caratula-escrito {
  float: right;
  margin-right: 0.7rem;
}

.caratulas2 {
  background-color: rgba(155, 155, 155, 0.282);
  height: 24rem;
  width: 80%;
  margin: 3rem;
}

.caratulas2-arriba {
  padding-bottom: 0.6rem;
}

.caratula-fidelidad {
  margin-left: 0.5rem;
}

.botones-fotos-fidelidad {
  font-size: 13px !important;
}

.titulo-caratulas {
  height: 1.6rem;
  background-color: #000000;
}

.titulo-caratulas img {
  float: right;
  margin-right: 1rem;
  margin-top: 0.1rem;
}

ul.texto-caratulas {
  padding-left: 2rem;
  list-style: none;
}

.texto-caratulas {
  color: #CDCDCD;
  font-size: 11px;
  padding: 0.9rem;
  padding-top: 0.2rem;
  padding-bottom: 0px;
}

.sombras-caratulas {
  height: 1.5rem;
  background: rgb(37, 37, 37);
  background: linear-gradient(180deg, rgba(37, 37, 37, 1) 0%, rgba(87, 87, 87, 0.323) 0%, rgba(0, 0, 0, 0) 100%);
}

.sombras-caratulas-izq {
  margin-top: 0.3rem;
}

.sombras-caratulas-der {
  margin-top: 1.3rem;
}

.cabecera-productora p {
  color: #CCCCCC;
  padding-top: 1rem;
  margin-left: 2.5rem;
  margin-top: 0px;
}

@media(max-width:768px) {
  .contenido-productora {
    grid-template-columns: 100%;
    height: auto;
  }

  .caratulas {
    width: 4.5rem;
    height: 7rem;
  }

  .caratulas1 {
    width: 80%;
    margin-left: 2.5rem;
  }

  .caratulas2 {
    margin-top: 0px;
    margin-left: 2.5rem;
  }

  .texto-caratulas {
    font-size: 12px;
  }

  .caratulas2-arriba {
    margin: 0px auto
  }

  .caratulas-fotos {

    text-align: center;
  }
}

/* GALERIA */
.galeria-contenedor {
  height: 32.5rem;
  background: #8B8B8B;
  padding-top: 0.8rem;
  border-left: solid #8B8B8B 5px;
  border-right: solid #8B8B8B 5px;
}

.cabecera-galeria {
  background: rgb(37, 37, 37);
  background: linear-gradient(180deg, rgba(37, 37, 37, 1) 0%, rgba(214, 157, 54, 1) 0%, rgba(131, 84, 29, 1) 100%);
  height: 5rem;
  border-radius: 15px;
}

.titulo-galeria {
  height: 2.7rem;
  background: #8B8B8B;
  width: 65%;
  float: right;
  border-radius: 0px 0px 0px 15px;
}

.titulo-galeria-abajo {
  margin-top: 0.2rem;
  height: 1.5rem;
  background: rgba(131, 84, 29, 1);
  border-radius: 10px 10px 0px 0px;
}

.contenido-galeria-img-abajo {
  height: 1rem;
  width: 80%;
  float: right;
  background: rgb(37, 37, 37);
  background: linear-gradient(90deg, rgba(37, 37, 37, 1) 0%, rgba(201, 201, 201, 1) 0%, rgba(93, 93, 93, 1) 100%);
  border-radius: 10px 0px 0px 0px;
  margin-top: 0.7rem;
}

.titulo-galeria p {
  margin-left: 0.5rem;
  font-size: 23px;
  margin-top: 16px;
  font-weight: 600;
  text-shadow: -0.5px 0 rgba(0, 0, 0, 0.666)rgba(0, 0, 0, 0.371)px rgba(0, 0, 0, 0.59), 1px 0 rgba(0, 0, 0, 0.563), rgba(0, 0, 0, 0.59)px black;
  color: rgb(158, 103, 0);
}

.contenido-galeria {
  height: 79.5%;
  /* height: 85%;  */
  /* display: grid; */
  /* grid-template-columns: 30% 70%; */
  width: 100%;
}

.contenido-galeria-img {
  height: 100%;
  width: 80%;
  float: right;
  background: rgb(37, 37, 37);
  background: linear-gradient(90deg, rgba(37, 37, 37, 1) 0%, rgba(201, 201, 201, 1) 0%, rgba(93, 93, 93, 1) 100%);
  border-radius: 0px 0px 0px 10px;
}

#miniaturas {
  background: rgb(223, 223, 223);
  margin: 0.5em;
  margin-left: 0px;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 33% 33% 33%;
  height: 24rem;
  width: 26%;
  float: left;
  position: absolute;
  border: solid rgba(0, 0, 0, 0.193) 10px;
  border-radius: 15px;
}

#miniaturas img {
  width: 5rem;
  padding: 0.5rem;
  height: 5rem;
  margin-top: 1rem;
  border-bottom: solid rgba(109, 109, 109, 0.323) 1px;
  border-width: 80%;
  opacity: 0.7;
}

#miniaturas img:hover {
  opacity: 1;
  cursor: pointer;
  transition: 0.5s;

}

.miniatura1-galeria,
.miniatura2-galeria {
  margin-top: 1.5rem;
  border-top: solid rgba(109, 109, 109, 0.323) 1px;

}

.miniatura5-galeria img,
.miniatura6-galeria img {
  /* margin-bottom: 2rem; */
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.descargas-galeria {
  float: right;
  margin-top: 13rem;
  margin-right: 1rem;
  border-radius: 12px;
  height: 40%;
  width: 11rem;
  background: rgb(37, 37, 37);
  background: linear-gradient(140deg, rgb(56, 56, 56) 0%, rgba(64, 64, 64, 1) 0%, rgba(147, 147, 147, 1) 100%);
}

.descargas-galeria p {
  margin: 12px;
  font-size: 13px;
  margin-top: 25px;
  text-align: center;
  color: #A27A37;
  font-weight: 600
}

.galeria-descarga {
  height: 0%;
}

.galeria-descarga img {
  margin-left: 4rem;
  width: 3rem;
}

.galeria-img {
  float: left;
  margin-left: 6rem;
  margin-top: 2rem;
  width: 10rem;
}

.galeria-img img {
  -webkit-box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 15px 8px rgba(255, 255, 255, 1);
}

/* Galeria mobile */
@media (min-width:769px) {
  .contenido-galeria {
    display: block;
  }

  .contenido-galeria-mobile {
    display: none;
  }
}

@media (max-width:768px) {

  .contenido-galeria,
  .titulo-galeria-abajo,
  .cabecera-galeria {
    display: none;
  }

  .fotos-galeria-mobile {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
  }

  .fotos-galeria-mobile {
    width: 85% !important;
    margin-bottom: 0 !important;
  }

  /* .footer-actriz{
    display: none;
  } */
  .contenido-galeria-mobile {
    display: block;
    width: 78%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .galeria-contenedor {
    height: auto !important;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}


/* Carrousel */
* {
  box-sizing: border-box;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
  max-width: 20rem;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 45%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 66px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: -75px;
  border-radius: 3px 0 0 3px;
  color: rgb(24, 24, 24);
}

.prev {
  left: -75px;
  color: rgb(24, 24, 24);
}

@media(max-width:375px) {
  .prev {
    left: -56px;
  }

  .next {
    right: -37px !important;
    padding-right: 0px;
  }

}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
  display: none;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

/* Videobook */
.contenido-videobook {
  height: 38rem;
  background-image: url(../img/fondo-videobook.png);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #986701;
  position: relative;
}

.titulo-videobook p {
  margin-top: 0px;
  color: white;
  padding-top: 1rem;
  padding-left: 6rem;
  font-weight: 600;
}

.titulo-videobook {
  height: 3.1rem;
  background-color: #ffffff69;
}

.videos-videobook {
  background-color: #0000002f;
  bottom: 5rem;
  position: absolute;
  width: 100%;
  height: 8rem;
}

.video1-book {
  margin-left: 5rem !important;
}

.videos {
  width: 7rem;
  height: 7rem;
  background-color: rgba(0, 0, 0, 0.349);
  margin-left: 1.5rem;
  display: inline-block;
  margin-top: 0.3rem;
  border: solid grey 2px;
  cursor: pointer;
}

.titulo-videos-book {
  color: white;
  font-size: 9px;
  padding: 3px;
  margin: 0px;
  /* margin-left: 6px; */
  font-weight: 600;
  border-bottom: solid grey 2px;
}

.vacio-videobook1 {
  border-bottom: solid grey 2px;
  height: 4.5rem;
}

.fa-play-circle {
  position: absolute;
  bottom: 0px;
  color: white;
  margin-bottom: 14px;
  margin-left: 5px;

}

.miniaturas-videos {
  background-image: url(../img/miniaturavideo1.png);
  background-repeat: no-repeat;
  margin-left: 0.1rem;
}

.miniaturas-videos2 {
  background-image: url(../img/miniaturavideo2.png);
  background-repeat: no-repeat;
  margin-left: 0.2rem;

}

.miniaturas-videos3 {
  background-image: url(../img/miniaturavideo3.png);
  margin-left: 0.1rem;
  background-repeat: no-repeat;
}

@media(max-width:768px) {
  .videos {
    width: 5rem;
    min-height: 7rem;
  }

  #card {
    padding-bottom: 1.4rem;
  }

  .video1-book {
    margin-left: 2rem !important;
  }

  .videos-boock {
    width: 100% !important;
    margin-left: 0px !important;
    text-align: center !important;
    margin-top: 1rem !important;
  }

  .videos-videobook {
    bottom: 2rem;
  }

  .titulo-videobook {
    margin-bottom: 2rem;
  }

  .contenido-videobook {
    height: 27rem;
  }
}

@media(max-width:356px) {
  .videos-boock {
    margin-left: 0px;
    width: 100%;
    text-align: center;
    height: 15rem;
  }

  .titulo-videos-book {
    font-size: 8px;
  }

  .videos {
    width: 4rem;
  }

  .videos-boock {
    height: 15rem;
  }

}

.videos-boock {
  width: 27rem;
  height: 12rem;
  text-align: left;
  margin-top: 5rem;
  margin-left: 5rem;

}

/* FOTOS ACTRIZ */
/* FIDELIDAD */
/* BRONTE */
.imagen-bronte {
  margin-left: 9rem;
}

@media(max-width:678px) {
  .imagen-bronte {
    margin-left: 0rem;
    margin-bottom: 2rem;
  }
}

/* SELVA */
.imagen-selva {
  margin-left: 9rem;
}

@media(max-width:678px) {
  .imagen-selva {
    margin-left: 0rem;
    margin-bottom: 2rem;
  }
}

/* LANOCHE */
.imagen-lanoche {
  margin-left: 7rem;
  padding-top: 9rem !important;
}

@media(max-width:678px) {
  .imagen-lanoche {
    margin-left: 0rem;
    margin-bottom: 2rem;
    padding-top: 1rem !important;
  }
}

/* DESDEN */
.imagen-desden {
  display: block;
  margin-left: 0rem;
  margin-bottom: 3rem;
  padding-top: 1rem !important;
  margin: auto;
}

@media(max-width:678px) {
  .imagen-desden {
    display: block;
    margin-left: 0rem;
    margin-bottom: 2rem;
    padding-top: 3rem !important;
    margin: auto;
  }
}

/* MUÑECA */
.imagen-muñeca {
  margin-left: 10.5rem;
  padding-top: 7rem !important;
  width: 61%;
}

@media(max-width:678px) {
  .imagen-muñeca {
    padding-top: 0px !important;
    width: 100%;
    margin-bottom: 2rem;
    margin-left: 0.1rem;
  }

  .imagenes-personal {
    padding-bottom: 2rem;
  }
}

/* PASO */
.imagen-paso {
  margin-left: 10.5rem;
  padding-top: 7rem !important;
  width: 61%;
}

@media(max-width:678px) {
  .imagen-paso {
    padding-top: 0px !important;
    width: 100%;
    margin-bottom: 2rem;
    margin-left: 0px;
  }
}

/* NEGRO SECO */
.imagen-negro-seco {
  margin-left: 10.5rem;
  padding-top: 7rem !important;
  width: 61%;
}

@media(max-width:678px) {
  .imagen-negro-seco {
    padding-top: 0px !important;
    width: 100%;
    margin-bottom: 2rem;
    margin-left: 0px;
  }
}

/* CARRERA */
.imagen-carrera {
  margin-left: 10rem;
  padding-top: 8rem !important;
  margin-right: -1rem;
}

@media(max-width:678px) {
  .imagen-carrera {
    margin-left: 0rem;
    margin-bottom: 2rem;
    padding-top: 0px !important;
  }
}

/* LA DOROTEA */
.imagen-dorotea {
  margin-right: 12rem;
  padding-top: 8rem !important;
}

@media(max-width:678px) {
  .imagen-dorotea {
    margin-left: 0rem;
    margin-bottom: -1rem;
    padding-top: 0px !important;
    margin: auto !important;
  }
}

/* AMADEUS */
.imagen-amadeus {
  margin-left: 10rem;
  margin-right: -1rem;
}

@media(max-width:678px) {
  .imagen-amadeus {
    margin-left: 0rem;
    margin-bottom: 3rem;
  }
}

/* LA HISTORIA DE UN SOLDADO   */
.imagen-soldado {
  margin-left: 10rem;
  margin-right: -1rem;
  padding-top: 9rem !important;
}

@media(max-width:678px) {
  .imagen-soldado {
    margin-left: 0rem;
    margin-bottom: 2rem;
    padding-top: 0% !important;
  }
}

/* VIDEOS ACTRIZ*/
/* FIDELIDAD */
.video-fidelidad {
  padding-top: 6rem !important;
  padding-left: 4.5rem;
}

@media(max-width:678px) {
  .video-fidelidad {
    margin: auto !important;
    padding: 0% !important;
    margin-top: 4rem !important;
  }

  .video-fidelidad video {
    display: block;
    margin: auto;
    width: 90%;
    max-width: 23rem;
  }
}

/* ALGO EN COMUN */
.video-algo-en-comun {
  padding-top: 7.5rem !important;
}

.video-algo-en-comun video {
  display: block;
  margin: auto;
  width: 95%;
}

@media(max-width:678px) {
  .video-algo-en-comun {
    margin: auto !important;
    padding: 0% !important;
    margin-top: 4rem !important;
  }

  .video-algo-en-comun video {
    display: block;
    margin: auto;
    width: 90%;
    max-width: 23rem;
  }
}

/* BRONTE */
.video-bronte {
  display: block;
  margin: auto;
  margin-left: 9.5rem !important;
  width: 60%;
}

.video-bronte video {
  display: block;
  margin: auto;
  width: 95%;
  max-width: 23rem;
}

@media(max-width:678px) {
  .video-bronte {
    display: block;
    margin: auto !important;
    padding: 0% !important;
    margin-top: 4rem !important;
    width: 90% !important;
  }

  .video-bronte video {
    display: block;
    margin: auto;
    width: 100% !important;
  }
}

/* SELVA */
.video-selva {
  display: block;
  margin: auto;
  margin-left: 9.5rem !important;
  width: 60%;
  padding-top: 7rem !important;
}

.video-selva video {
  display: block;
  margin: auto;
  width: 95%;
  max-width: 23rem;
}

@media(max-width:678px) {
  .video-selva {
    display: block;
    margin: auto !important;
    padding: 0% !important;
    margin-top: 4rem !important;
    width: 90% !important;
  }

  .video-selva video {
    display: block;
    margin: auto;
    width: 100% !important;
  }
}

/* LA NOCHE DE LA TRIBADAS */
.video-lanoche {
  display: block;
  margin: auto !important;
}

.video-lanoche video {
  display: block;
  margin: auto;
  width: 80%;
  max-width: 23rem;
}

@media(max-width:678px) {
  .video-lanoche {
    display: block;
    margin: auto !important;
    width: 90% !important;
    padding: 0% !important;
    padding-top: 4rem !important;
  }

  .video-lanoche video {
    display: block;
    margin: auto;
    width: 100% !important;
  }
}

/* MUÑECA */
.video-muñeca {
  display: block;
  margin: auto !important;
  width: 60% !important;
  margin-left: 10.5rem !important;
  padding-top: 8rem !important;
}

.video-muñeca video {
  display: block;
  margin: auto;
  width: 80%;
  max-width: 23rem;
}

@media(max-width:678px) {
  .video-muñeca {
    display: block;
    margin: auto !important;
    width: 90% !important;
    padding: 0% !important;
    padding-top: 4rem !important;
  }

  .video-muñeca video {
    display: block;
    margin: auto;
    width: 100% !important;
  }
}

#capa-fotos,
#capa-prensa,
#capa-video,
#capa-ficha {
  display: none;
}

.fondo-actriz-tv {
  background-image: url(../img/simuladores.png);
  background-repeat: no-repeat;
  background-position: top right;
  height: 28rem;
}

.fondo-actriz-tv-2 {
  background-image: url(../img/porvenir.png);
}

.fondo-actriz-tv-3 {
  background-image: url(../img/verdad.png);
}

.fondo-actriz-tv-4 {
  background-image: url(../img/raquel-busca-sitio.png);
}

.fondo-actriz-tv-5 {
  background-image: url(../img/carvalho.png);
}

.fondo-actriz-tv-6 {
  background-image: url(../img/willy.png);
}

.fondo-actriz-tv-7 {
  background-image: url(../img/pepa.png);
}

.fondo-actriz-tv-8 {
  background-image: url(../img/ladrones.png);
}

.fondo-actriz-tv-9 {
  background-image: url(../img/colegio.png);
}

.fondo-actriz-tv-10 {
  background-image: url(../img/crimen.png);
}

.fondo-actriz-tv-11 {
  background-image: url(../img/shangai.png);
}

.fondo-actriz-tv-12 {
  background-image: url(../img/cajon.png);
}

.fondo-actriz-tv-13 {
  background-image: url(../img/olivar.png);
}

.fondo-actriz-tv-14 {
  background-image: url(../img/criado.png);
}

.fondo-actriz-tv-15 {
  background-image: url(../img/pluma.png);
}

.fondo-actriz-tv-16 {
  background-image: url(../img/ramon.png);
}


.videos-actriz-tv {
  margin-top: 8rem;
  margin-left: 5.4rem;
}

.video-porvenir {
  width: 15rem !important;
}

@media(max-width:680px) {
  .videos-actriz-tv {
    margin-top: 8rem;
    margin-left: 0px;
  }

  .fondo-actriz-tv {
    text-align: center;
    position: relative;
    background-size: cover;
    height: auto;
  }
}

.xxx {
  text-decoration: none;
  padding: 8px;
  font-weight: 900;
  font-size: 16px;
  color: #ffffff;
  background-color: #777;
  border-radius: 6px;
  border: 2px solid #5e5e5e;
  cursor: pointer;
}

.xxx:hover {
  color: rgb(83, 83, 83);
  background-color: #bcbcbc;
}