@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* /Components/AiLoadingOverlay.razor.rz.scp.css */
/* ===== Paleta jurídica: azul metálico + verde confiança ===== */
:root[b-wprziujc9q] {
    --legal-blue: #0A39A8; /* azul jurídico/tecnológico */
    --legal-green: #0A9F6E; /* verde confiança/validado */
    --accent: var(--mud-palette-primary, var(--legal-blue));
    --accent-2: var(--legal-green);
    --fg-strong: var(--mud-palette-text-primary, #fff);
    --fg-muted: var(--mud-palette-text-secondary, #b7b7b7);
    --surface: var(--mud-palette-surface, #141519);
    --background: var(--mud-palette-background, #0b0b0c);
}

/* ===== Overlay em vidro fosco ===== */
.ai-loading-overlay[b-wprziujc9q] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px) saturate(120%);
    -webkit-backdrop-filter: blur(4px) saturate(120%);
    background: color-mix(in srgb, var(--background) 18%, transparent);
}

.glass-card[b-wprziujc9q] {
    padding: 1.25rem 1.5rem;
    border-radius: 1rem;
    border: 1px solid color-mix(in srgb, var(--fg-strong), transparent 75%);
    background: linear-gradient(135deg, color-mix(in srgb, var(--surface) 80%, transparent) 0%, color-mix(in srgb, var(--surface) 40%, transparent) 100%);
    box-shadow: 0 8px 30px rgba(0,0,0,.25);
    max-width: 680px;
    width: min(94vw, 680px);
}

.stack[b-wprziujc9q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.text-shadow[b-wprziujc9q] {
    color: var(--fg-strong);
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

/* ===== Pipeline nítido ===== */
.pipeline[b-wprziujc9q] {
    display: flex;
    align-items: center;
    gap: clamp(12px, 3vw, 20px);
    width: 100%;
}

.node[b-wprziujc9q] {
    display: grid;
    justify-items: center;
    gap: 6px;
    min-width: 96px;
}

/* Light refinements */
:root.light .glass-card[b-wprziujc9q] {
    border-color: rgba(0,0,0,.08);
    background: linear-gradient(135deg, rgba(255,255,255,.68) 0%, rgba(255,255,255,.40) 100%);
}

/* ===== Palco e frames do "carrossel" ===== */
.icons-stage[b-wprziujc9q] {
    position: relative;
    height: clamp(120px, 22vw, 180px);
    display: grid;
    place-items: center;
    /*margin-bottom: clamp(12px, 2.2vw, 18px);*/
    width: 60vh;
}

/* Cada frame recebe um delay inline (style="animation-delay:...s") */
.icon-frame[b-wprziujc9q] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    opacity: 0;
    transform: translateY(6px) scale(0.98);
    filter: drop-shadow(0 6px 20px rgba(0,0,0,.22));
    animation: frameFade-b-wprziujc9q 12s infinite ease-in-out;
}

/* Ícone baseado em fontes */
.icon-i[b-wprziujc9q] {
    font-size: clamp(72px, 14vw, 120px);
    line-height: 1;
    color: var(--ai-fg);
    display: inline-block; /* importante p/ alguns temas */
    width: auto;
    height: auto;
}

    .icon-i[b-wprziujc9q]::before,
    .icon-i[b-wprziujc9q]::after {
        display: inline-block;
    }

/* Animação do carrossel */
@keyframes frameFade-b-wprziujc9q {
    0% {
        opacity: 0;
        transform: translateY(6px) scale(0.98);
    }

    6% {
        opacity: 1;
        transform: translateY(0) scale(1.00);
    }

    28% {
        opacity: 1;
        transform: translateY(0) scale(1.00);
    }

    33% {
        opacity: 0;
        transform: translateY(-6px) scale(0.98);
    }

    100% {
        opacity: 0;
    }
}

/* ===== Acessibilidade / redução de movimento ===== */
@media (prefers-reduced-motion: reduce) {
    .icon-frame[b-wprziujc9q] {
        animation: none;
        opacity: 1;
        position: static;
    }

    .icons-stage[b-wprziujc9q] {
        display: flex;
        gap: 16px;
        justify-content: center;
    }
}