/* Animaciones globales */
@keyframes flotar {
            0% {
                opacity: 0;
                transform: translateY(0) scale(0.7);
            }

            15% {
                opacity: 0.8;
            }

            85% {
                opacity: 0.4;
            }

            100% {
                opacity: 0;
                transform: translateY(-110vh) scale(1.25);
            }
        }

@keyframes latido {
            0%,
            100% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.25);
            }
        }

@keyframes mostrarIndicacion {
            from {
                opacity: 0;

                transform:
                    translateX(-50%)
                    translateY(10px);
            }

            to {
                opacity: 1;

                transform:
                    translateX(-50%)
                    translateY(0);
            }
        }

@keyframes vueloMariposa {
            0%, 100% { translate: 0 0; rotate: 0deg; }
            50% { translate: 0 -13px; rotate: 4deg; }
        }

@keyframes titilar {
            0%, 100% { opacity: .25; transform: scale(.8) rotate(0deg); }
            50% { opacity: 1; transform: scale(1.2) rotate(22deg); }
        }

@keyframes brilloSello {
            0%, 100% { box-shadow: 0 8px 18px rgba(92,54,37,.32), inset 0 0 12px rgba(255,241,204,.70); }
            50% { box-shadow: 0 8px 22px rgba(92,54,37,.38), 0 0 22px rgba(211,166,79,.42), inset 0 0 16px rgba(255,241,204,.86); }
        }

@keyframes girarLento { to { transform: rotate(360deg); } }

@keyframes respirarMonograma {
            0%,100% { transform: scale(.96); opacity: .82; }
            50% { transform: scale(1.04); opacity: 1; }
        }

@keyframes respirarSobre {
            0%,100% { translate: 0 0; }
            50% { translate: 0 -5px; }
        }

@keyframes pulsoSello {
            0% { transform: scale(.92); opacity: 0; }
            35% { opacity: .65; }
            100% { transform: scale(1.25); opacity: 0; }
}

@keyframes brilloBienvenida {
    0% { filter: drop-shadow(0 7px 8px rgba(113,66,44,.16)); }
    45% { filter: brightness(1.22) drop-shadow(0 0 17px rgba(221,176,84,.68)); }
    100% { filter: drop-shadow(0 7px 8px rgba(113,66,44,.16)); }
}

@keyframes brilloTextoDorado {
    0%, 100% { text-shadow: none; }
    48% { text-shadow: 0 0 18px rgba(211,166,79,.62); color: #bd8734; }
}

@keyframes pulsoMusica {
    0%, 100% { transform: scale(1); box-shadow: inset 0 0 0 1px rgba(255,243,203,.65); }
    50% { transform: scale(1.08); box-shadow: 0 0 13px rgba(211,166,79,.42), inset 0 0 0 1px rgba(255,243,203,.72); }
}