@charset "utf-8";
/* CSS Document */

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');


.adelgazar{ /*ubicar magic card dentro de la web*/

  height: 4px   !important;
}



.centrarvideo{ /*ubicar magic card dentro de la web*/


  height: 450px  !important;
}



*{
  margin: 0;
  padding: 0;
text-align: center;
  font-family: 'Poppins', sans-serif;
	
}

.botonmenu { /*ubicar magic card dentro de la web*/
	position: fixed;
	left: 10%;
z-index: 999;
}



.letramenuboton { 
font-family: 'Pirata One', cursive;
font-weight: 500; /* negrita o grosor del texto, */
letter-spacing: 1.2px; /* espacio entre cada letra*/
font-size: 24px;
color: #6494F8;
line-height: 20px;
}


.centrarcard { /*ubicar magic card dentro de la web*/
position: absolute;
	top: 290%;
	left: 35%;

}

.centrarletrerodoble { /*ubicar magic card dentro de la web*/
position: relative;
right: 90px;
z-index: 999;
width: 450px;

}


.centrarletrerodoble2 { /*ubicar magic card dentro de la web*/
right: 340px;
z-index: 999;
width: 250px;
	top: 580px;

}

  .position-xs-relative {
    position: relative !important;
z-index: 999;
width: 250px;
  }

  .position-xl-absolute {
    position: absolute !important;
	    display: flex;
  flex-wrap: wrap;
right: 430px;
	  top: 500px;
z-index: 999;
width: 250px;
  }


.acomodar {   /*cuando letrero ESTA CHICO*/
position: relative !important;
width: 270px;
}

.acomodar2 {   /*cuando letrero ESTA CHICO*/
position: relative !important;

	text-align: center;

}

.acomodar3 {   /*cuando letrero ESTA CHICO*/
width: 370px;
}

@media only screen and (min-width: 1210px) {  /*cuando ESTA GRANDE, cuando queiro coloxcarf limite:    and (max-width: 3600px)*/
.acomodar {
position: absolute!important;   /*o absolute*/
left: 16%;
top: 540px;
z-index: 999;
width: 270px;
  }

	@media only screen and (min-width: 1210px) {  /*cuando ESTA GRANDE, cuando queiro coloxcarf limite:    and (max-width: 3600px)*/
.acomodarlala {
right: -35%;
	top: 430px;
	width: 170px;
  }





.contenedorletrero {
  width: 640px;
  margin: 0 auto;
	top:0;
  display: flex;
	position: relative;
}



@media (min-width: 576px) {

  .position-sm-relative {
    position: relative !important;
  }
  
}
@media (min-width: 768px) {

  .position-md-relative {
    position: relative !important;
  }
  
}

@media (min-width: 992px) {

  .position-lg-absolute {
    position: absolute !important;
  }
 
}

@media (min-width: 1200px) {
  
  .position-xl-absolute {
    position: absolute !important;
  }
  
  
}





 .fondocompleto {

  background-size: auto;
  }




 .llenito {

  height: calc(80% - 60px);/*<-- Yo puse 60px porque más o menos es lo que mide la altura del título, pero tú coloca un número de pixeles que se ajuste*/
  object-fit: contain !important; 
  }


 .altosuperior{
	height  : 9px;
	   }

 .altoinferior{
	height  : 50%;
	 min-height: 9px;
	   }
	 



 .sinfin {
object-fit: cover !important;
	
  }
  


 .borrarespacio{  /* elimina el espacio despues de una imagen  */
	 vertical-align: bottom;
	 line-height: 0;
	 display:block;
  }





/* xs */
.propo {
width: 230%;
height: auto;
}
/* sm */


@media (min-width: 1900px) {
.propo2 {
width: 70%;
margin: auto;
}
	

	
	
.propohuincha {
width: 60%;
text-align: center;
margin: auto;
}
	
	
}
/* md */
@media (min-width: 992px) {
.propo3 {
width: 150%;
}
}
/* lg */
@media (min-width: 1200px) {
.propo4 {
width: 150%;
}
}



@media (max-width: 300px) {
  .nomasgrande {

  }

	
	
	 .nomasgrande{
    max-width:400px;
		 display: block;
}


.centrar {
 display: block;
align-content: center;
float: right;
margin-left: 0;
  margin-right: -20%;
	text-align: center;
	align-items: center;
}


.centrar2 {
 display: block;
align-content: center;
	float: right;
margin-left: 0;
  margin-right: -40%;
	text-align: center;
	align-items: center;
}



.centrar2b {
 display: block;
align-content: center;
	float: right;
margin-left: 0;
  margin-right: -70%;
	text-align: center;
	align-items: center;
}

.centrar3 {
	line-height: 0;
	vertical-align: top;
	border-collapse: collapse;
	margin: 0;
	 cellspacing: 0;
	cellpadding: 0; 
	padding: 0;
	border: 0;
	font: 0;

}

.centrar4 {
 display: block;
align-content: center;
float: right;
margin-left: 0;
  margin-right: -10%;
	text-align: center;
	align-items: center;
}