/* =========================
   HELPERS
========================= */
.hidden {
    display: none;
}

.hidden-file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    position: absolute;
    z-index: -1;
}

/* =========================
   ANIMACIONES
========================= */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

.animate-blink {
    animation: blink 1.2s ease-in-out infinite;
}

@keyframes ring {
    0% { transform: rotate(0); }
    20% { transform: rotate(5deg); }
    40% { transform: rotate(-5deg); }
    60% { transform: rotate(4deg); }
    80% { transform: rotate(-4deg); }
    100% { transform: rotate(0); }
}

.animate-ring {
    animation: ring 0.6s ease-in-out;
}

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

.animate-spin {
    animation: spin 1s linear infinite;
}