/* Overlay da IA Amparo (brain.png) */
.amparo-ai-overlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(0, 28, 70, 0.42);
    backdrop-filter: blur(7px);
    animation: amparoAiFadeIn 0.22s ease;
}

.amparo-ai-overlay[hidden] {
    display: none !important;
}

.amparo-ai-card {
    width: min(320px, 100%);
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 55%);
    border: 1px solid rgba(215, 230, 245, 0.95);
    border-radius: 22px;
    padding: 1.6rem 1.4rem 1.35rem;
    text-align: center;
    box-shadow: 0 28px 70px rgba(0, 28, 70, 0.32);
}

.amparo-ai-card .ai-brain,
.amparo-ai-overlay .ai-brain {
    width: 88px;
    height: 88px;
    margin: 0 auto 0.85rem;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(0, 74, 173, 0.28));
    animation: brainFloat 1.8s ease-in-out infinite;
}

.amparo-ai-card strong {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0b2748;
}

.amparo-ai-card p {
    margin-top: 0.35rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: #4d6a88;
}

@keyframes amparoAiFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes brainFloat {
    0%,
    100% {
        transform: translateY(0) scale(1);
        filter: drop-shadow(0 10px 18px rgba(0, 74, 173, 0.28)) saturate(1);
    }
    50% {
        transform: translateY(-8px) scale(1.05);
        filter: drop-shadow(0 16px 24px rgba(56, 182, 255, 0.4)) saturate(1.15);
    }
}

@media (prefers-reduced-motion: reduce) {
    .amparo-ai-card .ai-brain,
    .amparo-ai-overlay .ai-brain {
        animation: none;
    }
}