/**
 * Animaciones de scroll centralizadas
 * Los elementos con estas clases se animan al entrar en viewport
 */

.scroll-fade-in,
.scroll-slide-up,
.scroll-slide-left,
.scroll-slide-right,
.animated-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.scroll-slide-left {
    transform: translateX(-40px);
}

.scroll-slide-right {
    transform: translateX(40px);
}

.scroll-fade-in.is-visible,
.scroll-slide-up.is-visible,
.scroll-slide-left.is-visible,
.scroll-slide-right.is-visible,
.animated-section.is-visible {
    opacity: 1;
    transform: translate(0);
}

/* Retraso opcional vía data-anim-delay */
.scroll-fade-in[data-anim-delay],
.scroll-slide-up[data-anim-delay],
.scroll-slide-left[data-anim-delay],
.scroll-slide-right[data-anim-delay] {
    transition-delay: var(--anim-delay, 0s);
}

/* ── Teléfono RSVP (campo opcional en todos los formularios) ── */
.rsvp-telefono-wrap {
    margin-top: 0.5rem;
}
.rsvp-telefono-input {
    text-align: center;
    font-size: 0.95rem;
    letter-spacing: 0.03em;
}
.rsvp-telefono-input::placeholder {
    font-size: 0.85rem;
    opacity: 0.6;
}

.scroll-fade-in.is-visible[data-anim-delay],
.scroll-slide-up.is-visible[data-anim-delay],
.scroll-slide-left.is-visible[data-anim-delay],
.scroll-slide-right.is-visible[data-anim-delay] {
    transition-delay: var(--anim-delay, 0s);
}

/* Compatibilidad Font Awesome 6 sobre la copia local Font Awesome 5 */
.fa-solid,
.fa-regular,
.fa-brands {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-solid {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.fa-regular {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}

.fa-brands {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

.fa-champagne-glasses::before {
    content: "\f79f";
}

.fa-feather-pointed::before {
    content: "\f56b";
}

.fa-heart-pulse::before {
    content: "\f21e";
}

.fa-location-dot::before {
    content: "\f3c5";
}

.fa-magnifying-glass-plus::before {
    content: "\f00e";
}

.fa-share-nodes::before {
    content: "\f1e0";
}

.fa-user-group::before {
    content: "\f0c0";
}

.fa-xmark::before {
    content: "\f00d";
}