:root {
    /* Primária */
    --cor-primaria-claro-50: #D8E0EA;
    --cor-primaria-claro-40: #B1C1D4;
    --cor-primaria-claro-30: #8AA2BF;
    --cor-primaria-claro-20: #6382A9;
    --cor-primaria-claro-10: #3C6394;
    --cor-primaria: #15447E;
    --cor-primaria-escuro-10: #123969;
    --cor-primaria-escuro-20: #0E2D54;
    --cor-primaria-escuro-30: #0B223F;
    --cor-primaria-escuro-40: #07172A;
    --cor-primaria-escuro-50: #040B15;

    --cor-primaria-t30: #15447E48;

    /* Semânticas - Sucesso */
    --cor-sucesso-mais-claro: #A2D471;
    --cor-sucesso-claro: #BBC94D;
    --cor-sucesso: #7DB545;
    /* Semânticas - Alerta */
    --cor-alerta-mais-claro: #FFDD71;
    --cor-alerta-claro: #FFC44D;
    --cor-alerta: #E5BD45;
    /* Semânticas - Perigo */
    --cor-perigo-mais-claro: #F17171;
    --cor-perigo-claro: #EE4D4D;
    --cor-perigo: #D64545;
    /* Semânticas - Info */
    --cor-info-mais-claro: #7EA9FF;
    --cor-info-claro: #5E94FF;
    --cor-info: #5485E5;

    /* Neutros */
    --cor-branco: #FFF;
    --cor-cinza-mais-claro: #EEE;
    --cor-cinza-claro: #DADADA;
    --cor-cinza: #A0A0A0;
    --cor-cinza-escuro: #404445;
    --cor-cinza-mais-escuro: #222;
    --cor-preto: #000;
    --cor-preto-t50: #00000080;

    /* Tamanho */
    --fonte-tamanho-base: 16px;

    --fonte-tamanho-micro: .625rem;
    --fonte-tamanho-mini: .6875em;
    --fonte-tamanho-muito-pequeno: .75rem;
    --fonte-tamanho-pequeno: .875rem;
    --fonte-tamanho-normal: 1rem;
    --fonte-tamanho-grande: 1.125rem;
    --fonte-tamanho-muito-grande: 1.25rem;
    --fonte-tamanho-gigante: 1.5rem;
    --fonte-tamanho-muito-gigante: 2rem;


    /* Peso */
    --fonte-peso-normal: normal;
    --fonte-peso-negrito: bold;

    /* Entrelinha */
    --entrelinha-micro: .625rem;
    --entrelinha-mini: .6875em;
    --entrelinha-muito-pequeno: .75rem;
    --entrelinha-pequeno: .875rem;
    --entrelinha-normal: 1rem;
    --entrelinha-grande: 1.125rem;
    --entrelinha-muito-grande: 1.25rem;
    --entrelinha-gigante: 1.5rem;
    --entrelinha-muito-gigante: 2rem;

    --borda-arredondada-2hx: 2px;
    --borda-arredondada-1hx: 4px;
    --borda-arredondada-1x: 8px;
    --borda-arredondada-2x: 16px;
    --borda-arredondada-3x: 24px;
    --borda-arredondada-total: 999999px;

    /* Espaçamento */
    --espacamento-2hx: 2px;
    --espacamento-1hx: 4px;
    --espacamento-0x: 0;
    --espacamento-1x: 8px;
    --espacamento-2x: 16px;
    --espacamento-3x: 24px;
    --espacamento-4x: 32px;
    --espacamento-5x: 40px;
    --espacamento-6x: 48px;

}

.modal-ativa {
    cursor: pointer;
}

.modal {
    display: grid;
    place-items: center;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--cor-preto-t50);
}

.modal-container {
    display: flex;
    flex-direction: column;
    gap: var(--espacamento-1x);
    position: absolute;
    padding: var(--espacamento-4x);
    max-width: 992px;
    max-height: 100%;
}

.modal-container-largura-total {
    width: 100%;
}

.modal-container-altura-total {
    height: 100%;
}

.modal-container-largura-media {
    width: 30%;
}

.modal-container-altura-media {
    height: 75%;
}

.modal-fechar {
    text-align: right;
}

.modal-fechar span {
    display: inline-block;
}

.modal-fechar span svg {
    cursor: pointer;
    width: 24px;
    height: 24px;
    fill: white;
}

.modal .card {
    background-color: var(--cor-branco);
    box-shadow: 1px 1px 2px #00000030;
    overflow: auto;
}

.modal .card::-webkit-scrollbar {
    width: 12px;
}
  
.modal .card::-webkit-scrollbar-track {
    border-radius: var(--borda-arredondada-total);
}
  
.modal .card::-webkit-scrollbar-thumb {
    background-color: var(--cor-cinza-mais-escuro);
    border-radius: var(--borda-arredondada-total);
}
  
.modal .card::-webkit-scrollbar-thumb:hover {
    background-color: var(--cor-cinza-escuro);
}

.modal .card-interno {
    height: auto;
}

@media print {
    .impressao-modal {
        background-color: var(--cor-branco);
    }

    .impressao-modal #menu,
    .impressao-modal .modal-fechar,
    .impressao-modal button,
    .impressao-modal .corpo-container *:not(.modal, .modal *) {
        display: none;
    }

    .impressao-modal .modal {
        display: initial;
        position: static;
    }

    .impressao-modal .modal .card {
        overflow: initial;
        box-shadow: none;
    }

    .impressao-modal .corpo-container,
    .impressao-modal .modal-container,
    .impressao-modal #conteudo{
        padding: var(--espacamento-0x);
    }
}

.esconde-elemento {
    display: none;
}