/* OPCIÓN 3 — Cinematográfica, con fondo claro */
.gallery-page { background:#f8f9f8; color:#142f3b; }
.gallery-hero { background:linear-gradient(120deg,#f7f9f8 0%,#eaf2f0 100%); color:#062f3e; padding:clamp(42px,5.5vw,78px) 0 60px; }
.gallery-hero-glow { opacity:.1; }
.gallery-hero-inner { grid-template-columns:.9fr 1.1fr; }
.gallery-hero h1 { color:#062f3e; font-size:clamp(36px,4.6vw,64px); }
.gallery-hero h1 em { color:#087f83; }
.gallery-eyebrow { color:#087f83; }
.gallery-hero-copy > p:not(.gallery-eyebrow) { color:#4e6168; }
.gallery-hero-link { color:#062f3e; border-color:#0ca69f; }
.gallery-hero-image::before { border:1px solid rgba(12,166,159,.22); border-image:none; border-radius:8px; inset:-4px 4px 4px -4px; }
.gallery-hero-image img { height:clamp(320px,39vw,500px); border-radius:8px; box-shadow:0 16px 36px rgba(4,35,47,.14); }
.gallery-image-caption { right:0; bottom:0; border-radius:0; background:rgba(3,35,47,.88); }
.gallery-intro { background:#f8f9f8; }
.gallery-section-heading h2 { color:#062f3e; }
.gallery-section-heading h2 span { color:#087f83; }
.gallery-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:20px; }
.gallery-card { grid-column:span 4; border:0; border-radius:5px; background:#fff; box-shadow:0 8px 24px rgba(4,35,47,.07); }
.gallery-card-featured { grid-column:span 8; }
.gallery-card-video-secondary { grid-column:span 8; }
.gallery-card-copy { padding:18px 20px 22px; border-top:1px solid #e8eeec; }
.gallery-card-copy h3 { color:#062f3e; }
.gallery-card-index,.gallery-kicker { color:#087f83; }
.gallery-filter.is-active { background:#062f3e; border-color:#062f3e; }
.gallery-media video { aspect-ratio:16/9; }
.gallery-photo-button img { height:245px; }
.gallery-card-featured .gallery-photo-button img { height:330px; }
.gallery-cta { background:linear-gradient(105deg,#062f3e,#075b68); }
.gallery-footer { background:#042a36; }
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.gallery-card{grid-column:span 3}.gallery-card-featured,.gallery-card-video-secondary{grid-column:span 6}}
@media(max-width:680px){.gallery-hero{padding:34px 0 40px}.gallery-hero-inner{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-card{grid-column:span 1}.gallery-card-featured,.gallery-card-video-secondary{grid-column:span 2}.gallery-photo-button img{height:175px}.gallery-card-featured .gallery-photo-button img{height:250px}.gallery-card-copy{padding:12px}}


/* Tipografía corporativa Inter: solo título principal de la galería */
.titulo-galeria-inter {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}


/* Título corporativo de galería: tipografía y proporciones responsivas */
.titulo-galeria-corporativo {
  font-family: "Montserrat", "Segoe UI", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.08em;
  line-height: 1.12;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.titulo-galeria-corporativo .galeria-eyebrow {
  display: block;
  margin-bottom: 0.55em;
  font-size: clamp(0.75rem, 1.2vw, 0.9rem);
  line-height: 1.4;
  letter-spacing: 0.12em;
  font-weight: 650;
  color: #183247;
}
.titulo-galeria-corporativo .galeria-separator {
  color: #D6B34A;
  padding: 0 0.28em;
}
.titulo-galeria-corporativo .galeria-titulo-linea {
  display: block;
  font-size: clamp(34px, 4.2vw, 57px);
  letter-spacing: -.035em;
  font-weight: 800;
  line-height: 1.02;
  max-width: 100%;
}
.titulo-galeria-corporativo .galeria-titulo-azul {
  color: #183247;
}
.titulo-galeria-corporativo .galeria-titulo-turquesa {
  color: #168C91;
}
@media (max-width: 768px) {
  .titulo-galeria-corporativo {
    gap: 0.12em;
  }
  .titulo-galeria-corporativo .galeria-titulo-linea {
    font-size: clamp(34px, 9vw, 47px);
    letter-spacing: -0.025em;
  }
  .titulo-galeria-corporativo .galeria-eyebrow {
    font-size: clamp(0.68rem, 2.5vw, 0.82rem);
    letter-spacing: 0.08em;
  }
}