* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    margin-top: auto;
}

body {
    font-family: Arial, sans-serif;
    padding: 20px;
    background-color: #8e8f70;
   
}

.tex-1 { margin-left: 15px;}
.tex-2 { margin-left: 15px;}

.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    max-width: none; /* Limita el ancho del contenedor si es necesario */
  margin-left: 15px; /* Centra la cuadrícula en la página */
}
  
  
  .photo-item {
    background-color: rgb(92, 51, 37);
    border: 1px solid #0f0f0f;
    padding: 1px;
    text-align: center;
  }
  
  .photo-item img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .photo-item img:hover{
    transform: scale(1.2);
  }
  .photo-item p {
    margin: 0;
    font-size: 15px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', 
        sans-serif; color: white;
    
  }

  .plano-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    max-width: none; /* Limita el ancho del contenedor si es necesario */
  margin-left: 15px; /* Centra la cuadrícula en la página */
}
  
  
  .plano-item {
    background-color: rgb(92, 51, 37);
    border: 1px solid #0f0f0f;
    padding: 1px;
    text-align: center;
  }
  
  .plano-item img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .plano-item img:hover{
    transform: scale(1.2);
  }
  .plano-item p {
    margin: 0;
    font-size: 15px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', 
        sans-serif; color: white;
    
  }