@import "../css/font-awesome/css/font-awesome.css";
@import "../css/reset.css";

:root {
    --formulario-default__fields--background: #FFFFFF;
    --formulario-default__fields--border: #6c6c6c solid 0.05em;
    --formulario-default__fields--border-radius: 0.25em;
    --formulario-default__fields--font-size: 1.0em;
    --formulario-default__fields--font-weight: 400;
    --formulario-default__fields--line-height: 1.5em;
    --formulario-default__fields--color: #666;
    --formulario-default__fields--padding: 0.5em 1em;

    --formulario-default__fields--width: 12em;
    --formulario-default__fields--background: #009343;
    --formulario-default__fields--color: #fff;
    --formulario-default__fields--border: none;
    --formulario-default__fields--font-weight: 500;
    --formulario-default__fields--text-transform: uppercase;
    --formulario-default__fields--margin: 0 0 6em 0;
    --formulario-default__fields--padding: 1em 0em;
    --formulario-default__fields--border-radius: 0em;

    /* cores padrao */
    --default-color-primary: #ffffff;
    --background-img: url('');
    --background-color: var(--default-color-primary);

    --font-family: 'Roboto';
    --font-size: 16px;
    --font-color: #333333;
    --font-weight: 400;
    --basic-color-1: #009343;
    --basic-color-2: #3fb859;

    --bg-color-primary: var(--basic-color-1);
    --color-bg-secundary: #307abe;
    --font-color-primary: #333333;
    --font-color-2: var(--basic-color-1);
    --font-color-3: var(--basic-color-1);
    --font-color-tertiary: #ffffff;

    --header-bg-color-primary: var(--default-color-primary);
    --header-text-color-primary: var(--font-color);

    --header-background-image: url('');
    --header-background__barra-topo: var(--basic-color-1);
    --header-cor-texto__barra-topo: #ffffff;
    --header-background__caixa-cabecalho: transparent;

    --menu-topo-bg-color-primary: var(--bg-color-primary);
    --menu-topo-text-color-primary: var(--font-color-tertiary);

    --footer-background: var(--basic-color-1);
    --footer-cor-texto: var(--font-color-tertiary);
    --footer-color-hover: #333333;
    --footer__assinatura-background-color: #333333;
    --footer__assinatura-color: var(--font-color-tertiary);
    --footer__assinatura-color-hover: var(--basic-color-1);

    --bg-color-lgpd: var(--color-bg-secundary);
    --border-color-lgpd: var(--bg-color-primary);

    --text-color-lgpd: var(--font-color-tertiary);
    --link-color-lgpd: var(--font-color-tertiary);

    --btn-color-lgpd: var(--bg-color-primary);
    --text-btn-color-lgpd: var(--font-color-tertiary);

    /* ===== NOVO FORMATO ==== */
    /* === Paleta de Cores Primária === */
    --primary-color: #307bbe;
    /* Cor principal */
    --secondary-color: #3fb859;
    /* Cor secundária */
    --accent-color: var(--basic-color-1);
    /* Cor de destaque */
    --neutral-light: #ffffff;
    /* Neutro claro */
    --neutral-dark: #333333;
    /* Neutro escuro */
    --hover-color: #f0f0f0;
    /* Hover padrão */

    /* === Tipografia === */
    --font-family: 'Roboto', sans-serif;
    --font-size: 16px;
    --font-weight: 400;
    --font-weight-bold: 600;
    --text-color: var(--neutral-dark);
    --text-color-light: var(--neutral-light);
    --link-color: var(--primary-color);

    /* === Fundo e Imagens === */
    --background-color: var(--neutral-light);
    --background-img: url('');
    --header-background-image: url('');

    /* === Header === */
    --header-bg-color: var(--neutral-light);
    --header-text-color: var(--neutral-dark);
    --header-bar-bg: var(--accent-color);
    --header-bar-text-color: var(--neutral-light);

    /* === Menu === */
    --menu-bg-color: var(--accent-color);
    --menu-text-color: var(--neutral-light);

    /* === Footer === */
    --footer-bg-color: var(--accent-color);
    --footer-text-color: var(--neutral-light);
    --footer-hover-color: var(--neutral-dark);
    --footer-assinatura-bg: var(--neutral-dark);
    --footer-assinatura-text: var(--neutral-light);
    --footer-assinatura-hover: var(--accent-color);

    /* === LGPD === */
    --lgpd-bg-color: var(--secondary-color);
    --lgpd-border-color: var(--accent-color);
    --lgpd-text-color: var(--neutral-light);
    --lgpd-link-color: var(--neutral-light);
    --lgpd-btn-bg: var(--accent-color);
    --lgpd-btn-text: var(--neutral-light);
}

[data-theme="dark"] {
    --primary-color: #1a1a1a;
    --secondary-color: #4caf50;
    --accent-color: #252525;
    --neutral-light: #f0f0f0;
    --neutral-dark: #101010;
    --hover-color: #444444;

    --background-color: var(--neutral-dark);
    --text-color: var(--neutral-light);
    --link-color: var(--secondary-color);
}

.formulario__botao-padrao {
    width: var(--formulario-default__fields--width);
    background: var(--formulario-default__fields--background);
    color: var(--formulario-default__fields--color);
    border: var(--formulario-default__fields--border);
    font-weight: var(--formulario-default__fields--font-weight);
    text-transform: var(--formulario-default__fields--text-transform);
    margin: var(--formulario-default__fields--margin);
    padding: var(--formulario-default__fields--padding);
    border-radius: var(--formulario-default__fields--border-radius);
}

body {
    font-weight: 400;
    background-color: #fff;
    line-height: 1.5em;
    font-size: 16px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-align: center;
    word-wrap: break-word;
    /* padding-top: 9.0em; */
}

body * {
    font-family: 'Manrope', sans-serif !important;
    width: 100%;
}

body * i {
    font-family: 'FontAwesome' !important;
}

body b {
    font-weight: 600;
}

.conteudo {
    width: 90%;
    max-width: 83.315em;
    display: block;
    margin: auto;
}

input[type="submit"] {
    -webkit-appearance: none;
}

body input,
body select {
    outline: 0;
}

/*numeracao*/
#cx-paginar {
    width: 100%;
}

.cx-paginar-superior {
    display: inline-block;
    text-align: left;
}

.cx-paginar-inferior {
    display: inline-block;
    text-align: right;
}

div.areaNumerosPaginacao {
    width: 100%;
    display: inline-block;
    font-size: 1.0em;
    padding: 0.5em 0;
    margin-bottom: 0em;
}

div.areaNumerosPaginacao .LinkInativoPaginacao,
div.areaNumerosPaginacao .LinkAtivoPaginacaob,
div.areaNumerosPaginacao .LinkAtivoPaginacao {
    width: auto;
    line-height: 1;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    display: inline-block;
    margin: 0.25em;
    font-weight: 600;
    font-size: 1em;
    text-decoration: none;
    color: #fff;
    border: 0.0em solid #999;
    padding: 0.5em 0.8em;
}

div.areaNumerosPaginacao .LinkAtivoPaginacao {
    background-color: #fff;
    color: #000;
}

div.areaNumerosPaginacao .LinkAtivoPaginacaob {
    color: #ccc;
    background-color: #000;
    padding: 0.0em;
    border: 0em;
    display: none;
}

div.areaNumerosPaginacao .LinkInativoPaginacao {
    color: #fff;
    background-color: #000;
}

div.areaNumerosPaginacao .LinkInativoPaginacao:hover {
    background-color: #333;
    color: #FFF;
}

#erro-pagina {
    width: 100%;
    background-color: #f5f5f5;
    color: #000;
    padding: 1em;
    margin: 3em 0;
}

body .barra-identificacao {
    width: 100%;
    display: inline-block;
    padding: 1em 0;
    margin-top: 0.5em;
}

body .barra-identificacao .conteudo {
    text-align: left;
}

body .barra-identificacao span,
body .barra-identificacao a {
    font-size: 0.9em;
    text-decoration: none;
    line-height: 1.5em;
    font-weight: 400;
    color: #aeaeae;
}

body .barra-identificacao span {
    color: #009444;
}

#cx-ps-geral {
    min-height: 500px;
}

main.main .ie_conteudo a.link-texto-maruri {
    color: #009444 !important;
}

@media only screen and (max-width: 1440px) {
    body {
        padding-top: 8.9em;
    }
}

@media only screen and (max-width: 1024px) {
    body {
        padding-top: 8.65em;
    }
}

@media only screen and (max-width: 768px) {
    body {
        padding-top: 8.65em;
    }
}

@media only screen and (max-width: 480px) {
    body {
        padding-top: 3.5em;
    }

}

@media only screen and (max-width: 414px) {
    body {
        max-width: 414px;
    }
}