/* ==========================================================
   Scroll Reveal Animations
========================================================== */

/* Estado inicial */
.hermnet-contact .hero,
.hermnet-contact .card,
.hermnet-contact .calendar,
.hermnet-contact .contact-actions,
.hermnet-contact .cta {

    opacity: 0;
    transform: translateY(30px);

    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22,1,.36,1);

    will-change: opacity, transform;
}


/* Estado visible */
.hermnet-contact .hero.visible,
.hermnet-contact .card.visible,
.hermnet-contact .calendar.visible,
.hermnet-contact .contact-actions.visible,
.hermnet-contact .cta.visible {

    opacity: 1;
    transform: translateY(0);

}