@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Unbounded:wght@200..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --header-background: #FFFFFF;
    --body-background: #0081C7;
    --primary-color: #0041AA;
    --alternate-color: #FFFFFF;
    --text-color: #FFFFFF;
    --text-color2: #000000;
    --branding-color1: #f6f3a3;
    --branding-color2: #ddf1ff;
    --branding-color3: #dfdf6f;
    --branding-color4: #4b736e;
    --branding-color5: #374359;
    --branding-color6: #729ebb;
    --homologacao-color: #593737;
}

.background-branding-5 {
    background-color: var(--branding-color5);
    border-color: var(--branding-color5);
}

.background-branding-5:hover {
    background-color: #44536e;
    border-color: #44536e;
}

.background-branding-5:active {
    background-color: #4c5972;
    border-color: #4c5972;
}

.material-symbols-rounded {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.homologacao{
    background-color: var(--homologacao-color);
}

body{
    font-family: "Work Sans", sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--body-background);
    background-color: var(--branding-color2);
    min-height: 100vh;
}

header{
    width: 100%;
    min-height: 8vh;
    padding: 10px 0px;
    background-color: var(--header-background);
    background-color: var(--branding-color5);
    color: var(--alternate-color);
    display: flex;
    flex-direction: row;
    
}

header h2, header h3, header h4, header h5 {
    margin: 0;
    /* margin-left: 1em; */
    font-family: "Unbounded";
}

label{
    font-weight: 400;
}

footer {
    background-color: var(--branding-color5);
    color: var(--text-color);
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 5em;
    width: 100%;
    position: relative;
    font-size: 0.75em;
    
}

footer p {
    margin: 0;
}

footer .contato {
    /* position: absolute; */
    /* right: 25px; */
    color: var(--branding-color3);
    text-decoration: underline;
    cursor: pointer;
    text-transform: uppercase;
}


.bg-b{
    background-color: var(--primary-color);
    background-color: var(--alternate-color);
    color: var(--text-color2);
}

.bg-w{
    background-color: var(--alternate-color);
    background-color: var(--branding-color2);
    color: var(--text-color2);
}

.descritivos{
    width: 100%;
    padding: 2% 5%;
}

.div-formulario{
    background-color: var(--primary-color);
    color: var(--text-color);
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    /* padding: 2% 7%; */
}

.fields{
    width: 85%;
    margin: auto;
    display: flex;
    padding-bottom: 1%;
    font-weight: 600;
}

select[readonly] {
    background: #eee;
    pointer-events: none;
    touch-action: none;
}

#loading {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffffbb;
    visibility: hidden;

}

#div-enviar{
    padding: 2.5em;
    text-align: center;
    
}

input{
    width: 100%;
}

.btn-enviar-b {
    width: fit-content;
    height: 5%;
    font-size: 1.5em;
    color: #FFFFFF;
    background-color: var(--branding-color5);
    border-color: var(--branding-color5);
}

.btn-enviar-w {
    width: fit-content;
    height: 5%;
    font-size: 1.5em;
    color: var(--branding-color5);
    background-color: var(--branding-color2);
    border-color: var(--branding-color2);
}

.btn-enviar-w:hover {
    color: #005FA9;
    background-color: #dddddd;
}

.btn-enviar-b:hover {
    color: #FFFFFF;
    background-color: #253878;
}

.col-auto {
    height: 6em;
}

#div-enviar{
    height: fit-content;
}

.alerta-erro {
    color: #c50b0b;
    font-weight: bold;
    background-color: #ffffff9d;
    justify-content: baseline;
}

.front{
    width: 100%; 
    min-height: 100vh; 
    background-color: var(--branding-color6);
    
    display: flex; 
    justify-content: center;
    flex-direction: column; 
    align-items: center;
    padding: 1em 0;
}

.intro{
    width: fit-content; 
    height: min-content;
    background-color: var(--branding-color2); 
    padding: 0.5em; 
    border-radius: 5px; 
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.modal-content{
    background-color: var(--branding-color5);
    color: var(--text-color);
}

.modal-body{
    background-color: var(--alternate-color);
    background-color: var(--branding-color2);
    color: var(--text-color2);
    color: var(--branding-color5);
    display: flex;
    flex-direction: column;
}

.modal-body-contacts {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 2em 1em;
}

.contact{
    width: fit-content;

}

.modal-body a {
    color: var(--branding-color5);
}

.modal-title {
    text-transform: uppercase;
}

.btn-fechar {
    background-color: var(--branding-color3);
    color: var(--branding-color5);
}

.btn-fechar:hover {
    background-color: var(--branding-color6);
    color: var(--branding-color5);
}

.btn-close {
    color: #FFF;
}


.banner {
    img {
      width: 100%;
    }
}

#policy-terms{
    height: 100%;
    text-align: justify;
}

#grupo-botoes button {
    background-color: #4B736E !important;
    border-color: #4B736E !important;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    justify-content: center;
}

#grupo-botoes button:hover {
    background-color: #446461 !important;
    border-color: #446461 !important;
}

#grupo-botoes button:active {
    background-color: #334b48 !important;
    border-color: #334b48 !important;
}

#grupo-botoes {
    position: fixed;
    margin: 0;
    right: 0;
    bottom: 2em;
}

@media only screen and (max-width: 992px){
    #grupo-botoes {
        position: sticky;
        margin: 0 auto!important;
        /* bottom: 2em; */
    }
   
}