/* Estilos extras para deixar o modal de férias super chamativo */

/* Animação de brilho no header */
@keyframes glow {
    0%, 100% {
        box-shadow: 0 0 5px rgba(255, 152, 0, 0.5), 0 0 10px rgba(255, 152, 0, 0.4), 0 0 15px rgba(255, 152, 0, 0.3);
    }
    50% {
        box-shadow: 0 0 10px rgba(255, 152, 0, 0.8), 0 0 20px rgba(255, 152, 0, 0.6), 0 0 30px rgba(255, 152, 0, 0.4);
    }
}

#modalFeriasFornecedor .modal-content {
    animation: glow 2s ease-in-out infinite;
}

/* Animação de zoom no ícone de alerta */
@keyframes zoomAlert {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}

#modalFeriasFornecedor .ti-alert-triangle {
    animation: zoomAlert 1.5s ease-in-out infinite;
    color: #dc3545;
}

/* Efeito de destaque no botão */
@keyframes buttonPulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 5px 15px rgba(255, 152, 0, 0.4);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 8px 25px rgba(255, 152, 0, 0.6);
    }
}

#modalFeriasFornecedor .modal-footer .btn {
    animation: buttonPulse 1.5s ease-in-out infinite;
}

/* Backdrop mais escuro */
#modalFeriasFornecedor ~ .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Animação de shake suave no modal */
@keyframes modalShake {
    0%, 100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    75% {
        transform: translateX(5px);
    }
}

/* Gradient animado no header */
@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

#modalFeriasFornecedor .modal-header {
    background: linear-gradient(135deg, #ff9800, #ff6f00, #ff9800, #ff6f00) !important;
    background-size: 300% 300% !important;
    animation: gradientShift 3s ease infinite;
}

/* Efeito de borda piscante no alerta de perigo */
@keyframes borderBlink {
    0%, 100% {
        border-color: #dc3545;
    }
    50% {
        border-color: #ff6b6b;
    }
}

#modalFeriasFornecedor .alert-danger {
    animation: borderBlink 1.5s ease-in-out infinite;
}