/* ============================================
   INMOBILIARIA MARAL — Animaciones
   src/styles/animations.css
   ============================================ */

/* ===== TEXTO – Splitting.js ===== */
.splitting .char {
    display: inline-block;
    animation: slide-in 0.8s cubic-bezier(.5, 0, .5, 1) both;
    animation-delay: calc(30ms * var(--char-index));
}

@keyframes slide-in {
    from { transform: translateY(1em); opacity: 0; }
    to   { transform: translateY(0);   opacity: 1; }
}

/* ===== REVEAL – Aparición al hacer scroll ===== */
.reveal-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.reveal-up.active {
    opacity: 1;
    transform: translateY(0);
}

/* ===== CLIP REVEAL – Barrido horizontal ===== */
.clip-reveal {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.clip-reveal.active {
    clip-path: inset(0 0 0 0);
}

/* ===== PULSE – Botón WhatsApp ===== */
@keyframes pulse-green {
    0%   { box-shadow: 0 0 0 0   rgba(34, 197, 94, 0.7); }
    70%  { box-shadow: 0 0 0 15px rgba(34, 197, 94, 0);   }
    100% { box-shadow: 0 0 0 0   rgba(34, 197, 94, 0);   }
}

/* ===== LOADING – Skeleton ===== */
@keyframes loading {
    0%   { background-position:  200% 0; }
    100% { background-position: -200% 0; }
}