.gsap-scroll-reveal {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: calc(100vh - 145px); /* 100vh menos altura de cabecera en desktop */
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* ELIMINACIÓN AGRESIVA DE BORDES */
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  outline: none !important;
  box-shadow: none !important;
  
  /* ELIMINACIÓN DE MÁRGENES QUE PUEDAN CREAR LÍNEAS */
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
  /* FORZAR BACKGROUND PARA EVITAR TRANSPARENCIAS */
  background: transparent !important;
  
  /* OPTIMIZACIONES ANTI-SUBPIXEL */
  transform: translateZ(0); /* Fuerza aceleración de hardware */
  will-change: transform; /* Optimización de renderizado */
  backface-visibility: hidden; /* Evita problemas de subpixel */
  -webkit-font-smoothing: antialiased; /* Suavizado de fuentes */
  -moz-osx-font-smoothing: grayscale; /* Suavizado en Firefox */
  
  opacity: 0; /* Oculto hasta que GSAP esté listo */
  transition: opacity 0.3s ease; /* Transición suave */
}

@media (max-width: 768px) {
  .gsap-scroll-reveal {
    height: 85vh; /* 85% de la altura de viewport en mobile */
    height: 85svh; /* Fallback to svh */
  }
}
.gsap-scroll-reveal.gsap-ready {
  opacity: 1; /* Visible cuando GSAP está listo */
}
.gsap-scroll-reveal .base-layer,
.gsap-scroll-reveal .reveal-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* FORZAR RENDERIZADO EN PÍXELES ENTEROS */
  transform: translateZ(0); /* Fuerza aceleración de hardware */
  will-change: transform; /* Optimización de renderizado */
  backface-visibility: hidden; /* Evita problemas de subpixel */
  -webkit-font-smoothing: antialiased; /* Suavizado de fuentes */
  -moz-osx-font-smoothing: grayscale; /* Suavizado en Firefox */
}
.gsap-scroll-reveal .base-layer {
  background: var(--brand-bg-dark, transparent); /* Fallback transparent para evitar líneas */
  z-index: 1;
  border: none !important;
  outline: none !important;
}
.gsap-scroll-reveal .base-layer .headline-XL {
  color: var(--brand-text-dark, transparent) !important; /* Fallback transparent */
  text-transform: uppercase;
}
.gsap-scroll-reveal .reveal-layer {
  background: var(--brand-bg-light, transparent); /* Fallback transparent para evitar líneas */
  z-index: 2;
  clip-path: inset(100% 0 0 0);
  border: none !important;
  outline: none !important;
}
.gsap-scroll-reveal .reveal-layer .headline-XL {
  color: var(--brand-text-light, transparent) !important; /* Fallback transparent */
  text-transform: uppercase;
}
.gsap-scroll-reveal .contenedor {
  display: flex;
  align-items: center;
  height: 100%;
}
/* ELIMINACIÓN AGRESIVA DE PSEUDO-ELEMENTOS QUE PUEDAN CREAR LÍNEAS */
.gsap-scroll-reveal::before,
.gsap-scroll-reveal::after,
.gsap-scroll-reveal .base-layer::before,
.gsap-scroll-reveal .base-layer::after,
.gsap-scroll-reveal .reveal-layer::before,
.gsap-scroll-reveal .reveal-layer::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: none !important;
}

/* FORZAR QUE TODOS LOS ELEMENTOS HIJOS NO TENGAN BORDES */
.gsap-scroll-reveal *,
.gsap-scroll-reveal *::before,
.gsap-scroll-reveal *::after {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}