@font-face {
	font-family: 'BreveSansText-Book'; 
	src: url('../fonts/Breve Sans Text Book.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BreveSansText-SemiBold'; 
	src: url('../fonts/Breve Sans Text Semi Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BreveSansText-Bold'; 
	src: url('../fonts/Breve Sans Text Bold.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BreveSansText-MediumItalic'; 
	src: url('../fonts/Breve Sans Text Medium Italic.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BreveSansText-BookItalic'; 
	src: url('../fonts/Breve Sans Text Book Italic.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BreveSansText-Light'; 
	src: url('../fonts/Breve Sans Text Light.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
body{
	font-family: "BreveSansText-Light", sans-serif;
}
.azulclaro{
	color: #2DBDE8!important;
}
.azulfuerte{
	color: #0E2446!important;
}
.blanco{
	color: #fff!important;
}
.imglogo{
	
}
.divulmenu{
	margin-left: auto !important;
  /* margin-right: auto !important; */
}
.fondomenu{
	background: linear-gradient(90deg, #0E2446 0%, #2258AC 100%);
  padding-top: 1rem;
    padding-bottom: 1rem;
}
.colortxtnav{
	color: #fff!important;
	font-weight: 500;
	font-size: 1rem;
  text-transform: uppercase;
  font-family: BreveSansText-SemiBold;
}
.lang-switch {
  display: inline-flex;
  background: #FFFFFF1A;
  padding: 4px 6px;
  border-radius: 9px;
  border: 0.3px solid #fff;
  /*box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);*/
}
.btn-contacto{
      background: #fff;
    text-decoration: none;
    font-size: 1rem;
    padding: 14px 3rem;
    border-radius: 9px;
    color: #0E2446;
    font-family: BreveSansText-SemiBold;
    text-transform: uppercase;
}
.lang-btn {
  border: none;
  background: transparent;
  color: #dbe7ff;
  font-weight: 600;
  padding: 4px 18px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.txtpresicion{
	font-family: BreveSansText-SemiBold;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 100%;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #2DBDE8;
}
.txttitleul{
	font-family: BreveSansText-SemiBold;
	font-weight: 400;
	font-size: 1rem;
	line-height: 104%;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #2DBDE8;
}
.marg{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.listaconectividad{
	font-family: 'BreveSansText-MediumItalic'; 
	font-weight: 400;
	font-size: 1rem;
	line-height: 104%;
	letter-spacing: 0%;
	color: #0E2446;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.txtparque{
	font-family: BreveSansText-Bold;
	font-weight: 400;
	font-size: 4rem;
	line-height: 104%;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #011E43;
}
.txt{
	font-family: BreveSansText-Book;
	font-weight: 400;
	font-size: 1.18rem;
	line-height: 100%;
	letter-spacing: 0%;
	color: #011E43;
	text-wrap: balance;
}
.divflex{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.divflex1{
	width: 45%;
	background-color: #F8FAFC;
	box-shadow: 3px 2px 7.8px 0px #00000008 inset;
	border-radius: 30px;
	padding:1rem 1.5rem;
    margin-bottom: 2rem;
}
.divflex2{
	width: 45%;
	height: 202px;
	display: flex;
	flex-wrap: wrap;
	justify-content: inherit;
	align-items: center;
	/*box-shadow: 3px 2px 7.8px 0px #00000008 inset;*/
	border-radius: 30px;
	padding:1rem 1.5rem;
    margin-bottom: 2rem;
}
#divseguridad{
    margin-top: 4rem;
    background-color: #012555;
    border: 1px solid #012555;
} 
.divflex2 .titleflex{
	color: #FFFFFF;
	font-family: BreveSansText-Bold;
	font-size: 1.25rem;
	text-transform: uppercase;
	margin-bottom: 0.2rem;
}
.divflex2 .txtflex{
	color: #FFFFFF;
	font-family: BreveSansText-Book;
	font-weight: 400;
	font-size: 1rem;
	line-height: 100%;
	text-transform: none;
}
.imgicon{
	margin-bottom: 0.8rem;
}
.titleflex{
	color: #012555;
	font-size: 1.7rem;
	font-family: "BreveSansText-Bold", sans-serif;
	margin-bottom: 0rem; 
}

#divvozydatos{
	background-color: #F1F6F9;
    border-radius: 1px solid #F1F6F9;
}
#divmediatension{
	background-color: #035095;
    border-radius: 1px solid #035095;
}
#divprocesos{
	margin-top: -3rem;
	background-color: #fff;
    border: 1px solid #C2C2C2;
}

.titleflex span{
	color: #2DBDE8!important;
}
.txtflex{
	font-family: BreveSansText-SemiBold;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #075095;
}
.borderr{
      background: #035095;
    border-radius: 51px;
    padding: 12px 1rem;
    border: 1px solid #fff;
    font-family: "BreveSansText-SemiBold", sans-serif;
    font-size: 0.9rem;
}
.lang-btn:hover {
  color: #ffffff;
}

.lang-btn.active {
  background: #075095;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
.titlte{
	font-size: 6rem;
	font-family: "BreveSansText-Bold", sans-serif;
	line-height: 100%;
	margin-top: 3rem;
	font-weight: bold;
}
.subtiti{
	font-size: 1.5rem;
	font-family: "BreveSansText-Book", sans-serif;
	line-height: 100%;
	margin-top: 2rem;
	margin-bottom: 5rem;
}
.btnexplorar{
	color: #012555;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px 35px;
    font-family: "BreveSansText-SemiBold", sans-serif;
    font-size: 1rem;
    text-decoration: none;
    border:0px;
    /*transition: background-color 0.7s ease, transform 0.6s ease-out; */
    transition: all 0.5s ease-in-out;
}
.btnexplorar:hover{
	border: 0.5px solid #fff;
	background-color: #0E2446;
	padding:20px 35px;
	color: #fff;
	/*transition: background-color 0.7s ease, transform 0.6s ease-out; */
	transition: all 0.5s ease-in-out;
}
.btnrecorrido{
	color: #fff;
    background: #FFFFFF29;
    border-radius: 10px;
    padding: 20px 35px;
    font-family: "BreveSansText-SemiBold", sans-serif;
    font-size: 1rem;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    margin-left: 2rem;
    transition: all 0.5s ease-in-out;
}
.btnrecorrido:hover{
	transition: all 0.5s ease-in-out;
	padding: 20px 35px;
	color: #fff;
	background-color: #2DBDE8;
}
.nav-item{
	padding: 0rem 0.5rem;
  display: flex;
    align-items: center;
}
.mar-item{
  margin-left:1rem;
}
.tamaniogral{
	width: 95%!important;
	margin-right: auto;
	margin-left: auto;
}
.fondoinicio{
	background: url("../img/fondo_inicio.png") center/cover no-repeat;
	padding: 4rem 0rem;
	margin-bottom: 3rem;
}
.algincenter{
  align-items: center;
}
.pddmenubtn{
  padding-left:3rem;
}
#operaciones{
	background-image: linear-gradient(270deg, rgba(244, 246, 249, 0.6) 0%, #F4F6F9 60.07%), url('../img/fondoconstructora.png');
	background-size: cover;
  	background-position: center;	
}
#suelos{
	background-image: linear-gradient(rgba(1, 37, 85, 0.73)), url('../img/fondo_suelos.png');
	background-size: cover;
  	background-position: top;	
}
#compromiso{
	background-image: linear-gradient(180deg, #F8FAFC 0%, rgba(247, 249, 251, 0.7) 100%), url('../img/fondo_oasis.png');
	background-size: cover;
  	background-position: center;	

}
.txtoperacion{
	font-family: BreveSansText-Bold;
	font-weight: 400;
	font-size: 2.25rem;
	line-height: 104%;
	text-transform: uppercase;
	color: #011E43;
	margin-bottom: 0rem;
	margin-top: 1.7rem;
}
.txtoperacion2{
	font-family: BreveSansText-Bold;
	font-weight: 400;
	font-size: 4.7rem;
	line-height: 104%;
	text-transform: uppercase;
	color: #035095;
}
.divflex3txt p{
	font-family: BreveSansText-SemiBold;
	font-weight: 400;
	font-size: 1.05rem;
	line-height: 100%;
	margin-bottom: 0rem;
}
.divflex3{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 1.1rem 1rem;
    border: 1px solid #316FA8;
    border-radius: 20px;
    width: 48%;
    margin-bottom: 1.5rem;
    height: 78px;
    box-shadow: 2px 3px 6.4px 0px #00000012;
}
.divflex3img{
	width: 18%;
}
.divflex3txt{
	width: 80%;
}
#divareas{
	background: #035095;
	border: 1px solid #316FA8
}
#divpatios{
	background: #012555;
	border: 1px solid #316FA8;
}
#divmaniobra{
	border: 0.5px solid #C2C2C2B2;
	background: #F1F6F9;
}
#divandenes{
	background: #0E3C79;
	border: 1px solid #316FA8;
}
#divseguridadd{
	background: #2A73B7;
	border: 1px solid #316FA8;
}
#divespacioss{
	background-color: #fff;
	border: 0.5px solid #C2C2C2B2;
}
.bgcapas{
	background: #D9D9D933;
	border: 0.2px solid #FFFFFF;
	border-radius: 20px;
    padding: 3rem 2.3rem;
}
.mtop{
	margin-top: 4rem;
}
.divflex42{
	display: flex;
    /* justify-content: space-between; */
    align-items: center;
    margin-bottom: 1rem;
	gap: 1.5rem;
}
.titleconexion{
	font-family: BreveSansText-Bold;
    font-weight: 400;
    font-size: 1.75rem;
    margin-bottom: 0px;
    line-height: 104%;
    letter-spacing: 0;
    text-transform: uppercase;
}
.divflex42 h6{
	font-family: BreveSansText-Bold;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 104%;
	text-transform: uppercase;
}
.divflex42 p{
	font-family: BreveSansText-Book;
	font-weight: 400;
	font-size: 1.12rem;
	line-height: 100%;
	vertical-align: middle;
}
.divtabla td, .divtabla th {
    border: 1px solid  #0E2446;
}
.table>:not(:last-child)>:last-child>* {
    border-color:  #0E2446;
}
.txtentrega{
	font-family: 'BreveSansText-MediumItalic';
	font-weight: 400;
	font-size: 1.12rem;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;

}
.divflex5txt p{
	font-family: BreveSansText-SemiBold;
	font-weight: 400;
	font-size: 1rem;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	margin-bottom: 0rem;

}
.divflex52 {
	background: #D9D9D914;
	border: 0.2px solid #FFFFFF;
	border-radius: 10px;
	padding: 16px 8px;
	margin-bottom: 1.5rem;
}
.paddextri{
	padding-right: 5%;
}

.fila {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .8rem;
}

textarea {
  resize: none;
}
footer{
	background-color: #fff;
	
	font-weight: 600;
	font-size: 1.1rem;
	padding: 2rem 0rem;
	border-top: 1px solid #DBDBDB;
}
.alingleft{
	text-align: left;
}
.alingright{
	text-align: right;
}
.dicflexfoo{
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.sinpdd{
  padding: 0!important;
}
.hero {
  position: relative;
  /*height: 90vh;*/
  padding: 12.5rem 2rem;
  background-size: cover;
  background-position: center;
  animation: slider 15s infinite;
}

/* Overlay oscuro */
.hero-overlay {
  position: absolute;
  inset: 0;
  /*background: rgba(0, 40, 90, 0.7);*/
  z-index: 1;
}

/* Contenido encima */
.hero-content {
  position: relative;
  z-index: 2;
}
.marbton{
	margin-bottom: 30px;
}
/* Animación del fondo */
@keyframes slider {
  0% {
    background-image: url("../img/Slide1.png");
  }
  33% {
    background-image: url("../img/Slide2.png");
  }
  66% {
    background-image: url("../img/Slide3.png");
  }
  100% {
    background-image: url("../img/Slide1.png");
  }
}
.divlinkafooter{
  text-align: left;
}
.divlinkafooter p{
	margin-bottom: -5px;
    color: #2DBDE8;
    font-family: BreveSansText-SemiBold;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 100%;
    letter-spacing: 0.5px;
    vertical-align: middle;
    text-transform: uppercase;
}
.divimgfooicon{
	margin-right: 10px;
}
.divlinkafooter a{
  margin-bottom: 0px;
  color: #011E43;
}
.divlinkafooter a{
  text-decoration: none;
  cursor: pointer;
      margin-bottom: 0px;
    color: #011E43;
    font-family: BreveSansText-Book;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0;
}
.divflex4num{
	background: #012555;
    border-radius: 20px;
    margin-bottom: 25px;
    width: 75px;
    height: 85px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.divflex4num p{
	    font-family: BreveSansText-Bold;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 2rem;
    color: #2DBDE8;
    line-height: 104%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
}
.titlepatioo{
	font-family: BreveSansText-Bold;
    font-weight: 400;
    font-size: 3.5rem;
    line-height: 104%;
    letter-spacing: 0;
    text-transform: uppercase;
}
.txtpatioo{
	font-family: BreveSansText-Book;
    font-weight: 400;
    font-size: 1.18rem;
    margin-bottom: 2rem;
    line-height: 100%;
    margin-top: 1rem;
}
.divflex52{
	display: flex;
	align-items: center;
}
.divflex5img{
	margin-right: 10px;
}
.divflexcarreteras{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 3rem;
	border-radius: 16px;
}
.divflexcarreteras1{
	width: 30%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0px;
	background: #035095;
	border-radius: 16px;
}
.imgcarretera{
	width: 100%;
	border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.divflexcarreteras1 div{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 20px;
	    height: 3.5rem;
}
.divflexcarreteras1 p{
	font-family: BreveSansText-MediumItalic;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 1rem;
    line-height: 104%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}
.divtabla{
	margin-top: 3.5rem;
}
table{
	table-layout: fixed;
	background: #0E3C79;
    font-family: BreveSansText-BookItalic;
    font-weight: 400;
    color: #fff!important;
    font-size: 1rem;
    line-height: 130%;
    letter-spacing: 0;
    text-align: center;
}
thead{
	background: #012555;
    font-family: BreveSansText-SemiBold;
    font-weight: 400;
    color: #fff;
    font-size: 1.375rem;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
}
.divtabla tr{
	height: 66px;
}
.divtabla td, .divtabla th{
	vertical-align: middle !important;
}
.titleoasis{
	font-family: BreveSansText-Bold;
    font-weight: 400;
    width: 95%;
    font-size: 3.8rem;
    color: #011E43;
    line-height: 104%;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 1.5rem;
	text-wrap: balance;
}
.txtoasis{
	    font-family: BreveSansText-Book;
    font-weight: 400;
    margin-top: 2rem;
    font-size: 1.8rem;
    color: #011E43;
    line-height: 100%;
    letter-spacing: 0;
    width: 98%;
}
.txtoasis span{
	color: #7A8E01;
	font-family: BreveSansText-Bold;
}
.diverde{
	background: #7A8E01;
    display: flex;
    align-items: center;
    border-radius: 9px 40px;
    padding: 15px 25px;
    width: fit-content;
	    margin-top: 20px;
}
.divoasisimg{
	margin-right: 12px;
}
.imghojita{

}
.divoasistxt p{
	font-family: BreveSansText-Bold;
    font-weight: 400;
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 0px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}
.titledisponibilidad{
	font-family: BreveSansText-Bold;
	font-weight: 400;
	margin-bottom: 0px;
	font-size: 3rem;
	line-height: 106%;
	letter-spacing: 0;
	vertical-align: middle;
	text-transform: uppercase;

}
.imgrecorrido{
	width: 100%;
}
.titlesocios{
	margin-top: 4rem;
	font-family: BreveSansText-Bold;
	font-weight: 400;
	font-size: 2.5rem;
	line-height: 106%;
	letter-spacing: 0;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;

}
.divcarr{
	margin-top: 2.5rem;
}
/* .logo-slider {
  overflow: hidden;
  width: 100%;
  background: #fff;
  padding: 20px 1px;
  border: 1px solid #DEDEDE;
    box-shadow: 0px 0px 15.4px 0px #00000066;
    border-radius: 30px;
}

.logo-track {
  display: flex;
  width: max-content;
  animation: scroll 30s linear infinite;
}

.logo-track img {
  height: 70px;
  margin: 0 30px;
  object-fit: contain;
  transition: all 0.3s ease;
}


.logo-track img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
} */
 
.logo-slider {
  overflow: hidden;
  width: 100%;
  background: #fff;
  padding: 20px 1px;
  border: 1px solid #DEDEDE;
  box-shadow: 0px 0px 15.4px 0px #00000066;
  border-radius: 30px;
  /* Importante para evitar selección de texto al arrastrar */
  user-select: none; 
  -webkit-user-select: none;
}

.logo-track {
  display: flex;
  width: max-content;
  /* ELIMINAMOS la animación CSS aquí */
  /* animation: scroll 30s linear infinite;  <-- BORRAR ESTO */
  cursor: grab; /* Muestra la manita abierta */
}

.logo-track:active {
  cursor: grabbing; /* Muestra la manita cerrada al agarrar */
}

.logo-track img {
  height: 70px;
  margin: 0 30px;
  object-fit: contain;
  transition: transform 0.3s ease, filter 0.3s ease; /* Quitamos 'all' para evitar conflictos de movimiento */
  /* Evita que la imagen se arrastre como archivo fantasma */
  pointer-events: none; 
}

.logo-track img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}







#contacto{
	background: #F8FAFC;
}
.divcodigo{
	border: 16px solid #FFFFFF;
	box-shadow: 3px 0px 9.4px -3px #00000047;
	background: #012555;
	border-radius: 59px;
	height: 570px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 1.2rem;
}
.imgcodigo{

}
.titlecodigo{
	font-family: BreveSansText-Bold;
	font-weight: 400;
	font-size: 2rem;
	line-height: 104%;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.txtcodigo{
	font-family: BreveSansText-SemiBold;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 100%;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;

}
.divcontacto{
	background: #FFFFFF;
	box-shadow: 1px 4px 12px 0px #00000014;
	border-radius: 59px;
	padding: 3rem 2rem;
}
.titlecontacto{
	font-family: BreveSansText-Bold;
	font-weight: 400;
	font-size: 2rem;
	line-height: 104%;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 2rem;
}
.titlecontacto span{
	font-size: 2.5rem;
}
.txtcontacto{
	font-family: BreveSansText-Book;
	font-weight: 400;
	font-size: 1.18rem;
	line-height: 100%;
	letter-spacing: 0;
	text-align: center;
}
.txtcontacto span{
	font-family: BreveSansText-Bold;
}
.fomrflex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.w50{
	width: 48%;
	background: #FFFFFF;
	border: 1px solid #ADAFB2;
	border-radius: 9px;
	padding: 6px 15px 6px 15px;
	margin-bottom:1rem;
}
.w100{
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #ADAFB2;
	border-radius: 9px;
	padding: 5px 15px;
	margin-bottom:1rem;
}

label{
	font-family: BreveSansText-Bold;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 100%;
    letter-spacing: 0%;
}

input, 
select,
textarea {
	width: 100%;
	padding: 0px 0rem 3px 0px;
	font-family: BreveSansText-Book;
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 100%;
	letter-spacing: 0;
	color: #515151!important;
	border:0px!important;
}
.btn-enviar{
	background: #075095;
	border: 1px solid #FFFFFF;
	border-radius: 10px;
	font-family: BreveSansText-SemiBold;
	font-weight: 400;
	font-size: 1rem;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	color: #fff;
    
    padding: 25px 0px;
    width: 230px;
}
.btn-enviar:hover{
	background: linear-gradient(90deg, #075095 0%, #2DBDE8 100%);
	transition: all 0.5s ease-in-out;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
  color: #515151;
}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  outline: none;
  color: #515151;
}
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  outline: none;
  color: #515151;
}
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  outline: none;
  color: #515151;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  outline: none;
  color: #515151;
}
#respuesta{
	font-family: BreveSansText-SemiBold;
	font-weight: 400;
	font-size: 1rem;
}
.txtco{
	font-family: BreveSansText-Light;
    font-weight: 400;
    color: #011E43;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
    margin-top: 1rem;
}
.saldodesk{
	display: none;
}
.divfootersocial{
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}
.txtcof{
	font-family: BreveSansText-Light;
    font-weight: 400;
    color: #011E43;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.txtcoflink{
	font-family: BreveSansText-Light;
    font-weight: 400;
    color: #011E43;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
	text-decoration: none;
	margin-left: 9px;
}
.teculttex{
	justify-content: end;
}
@media only screen and (min-width:1500px){
}
@media only screen and (min-width:1750px){
	.colortxtnav, .btn-contacto, .lang-btn, .borderr, .txtflex, .divflex3txt p, .divflexcarreteras1 p{
		font-size: 1.2rem;
	}
	.titlte {
	    font-size: 8rem;
	}
	.subtiti {
	    font-size: 2rem;
	    margin-top: 3rem;
	    margin-bottom: 6rem;
	} 
	.btnexplorar, .btnrecorrido, .txtpresicion, .txt, .txttitleul, .listaconectividad, .divflex2 .txtflex, .txtpatioo, .divflex42 p,
	.txtentrega, .divflex5txt p, table, .btn-enviar, .txtco{
		font-size: 1.3rem;
	}
	.titleflex, .txtoperacion, .divflex4num p {
		font-size: 2.3rem;
	}
	.divflex2 .titleflex{
		font-size: 1.7rem;
	}
	.txtoperacion2{
		font-size: 6rem;
	}
	.divflex2 {
	    width: 47%;
	    height: 220px;
	}
	.titlepatioo{
		font-size: 4.3rem;
	}
	.titleconexion, .txtoasis{
		font-size: 1.8rem;
	}
	thead, .divoasistxt p, .txtcodigo, .txtcontacto {
		font-size: 1.4rem;
	}
	.titleoasis {
		font-size: 4.5rem;
	}
	.titledisponibilidad, .titlesocios {
		font-size: 3.8rem;
	}
	.logo-track img{
		height: 100px;
	}
	.titlecodigo{
		font-size: 2.5rem;
	}
	.divcodigo{
		height: 630px;
	}
	.titlecontacto{
		font-size: 2.8rem;
	}
	.titlecontacto span{
		font-size: 3.5rem;
	}
	label, input, select, textarea, .divlinkafooter a, .divlinkafooter p{
		font-size: 1.2rem;
	}
	.divlinkafooter p {
		margin-bottom: 0px;
	}
}
@media only screen and (min-width:1850px){
	.colortxtnav, .btn-contacto, .lang-btn, .borderr, .txtflex, .divflex3txt p, .divflexcarreteras1 p{
		font-size: 1.3rem;
	}
	.titlte {
	    font-size: 8.3rem;
	}
	.subtiti {
	    font-size: 2rem;
	    margin-top: 3.5rem;
	    margin-bottom: 6.5rem;
	} 
	.btnexplorar, .btnrecorrido, .txtpresicion, .txt, .txttitleul, .listaconectividad, .divflex2 .txtflex, .txtpatioo, .divflex42 p,
	.txtentrega, .divflex5txt p, table, .btn-enviar, .txtco{
		font-size: 1.3em;
	}
	.titleflex, .txtoperacion, .divflex4num p {
		font-size: 2.4rem;
	}
	.divflex2 .titleflex{
		font-size: 2rem;
	}
	.txtoperacion2{
		font-size: 6.3rem;
	}
	.divflex2 {
	    width: 47%;
	    height: 240px;
	}
	.titlepatioo{
		font-size: 4.6rem;
	}
	.titleconexion, .txtoasis{
		font-size: 2.3rem;
	}
	thead, .divoasistxt p, .txtcodigo, .txtcontacto {
		font-size: 1.6rem;
	}
	.titleoasis {
		font-size: 5rem;
	}
	.titledisponibilidad, .titlesocios {
		font-size: 4rem;
	}
	.logo-track img{
		height: 100px;
	}
	.titlecodigo{
		font-size: 3rem;
	}
	.divcodigo{
		height: 650px;
	}
	.titlecontacto{
		font-size: 3rem;
	}
	.titlecontacto span{
		font-size: 3.8rem;
	}
	label, input, select, textarea, .divlinkafooter a, .divlinkafooter p{
		font-size: 1.4rem;
	}
	.btn-enviar {
		width: 280px
	}
	.divimgfooicon img{
		height: 3.5rem;
	}
	.imglogofooter{
		height: 10rem;
	}
	.imglogo {
	    height: 6rem;
	}
}
@media only screen and (min-width:1900px){
}
@media only screen and (max-width:1400px){
	.imglogo {
		height: 4rem;
	}
	.pddmenubtn {
		padding-left: 1rem;
	}
	.nav-item {
		padding: 0rem 0.3rem;
	}
	.txtparque {
		font-size: 3rem;
	}
	.matioo{
		margin-top: 0rem !important;
		        padding-top: 0;
	}
	.txtcof {
		font-size: 0.9rem;
	}
	.txtcoflink {
		font-size: 0.9rem;
	}
	.btn-contacto {
		padding: 12px 2rem;
	}
}
@media only screen and (max-width:1260px){
	.divflex2 {
	    width: 48%;
		padding: 1rem 0.8rem;
		height: 180px;
	}
	.titlepatioo{
		font-size: 3.2rem;
	}
	.txtoasis{
		font-size: 1.5rem;
	}
	.titleoasis{
		font-size: 3.5rem;
	}
	.divoasistxt p{
		font-size: 1rem;
	}
	.nav-item{
		padding: 0rem;
	}
	.pddmenubtn {
	    padding-left: 5px;
	}
	.mar-item {
	    margin-left: 10px;
	}
	.txtpatioo{
		font-size: 1rem;
	}
	.colortxtnav, .btn-contacto {
		font-size: 0.95rem;
	}
	.imglogo {
        height: 3.5rem;
    }
}
@media only screen and (max-width:1199px){
	.colortxtnav, .lang-btn, .btn-contacto{
		font-size: 0.9rem;
	}
	.hero{
		padding: 10rem 1rem;
	}
	.titlte {
	    font-size: 5.2rem;
	}
	.subtiti {
	    font-size: 1.2rem;
	    margin-bottom: 4rem;
	}
	.btnexplorar, .btnrecorrido, .divflex3txt p, .divflex5txt p, .divflexcarreteras1 p, table{
		font-size: 0.9rem;
	}
	.txt{
		font-size: 1rem;
	}
	.listaconectividad{
		font-size: 0.9rem;
		margin-top: 1rem;
	}
	.divflex2 .txtflex{
		font-size: 0.9rem;
	}
	.divflex2 .titleflex, .divflex42 p, .txtentrega, thead{
		font-size: 1.1rem;
	}
	.titleflex, .titleconexion{
		font-size: 1.5rem;
	}
	.txtoperacion {
		font-size: 2rem;
	}
	.txtoperacion2{
		font-size: 4.2rem;
	}
}
@media only screen and (max-width:1059px){
	.tamaniogral {
	    width: 98% !important;
	}
	.imglogo {
	    height: 3.7rem;
	}
	.navbar-nav .nav-link{
		padding-right: 5px!important;
        padding-left: 5px!important;
	}
	.lang-btn{
		padding: 5px 12px;
	}
	.btn-contacto{
		padding: 10px 13px;
	}
	.titlecodigo, .txtoperacion {
        font-size: 1.6rem;
    }
    .titlepatioo {
        font-size: 2.5rem;
    }
    .divflex4num p{
    	font-size: 1.8rem;
    }
    .divoasistxt p {
        font-size: 0.9rem;
    }
    .titleflex, .titleconexion {
        font-size: 1.3rem;
    }
    .titlecontacto{
    	font-size: 1.5rem;
    	margin-bottom: 1rem;
    }
    .titlecontacto span{
    	font-size: 2rem;
    }
    .divcodigo {
    	height: 500px;
    }
    .txtcodigo{
    	font-size: 1rem;
    }
    .btn-enviar{
    	padding: 20px 0px;
    }
    .titledisponibilidad{
    	font-size: 2.5rem;
    }
    .bgcapas{
    	padding: 2rem 1.5rem;
    }
}
@media only screen and (max-width:991px){
	.saltomovil{
		display: none;
	}
	.hero {
        padding: 8rem 1rem;
    }
    /* Aumenta el área del botón */
	.navbar-toggler {
	  padding: 10px 12px;
	}

	/* Cambia tamaño y color del icono */
	.navbar-toggler-icon {
	  width: 2rem;
	  height: 2rem;

	  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
	}
	.imglogo {
        height: 4rem;
    }
    #divimgcontru{
    	justify-content: center!important;
    }
}
@media only screen and (max-width:900px){
	#infraestructura, #operaciones, #suelos, #compromiso, #disponibilidad{
		text-align: center;
	}
	.divflex2, .divflex, .divflex42{
		justify-content: center;
	}
	#infraestructura .divflex, #operaciones .divflex{
		justify-content: space-between!important;
	}
	.ord1{
		order: 1
	}
	.ord2{
		order: 2
	}
	.ord3{
		order: 3
	}
	.ord4{
		order: 4
	}
	.diverde{
		margin: 1rem auto 2rem auto;
	}
	.titleoasis, .txtoasis{
		width: 100%
	}
	.divcontacto{
		margin-top: 3rem;
	}
	.alingright, .alingleft{
		text-align: center;
	}
	.imglogofooter{
		margin-bottom: 3rem;
	}
	.dicflexfoo{
		justify-content: center;
	}
	.divimgfooicon{
		width: 20%;
    	text-align: right;
	}
	.divlinkafooter{
		text-align: left;
		width: 50%;
	}
	.nav-item{
		justify-content: center;
	}
	.d-flex{
		justify-content: center;
    	flex-wrap: wrap;
	}
	.divbtncontact{
		width: 100%;
    	text-align: center;
    	margin-top: 1rem;
	}
	.btn-contacto{
		margin-left: 0px;
	}
	.divbtnav{
		order: 2;
    	margin-top: 1.5rem;
	}
	.divfootersocial{
		    width: 100%;
    	justify-content: center;
	}
	.divfoot1{
		width: 100%;
	}
	.divimgfooicon {
        width: 20%;
        text-align: center;
    }
}
@media only screen and (max-width:600px){
	.titlte {
        font-size: 3.5rem;
    }
    .subtiti {
    	font-size: 1rem;
    	margin-bottom: 3rem;
    }
    .divbtnss{
    	display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
    }
    .btnrecorrido{
    	margin-top: 2rem;
    	margin-left: 0px;
    }
	.hero {
        padding: 5rem 0.7rem;
    }
    .divflexcarreteras1{
    	width: 47%;
    	margin-bottom:1rem;
    }
    .divflexcarreteras{
    	justify-content: space-around;
    }
	.titleoasis {
        font-size: 2rem;
        margin-top: 1rem;
    }
    .titlesocios, .titlepatioo, .titledisponibilidad, .txtparque{
    	font-size: 2rem;
    }
    .txtoperacion2{
    	font-size: 2.6rem;
    }
    .txtoasis {
        font-size: 1.2rem;
        margin-top: 1rem;
    }
    #divseguridad, #divprocesos{
    	margin-top: 0px!important
    }
    .divflex3{
    	width: 49%;
    	padding: 1rem 0.7rem;
    }
    .w50 {
    	width: 100%;
    }
    .divlinkafooter {
    	width: 70%;
    }
    .divimgfooicon{
    	width: 11%
    }
    .titleflex, .titleconexion{
    	font-size: 1rem;
    }
	.btnexplorar, .btnrecorrido, .divflex3txt p, .divflex5txt p, .divflexcarreteras1 p, table, .divlinkafooter a, .divlinkafooter p {
        font-size: 0.7rem;
    }
    .listaconectividad{
    	text-align: left;
    }
    .titlecodigo, .txtoperacion {
        font-size: 1.3rem;
    }
	.txtpatioo {
        font-size: 0.9rem;
    }
    .divflex2 .titleflex, .divflex42 p, .txtentrega, thead {
        font-size: 0.9rem;
    }
    .divflex4num{
    	width: 90px;
    }
	.divflex4num p {
        font-size: 2rem;
    }
    .saldodesk{
    	display: block;
    }
}
@media only screen and (max-width:501px){
	.btnexplorar, .btnrecorrido{
		width: 51%;
	}
	.divflex4txt{
		    text-align: left;
	}
	.titlecontacto {
		line-height: 124%;
	}
	.txtcontacto{
		font-size: 1rem;
	}
	.divfoot1 {
        width: 70%;
    }
	.divimgfooicon {
        width: 15%;
    }
	.dicflexfoo {
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
    }
	.divlinkafooter a, .divlinkafooter p{
		font-size: 0.85rem;	
	}
}
@media only screen and (max-width:459px){
	.btnexplorar, .btnrecorrido{
		width: 70%;
	}

}
@media only screen and (max-width:409px){
	.hero {
        padding: 5rem 0rem;
    }
    .borderr{
    	font-size: 0.8rem;
    }
    .saldodesk{
    	display: block;
    }
}
#divvozydatos .titleflex, #divprocesos .titleflex,
#divvozydatos .txtflex, #divprocesos .txtflex{
	color: #012555!important;
}
.titleconexion span{
	color: #89C8DB!important;
}