/* =========================================================
   UTILITARIOS DE ANIMACIÓN Y SCROLL (animation-utils.css)
   - Clases de soporte para GSAP / ScrollTrigger / ScrollSmoother
   - Mantener este archivo modular y documentado
   ========================================================= */

/* ----- Pin / Wrapper general para secciones animadas ----- */
.pin-wrap {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: none;
}

/* ----- Envoltura para líneas de texto animadas (reveal / split) ----- */
.anim_line {
  display: block;
  overflow: hidden;
}

/* ----- Desactiva transiciones cuando JS controla estados ----- */
.no-transition {
  transition: none !important;
}

/* =========================================================
   MARQUEE
   ========================================================= */
.marquee,
.marquee-gsap{
  overflow: hidden;
}

.marquee .gallery,
.marquee-gsap .elementor-icon-list-items {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 4rem !important;
}

.marquee .gallery figure,
.marquee-gsap .elementor-icon-list-items .elementor-icon-list-item {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.marquee .gallery figure img {
  max-height: 170px;
  object-fit: contain;
  width: auto;
}

.marquee-gsap .elementor-icon-list-item{
	position: relative;
}

.marquee-gsap .elementor-icon-list-item:after{
	content: '//';
	border-width: 0 !important;
	transform: translatex(25px) scale(1.5);
	display: flex;
	align-items: center;
	background-image: url(/wp-content/uploads/2025/08/BANDERA-HORIZONTAL.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 90% auto;
	color: transparent;
}

/* =========================================================
   SMOOTH SCROLL WRAPPERS (p.ej. ScrollSmoother)
   ========================================================= */
#smooth-wrapper {
  position: fixed;
  inset: 0;
  overflow: visible;
}

#smooth-content {
  will-change: transform;
}