/* ============================================
   SCROLL ANIMATIONS — Intersection Observer
   ============================================ */

.pre-anim {
  transition: opacity 0.75s ease, transform 0.75s ease;
  will-change: opacity, transform;
}

/* Fade desde izquierda */
.anim-fade-right--hidden {
  opacity: 0;
  transform: translateX(-60px);
}

/* Fade desde derecha */
.anim-fade-left--hidden {
  opacity: 0;
  transform: translateX(60px);
}

/* Fade desde abajo */
.anim-fade-up--hidden {
  opacity: 0;
  transform: translateY(50px);
}

/* Zoom in */
.anim-zoom-in--hidden {
  opacity: 0;
  transform: scale(0.82);
}

/* Estado visible — destino de todas las animaciones */
.pre-anim.pre-anim--visible {
  opacity: 1 !important;
  transform: translateX(0) translateY(0) scale(1) !important;
}

/* ============================================
   COBERTURA NACIONAL — texto sobre parallax
   ============================================ */
.cobertura-nacional {
  font-family: 'Roboto', sans-serif;
  font-size: 48px;
  font-weight: 900;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.90);
  text-align: center;
  text-shadow: 0 2px 20px rgba(0,0,0,0.45);
  margin: 0;
  padding: 20px 0 6px;
  position: relative;
  z-index: 2;
}

.cobertura-ciudades {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
  text-align: center;
  text-shadow: 0 1px 8px rgba(0,0,0,0.4);
  margin: 0;
  padding: 0 0 20px;
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  .cobertura-nacional {
    font-size: 28px;
    letter-spacing: 3px;
  }
  .cobertura-ciudades {
    font-size: 13px;
    letter-spacing: 3px;
  }
}
@media (max-width: 480px) {
  .cobertura-nacional {
    font-size: 20px;
    letter-spacing: 2px;
  }
  .cobertura-ciudades {
    font-size: 11px;
    letter-spacing: 2px;
  }
}