/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-36alm73cmq] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-36alm73cmq] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Blog/Artigo.razor.rz.scp.css */
/* ::deep é obrigatório aqui: o conteúdo de .article-body vem de
   @((MarkupString)Article.HtmlContent) — HTML bruto injetado em runtime a partir do
   Markdown, não markup escrito neste .razor. O compilador do Blazor só consegue marcar
   com o atributo de escopo (b-xxxx) elementos que ele mesmo compilou; sem ::deep, estas
   regras nunca bateriam em nenhum h2/h3/p/li/ul/ol reais do artigo. */
.article-body[b-zzgmrxkxga]  h2 {
    color: var(--brand-2);
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: .75rem;
}

.article-body[b-zzgmrxkxga]  h3 {
    color: var(--brand-2);
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
}

.article-body[b-zzgmrxkxga]  p, .article-body[b-zzgmrxkxga]  li {
    color: var(--text);
}

.article-body[b-zzgmrxkxga]  ul, .article-body[b-zzgmrxkxga]  ol {
    margin-bottom: 1rem;
}

/* Links dentro do corpo do artigo — tanto os soltos no meio de um parágrafo
   ("veja também X") quanto os da lista de "Leia também" — não têm regra própria
   aqui de propósito: a correção de --bs-link-color-rgb em all.css já resolve a
   cor (era o azul padrão do Bootstrap, #0d6efd, não a marca) e o sublinhado
   padrão do Bootstrap já deixa claro que é link. Chegou a existir aqui um
   tratamento especial (cartão com borda e seta) só pra lista de "leia também",
   mas foi removido por destoar do resto do site — ela é só mais uma lista de
   links dentro do artigo, não um componente à parte. */

/* Breadcrumb: antes era o .breadcrumb padrão do Bootstrap (sem cor de fundo, ocupando
   a largura toda do container, divisor cinza) — destoava do resto da página, que usa
   superfícies em --cream com cantos arredondados (cards, ícones, botão claro). Aqui o
   markup é escrito neste .razor (não injetado via MarkupString), então os seletores
   scoped normais bastam — sem precisar de ::deep. */
.breadcrumb[b-zzgmrxkxga] {
    --bs-breadcrumb-padding-x: 1rem;
    --bs-breadcrumb-padding-y: .5rem;
    --bs-breadcrumb-bg: var(--cream);
    --bs-breadcrumb-border-radius: .5rem; /* mesmo raio das demais superfícies de conteúdo */
    --bs-breadcrumb-divider-color: var(--brand-2);
    --bs-breadcrumb-item-active-color: var(--text);
    display: inline-flex; /* chip que abraça o conteúdo, não uma barra full-width */
    max-width: 100%;
}

.breadcrumb-item a[b-zzgmrxkxga] {
    color: var(--brand-2);
    text-decoration: none;
}

    .breadcrumb-item a:hover[b-zzgmrxkxga],
    .breadcrumb-item a:focus[b-zzgmrxkxga] {
        color: var(--brand);
        text-decoration: underline;
    }

.breadcrumb-item.active[b-zzgmrxkxga] {
    font-weight: 500;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ===== Hero ===== */
.banner_1[b-a8e5vhor01] {
    background-image: linear-gradient(to right, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0.5) 45%, rgba(0,0,0,0) 100%), url('/images/banner_1.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .banner_1[b-a8e5vhor01] {
        background-image: linear-gradient(to right, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.5) 55%, rgba(0,0,0,0) 100%), url('/images/banner_1-mobile.webp');
    }
}

/* ===== Line shapes (decor) ===== */
.line-shape[b-a8e5vhor01] {
    pointer-events: none;
    z-index: 1 !important;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    opacity: .1;
    background-repeat: no-repeat;
    background-size: auto;
}

.line-g1[b-a8e5vhor01] {
    background-image: url('/images/lines/g1.svg');
}

.line-g2[b-a8e5vhor01] {
    background-image: url('/images/lines/g2.svg');
}

.line-g3[b-a8e5vhor01] {
    background-image: url('/images/lines/g3.svg');
}

.line-g4[b-a8e5vhor01] {
    background-image: url('/images/lines/g4.svg');
}

.line-g5[b-a8e5vhor01] {
    background-image: url('/images/lines/g5.svg');
}

.line-g6[b-a8e5vhor01] {
    background-image: url('/images/lines/g6.svg');
}

.line-top[b-a8e5vhor01] {
    top: -5px;
    background-position: top !important;
}

.line-bottom[b-a8e5vhor01] {
    bottom: -5px;
    background-position: bottom !important;
}

.line-left[b-a8e5vhor01] {
    left: -5px;
    background-position: left !important;
}

.line-right[b-a8e5vhor01] {
    right: -5px;
    background-position: right !important;
}

.line-top-left[b-a8e5vhor01] {
    top: -5px;
    left: -5px;
    background-position: top left !important;
}

.line-top-right[b-a8e5vhor01] {
    top: -5px;
    right: -5px;
    background-position: top right !important;
}

.line-bottom-left[b-a8e5vhor01] {
    bottom: -5px;
    left: -5px;
    background-position: bottom left !important;
}

.line-bottom-right[b-a8e5vhor01] {
    bottom: -5px;
    right: -5px;
    background-position: bottom right !important;
}

/* ===== Ícones / cartões ===== */
.icon-animation[b-a8e5vhor01] {
    transition: transform .3s ease;
}

    .icon-animation:hover[b-a8e5vhor01] {
        transform: scale(1.05);
    }

    .icon-animation:hover .icon-70[b-a8e5vhor01] {
        background-color: var(--brand-2);
        color: #fff;
    }

.icon-70[b-a8e5vhor01], .icon-80[b-a8e5vhor01] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem; /* rounded-3 — mesmo raio das demais superfícies de conteúdo */
    transition: background-color .3s ease, color .3s ease;
}

.icon-70[b-a8e5vhor01] {
    width: 70px;
    height: 70px;
    /* Fundo/cor próprios (em vez de bg-cream/text-brand, que são !important e
       bloqueariam a regra .icon-animation:hover .icon-70 acima). */
    background-color: var(--cream);
    color: var(--brand-2);
}

.icon-80[b-a8e5vhor01] {
    width: 80px;
    height: 80px;
}

/* ===== Marca / imagens ===== */
.img-fit[b-a8e5vhor01] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.avatar-circle[b-a8e5vhor01] {
    border-radius: 50%;
    overflow: hidden;
    background: none;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

/* ===== Social links ===== */
.social-link[b-a8e5vhor01] {
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--cream);
    color: var(--brand-2);
    transition: background .3s ease, color .3s ease;
    text-decoration: none;
    border: none;
}

    .social-link:hover[b-a8e5vhor01] {
        background: var(--brand-2);
        color: #fff;
    }

/* Hover sutil no accordion de Dúvidas frequentes — sem isso era o único elemento
   clicável da página sem nenhum feedback visual ao passar o mouse. Só no estado
   fechado (.collapsed): um item já aberto não precisa desse reforço, e evita
   competir com o próprio destaque que o Bootstrap já dá ao item expandido. */
.accordion-button.collapsed:hover[b-a8e5vhor01] {
    background-color: var(--cream);
}

/* Accordion aberto: o Bootstrap colore o estado ativo com --bs-primary-bg-subtle/
   -text-emphasis, que são tons fixos do azul padrão do Bootstrap (#cfe2ff/#052c65)
   — não recalculados a partir do --brand/--brand-2 da paleta. Sem isso, abrir uma
   pergunta trocava para um azul que não existe em nenhum outro lugar do site. */
.accordion-button:not(.collapsed)[b-a8e5vhor01] {
    --bs-accordion-active-bg: var(--cream);
    --bs-accordion-active-color: var(--brand);
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23536da4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.accordion-button:focus[b-a8e5vhor01] {
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(91, 143, 216, .25);
}