.TRAVELcontenedorcuadros{
padding: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
/*background: rgba(30, 10, 20, 0.3);*/
}
.TRAVELcontenedorcuadro{
display: flex;
flex-direction: column;
justify-content:flex-start;
width: auto;
/*background: rgba(0, 10, 20, 0.3);*/
position: relative;
box-shadow: 2px 2px .4em rgba(0, 0, 0, 0.3);
}
.TRAVELcuadro{
/*position: absolute;*/

  /*box-shadow: 1px 1px .2em rgba(0, 0, 0, 0.3);*/

}
.TRAVELcontenedoriconos_cuadro1{
position: absolute;
  top: -10px; /* Ajusta el desplazamiento vertical según sea necesario */
  left: 50%; /* Ajusta el desplazamiento horizontal según sea necesario */
  transform: translateX(-50%); /* Centra el contenedor horizontalmente */
 width: 260px; /* 64px por opcion aproximadamente */
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
 gap:10px;
 /*background: rgba(0, 0, 0, 0.3);*/
 
 z-index: 3;
}
.TRAVELcontenedoriconos2_cuadro1{
position: absolute;
  top: -10px; /* Ajusta el desplazamiento vertical según sea necesario */
  left: 50%; /* Ajusta el desplazamiento horizontal según sea necesario */
  transform: translateX(-50%); /* Centra el contenedor horizontalmente */
 width: 260px; /* 64px por opcion aproximadamente */
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
 gap:10px;
 /*background: rgba(0, 0, 0, 0.3);*/
 
 z-index: 3;
}


.TRAVELcontenedoriconos_cuadro2{
position: absolute;
  top: -10px; /* Ajusta el desplazamiento vertical según sea necesario */
  left: 50%; /* Ajusta el desplazamiento horizontal según sea necesario */
  transform: translateX(-50%); /* Centra el contenedor horizontalmente */
 width: 260px;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
 gap:10px;
 /*background: rgba(0, 0, 0, 0.3);*/
 
 z-index: 3;
}
.TRAVELcontenedoriconos2_cuadro2{
position: absolute;
  top: -10px; /* Ajusta el desplazamiento vertical según sea necesario */
  left: 50%; /* Ajusta el desplazamiento horizontal según sea necesario */
  transform: translateX(-50%); /* Centra el contenedor horizontalmente */
 width: 260px;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
 gap:10px;
 /*background: rgba(0, 0, 0, 0.3);*/
 
 z-index: 3;
}

.TRAVELicono{
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
box-shadow: -5px 5px 10px #446993 ;
background-color: #FFFFFF;
position: relative;
z-index: 20;
color:#446993 ;
}
.TRAVELicono::after{
content: "";
position: absolute;
width: 20px;
height: 20px;
/*
border-top: 10px solid transparent;
border-left: 20px solid transparent;
border-right: 7px solid rgba(1, 24, 38, 0.3);
border-bottom: 10px solid transparent;
*/
border-top: 10px solid transparent;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid rgba(1, 24, 38, 0.3);

top:-10px;
left: -7px;
z-index: 1;
}


.TRAVELicono2{
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
box-shadow: -5px 5px 10px #446993 ;
background-color: #FFFFFF;
position: relative;
z-index: 50;
color:#446993 ;
}

.TRAVELicono2b{
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
box-shadow: -5px 5px 10px #446993 ;
background-color: #FFFFFF;
position: relative;
z-index: 50;
color:#446993 ;
}

.TRAVELicono2b:hover{
cursor: pointer;
}
.TRAVELicono2:hover{
cursor: pointer;
}
/*


.TRAVELiconoactivo{
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
position: relative;
z-index: 20;
}

.TRAVELiconoactivo::after{
content: "";
position: absolute;
width: 20px;
height: 20px;
border-top: 10px solid transparent;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 10px solid rgba(1, 24, 38, 0.3);

top:-30px;
left: -7px;
z-index: 1;
}
*/
.TRAVELiconoactivo2{
background-color: #446993 ;
color:#FFFFFF;
}

.TRAVELinfo{
display: none;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 60px;
/*background: rgba(80, 50, 30, 0.3);*/
position: relative;
z-index: 2;
background; #FFFFFF;
}

.TRAVELinfo2{
display: none;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 60px;
/*background: rgba(80, 50, 30, 0.3);*/
position: relative;
z-index: 2;
background; #FFFFFF;
}

.TRAVELinfoactivo{
display: block;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 60px;
/*background: rgba(80, 50, 30, 0.3);*/
position: relative;
z-index: 2;
background; #FFFFFF;
}
.TRAVELtextotitulo{
 color:#446993 ; font-size: 1.1em; line-height: 1.1em; font-weight: bold;
}
.TRAVELtextoIcono{
 color:#446993 ;
}
@media screen and (max-width: 980px){ 
.TRAVELcontenedorcuadros{
display: flex;
flex-direction: column;
max-width: 1170px;
width: 100vw;
padding: 40px 20px;
}
}