/* Arquivo principal de CSS */

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 123, 255, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0px rgba(0, 123, 255, 0);
    }
}

.pulse-shadow {
    animation: shadow-pulse 1.5s infinite;
}

.icon-wrapper {
    width: 70px;
    height: 70px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--bs-danger-rgb), 0.1);
}

/* ==========================================================================
   8. PÁGINA DE ERRO 404 (Tema TI)
   ========================================================================== */
.erro-404-container .texto-404 {
    /* clamp() faz a fonte ser gigante no PC e diminuir sozinha no celular */
    font-size: clamp(8rem, 20vw, 12rem);
    color: var(--primary-color);
    line-height: 0.8;
    margin: 0;
    text-shadow: 5px 5px 0px rgba(0, 0, 0, 0.05);
}

/* Animação do inseto (Bug) flutuando */
.floating-icon {
    animation: flutuar 3s ease-in-out infinite;
}

@keyframes flutuar {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(10deg);
    }

    /* Sobe e dá uma leve inclinada */
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

/* Adaptação para o Modo Escuro */
[data-bs-theme="dark"] .erro-404-container .texto-404 {
    text-shadow: 5px 5px 0px rgba(255, 255, 255, 0.05);
}