@import url('https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Megrim&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@400;700&family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amita:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Hand:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grey+Qo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sankofa+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rozha+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+QLD+Beginner:wght@400..700&display=swap');
.edu-qld-beginner {
  font-family: "Edu QLD Beginner", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.bad-script-regular {
  font-family: "Bad Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.quicksand {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.cinzel {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.rozha-one-regular {
  font-family: "Rozha One", serif;
  font-weight: 400;
  font-style: normal;
}
.letraAustralia{ font-family:'Edu AU VIC WA NT Hand', cursive}

 .video001 {
	 width:93%;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: 4px solid #1d63b5;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #0199d9;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 30000ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 30000ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 30000ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 30000ms cubic-bezier(0.42, 0, 0.58, 1);
  position:relative;
  left:2%;
                 }

.fijoMovil{position:fixed;width:100%;z-index: 1;height:auto;background-color:#fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  overflow: visible;
  font: normal 15px/1 Tahoma, Geneva, sans-serif;
  text-align: center;
  color:red;
  letter-spacing: 1px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
	top:5px;	
	
	}
.fijo{position:fixed;
width:102%;
left:-2%;
z-index: 1;
background-color:#fff;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px;
  overflow: hidden;
  font: normal 16px/1 Tahoma, Geneva, sans-serif;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
top:-15px;	
	}
.g-c-m {
  display: grid;
  grid-template-columns: auto;
}

.g-c-b {
  display: grid;
  width:100%;
  grid-template-columns: repeat(auto-fit, minmax(40px, 0.5fr));
  padding: 5;
  justify-content: center;
}

.g-i-m {
  width:80px;
  font-size:15px;
  text-align: center;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 8px 5px;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.g-c-movil {
  display: grid;
  grid-template-columns: auto;
  padding: 10;
  text-align:left;
  font-size:20px;
}
.g-i-movil {
  width:300%;
  font-size:20px;
  text-align: left;
  margin-left:2px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 4px 10px;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    margin-bottom:10px;
}

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

.grid-head {
  display: grid;
  grid-template-columns: auto;
  gap: 2px;
}


.grid-item-inmueble {
 width:15px;
 padding:10px;
  margin-left:10px;
  font-size:15px;

}

.grid-container-menu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  alignment-baseline:baseline;
  gap: 2px;
  justify-content:left;
  width:95%;
  padding:0 90px 0 0;
}

.grid-container-inmueble {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15px, 0.2fr));
  alignment-baseline:baseline;
  gap: 2px;
  justify-content:left;
  width:95%;
  padding:0 90px 0 0;
}
grid-container-inmueble img{max-width:50%}

.grid-container {
  display: grid;
  grid-template-columns: auto;
  alignment-baseline:baseline;
  gap: 10px;
  justify-content:center;
  width:100%;
  padding:0 90px 0 0;
  margin-left:100px;
}
.grid-container1 {
position:relative;
left:0%;
  display: grid;
  grid-template-columns: auto;
  gap: 1px;
  justify-content:center;
  width:90%;
}
.grid-container2 {
  display: grid;
  grid-template-columns: auto;
  alignment-baseline:baseline;
  gap: 1px;
  justify-content:center;
  width:100%;
  position:relative;
  left:5%;
}
.grid-container3 {
  display: grid;
  grid-template-columns: auto;
  justify-content:center;
  width:100%;
  gap: 15px;

}


.grid-container4 {
  display: grid;
  grid-template-columns: auto;
  gap: 2px;
  justify-content:center;
  width:100%;
  position:relative;
  left:5%;
}

.grid-container5 {
  display: grid;
  grid-template-columns: auto;
  justify-content:center;
  width:100%;
  position:relative;
  left:-20%
}

.grid-item {
	padding:0 60px 0 90px;
  overflow: visible;
  margin-left:-20%;
}
.grid-item img {
    max-width: 100%;
    height: auto; /* Mantiene la proporción */
    object-fit: cover; /* Ajusta el contenido sin distorsión */
}
.galeria{
	width:100%;
}


.cuadrado img{max-width:83%;margin-left:18px;}
.cuadrado{width:100%}
.contenedor{width:100%;position:relative;left:-5%;top:150px;background:#fff}
.encuadrado{width:60%;}
.adorno {
	width:100%;
  	display: block;
  text-align:center;
}
.galeriaText{width:70%;text-align:right;position:relative;top:20px;left:80px}

.galeriaDiv{width:100%;text-align:center;position:relative;top:120px;left:5%; margin-top:20px; margin-bottom:30px;  }
.galeriaDiv img{max-width:100%;}


.menuPC{display:none}
.menuMovil{display:block}

.icono{width:100%;
margin-bottom:5px;
text-align:left;
display: flex;
}
.icono img{max-width:40px}
.iconos{position:relative;left:-10%;width:100%;margin-bottom:15px;flex-basis:100%;}
.iconos li{display: inline; justify-content: space-evenly; margin-left:5px;}
.iconos img{width:40px}

.grid-containerWeb {
  display: grid;
  grid-template-columns: auto;
  justify-content:center;
  width:100%;
}
#faqs{
	left:-8%;
	margin-bottom:50px;
	}
#miCuerpo{
	position:relative;
	top:-440px;
	}
.mueveImg{
width:75%;position:relative;
left:-30px	
	}

.formulario {
    display:block; 
    width: 260px;
	text-align:left;
    padding: 15px;
	margin-top:15px;
    text-align: center;
	overflow:visible;
    border: 1px solid #0293AF;
    transition: all 0.5s ease;
    border-radius: 11px;

}
#misVideos{
	width:100%;
	height:250px;
}
.tamanioImg	{
	position:relative;
}
.tamanioImg img{max-width:70%}

#tituloFAQS{position:relative;
left:-30px;width:110%;text-align:center}

#m_3287{margin-bottom:20px;
margin-top:40px;
position:relative;
top:-20px;
}
#m_3284{position:relative;
top:40px;}
#t_3286{
	position;relative;
	top:30px;
	}
.contactanos {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  color:#fff;
  padding: 10px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 14px/normal Tahoma, Geneva, sans-serif;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #0293AF;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  position:relative;
  top:-220px;
  left:40%;
  z-index:1000;
}

.contactanos002 {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  color:#fff;
  padding: 10px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 14px/normal Tahoma, Geneva, sans-serif;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.contactanos001 {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  color:#fff;
  padding: 10px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 14px/normal Tahoma, Geneva, sans-serif;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #0293AF;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
#imgContacta
{
	width:80%;
	position:relative;
	left:2%;
}

.sombra img {max-width: 30%;
            object-fit: contain;};
.sombra{
            width: 90%; /* Se adapta al ancho del dispositivo */
            max-width: 50%; /* Ocupar todo el ancho disponible */
            aspect-ratio: 4/3; /* Ajuste de relación de aspecto en móviles */
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            border: 0px solid #fff;
	}
.footer {
	position:relative;
top:1px;
left:5%;
width: 95%;
overflow: visible;
color:white;
border: none;
font: normal 10px/normal Tahoma, Geneva, sans-serif;
text-align: center;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
background: #0293AF;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
height:540px;
z-index:2000;
 }

.cajon001{
	margin-left:30px;
	width:280px;
	height:350px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #b4b4b4;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: #000;
  -o-text-overflow: clip;
  text-overflow: clip;
background-color:#fff;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);

}
.cajon002{
	position:relative;
	top:2px;
	text-align:center;
	padding:20px;
	}
.cajon003{
	margin-top:50px;
	margin-left:10px;
	width:300px;
	height:310px;
  	display: inline-block;
  	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
  	cursor: pointer;
  	padding: 30px;
  border: 0px solid #8c8c8c;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: #000;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #fff;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.logoInferior{
	width:40%;
	}
	.alaIzquierda{position:relative;
	left:15%;
		}
	.piedepagina{position:relative;left:-20px;width:130%;}	
	.alaDerecha{position:relative;
	left:23%;
		}
.ocultaPhone{display:none}
#muestraPhone{display:block}

.cotiza {
	width:150px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  color:#fff;
  padding: 10px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 14px/normal Tahoma, Geneva, sans-serif;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #0293AF;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  position:relative;
  left:30%;
}
.abajo{height:170px}

.videoPerfil{
width="330" height="360"
}

.grid-item video{ width: 100%;
    height: 100%;
    object-fit: cover; }
.textoPerfil{
	width:100;margin-left:10px;padding:30px;text-align:center
	}
	
.misCompras{
width: 100%; 
height: 600px; 
position: fixed;
top: 150px; 
left: 0;
z-index: 9999;
}
.arriba{position:relative;top:-40px}

.video-container{width:100%;margin-top:190px;background-size:110%}
.misTextos{width:100%;margin-left:-8px;padding:0 20px 0 40px}

.cajon {
	margin-left:5px;
	width:280px;
	height:350px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: #1D63B5;
  -o-text-overflow: clip;
  text-overflow: clip;
background-color:#fff;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

        .cintillo002 {
            width: 130%;
            height: 120px; 
            background-image: url('https://laboratoriocnr.com/click/img/cintilloavion.jpg'); 
            background-size: cover; 
            background-position: center;
  font: bold 13px/normal Tahoma, Geneva, sans-serif;
            text-align: center;
            line-height: 60px; 
            color: white;
			background-position-y:30px;
			background-position-x:-40px;
			background-repeat:no-repeat;
			margin-top:120px;
			color:#1d63b5;
        }
.MexicoInvita{
width:80%;text-align:center;position:relative;left:-10%;top:-90px
	}
.positionTextos{	
	position:relative;top: 50%;
  	left: 55%;
  	transform: translate(-40%, -50%);
}
  	
.posicionImagenes{
	position:relative;
	left:80px;
padding:10px;
	}
.posicionImagenes img{max-width:85%}
.posiLogo{width:35%;position:relative;top:12px;left:30%}
#miMenu {
    position: relative; /* O absolute si es necesario */
    z-index: 9999; /* Un valor alto para que esté por encima de otros elementos */
	overflow:visible;
	height:300px;
}
.posiMenu{
	position:relative;
	top:25px;
	left:-2%;
	text-align:left;
}

.recuadroGris {
	width:80%;
	margin-left:20px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  color:#fff;
  border: 1px solid #0293AF;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #0293AF;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.recuadroVerde {
	width:70%;
	margin-left:20%;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  color:#fff;
  border: 1px solid #0293AF;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #0293AF;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.margen{height:30px}
.margenDerecha{margin-left:-5px}
@media screen and (min-width: 1000px){
.margenDerecha{margin-left:90px}
	#miCuerpo{top:-400px}

.recuadroVerde{
	width:100%;
	margin-left:120%;
	}
.recuadroGris {
	width:100%;
	position:relative;
	left:80px;

}
.videoalaDerecha{position:relative;left:10%}

	   .subMenus {
		   position:relative;
		background-color:#fff;
    }

.boton {
    display:block; /* O prueba con block */
    min-width: 110px;
	text-align:left;
    padding: 5px;
	margin-left:10px;
    text-align: center;
	overflow:visible;
    border: 3px solid #0293AF;
    transition: all 0.5s ease;
    border-radius: 11px;
	margin-bottom:10px;
	    position: relative; /* O absolute si es necesario */
    z-index: 9999; /* Un valor alto para que esté por encima de otros elementos */

}

.boton:hover {
    transform: scale(1.1);
	background-color:#fff;
}
/* Estilos generales */
.menu {
    padding: 5px;
	height:80px;
	backgroud-color:blue;
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu ul li {
    position: relative;
    display: inline-block;
}

/* menús */
.menu ul li a {
    display: block;
    padding: 5px 7px;
    color: #000;
	font-size:12px;
    text-decoration: none;
    background: #fff;
}

.menu ul li:hover > a {
    background: #0293AF;
	color:#FFF;
}


.menu ul ul {
    position: fixed;
    min-width: 120px;
	padding:5px 7px;
    background: #fff;
}

.menu ul ul li {
    display: block;
}

.menu ul ul li a {
    display: block;
    padding: 3px;
}

/* Mostrar submenús al pasar el cursor */
.menu ul li:hover > ul {
    display: block;
}

	.menu ul ul {
    position: fixed;
    min-width: 120px;
	padding:5px 7px;
	
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: 1px solid #0293AF;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -o-text-overflow: clip;
  text-overflow: clip;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
}
	.menu ul ul ul{
		position:relative;
		max-width:180px;
		margin:10px;
	}
.margen{height:10px}

	.texto001{
	width:100%;text-align:center;padding:0 -3px 0 40px;position:relative;top:10px;
	}
	#cintaavion{position:relative;left:-6%;top:9%}
	.cdmx{ margin-left:-8%}

#miMenu {
    position: relative; /* O absolute si es necesario */
    z-index: 9999; /* Un valor alto para que esté por encima de otros elementos */
	overflow:inherit;
	height:200px;
}

.posiLogo{
	width:8%;
	position:relative;
	left:5%;
	top:40%;
	}
.posiMenu{
	width:100%;
	top:-60px;
	left:170px;
	height:30px;
}
.positionTextos{	
	position:relative;top: 50%;
  	left: 50%;
  	transform: translate(-40%, -50%);
}

.posicionImagenes{
	position:relative;
	left:-3%;
padding:0 50px 0 40px;
	}
.posicionImagenes img{max-width:120%} 	

.grid-item {
	padding:0 50px 0 60px;
  overflow: visible;
  margin-left:-70px;
}
	
.MexicoInvita{
width:70%;text-align:right;position:relative;left:8%
	}

        .cintillo002 {
            width: 110%;
  font: bold 26px/normal Tahoma, Geneva, sans-serif;
            height: 160px; 
			background-position-y:-40px;
			background-position-x:0px;
		}
.video-container{width:100%;margin-top:140px;}
	
.videoPerfil{
width="300px" height="360"
}

.abajo{height:150px}
.cotiza {
	position:relative;left:80%;
}
	#muestraPhone{display:none}

	.alaIzquierda{left:10%}
.contactanos001 {
top:1px;
left:-8%;
}

.arriba{position:relative;top:-90px}

.textoPerfil{
	width:700px;
	position:relative;
	top:50px;
}

.ocultaPhone{display:block}
.cajon002{
	position:relative;
	top:0px;
	
	}

.cajon001{
	width:150px;
  left:-30%;
  margin-bottom:30px;
  gap:10;
}
	.footer {
top:35px;
left:-30px;
height:340px;
width:104%;
	}
	.contactanos{
	  top:-600px;
  left:50%;

	}
	
	.grid-alargado{
	width:600px;
	padding:0 20px 0 20px;
	position:relative;
	left:10%;
	}

.sombra {
            width: 120%; /* Se adapta al ancho del dispositivo */
            height: auto; /* Altura automática para mantener la proporción */
            aspect-ratio: 16/16; /* Mantiene una relación de aspecto */
}
	
	#misIco{position:relative;left:-150px}
#imgContacta
{
	width:40%;
	position:relative;
	left:10%;
}
#m_3284{position:relative;
top:0px;}
	
#tituloFAQS{position:relative;
left:-120px}

.tamanioImg img{max-width:100%}
#misVideos{
	width:300%;
	height:450px;
	position:relative;
	left:-100%
	}

.formulario {
  width: 90%;
  
}
.mueveImg{
width:100%;left:45%	
	}


#faqs{
	left:-25%
	}
.galeriaText{width:100%;text-align:center;position:relative;top:20px;display:block;}
.galeriaDiv{width:100%;text-align:right;position:relative;top:280px;display:block;margin-bottom:30px}

.adorno {
width:100%;text-align:center;}
.contenedor{left:-2%}
.grid-containerWeb {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.iconos img{max-width:10%;margin:10px 25px 10px 25px }
.iconos{left:-5%}
.iconos img{width:40px}
.icono img{max-width:40px}

#quienEs{position:relative;
top:0px}
#logoMovil{display:none}
/*  menu  */
.g-c-m {
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  text-align:center;

}

.grid-container {
grid-template-columns: repeat(3, 1fr);;
}
#m_3287{position:relative;top:120px;left:-66%}
#m_3287 img{max-width:90%}
#t_3286{position:fixed;left:90%;width:600px;top:30px; line-height:20px }
#f_3234{position:relative;left:-40%;top:33px}
.contacto{  font: normal 20px/normal Tahoma, Geneva, sans-serif;

}

.grid-container1 {
  display: grid;
  grid-template-columns: auto;
  gap: 2px;
  justify-content:center;
  width:100%;
}
.grid-container2 {
  display: grid;
  grid-template-columns: auto auto;
  justify-content:center;
  width:100%;
    position:relative;
  left:0%;

}
.grid-container3 {
display: grid;
    grid-template-columns: repeat(3, 1fr); 
	width:100%;
}

.grid-container4 {
  position:relative;
  display: grid;
  grid-template-columns: auto auto auto auto;
  justify-content:center;
  width:100%;
  position:relative;
  left:0%;

}

.grid-container5 {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 1px;
  justify-content:left;
  width:100%;
}

.misTextos{}
	.cajon{
  			padding: 30px;
			margin-left:5px;
				width:280px;
				

}

}


/* Estilos solo para dispositivos móviles */
@media screen and (max-width: 900px) {
.menu li a{color:#fff}	
.menu ul li{
	position:relative;
	left:5%;
	width:300px;
}
.menu ul{
background-color:#0293AF;
}
.menu ul ul {
background-color:#246A82;
position:relative;
padding-top:3px;
left: -20px;
}
.menu ul ul li{
background-color:#246A82;
position:relative;
left:-40px;
width:270px;
padding-top:10px;
padding:10px;
}
.menu li {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    transition: color 0.3s ease;
	background-color:#0293AF;
}


.posiMenu{
z-index:999;
background-color:#0293AF;
position:absolute;
top:10px;
left:-30px;
width:90%;
height:1100px;
overflow:scroll;
transform: translateX(-390px);
}
.menu {
    background-color: #0293AF;
    padding: 5px;
	height:5%;
	position:relative;
	top:-15%;
	z-index:999;

}

   .subMenus {
	   position:relative;
        left: -30px;
        top: 20%;
		background-color:#0293AF;
    }

	.MenuLineas{
	position:relative;
	top:80px;
	}
}


.floatingX {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  padding: 20px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal 16px/1 Tahoma, Geneva, sans-serif;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;

left: 0%;
position: absolute;
bottom: 1%;
z-index: 20;

}


.recuadroC {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #018dc4;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background:rgba(7,9,81,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.recuadroX {
  margin-bottom:10px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #333;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #000;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.miFondo{
width:300px;
height:300px;
overflow:scroll;
	}

.cubre{  display: inline-block;
width:200px;
height:200px;
overflow:hidden;
}
.enfrente{
width: 100px; 
height: 100px; 
position: fixed; 
bottom: 0; 
right: 0;
top:80%;
z-index: 9999; 
	}

.seleccionX {
  width: 100px;
	display:block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 2px 10px 2px 10px;
  overflow: hidden;
  border: 13px solid #d16619;
  font: normal 16px/1 Tahoma, Geneva, sans-serif;
  color: #000;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  background: #ffffff;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
  transition: all 0.5s ease;
}
.textos {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 130px;
  padding: 10px;
  overflow: hidden;
  border: 2px solid #fff;
  font: normal 16px/1 Tahoma, Geneva, sans-serif;
  color: #000;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  background: #ffffff;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
  margin-bottom:10px;
}

.textos: hover{
  width: 130px;
	display:block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px;
  overflow: hidden;
  border: 3px solid #0293AF;
  font: normal 16px/1 Tahoma, Geneva, sans-serif;
  color: #000;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  background: #ffffff;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
  transition: all 0.5s ease;
}
.freequote {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 160px;
  padding: 20px;
  overflow: hidden;
  border: none;
  font: normal 16px/1 Tahoma, Geneva, sans-serif;
  color: #fff;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  word-spacing: 1px;
  background: #246a82;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
  position:relative;
  top:7px;
  left:30%;
  color:white;
}
.texto {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px;
  overflow: visible;
  border: 0px solid #FD1C4E;
  font: normal 16px/1 Tahoma, Geneva, sans-serif;
  color: #000;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  letter-spacing: 1px;
  background: #ffffff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
  margin-bottom:10px;
}



.contrata {
	width:100px;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid rgba(90,90,90,1);
  -webkit-border-radius: 9px;
  border-radius: 9px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #00aeef;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.respuesta{
text-align:center;
position:relative;
left:10px;	
font-size:15px;
font-family:Tahoma, Geneva, sans-serif;
	}

.pregunta {
	text-align:center;
	width:95%;
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid rgba(90,90,90,1);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 14px/normal ;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  margin-top:20px;
}
.cajonlargo {
	margin-left:20px;
	width:250px;
	height:800px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #b4b4b4;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #fff;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.cajonlargo1 {
	margin-left:20px;
	width:250px;
	height:880px;
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #b4b4b4;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #fff;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.botonenvio {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #1b01c1;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #000000;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.estasbuscando{
	width:350px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  line-height:5px;
	}

.redondeado{
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #dcdcdc;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal Tahoma, Geneva, sans-serif;
  color: #fff;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #dcdcdc;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	height:150px;
	overflow:scroll;
}


/* Aplica estilos a la barra de desplazamiento */
::-webkit-scrollbar {
    width: 12px; /* Ancho de la barra de scroll */
    height: 12px; /* Alto en el caso de scroll horizontal */
}

/* Estilo del fondo de la barra de scroll */
::-webkit-scrollbar-track {
    background: #f0f0f0; /* Color del fondo */
    border-radius: 10px; /* Bordes redondeados */
}

/* Estilo del deslizador de la barra de scroll */
::-webkit-scrollbar-thumb {
    background: #007BFF; /* Color del deslizador */
    border-radius: 10px; /* Bordes redondeados */
    border: 2px solid #f0f0f0; /* Agrega un borde para mayor contraste */
}

/* Cambiar el color al hacer hover en el deslizador */
::-webkit-scrollbar-thumb:hover {
    background: #0056b3; /* Color al pasar el cursor */
}

/* Personalizar scrollbar en Firefox */
* {
    scrollbar-color: #007BFF #f0f0f0; /* Color del deslizador y del fondo */
    scrollbar-width: thin; /* Grosor del scrollbar (auto | thin) */
}

/* Estilo para el cintillo */
        .cintillo {
            width: 300%;
            height: 100px; /* Ajusta la altura del cintillo */
            position: relative;
            margin: 20px 0; /* Espaciado alrededor del cintillo */
            overflow: hidden;
			background-color:#000
			
        }

        /* Estilo para que la imagen ocupe todo el cintillo */
        .cintillo img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Se asegura de que la imagen cubra todo el cintillo */
        }

        /* Estilo para el botón */
        .boton-cintillo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  color:#fff;
  padding: 10px 20px;
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 14px/normal Tahoma, Geneva, sans-serif;
  -o-text-overflow: clip;
  text-overflow: clip;
  letter-spacing: 1px;
  background: #0293AF;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
        }

  @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animated {
            opacity: 0;
            animation: fadeIn 1s ease-in-out forwards;
        }
.classImagenContacto{margin-top:60px}