.show {
  display:block;
}


.hide {
  display:none;
  overflow: hidden!important;
  height: 650px;
  overflow-y: scroll!important;
  box-sizing:border-box;
}
.hide::-webkit-scrollbar{
    width: 7px;
    display: none;
}

/*#botonTourism{
    height: 20px;
}*/

.grid{
    display: grid;
    width: 100%; 
    padding: 50px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.grid1{
    display: grid;
    -webkit-transition: grid 1s ease-in;
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 20px;
}

.modulo{
    padding-bottom: 20px;    
}


.boton {
    font-size: 57%;
    text-align:justify;
    align-content: left;
    padding: 5px;  
}

.interaccion{
  background-color: #ffffff;
  padding: 1px;
  text-align: center;
  border-color: solid 1px black;
  box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1),
             0 0  0 2px rgb(255,255,255),
             0.3em 0.3em 1em rgba(0,0,0,0.3);  
}

.boton{
    font-size: 13px; 
}

.interaccion:hover{
  outline:none;
  opacity:1;
  padding: auto;
  box-shadow:inset 0 0 0 100px rgba(0,0,0,.2);
}

.estiloTabla {
  display:none;
  font-size: 12px !important;
  border-collapse: collapse;
  background-color: #f1f1f4;
  padding: 0 10px 0;
}

th, td {
  border-bottom: solid 1px #f1f1f5;
}

.imagen1{
    -webkit-transition: grid 2s ease-in;
    grid-row: 1/4 !important;
} 	

.imagen2{
  -webkit-transition: grid 2s ease-in;
  grid-column: 2/3 !important;
} 

.lg-y97{
    bottom: 1%;
    right: 0.5%;
}

.color{
    background-color: red;
    
}

#login-button {
  background-color: #dcdcdc;
  color: #333;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

#login-form {
  margin-top: 20px;
}

.hidden {
  display: none;
}