.sobreponer {
  height: 100vh;
  display: flex;
  align-items: center;
  color: #000;
}



.sobreponer2 {
  height: 70vh;
  display: flex;
  align-items: center;
  color: #fff;

}



.sobreponer-perfil{
  width: 100%;
  height: 35vh;
  display: flex;
  align-items: center;
  color: #000;
}



.imagen-background {
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}



.imagen-background2 {
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 70vh;
  overflow: hidden;
}



.imagen-background-m{

  background-attachment: fixed;

  background-position: center;

  background-size: cover;

  height: 30vh;

  display: flex;

  align-items: center;

}





.imagen-background elemento {

  min-width: 100%;

  min-height: 100%;

}







/*capa que esta entre el bloque de texto y background*/

.filtro {

  width: 100%;min-height: 100vh;

  position: absolute;

  background-color: rgba(0,0,0,.8);

}



/*capa que esta entre el bloque de texto y background*/

.filtro2 {

  width: 100%;min-height: 70vh;

  position: absolute;

  background-color: rgba(0,0,0,.01);

}



/*capa que esta entre el bloque de texto y background*/

.filtro3 {

  width: 100%;min-height: 30vh;

  position: absolute;

  background-color: rgba(0,0,0,.1);

}


.filtroEntrada {
  width: 100%;
  background-color: rgba(0,0,0,.8);
}


/*contenedor (Frase 1) de la portada de inicio*/

.texto-contenido{
  z-index: 2;
  top: 10vh;
  right: 10vh;
  position: absolute;
  color: white;
}

.texto-contenidoa{
  z-index: 2;
  bottom: 0vh;
  right: 0vh;
  position: absolute;
  color: white;
  background-color: rgba(0, 0, 0, .9);

}
.texto-contenidoa .estrellas i{
  padding: 0 .4em;
  padding-bottom: 1.5em;
  color: #f2eb29;
}

.texto-contenidob{

  z-index: 2;

  bottom: 10vh;right: 10vh;left: 10vh;

  position: absolute;

  color: white;

}



.texto-contenidoa h1{

  font-size: 4em;

  width: 50%;

}



.texto-contenido1{

  top:4em;

  left:10em;

}



.texto-contenido1a{

  z-index: 2;

  top: 10vh;left: 15vh;

  position: absolute;

}



.texto-contenido2{

  z-index: 2;

  position: absolute;

  color: white;

  padding:4em 2em 1em 2em;

}



.texto-contenido2a{

  bottom: -6em;

  right: 0;

  position: absolute;

}

.texto-contenido2b{

  z-index: 2;

  top:22em;

  right: 8em;

  position: absolute;

}

.texto-contenido2c{

  z-index: 2;

  top:19em;

  right: 16em;

  position: absolute;

}







/*precio membresi de inicio*/

.texto-contenido3{

  z-index: 2;

  top: 20vh;right: 10vh;

  position: absolute;text-align: right;

  background-color: rgba(0,0,0,.7);

  color: white;

  padding: 2em;

}



.texto-contenido3 h1{

  font-size: 3.8em;

  color: #f5c614;

  line-height: 0.6em;

}



.texto-contenido4{

  z-index: 2;

  padding: 1em 1em 2em 1em;

  position: relative;

}

.texto-contenido4 h1{

  color: white;

}

.texto-contenido4a{

  z-index: 2;

  padding-top: 4em;

  position: relative;

  text-align: center;

}



.texto-contenido5{
  z-index: 2;
  position: relative;

}


.texto-contenido5 p{
  text-align: center;
  padding: 2em 0;
}

  padding: 2em 0;

.texto-contenido5a{

  z-index: 2;

  top:0;

  right:0;

  position: absolute;

}

.texto-contenido5b{

  position: absolute;

  top:15vh;

}



.texto-contenido-m{

  z-index: 2;

  text-align: center;

  background-color: rgba(0,0,0,.8);

  color: white;

  padding: 2em 3em;

}



#elemento {

 position: absolute;

 left: 0;

 top: 0;

 width: 100%;

 height: auto;

 z-index: -10;

 visibility: visible;

 }





/* puedes poner un boton en el header utilizando btn y configuras aqui los estilos de este

.btn {

  background: #fff;

  color: #000;

  font-size: 1.5em;

  text-decoration: none;

}

.btn:hover {

  color: #000;

}

/* puedes poner un boton en el header utilizando btn y configuras aqui los estilos de este