/* Galería moderna con overlay y animaciones */
.gallery-item {
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
  }
  
  .gallery-item:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  }
  
  .gallery-img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
  }
  
  .gallery-item:hover .gallery-img {
    transform: scale(1.1);
  }
  
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transition: opacity 0.4s ease;
  }
  
  .gallery-item:hover .overlay {
    opacity: 1;
  }
  
  .overlay h5 {
    font-weight: 600;
  }
  
  .overlay p {
    font-size: 0.9rem;
  }