* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }
   
   body {
       font-family: 'Arial', sans-serif;
       background-color: #f4f4f4;
       padding: 20px;
       padding-top: 120px;
       /* Añadido para compensar el header */
   }
   
   header {
       background: linear-gradient(135deg, #2c3e50, #34495e);
       color: white;
       padding: 1rem 0;
       position: fixed;
       width: 100%;
       top: 0;
       z-index: 1000;
       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   }
   
   .galeria {
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
       gap: 20px;
       max-width: 1400px;
       margin: 0 auto;
   }
   
   .galeria-item {
       position: relative;
       cursor: pointer;
       overflow: hidden;
       border-radius: 10px;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
       transition: transform 0.3s ease;
   }
   
   .galeria-item:hover {
       transform: scale(1.05);
   }
   
   .galeria-item img {
       width: 100%;
       height: 300px;
       object-fit: cover;
       transition: opacity 0.3s ease;
   }
   
   .galeria-item:hover {
       transform: scale(1.05);
   }
   
   .galeria-item img {
       width: 100%;
       height: 300px;
       object-fit: cover;
       transition: opacity 0.3s ease;
   }
   
   .lightbox {
       display: none;
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.9);
       z-index: 1000;
       text-align: center;
   }
   
   .lightbox-content {
       max-width: 90%;
       max-height: 90%;
       margin: 5% auto;
       position: relative;
   }
   
   .lightbox-img {
       max-width: 100%;
       max-height: 90vh;
       object-fit: contain;
   }
   
   .close-btn {
       position: absolute;
       top: -40px;
       right: 0;
       color: white;
       font-size: 30px;
       cursor: pointer;
   }
   
   .nav-btn {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
       background: rgba(255, 255, 255, 0.2);
       color: white;
       padding: 10px;
       text-decoration: none;
       font-size: 24px;
   }
   
   .prev-btn {
       left: 10px;
   }
   
   .next-btn {
       right: 10px;
   }
   
   @media (max-width: 768px) {
       .galeria {
           grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
       }
       .galeria-item img {
           height: 200px;
       }
   }