html {
  scroll-behavior: smooth;
}
   section[id] {
  scroll-margin-top: 230px; /* Ajusta este valor si tu menú cambia de tamaño */
}
  
    /* Ajuste para el tamaño del logo */
    .navbar-logo {
      height: 200px;
      width: auto;
    }

    /* Altura uniforme para las imágenes del carrusel */
    .carousel-item img {
      height: 480px;
      object-fit: cover;
    }

    /* Estilos para la sección Quiénes Somos */
    .feature-box {
      background-color: #f8f9fa;
      border-left: 4px solid #0d6efd;
      padding: 20px;
      border-radius: 0 8px 8px 0;
    }

    /* Estilos para la galería en cuadrícula */
    .galeria-card {
      overflow: hidden;
      border-radius: 8px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      cursor: pointer; /* Indica interacción al pasar el cursor */
    }
    .galeria-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important;
    }
    .galeria-img {
      height: 220px;
      object-fit: cover;
      transition: transform 0.3s ease;
    }
    .galeria-card:hover .galeria-img {
      transform: scale(1.05);
    }

    /* Estilos para la sección de clientes */
    .cliente-card {
      background-color: #ffffff;
      border-radius: 8px;
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100px;
      transition: transform 0.3s ease, filter 0.3s ease, box-shadow 0.3s ease;
      filter: grayscale(100%);
      opacity: 0.8;
    }
    .cliente-card:hover {
      filter: grayscale(0%);
      opacity: 1;
      transform: translateY(-3px);
      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    }
    .cliente-logo {
      max-height: 50px;
      max-width: 100%;
      object-fit: contain;
    }