@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('../lib/css/bootstrap-sobrescreve.css');
@import url('../lib/css/estrutura.css');

:root {
    /* Cores do fundo - ajustando valores para melhor visualização do gradiente */
    --cor-fundo-claro: #fafafa;
    --cor-fundo-escuro: #fafafa;
    --cor-fundo-menu-item: #e0e0e0;
    --cor-frente-menu-item: #333333;

    /* Cores base */
    --cor-branco: #ffffff;
    --cor-branco-escuro: #fafafa;
    --cor-preto: #000000;
    --cor-cinza: #aaaaaa;
    --cor-cinza-escuro: #555555;
    --cor-cinza-claro: #c0c0c0;

    /* Cores principais */
    --cor-primaria: #659b1a;
    --cor-primaria-escuro: #3d6604;
    --cor-primaria-claro: #8bbe44;
    
    /* Cores secundárias */
    --cor-secundaria: #ea5b28;
    --cor-secundaria-escuro: #ad3002;
    --cor-secundaria-claro: #f0a83c;
}

.c1 { color: var( --cor-primaria-claro) !important; }
.c2 { color: var( --cor-primaria) !important; }
.c3 { color: var( --cor-primaria-escuro) !important; }
.c4 { color: var( --cor-secundaria-claro) !important; }
.c5 { color: var( --cor-secundaria-escuro) !important; }
.c6 { color: var( --cor-secundaria) !important; }
.cBranco { color: #fff !important; }
.cAmarelo { color: #eab531 !important; }
.cVerde { color: #5ba680 !important; }
.cVerdeEscuro { color: #0d6438 !important; }
.cAzul { color: #1f91ad !important; }
.cLaranja { color: #ff6c0e !important; }
.cVermelho { color: #ce5860 !important; }
.cRoxo { color: #ac259e !important; }
.cChumbo { color: #555555 !important; }
.cCinza { color: #cecece !important; }
.cCinzaEscuro { color: #666666 !important; }
.cPreto { color: #000000 !important; }

.ch1 { color: var( --cor-primaria-claro) !important; }
.ch2 { color: var( --cor-primaria) !important; }
.ch3 { color: var( --cor-primaria-escuro) !important; }
.ch4 { color: var( --cor-secundaria-claro) !important; }
.ch5 { color: var( --cor-secundaria-escuro) !important; }
.ch6 { color: var( --cor-secundaria) !important; }
.chAmarelo { color: #eab531 !important; }
.chVerde { color: #5ba680 !important; }
.chAzul { color: #1f91ad !important; }
.chLaranja { color: #ff6c0e !important; }
.chVermelho { color: #ce5860 !important; }
.chRoxo { color: #ac259e !important; }
.chChumbo { color: #555555 !important; }
.chCinza { color: #cecece !important; }
.ch1:hover { background-color: var( --cor-primaria-claro) !important; color: var( --cor-secundaria-escuro) !important; }
.ch2:hover { background-color: var( --cor-primaria) !important; color: #ffffff !important; }
.ch3:hover { background-color: var( --cor-primaria-escuro) !important; color: #ffffff !important; }
.ch4:hover { background-color: var( --cor-secundaria-claro) !important; color: #ffffff !important; }
.ch5:hover { background-color: var( --cor-secundaria-escuro) !important; color: #ffffff !important; }
.chAmarelo:hover { background-color: #eab531 !important; color: #ffffff !important; }
.chVerde:hover { background-color: #5ba680 !important; color: #ffffff !important; }
.chAzul:hover { background-color: #1f91ad !important; color: #ffffff !important; }
.chLaranja:hover { background-color: #ff6c0e !important; color: #ffffff !important; }
.chVermelho:hover { background-color: #ce5860 !important; color: #ffffff !important; }
.chRoxo:hover { background-color: #ac259e !important; color: #ffffff !important; }
.chChumbo:hover { background-color: #555555 !important; color: #ffffff !important; }
.chCinza:hover { background-color: #cecece !important; color: #ffffff !important; }

.f1 { background-color: var( --cor-primaria-claro) !important; color: var( --cor-secundaria-escuro) !important; }
.f2 { background-color: var( --cor-primaria) !important; color: var( --cor-branco) !important; }
.f3 { background-color: var( --cor-primaria-escuro) !important; color: #ffffff !important; }
.f4 { background-color: var( --cor-secundaria-claro) !important; color: #ffffff !important; }
.f5 { background-color: var( --cor-secundaria-escuro) !important; color: #ffffff !important; }
.f6 { background-color: var( --cor-secundaria) !important; color: #ffffff !important; }
.fAmarelo { background-color: #eab531 !important; color: #ffffff !important; }
.fVerde { background-color: #5ba680 !important; color: #ffffff !important; }
.fAzul { background-color: #1f91ad !important; color: #ffffff !important; }
.fLaranja { background-color: #ff6c0e !important; color: #ffffff !important; }
.fVermelho { background-color: #ce5860 !important; color: #ffffff !important; }
.fRoxo { background-color: #ac259e !important; color: #ffffff !important; }
.fChumbo { background-color: #555555 !important; color: #ffffff !important; }
.fCinza { background-color: #dedede !important; color: #888888 !important; }
.fCinzaClaro { background-color: #f5f5f5 !important; color: #585858 !important; }
.fCinzaEscuro { background-color: #c0c0c0 !important; color: #888888 !important; }
.fPreto { background-color: black !important; }

.fh1 { background-color: var( --cor-primaria-claro) !important; color: var( --cor-secundaria-escuro) !important; }
.fh2 { background-color: var( --cor-primaria) !important; color: #ffffff !important; }
.fh3 { background-color: var( --cor-primaria-escuro) !important; color: #ffffff !important; }
.fh4 { background-color: var( --cor-secundaria-claro) !important; color: #ffffff !important; }
.fh5 { background-color: var( --cor-secundaria-escuro) !important; color: #ffffff !important; }
.fh6 { background-color: var( --cor-secundaria) !important; color: #ffffff !important; }
.fhAmarelo { background-color: #eab531 !important; color: #ffffff !important; }
.fhVerde { background-color: #5ba680 !important; color: #ffffff !important; }
.fhAzul { background-color: #1f91ad !important; color: #ffffff !important; }
.fhLaranja { background-color: #ff6c0e !important; color: #ffffff !important; }
.fhVermelho { background-color: #ce5860 !important; color: #ffffff !important; }
.fhRoxo { background-color: #ac259e !important; color: #ffffff !important; }
.fhChumbo { background-color: #555555 !important; color: #ffffff !important; }
.fhCinza { background-color: #dedede !important; color: #888888 !important; }
.fhCinzaClaro { background-color: #f5f5f5 !important; color: #585858 !important; }
.fhCinzaEscuro { background-color: #c0c0c0 !important; color: #888888 !important; }
.fh1:hover { color: var( --cor-primaria-claro) !important; background-color: var( --cor-secundaria-escuro) !important; }
.fh2:hover { color: var( --cor-primaria) !important; background-color: var( --cor-primaria-claro) !important; }
.fh3:hover { color: var( --cor-primaria-escuro) !important; background-color: var( --cor-primaria-claro) !important; }
.fh4:hover { color: var( --cor-secundaria-claro) !important; background-color: var( --cor-primaria-claro) !important; }
.fh5:hover { color: var( --cor-secundaria-escuro) !important; background-color: var( --cor-primaria-claro) !important; }
.fh6:hover { color: var( --cor-secundaria) !important; background-color: var( --cor-primaria-claro) !important; }
.fhAmarelo:hover { color: #eab531 !important; background-color: #f9f6f2 !important; }
.fhVerde:hover { color: #5ba680 !important; background-color: #f9f6f2 !important; }
.fhAzul:hover { color: #1f91ad !important; background-color: #f9f6f2 !important; }
.fhLaranja:hover { color: #ff6c0e !important; background-color: #f9f6f2 !important; }
.fhVermelho:hover { color: #ce5860 !important; background-color: #f9f6f2 !important; }
.fhRoxo:hover { color: #ac259e !important; background-color: #c2bfba !important; }
.fhChumbo:hover { color: #555555 !important; background-color: #dddddd !important; }
.fhCinza:hover { color: #888888 !important; background-color: #dedede !important; }
.fhCinzaClaro:hover { color: #585858 !important; background-color: #f5f5f5 !important; }
.fhCinzaEscuro:hover { background-color: #c0c0c0 !important; color: #888888 !important; }   

.minH { min-height: 500px;}
.esq { text-align: left !important; }
.rig { text-align: right !important; }
.cen { text-align: center !important; }
.jus { text-align: justify !important; }
.sp { padding: 5px 10px !important; }
.cb { clear: both; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt40 { margin-top: 40px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 40px !important; }
.p0 { padding: 0px !important; }
.p5 { padding: 5px !important; }
.p15 { padding: 15px 0 30px 0 !important; }
.p10 { padding: 10px !important; }
.p20 { padding: 20px !important; }
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt40 { padding-top: 40px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb40 { padding-bottom: 40px !important; }
.ptag { padding: 5px 10px !important; }
.ml { margin-left: 10px !important; }
.mlp { margin-left: 5px !important; }
.mr { margin-right: 10px !important; }
.mrp { margin-right: 5px !important; }
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs20 { font-size: 20px !important; }
.fs24 { font-size: 24px !important; }
.fs32 { font-size: 32px !important; }
.fs40 { font-size: 40px !important; }
.w100 { width: 100%; }
.w75 { width: 75%; }
.w50 { width: 50%; }
.eof { text-align: center; padding: 50px; color: #584F6E; }
.espacoFinal { height: 100px; }
.tag { padding: 2px 5px !important; border-radius: 5px !important; display: inline-block !important; }
.ita { font-style: italic !important; }
.nor { font-weight: normal !important; }
.bol { font-weight: bold !important; }
.cin { color: #888888 !important; }
.pDest { padding: 3px 6px !important; margin-left: 3px !important; margin-right: 3px !important; }
.br5 { border-radius: 5px !important; }
.br10 { border-radius: 10px !important; }
.br50 { border-radius: 50px !important; }
.poi { cursor: pointer !important; }