/* Cores do tema, de Configurações no painel. As originais estão no :root do dec.css. */
:root {
    --cor-principal: #00276b;
    --cor-principal-claro: #00276b8a;
    --cor-principal-escuro: #001b4b;
    --cor-secundaria: #fdc702;
    --cor-secundaria-claro: #fdc7028a;
    --cor-secundaria-escuro: #b18b01;
    --cor-cinza: #f7f9fb;
}

/* Layout da barra do menu, da tela Menu do portal no painel. As regras estão no dec.css. */
:root {
    --dec-barra-altura: 60px;
    --dec-barra-prop: 0.9;
    --dec-barra-pad: 0px;
    --dec-barra-fundo: #00217d;
    --dec-barra-fundo-fixo: #00217d;
    --dec-barra-opacidade: 1;
    --dec-barra-texto: #ffffff;
    --dec-barra-realce: var(--cor-secundaria);
    --dec-barra-pilula: rgba(255,255,255,.16);
    --dec-barra-r1: 0px;
    --dec-barra-r2: 0px;
    --dec-barra-r3: 0px;
    --dec-barra-r4: 0px;
    --dec-barra-sombra: 0 4px 10px rgba(0,20,60,.18);
    --dec-barra-borda: 0 none transparent;
    --dec-barra-borda-esq: 0 none transparent;
    --dec-barra-borda-dir: 0 none transparent;
    --dec-barra-acento: 0px;
    --dec-barra-recorte: none;
    --dec-sub-fundo: #ffffff;
    --dec-sub-texto: var(--cor-texto);
    --dec-sub-divisor: transparent;
    --dec-sub-hover-fundo: transparent;
    --dec-sub-hover-texto: var(--cor-secundaria);
    --dec-sub-titulo-fundo: #00276b;
    --dec-sub-titulo-texto: #f7f9fb;
    --dec-sub-titulo-acento: rgba(255,255,255,.55);
    --dec-sub-sombra: 0 4px 10px rgba(0,20,60,.12);
    --dec-sub-dist: 0px;
    --dec-sub-r1: 0px;
    --dec-sub-r2: 0px;
    --dec-sub-r3: 27px;
    --dec-sub-r4: 30px;
    --dec-sub-titulo-raio: 10px;
}

/* Linha do topo do cabeçalho, da tela Cabeçalho no painel. As regras estão no dec.css. */
:root {
    --dec-cab-respiro: 30px;
    --dec-cab-fundo: #ffffff;
    --dec-cab-texto: #14203a;
    --dec-cab-suave: rgba(20,32,58,.68);
    --dec-cab-traco: rgba(20,32,58,.22);
    --dec-cab-divisor: 0 none transparent;
    --dec-cab-logo: 58px;
    --dec-cab-busca: 290px;
}

/* Faixa de acessibilidade, da tela Acessibilidade no painel. As regras estão no dec.css. */
:root {
    --dec-acess-fundo: #00217d;
    --dec-acess-respiro: 8px;
    --dec-acess-raio: 0;
    --dec-acess-divisor: 3px solid #fdc702;
    --dec-acess-sombra: none;
    --dec-acess-at-tam: 9px;
    --dec-acess-at-cor: #f7f9fb;
    --dec-acess-at-cor-h: #fdc702;
    --dec-acess-at-sep: "";
    --dec-acess-num-fundo: #f7f9fb;
    --dec-acess-num-texto: #00276b;
    --dec-acess-bt-tam: 27px;
    --dec-acess-bt-espaco: 4px;
    --dec-acess-bt-icone-tam: 12px;
    --dec-acess-bt-fundo: #ffffff;
    --dec-acess-bt-icone: #00217d;
    --dec-acess-bt-fundo-h: #80D9FF;
    --dec-acess-bt-icone-h: #00217d;
    --dec-acess-selo: #00217d;
}

/* Banner principal, da tela Banner no painel. As regras estão no dec.css. */
:root {
    --bn-largura: 100%;
    --bn-altura: 500px;
    --bn-margem-v: 0px;
    --bn-margem-h: 0px;
    --bn-raio: 0;
    --bn-sombra: none;
    --bn-borda: 0 none;
    --bn-vert: center;
    --bn-horiz: flex-start;
    --bn-texto: left;
    --bn-padding: 140px;
    --bn-caixa: 620px;
    --bn-veu: none;
}
@media (max-width: 767px) {
    :root {
        --bn-altura: 350px;
        --bn-padding: 70px;
    }
}