/* =========================================================
   2) HERO TEXT — ENTRADA + AUTO HIGHLIGHT
   ========================================================= */

.canalla-seq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--canalla-font-primary);
  font-size: 100px;
  font-weight: 800;
  line-height: 0.88;
  letter-spacing: -2px;
  text-align: center;
  text-transform: uppercase;
}

.canalla-seq span {
  display: block;
  width: 100%;
  margin-bottom: -4px;
  opacity: 0;
  transform: translateY(18px) scale(1);
  transform-origin: center center;
  will-change: transform, opacity, filter, background-image;
  background: linear-gradient(180deg, var(--canalla-color-white) 0%, #f3f3f3 100%) center / 100% 100% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

body:not(.canalla-loading) .canalla-seq span {
  opacity: 1;
}

body.canalla-site-ready .canalla-seq span:nth-child(1) {
  animation:
    canallaLineIn 0.8s ease forwards,
    canallaWordPulseSoftGold 4.6s ease-in-out infinite;
  animation-delay: 0s, 1.15s;
}

body.canalla-site-ready .canalla-seq span:nth-child(2) {
  animation:
    canallaLineIn 0.8s ease forwards,
    canallaWordPulseSoftGold 4.6s ease-in-out infinite;
  animation-delay: 0.18s, 2.3s;
}

body.canalla-site-ready .canalla-seq span:nth-child(3) {
  animation:
    canallaLineIn 0.8s ease forwards,
    canallaWordPulseSoftGold 4.6s ease-in-out infinite;
  animation-delay: 0.36s, 3.45s;
}

body.canalla-site-ready .canalla-seq span:nth-child(4) {
  animation:
    canallaLineIn 0.8s ease forwards,
    canallaWordPulseSoftGold 4.6s ease-in-out infinite;
  animation-delay: 0.54s, 4.6s;
}