/* loja-aviso */
:root {
    --md-admonition-icon--loja-aviso: url('../Processos/img/icone/lupaPesquisaPreta.svg')
}
.md-typeset .admonition.loja-aviso,
.md-typeset details.loja-aviso {
    background-color: rgba(222, 49, 245, 0.1);
    border-color: rgb(222, 49, 245);
}
.md-typeset .loja-aviso > .admonition-title,
.md-typeset .loja-aviso > summary {
    background-color: rgba(222, 49, 245, 0.1);
    border-color: rgb(222, 49, 245);
}
.md-typeset .loja-aviso > .admonition-title::before,
.md-typeset .loja-aviso > summary::before {
    background-color: rgb(222, 49, 245);
    -webkit-mask-image: var(--md-admonition-icon--loja-aviso);
            mask-image: var(--md-admonition-icon--loja-aviso);
}

/* observação */
:root {
    --md-admonition-icon--observação: url('../imgs/alertas/lapis.svg')
}
.md-typeset .admonition.observação,
.md-typeset details.observação {
    background-color: rgba(68,138,255, 0.1);
    border-color: rgb(68,138,255);
}
.md-typeset .observação > .admonition-title,
.md-typeset .observação > summary {
    background-color: rgba(68,138,255, 0.1);
    border-color: rgb(68,138,255);
}
.md-typeset .observação > .admonition-title::before,
.md-typeset .observação > summary::before {
    background-color: rgb(68,138,255);
    -webkit-mask-image: var(--md-admonition-icon--observação);
            mask-image: var(--md-admonition-icon--observação);
}

/* resumo */
:root {
    --md-admonition-icon--resumo: url('../imgs/alertas/resumo.svg')
}
.md-typeset .admonition.resumo,
.md-typeset details.resumo {
    background-color: rgba(0,176,255, 0.1);
    border-color: rgb(0,176,255);
}
.md-typeset .resumo > .admonition-title,
.md-typeset .resumo > summary {
    background-color: rgba(0,176,255, 0.1);
    border-color: rgb(0,176,255);
}
.md-typeset .resumo > .admonition-title::before,
.md-typeset .resumo > summary::before {
    background-color: rgb(0,176,255);
    -webkit-mask-image: var(--md-admonition-icon--resumo);
            mask-image: var(--md-admonition-icon--resumo);
}


/* informação */
:root {
    --md-admonition-icon--informação: url('../imgs/alertas/info.svg')
}
.md-typeset .admonition.informação,
.md-typeset details.informação {
    background-color: rgba(0,184,212, 0.1);
    border-color: rgb(0,184,212);
}
.md-typeset .informação > .admonition-title,
.md-typeset .informação > summary {
    background-color: rgba(0,184,212, 0.1);
    border-color: rgb(0,184,212);
}
.md-typeset .informação > .admonition-title::before,
.md-typeset .informação > summary::before {
    background-color: rgb(0,184,212);
    -webkit-mask-image: var(--md-admonition-icon--informação);
            mask-image: var(--md-admonition-icon--informação);
}


/* dica */
:root {
    --md-admonition-icon--dica: url('../imgs/alertas/dica.svg')
}
.md-typeset .admonition.dica,
.md-typeset details.dica {
    background-color: rgba(0,191,165, 0.1);
    border-color: rgb(0,191,165);
}
.md-typeset .dica > .admonition-title,
.md-typeset .dica > summary {
    background-color: rgba(0,191,165, 0.1);
    border-color: rgb(0,191,165);
}
.md-typeset .dica > .admonition-title::before,
.md-typeset .dica > summary::before {
    background-color: rgb(0,191,165);
    -webkit-mask-image: var(--md-admonition-icon--dica);
            mask-image: var(--md-admonition-icon--dica);
}


/* sucesso */
:root {
    --md-admonition-icon--sucesso: url('../imgs/alertas/sucesso.svg')
}
.md-typeset .admonition.sucesso,
.md-typeset details.sucesso {
    background-color: rgba(0,200,83, 0.1);
    border-color: rgb(0,200,83);
}
.md-typeset .sucesso > .admonition-title,
.md-typeset .sucesso > summary {
    background-color: rgba(0,200,83, 0.1);
    border-color: rgb(0,200,83);
}
.md-typeset .sucesso > .admonition-title::before,
.md-typeset .sucesso > summary::before {
    background-color: rgb(0,200,83);
    -webkit-mask-image: var(--md-admonition-icon--sucesso);
            mask-image: var(--md-admonition-icon--sucesso);
}

/* pergunta */
/*:root {
    --md-admonition-icon--pergunta: url('../imgs/alertas/pergunta.svg')
}
.md-typeset .admonition.pergunta,
.md-typeset details.pergunta {
    background-color: rgba(86, 86, 255, 0.1);
    border-color: rgb(86, 86, 255);
}
.md-typeset .pergunta > .admonition-title,
.md-typeset .pergunta > summary {
    background-color: rgba(86, 86, 255, 0.1);
    border-color: rgb(86, 86, 255);
}
.md-typeset .pergunta > .admonition-title::before,
.md-typeset .pergunta > summary::before {
    background-color: rgb(86, 86, 255);
    -webkit-mask-image: var(--md-admonition-icon--pergunta);
            mask-image: var(--md-admonition-icon--pergunta);
}*/

/* pergunta */
:root {
    --md-admonition-icon--pergunta: url('../imgs/alertas/pergunta.svg')
}
.md-typeset .admonition.pergunta,
.md-typeset details.pergunta {
    background-color: rgba(86, 86, 255, 0.03);
    border: 1px solid rgba(86, 86, 255, 0.2);
    border-left: 5px solid rgb(86, 86, 255);
    box-shadow: none;
    border-radius: 4px;
}
.md-typeset .pergunta > .admonition-title,
.md-typeset .pergunta > summary {
    background-color: transparent;
    border-bottom: 1px solid rgba(86, 86, 255, 0.15);
    font-weight: normal;
}
.md-typeset .pergunta > .admonition-title::before,
.md-typeset .pergunta > summary::before {
    background-color: rgb(86, 86, 255);
    -webkit-mask-image: var(--md-admonition-icon--pergunta);
            mask-image: var(--md-admonition-icon--pergunta);
}
.md-typeset details.pergunta > .md-typeset,
.md-typeset details.pergunta > p,
.md-typeset .admonition.pergunta > p,
.md-typeset .admonition.pergunta > :not(.admonition-title) {
    background-color: rgba(86, 86, 255, 0.06);
    margin: 0;
    padding: 0.75rem 1rem;
    border-radius: 0 0 4px 0;
}


/* aviso */
:root {
    --md-admonition-icon--aviso: url('../imgs/alertas/aviso.svg')
}
.md-typeset .admonition.aviso,
.md-typeset details.aviso {
    background-color: rgba(255,145,0, 0.1);
    border-color: rgb(255,145,0);
}
.md-typeset .aviso > .admonition-title,
.md-typeset .aviso > summary {
    background-color: rgba(255,145,0, 0.1);
    border-color: rgb(255,145,0);
}
.md-typeset .aviso > .admonition-title::before,
.md-typeset .aviso > summary::before {
    background-color: rgb(255,145,0);
    -webkit-mask-image: var(--md-admonition-icon--aviso);
            mask-image: var(--md-admonition-icon--aviso);
}


/* fracasso */
:root {
    --md-admonition-icon--fracasso: url('../imgs/alertas/fracasso.svg')
}
.md-typeset .admonition.fracasso,
.md-typeset details.fracasso {
    background-color: rgba(255,82,82, 0.1);
    border-color: rgb(255,82,82);
}
.md-typeset .fracasso > .admonition-title,
.md-typeset .fracasso > summary {
    background-color: rgba(255,82,82, 0.1);
    border-color: rgb(255,82,82);
}
.md-typeset .fracasso > .admonition-title::before,
.md-typeset .fracasso > summary::before {
    background-color: rgb(255,82,82);
    -webkit-mask-image: var(--md-admonition-icon--fracasso);
            mask-image: var(--md-admonition-icon--fracasso);
}


/* perigo */
:root {
    --md-admonition-icon--perigo: url('../imgs/alertas/perigo.svg')
}
.md-typeset .admonition.perigo,
.md-typeset details.perigo {
    background-color: rgba(255,23,68, 0.1);
    border-color: rgb(255,23,68);
}
.md-typeset .perigo > .admonition-title,
.md-typeset .perigo > summary {
    background-color: rgba(255,23,68, 0.1);
    border-color: rgb(255,23,68);
}
.md-typeset .perigo > .admonition-title::before,
.md-typeset .perigo > summary::before {
    background-color: rgb(255,23,68);
    -webkit-mask-image: var(--md-admonition-icon--perigo);
            mask-image: var(--md-admonition-icon--perigo);
}


/* erro */
:root {
    --md-admonition-icon--erro: url('../imgs/alertas/erro.svg')
}
.md-typeset .admonition.erro,
.md-typeset details.erro {
    background-color: rgba(245,0,87, 0.1);
    border-color: rgb(245,0,87);
}
.md-typeset .erro > .admonition-title,
.md-typeset .erro > summary {
    background-color: rgba(245,0,87, 0.1);
    border-color: rgb(245,0,87);
}
.md-typeset .erro > .admonition-title::before,
.md-typeset .erro > summary::before {
    background-color: rgb(245,0,87);
    -webkit-mask-image: var(--md-admonition-icon--erro);
            mask-image: var(--md-admonition-icon--erro);
}

/* exemplo */
:root {
    --md-admonition-icon--exemplo: url('../imgs/alertas/exemplo.svg')
}
.md-typeset .admonition.exemplo,
.md-typeset details.exemplo {
    background-color: rgba(124,77,255, 0.1);
    border-color: rgb(124,77,255);
}
.md-typeset .exemplo > .admonition-title,
.md-typeset .exemplo > summary {
    background-color: rgba(124,77,255, 0.1);
    border-color: rgb(124,77,255);
}
.md-typeset .exemplo > .admonition-title::before,
.md-typeset .exemplo > summary::before {
    background-color: rgb(124,77,255);
    -webkit-mask-image: var(--md-admonition-icon--exemplo);
            mask-image: var(--md-admonition-icon--exemplo);
}


/* documento */
:root {
    --md-admonition-icon--documento: url('../imgs/alertas/documentos.svg')
}
.md-typeset .admonition.documento,
.md-typeset details.documento {
    background-color: rgba(146, 144, 151, 0.1);
    border-color: rgb(146, 144, 151);   
}
.md-typeset .documento > .admonition-title,
.md-typeset .documento > summary {
    background-color: rgba(146, 144, 151, 0.1);
    border-color: rgb(146, 144, 151);
}
.md-typeset .documento > .admonition-title::before,
.md-typeset .documento > summary::before {
    background-color: rgb(146, 144, 151);
    -webkit-mask-image: var(--md-admonition-icon--documento);
            mask-image: var(--md-admonition-icon--documento);
}

/* obrigatório */
:root {
    --md-admonition-icon--obrigatorio: url('../imgs/alertas/obrigatorio.svg');
}

.md-typeset .admonition.obrigatorio,
.md-typeset details.obrigatorio {
    background-color: #ebf4fb;
    border-color: rgb(244, 67, 54);
}

/* Header */
.md-typeset .admonition.obrigatorio > .admonition-title,
.md-typeset details.obrigatorio > summary {
    background-color: #dbeaf7;
    border-color: rgb(244, 67, 54);
}

/* Ícone (FORÇANDO override total) */
.md-typeset .admonition.obrigatorio > .admonition-title::before,
.md-typeset details.obrigatorio > summary::before {
    content: "";
    background-image: url('../imgs/alertas/obrigatorio.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;
}