@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

:root {
    --main-color: #0597f2;
    --main-color-200: #29B4E2;
    --yellow-color: #fcc200;
    --yellow-color-200: #ffbf00;
    --green-color: #668125;
    --green-color-200: #8eb335;
    --green-color-100: #8ecd5b;
    --green-color-50: #9fc543;
    --white-color: #ffffff;
    --gray-color: #33303E;
  }

.container {
    width: 100%;
    max-width: 1246px;
    margin: 0 auto;
    padding: 0px 15px;
}

/* all config */
a:hover { color: var(--main-color-200); }
body    { box-sizing: border-box; text-rendering: optimizeLegibility; transition: all ease-in-out 0.5s; font-family: 'Inter', sans-serif;}
h3      { margin:0; }
h2      { line-height: 1.2em; }
h1 {
    font-size: 3em;
    margin: 0.67em 0;
    margin-bottom: 0.7em;
    color: #232323;
    font-family: 'Inter Semibold', sans-serif;
    font-weight: 700;
}

.formulario strong{
    font-family: 'Inter', sans-serif;
}

.enfase__color {
    color: var(--main-color);
    font-weight: 700;
}

.pb {
    padding-bottom: 24px;
}

/* header */
.bg-barra                               { background: #232323; padding: 0.7em 1em; }
.barra form input[type="text"]          { background: var(--white-color); color: #000; }
.barra form input[type="submit"]        { background: #A7A7A7; color: var(--white-color); }
.barra form input[type="submit"]:hover  { background: var(--main-color-200); }

/* nav */
.bg-menu                { background: var(--white-color); }
.menu nav ul li a       {     color: #232323!important; font-weight: 500; font-size: 17px; }
.menu nav ul li a.at    { background: var(--green-color-100); color: var(--white-color); }
.menu nav ul li a:hover { background: none; color: var(--white-color); }


/* start properties */
.bg-inicial         { background-image: url(../imagens--/bg-inicial.jpg); }
.inicial li a       { background: #4d555b; color: var(--white-color); border-bottom: 1px solid #4d555b; border-top: 1px solid #4d555b; }
.inicial li a:hover { background: #353e44; color: var(--yellow-color-200); border-bottom: 1px solid var(--yellow-color-200); border-top: 1px solid var(--yellow-color-200); }

/* banner */
.banner-texto h2              { color: #555; }
.banner-texto p               { color: #797979; }
.banner-texto a.bt-mais       { background: var(--green-color-200); color: var(--white-color); }
.banner-texto a.bt-mais:hover { background: var(--green-color-50); }

/* content */
.bg-conteudo    { background: var(--white-color); }
.titulo a { color: #232323 !important;}

/* button */
.botoes a       { background: #0597f2; color: var(--white-color); text-align: left; padding: 1.6em 2.1em;}
.botoes a:hover { background: var(--main-color-200); box-shadow: 0 0 30px 0 rgba(0,0,0,0.05);}


/* button inner */
.botoes_interna a.at    { background: var(--green-color-200); }
.botoes_interna a:hover { background: #3AC5F5; color: var(--white-color); }

/* dados */
.bg-dados       { background: #5b9f38; }
.dados span.num { color: var(--white-color); }
.dados span.des { color: var(--white-color); }

/* rodape */
.bg-rodape                   { background: #232323; }
.rodape .grupo-links h6      { color: var(--white-color); }
.rodape .grupo-links a       { color: #ffffff; border-bottom: 1px solid #ffffff; }
.rodape .grupo-links a:hover { color: #f9f9f9; border-bottom: 1px solid #f9f9f9;
}

.rodape .grupo-links.redes ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.rodape .grupo-links.redes ul li a img {
    display: block;
    max-width: 100%;
    filter: none;
    width: auto;
    height: auto;
}
.rodape .grupo-links.redes  { border-left: 1px solid transparent; }
.bg-contato                 { background: rgba(35, 35, 35, 0.9) }

.grid-12.pointer:hover {background-color: #F3F3F2;color:#FE7800!important;}

.cadastre           {margin-top: 21px;}
.acesse             {margin-top: 1px;}

.border-blue        { border: 2px solid #0597f2;width: 1%;float: left; }
.border-blue-light  { border:1px solid rgba(201, 229, 239, 0.75) }
.border-orange      { border-bottom: 1px solid #FE7001; }

.rotulo-t a {
    color: #232323;
}

/* login */
.login          { margin-right:5px;width:35px!important; }
.texto a        { bottom:10px!important; position:relative; }
.sup a          { bottom:0px!important; }

.label-passo    { border-bottom: 1px solid #0099CC;border-left: 6px solid #0099CC;padding-left: 7px;padding-bottom: 7px;}

.upper          { text-transform: uppercase; font-weight: 800;}

/* button */
.btn        { border: 1px solid #A70606;padding:0.5em; }
.btn-red    { background: rgb(219, 74, 74);color: var(--white-color); }
.btn-white  { background: var(--white-color);color:#6B6969;border:1px solid #a1a1a1; }
.btn-info   { background: var(--main-color);color: var(--white-color);border:1px solid var(--main-color); }
.btn:hover  { opacity:0.8;transition:all ease-in 0.5s; }

/* forms */
input.bt-submit         { background-color: var(--main-color)!important;color: var(--white-color); }
input.bt-submit:hover   { background-color: var(--main-color-200)!important }

/* display */
.display-tab        {display:table-cell;}
.block              {display:block;}
.fast-start:hover   {color:#cb6430;}

/* states */
.ativo              {background: transparent!important;font-weight: 700;}
.ativo a            {border-bottom: 3px solid #0597f2!important;}

/* font size */
._25    {font-size:25px!important;}

/* Dashboard */

/* Tela de login */
.login-logo     {max-width: 8em;-webkit-filter:grayscale(1)}
.login-logo-a   { width: 5em;margin: 0 auto;display: block; max-width: 100%; }
.badge-gray     { background-color: #929292;padding: 0.3em;border-radius: 2em;width: 1.6em;color: #DCD9D9; }


/* Usuário */
.user-a         { padding: 0.5em; cursor: pointer; border-radius: 6em; background-color: #525252; color: var(--white-color); font-size: 11px; margin-right: 0.3em; }

/* Sidebar */
.areadocliente  {width: 100%;}
.sidebar        { background-color: #373D47; height: 81em; display: block; width: 13%; position: fixed; z-index:2;top: 0;}
.main           {background-color: #EFEFEF; height: 100em; display: block; width: 87%;float: right;padding: 1em;}

/* Rodapé */
.rodape-a       { position: fixed;bottom: 0;right: 0;box-shadow: 0 0 1px #949494;width: 87%; z-index: 1; min-width: 87%; background-color: var(--white-color);z-index:1; }

/* Topo */
.topo-a         { position: fixed;width: 87%;min-width:87%; background-color: var(--white-color);top:0;right: 0;box-shadow: 0 0 1px #949494;font-size:0.875em;z-index: 2; }

/* bordas */
.boxes          { padding: 2em 2em;color: var(--white-color); display: block;cursor: pointer; width: 12em; margin: 0 auto;font-family: latob, sans-serif; line-height: 1.9em; }

/*  botões */
.bg-box-red     { background: rgba(243, 103, 103, 0.75);transition: all ease-in-out 0.5s;box-shadow: 0px 1px 8px #6B6868; }
.bg-box-green   { background-color: rgba(6, 179, 77, 0.75);box-shadow: 0px 1px 8px #6B6868; }
.bg-box-blue    { background-color: rgba(62, 146, 236, 0.75);box-shadow: 0px 1px 8px #6B6868; }
.bg-box-orange  { background-color: rgba(226, 129, 52, 0.75);box-shadow: 0px 1px 8px #6B6868; }
.bg-bege        { background: #efefef!important;box-shadow: 0px 1px 8px #6B6868; }


/* botões hover  */
.bg-box-red:hover       { background: rgba(243, 103, 103, 1); transition: all ease-in-out 0.3s;box-shadow: 0px 0px 0px #6B6868; }
.bg-box-green:hover     { background: rgba(6, 179, 77, 1); transition: all ease-in-out 0.3s;box-shadow: 0px 0px 0px #6B6868; }
.bg-box-blue:hover      { background: rgba(62, 146, 236, 1); transition: all ease-in-out 0.3s;box-shadow: 0px 0px 0px #6B6868; }
.bg-box-orange:hover    { background: rgba(226, 129, 52, 1); transition: all ease-in-out 0.3s;box-shadow: 0px 0px 0px #6B6868; }

/* alertas  */
.alert-info     { background-color: #d9edf7; color: #31708f; border-color: #bce8f1; width:100%;height:auto;padding:1em;border: 1px dashed rgba(0, 0, 0, 0.1);border-radius: 0.2em;display:table-cell;vertical-align:middle; }
.alert-success  { background-color: #dff0d8; color: #3c763d; border-color: #d6e9c6; width:100%;height:auto;padding:1em;border: 1px dashed rgba(0, 0, 0, 0.1);border-radius: 0.2em;display:table-cell;vertical-align:middle; }
.alert-danger   { background-color: #f2dede; color: #a94442; border-color: #ebccd1; width:100%;height:auto;padding:1em;border: 1px dashed rgba(0, 0, 0, 0.1);border-radius: 0.2em;display:table-cell;vertical-align:middle; }
.alert-default  { background-color: var(--white-color); color: #414141; border-color: #bce8f1; width:100%;height:auto;padding:1em;border: 1px dashed rgba(0, 0, 0, 0.1);border-radius: 0.2em;display:table-cell;vertical-align:middle;  }

.vacuo          { height: 71px;display: block; background: #efefef;}

#sobre, #servicos, #contato {
    background-color: transparent;
}


.content-text p {
    font-size: 1em;
    line-height: 150%;
    color: #5F5C6B;
}

.title a {
    font-size: 25px;
}

.title:after {
    display: none;
}

.content-text {
     padding-top: 4em;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     width: 100%;
     max-width: 60em;
     margin: 0 auto;
     text-align: center;
    line-height: 150%;
}

.acesso-rapido {
    padding: 2em 0;
}

.noticias h4 {
    font-size: 1.1em;
    margin: 0.9em 0;
}

.noticias p {
    font-size: 1em;
}
.informativos {
    padding-top: 2em;
    padding-bottom: 3em;
}

.news-lat {
    background-color: #f4f4f4;
}

.news-lat .conteudo {
    padding: 1.2rem;
}

.newsletter p {
    color: #232323;
}

.botoes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 4em;
}

.botoes .card {
    max-width: 100%;
    padding: 0.5rem;
    width: 100%;
    max-width: 24.4rem;
}

.botoes a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row-reverse;
    border-radius: 10px;
    line-height: 150%;
}

.botoes img {
    width: 3% !important;
    max-width: 1rem;
}

input[type="email"], 
input[type="text"], 
input[type="button"],
input[type="submit"], 
select,
textarea, 
button {
    border: 0;
    outline: 0;
    padding: 16px 18px;
    border-radius: 3px;
    border: none;
 }

button,
input[type="button"], 
input[type="submit"] {
    background-color: var(--main-color);
    display: inline-block;
    padding: 0 2.6em !important;
    font-size: 1em;
    line-height: 3em;
    color: var(--white-color);
    font-family: 'Inter', sans-serif;
 }

button:hover,
input[type="button"]:hover {
    background-color: var(--main-color-200);
 }

 .news-lat input[type="button"]:hover {
    background-color: var(--main-color-200);
 }

 .newsletter p {
    text-align: left;
    font-size: 1em;
    line-height: 150%;
 }

 .newsletter form  {
    display: flex;
    align-items: center;
 }
 
 .formulario .flex-start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.conteudo .form {
    margin-bottom: 5em;
}

footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}