/* /Components/Common/AppDescricaoFormatada.razor.rz.scp.css */
/* O CSS global do MudBlazor zera margin/padding de ul e ol — sem isso o marcador da lista
   (fora da caixa de conteúdo, list-style-position padrão) fica solto à esquerda do texto. */
[b-49cdj1l5d4] ul,
[b-49cdj1l5d4] ol {
    margin: 0;
    padding-left: 1.5em;
}

[b-49cdj1l5d4] li + li {
    margin-top: 0.25em;
}

[b-49cdj1l5d4] p + ul,
[b-49cdj1l5d4] p + ol {
    margin-top: 0.5em;
}
/* /Components/Common/AppLoginSocial.razor.rz.scp.css */
/* Separador "ou entre com" do login social.

   O bug: `MudDivider` renderiza um <hr class="mud-divider"> que o MudBlazor estiliza com
   `width: 100%` e `flex-shrink: 0`. Numa linha flex, isso dá a cada <hr> uma base de 100% da
   faixa QUE NÃO PODE ENCOLHER — dois dividers + o texto somavam 671px numa faixa de 276px,
   estourando o card e criando scroll horizontal na página. O `flex-grow-1` que estava aplicado
   não resolvia: ele só define `flex-grow`, sem tocar em `flex-basis` nem em `flex-shrink`.

   A correção zera a base e libera o encolhimento (`flex: 1 1 0`), então as linhas passam a
   dividir apenas o espaço que sobra ao lado do texto — proporcionais entre si e sempre dentro
   do card, em qualquer largura. Cor e espessura continuam vindo do tema (nada de cor fixa). */
.app-separador-texto[b-12o7hwdqm0] {
    display: flex;
    align-items: center;
    gap: 12px;
    /* Não passa da largura do container em nenhuma circunstância. */
    width: 100%;
    max-width: 100%;
}

    /* ::deep porque o <hr> pertence ao MudDivider (componente filho): o atributo de escopo do
       CSS isolado fica só na div acima, não nos elementos renderizados por outros componentes. */
    .app-separador-texto[b-12o7hwdqm0]  hr {
        flex: 1 1 0;
        min-width: 0;
        margin: 0;
    }
/* /Components/Pages/Publicas/PaginaCarreiras/Components/RedesSociaisEmpresa_CP.razor.rz.scp.css */
/* Redes sociais da empresa na faixa de ações da página de carreiras.

   O padrão do design system é flat com borda sutil, e a hierarquia da faixa é: "Seguir empresa"
   (CTA preenchido) > compartilhar (ícone puro) > redes sociais. Por isso o ícone aqui é um círculo
   contornado em texto secundário — presente, mas sem competir com o CTA. No hover ele assume o
   primário, que é o mesmo feedback dos outros alvos clicáveis da aplicação.

   ::deep porque o <button>/<a> é renderizado pelo MudIconButton (componente filho): o atributo de
   escopo do CSS isolado fica só no MudStack acima. Nenhuma cor fixa — tudo vem da paleta, então
   claro e escuro saem certos sem regra duplicada. */
.app-redes-sociais[b-6m6hf1qllx]  .mud-icon-button {
    border: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
    transition: color 120ms ease, border-color 120ms ease, background-color 120ms ease;
}

.app-redes-sociais[b-6m6hf1qllx]  .mud-icon-button:hover,
.app-redes-sociais[b-6m6hf1qllx]  .mud-icon-button:focus-visible {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-action-default-hover);
}