/* Estilos de la galería/lightbox de nuestros-clientes.html — extraídos de <style> inline para CSP. */
    .gallery-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 1.1rem;
      justify-content: center;
    }
    .gallery-item {
      border-radius: var(--radius-lg);
      overflow: hidden;
      position: relative;
      cursor: pointer;
      width: calc(25% - 0.9rem);
      min-width: 180px;
      aspect-ratio: 4/3;
    }
    .gallery-item img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }
    .gallery-item:hover img { transform: scale(1.05); }
    .gallery-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(0deg, rgba(30,53,50,.72) 0%, transparent 55%);
      opacity: 0; transition: opacity 0.3s ease;
      display: flex; align-items: flex-end; padding: 1rem;
    }
    .gallery-item:hover .gallery-overlay { opacity: 1; }
    .gallery-overlay p { color: white; font-weight: 600; margin: 0; font-family: var(--font-heading); font-size: .9rem; }
    @media (max-width: 900px) {
      .gallery-item { width: calc(33% - 0.75rem); }
    }
    @media (max-width: 600px) {
      .gallery-item { width: calc(50% - 0.5rem); min-width: 0; }
    }

    #lightbox {
      display: none; position: fixed; inset: 0; z-index: 9000;
      background: rgba(0,0,0,.9); align-items: center; justify-content: center;
    }
    #lightbox.open { display: flex; }
    #lightbox img { max-width: 90vw; max-height: 85vh; object-fit: contain; border-radius: var(--radius); }
    #lightbox-close {
      position: absolute; top: 1.5rem; right: 1.5rem;
      background: rgba(255,255,255,.15); border: none; color: white;
      width: 44px; height: 44px; border-radius: 50%; font-size: 1.5rem;
      cursor: pointer; display: flex; align-items: center; justify-content: center;
    }
    #lightbox-close:hover { background: rgba(255,255,255,.3); }
    #lightbox-caption {
      position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);
      color: rgba(255,255,255,.8); font-size: .9rem; text-align: center;
    }
  
    /* Sectores grid: 3 cols para que queden parejos (6 items = 2 filas de 3) */
    .feature-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }
    @media (max-width: 900px) {
      .feature-strip {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 600px) {
      .feature-strip {
        grid-template-columns: 1fr;
      }
    }