/*
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) { }
 */


/* Media Query para dispositivos de escritorio (ancho mínimo de 768px) */
@media (min-width: 768px) {
 
}

/* Media Query para orientación horizontal */

@media (orientation: landscape) {
   
}

@media (orientation: portrait) {
  
}


/* Media Query para orientación vertical */
@media (orientation: portrait) {

	 

    .Babe-Logo-Top-IMG{
      
      width: 110px;
      height: auto;
      
    }


   .Menu-landing {
    margin-right: 15px;
    }
    
    .Babe-Logo-Top {
	    margin-left: 20px;
	}



    .Menu-landing-link{
    	display: none;
    }

    .Menu-landing-login {
	     width: auto;
        height: 30px;
	    cursor: pointer;
	}

	.Menu-landing-burger{
 

    	display: block;
	}

	.login-container {
	    width: 90vw;
	    max-width: none;
	    height: fit-content;
	    padding: 4vw;
	}

	 #Login-ui  {
        width: 90%;
    }

    .login-title {
        font-size: 1.6em;
    }

    .login-input {
        padding: 10px;
        font-size: 0.9em;
    }

    .login-button {
        padding: 10px;
        font-size: 0.9em;
    }

    #login-close-btn {
            top: 6vh;
        left: 45%;
        width: 5vh;
        height: auto;
       /* transform: translate(-50%, 0%);*/
    }


    .LogOutButton p {
      font-size: 1.2em;
        line-height: .2em;
  }

  .LogOutButton img {
    height: 3.8vw;
    margin-right: 2vw;
  }

      .logOut-container {
               width: auto;
        padding: 2vw;
        top: calc(4vh + 8vw);
        padding-top: .5vw;
        padding-bottom: .5vw;
    }


    .LoginM-left{
      display: none;
    }

    .LoginM-right {
      flex: 1.8;
    }

    .LoginM-container {
   
    height: fit-content;
}

      /* 
	  ******|||||||||||||||******
	  |||||||| BLOCK 01
	  ******|||||||||||||||******
	  */
	 

	 .Modul-01-container {
   
    	height: auto;
        padding-top: 4vh;
    	padding-bottom: 4vh;
    	padding-top: 20px;
	}


  		.Footer-block{
        margin-bottom: 0vh;
        padding-bottom: 0vh;
            margin-top: 0px;
       }
	 

	 .Modul-01-center {
	    display: flex;
	    flex-direction: column;
	 }

	 .Modul-01-left{
   	
   		 margin-right: 0px;
	}

	.Modul-01-half {
	    width: 85vw;
	}

	.Modul-01-left-image , .Modul-01-R-top {
		margin-bottom: 1vh;
	}

	.Modul-01-R-top img {
        content: url("assets/noExplotes/NoExplotes_cuidado_vert@3x.png");
    }

    .Modul-01{
    	 background-attachment: initial;
    }
       

	  /*
  	
  	.Modul-01-container {
	    width: 100vw;
	    height: auto;
	    min-height: auto;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	}

		.Modul-01-half {
	    width: 80vw;
	    height: 50vh;
	}


	.Modul-01-left {
	    margin-top: 5vh;
	    margin-right: 0px;
	    
	    min-height: fit-content;
	    height: auto;
	    padding: 2vh 2vw;

	}


	.Modul-01-right {
    	display: flex;
    	justify-content: flex-start;
    	flex-direction: column;
    	margin-top: 2vh;
    	   align-items: center;
	}

	.Modul-01-L-text {
  
    	font-size: 1.4vh;
	}

	.Modul-01-L-text-2{
		margin-bottom: 2vh;
	}


	.Modul-01-R-Top-Title{
		font-size: 1.3vh;
	}

	.Modul-01-R-Top-Icon-Text{
		font-size: .9vh;
	}
	
	.Modul-01-R-bottom-text {
	   
	    font-size: 1.3vh;
	}

	.Modul-01-R-top , .Modul-01-R-bottom{
		padding: 2vh 2vw;
	}
	
	*/




      /* 
	  ******|||||||||||||||******
	  |||||||| TIPS
	  ******|||||||||||||||******
	  */


	  .Tips-modul-container {
	    width: 85vw;
	    display: flex;
	    flex-direction: column;
	    align-content: center;
	    align-items: center;
	}


	  .Tips-container {
		    margin-top: 8vh;
		    margin-top: 4vh;
		    display: flex;
		    flex-direction: column;
		    align-content: center;
		    align-items: center;
		}

		.Title-Big {
		    font-size: 5.8vh;
		    line-height: 6vh;
		}


		.Tips-col-R {
		    width: 50%;
		    padding-left: 0px;
		}

	.Tips-col-L , .Tips-col-R{
	    width: 100%;
	}

	.Tip-title{
		font-size: 2.8vh;
		 line-height: 2.8vh;
		  margin-bottom: 1.7vh;
	}

	.Tip-text{
		font-size: 2.3vh;
        line-height: 2.5vh;
	}
	 .Tip-Div{
    margin-bottom: 5.9vh;

   }


   .Private-Video{
   	margin-bottom:0px;
   }
  /* 
  ******|||||||||||||||******
  |||||||| MODUL PRODUCT
  ******|||||||||||||||******
  */
		

  	.product {
    	width: 40vw;
	}

	.product img {
    	width: 40vw;
	}

	 .Product-module-title {
        font-size: 2.8vh;
        line-height: 2.8vh;
        margin-bottom: 1.7vh;
        width: 70vw;
    }

    .Product-arrow-button img {
    	width: 5vw;
	}

	.product p {
    	font-size: 1.5vh;
    	font-size: .9em;
	}

	.product h3 {
    	font-size: 1.4vh;
    	font-size: .9em;
	}


	.formacion h3 {
        font-size: 2.2vh;
        font-size: 1em;
    }

      .Product-arrow-button , .Product-arrow-button:visited , .Product-arrow-button:active {
          opacity: 1;
          
      }


      .Product-arrow-button:hover {
          opacity: 1;
      }

       .Product-arrow-button:focus{
          opacity: 1;
      }


	

	.VideoFormacion , .formacion {
	    height: auto;
	    width: 80vw;

	    height: 70vh;
        width: auto;

	}

	.formacion{
		height: fit-content;
   		 width: inherit;
	}


  /* 
  ******|||||||||||||||******
  |||||||| DOWNLOAD
  ******|||||||||||||||******
  */
 
  .Private-download-title {
 	font-size: 3.9vw;
    line-height: 3.9vw;

	}
	 .Private-download-col-R button {
	    padding: 1em;
	   
	    padding-left: 1.2em;
	    padding-right: 1.2em;
	    font-size: 0.7em;
	}

	  .Private-download-modul{
           padding-bottom: 2vh;
        padding-top: 2vh;
        margin-bottom: 0vh;

  }


	    .login-button {
       
        
    }

  /* 
  ******|||||||||||||||******
  |||||||| MODUL 07 RAZONES
  ******|||||||||||||||******
  */
	 


	 .landscapeBreak{
	 	display: none;
	 }

	 .Modul-07-razones-title{
	 	 width: 100%;
	 	 margin-bottom: 1vh;
	 }

	  .Tip-preTitle{
	      font-size: 3.1vh;
        line-height: 3.3vh;
        margin-bottom: 6.9vh;
        width: 100%;
	     
	   }

	    
	


	  /* 
	  ******|||||||||||||||******
	  |||||||| 360
	  ******|||||||||||||||******
	  */


	#Video360 {
	    width: 100%;
	    max-width: none;
	}

	  /* 
	  ******|||||||||||||||******
	  |||||||| ENCUESTA
	  ******|||||||||||||||******
	  */



	   .Encuesta-title{

	    font-size: 2.8vh;
        line-height: 2.8vh;

	  }

	  .Encuesta-subTitle{
	  	 font-size: 2.3vh;
        line-height: 2.5vh;
	  }


	 

	 .Encuesta-pregunta {
	    font-size: 2.3vh;
        line-height: 3.2vh;
	}

	 .EncuestaRespuesta {
	     font-size: 2vh;
	   
	    line-height:2.8vh;
	            padding-left: 3vh;
	            padding-bottom: 1.5vh;
	}


	.Encuesta-Opciones{
		  font-size: 1.9vh;
	   
	    line-height:2.8vh;
	}


	.checkmark {
    
	    top: .45vh;
	   
	    height: 1.8vh;
	    width: 1.8vh;
	   
	}
	

	.Encuesta-ui{
		
        
        padding: 2vh;
        width: 70vw;
        justify-content: flex-start;

      	padding-left: 0px;

        /*
            justify-content: flex-start;
          */

	}

	.Encuesta-Resultado-Title {
	    font-size: 2.7vh;
	    line-height:2.9vh;
	}

	.Encuesta-Resultado-Texto {
	    font-size: 1.9vh;
	    line-height: 2.1vh;
	}



	.Encuesta-content {
	     max-width: 100%;
	}

	.Encuesta-send {
	    
	    width: 100%;
	}


	.Encuesta-send-button {
	    border-radius: 2.6vh;
	   
	    padding: 1.2vh 4.2vh;
	    font-size: 1em;
	}

	.Encuesta-nav{
		padding-left: 1vw;

	}

	.Modul-06-encuesta {
		/*min-height: 100vh;*/
	}

	.Encuesta-nav-bread {
	    font-size: 1.4em;
	    line-height: 0px;
	    margin-right: 2vw;
	     padding-bottom: 0.5vw;
	    
	}


	.Encuesta-arrow-button{
		/*padding-top: 6vh;*/
		margin-right: 3vw;
	}


	.Encuesta-arrow-button img {
	    width: 1.9em;
	}

	.Encuesta-screen{
		align-items: flex-start;
		padding-left: 5vw;
	}


	#Encuesta-resultado {
	    font-size: 4.2vw;
    	line-height: 7.1vw;

  	}
  	#Encuesta-respuesta , #Encuesta-extend , #Encuesta-more  {
  		    width: 80%;
  	}

  	#Encuesta-more img{
	    height: 65px;
	    width: auto;
	}

	#Encuesta-bodegon {
	    width: 80%;
	}

	 #Encuesta-bodegon img{
	   
	  }


  	#Encuesta-extend .ExtraTitle  {
  		    font-size: 4.5vw;
    line-height: 7.9vw;
    margin-bottom: 2.5vw;
    margin-top: 3.8vw;
  	}
      /* 
	  ******|||||||||||||||******
	  |||||||| MAP
	  ******|||||||||||||||******
	  */


	  #Mapa-Load-button {
        border-radius: 2.6vh;
        padding: 1.2vh 4.2vh;
        font-size: 1em;
    }
    
	.Map-title{

	    font-size: 2.8vh;
        line-height: 3.8vh;
        margin-bottom: 1.7vh;
        width: 80vw;
	    
	}

	.MarkerContainer {
	   
	    width: 35vw;
	}


	  .MapLoading-text{

   	font-size: 1.9vh;
    line-height: 2.1vh;

   
  }


	.MapLoading-title {
    font-size: 2.5vh;
    line-height: 2.8vh;
}
	.MapLoading-info {
    
    font-size: 1.6vh;
    line-height: 1.8vh;
    }
	  	

  	
      /* 
	  ******|||||||||||||||******
	  |||||||| FOOTER
	  ******|||||||||||||||******
	  */

  	

	.Footer {
	    display: block;
	}


	.Footer-column{
		float: left;
		width: 100%;
		padding-bottom: 3vh;
		padding-bottom: 6vh;
	}


	.Footer-Text {
   
    font-size: 3.6vw;
	}

	.FooterLinks{
		padding-left: 5vw;
    width: 75%;
	}

	.Footer-center{
		height: auto;
	}
	.Footer-center::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px; /* Resta 10px de margen superior e inferior */
           
        }

        .Footer-center::after{
        	width: 0px;
        	height: 0px;
        	background-color: unset;
        }

        .Footer-center::before {
            left: 0px;
            top: -10px;
             background-color: #E1E1E0;
        }

        .Footer-column{
        	padding-top: 3vh;
        }
       

        .Footer-link{
        	    font-size: 2.6vw;
        	        padding-top: 2.3vw;
        }

        .Footer-social-button {
	    width: 8vw;
	    height: auto;
	}

	.Footer-right{
		width: 85%;
	}

	.Footer-socials{
		    margin-left: 8%;
		width: 80%;
	}


}
/* 
******|||||||||||||||******
|||||||| DESKTOP
******|||||||||||||||******
*/

@media (min-width: 1024px) {
  

}

/* 
******|||||||||||||||******
|||||||| 2K - 4K
******|||||||||||||||******
*/

@media (min-width: 2048px) {



}



/* 
******|||||||||||||||******
|||||||| BIG SMARTPHONES
******|||||||||||||||******
*/


@media (max-height: 740px) {

	

}


/* 
******|||||||||||||||******
|||||||| IPHONE MEDIUM 6-8 PLUS
******|||||||||||||||******
*/


/* Estilos específicos para resoluciones de 414x736 (iPhone 6 Plus, 7 Plus, 8 Plus) */
@media (max-width: 414px) and (max-height: 736px) {

	/*
	.section-3-text {
	  
    	font-size: .95rem;
    	
    }

	.Form-intro-text {
	    font-size: .9rem;
	    margin-bottom: 15px;
	    margin-top: 0px;
	    color:red;
	}
	 .StickyForm{
	 	padding-top: 3vh;
	 }

	 .form.form div.submit{
 	margin-top: 5px;
 	}



	form.form input.text, form.form textarea.standard, form.form select, form.form input.date {
		font-size: 1rem;
    	padding: 6px 8px 6px 8px;
	}


	form.form div.submit input {
	    height: 40px;
	        margin-top: 10px;
	}

	*/

	

	
	

}


/* 
******|||||||||||||||******
|||||||| IPHONE SMALL 6-8
******|||||||||||||||******
*/

/* Estilos específicos para resoluciones de hasta 375x667 (iPhone 6, 7, 8) */
@media (max-width: 375px) and (max-height: 667px) {



 
}