/* ============================================================
   Acervo — Animaciones (entrance + microinteracciones)
   Diseñadas para complementar las Motion Effects de Elementor Pro
   ============================================================ */

/* Sutil revelado adicional para secciones con clase .acervo-reveal */
.acervo-reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .9s var(--ease), transform .9s var(--ease);
}
.acervo-reveal.is-in {
  opacity: 1;
  transform: translateY(0);
}
.acervo-reveal[data-delay="1"] { transition-delay: .08s; }
.acervo-reveal[data-delay="2"] { transition-delay: .16s; }
.acervo-reveal[data-delay="3"] { transition-delay: .24s; }
.acervo-reveal[data-delay="4"] { transition-delay: .32s; }

/* Línea decorativa que se dibuja debajo de títulos con clase .acervo-underline */
.acervo-underline {
  position: relative;
  display: inline-block;
}
.acervo-underline::after {
  content: "";
  display: block;
  height: 2px;
  width: 0;
  background: var(--color-accent);
  margin-top: .35rem;
  transition: width 1s var(--ease) .3s;
}
.acervo-underline.is-in::after { width: 64px; }

/* Pulso sutil para iconos de beneficios al entrar en viewport */
.acervo-icon-pulse {
  transform: scale(.85);
  opacity: 0;
  transition: transform .7s var(--ease), opacity .7s var(--ease);
}
.acervo-icon-pulse.is-in {
  transform: scale(1);
  opacity: 1;
}

/* Hover en cards de servicios — ya en theme.css, esta es la versión "scrub" más sofisticada */
.acervo-service-card .elementor-icon {
  transition: transform .4s var(--ease), color .4s var(--ease);
}
.acervo-service-card:hover .elementor-icon {
  transform: translateX(6px);
}

/* Respeto al "prefers-reduced-motion" */
@media (prefers-reduced-motion: reduce) {
  .acervo-reveal,
  .acervo-icon-pulse {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .acervo-underline::after { width: 64px !important; transition: none !important; }
}