@import url("./formatacao.css");
@import url("./classes.css");
@import url("./header.css");

body.bgLogin{
    width: 100%;
    height: auto;
    background: url(../images/bg-login.png) top left no-repeat var(--cor-primaria);
    background-size: cover;
}

/* ------ login ------*/
.login{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 95vh;
}

.boxLogin{
  color: var(--cor-branca);
  max-width: 355px;
  text-align: center;
}

.boxFormulario{
    background: var(--cor-branca);
    border-radius: 8px;   
    padding: 24px;
    width: 100%;
}

.carousel-indicators{
    margin-left: 0 !important;
}

.default{
    padding-top: 36px;
    padding-bottom: 36px;
    height:auto;
    max-height:100%;
}

  

    .default h1, 
    .default h2, 
    .default h3, 
    .default h4, 
    .default h5, 
    .default h6 {
        color: var(--cor-primaria);
    }

.bgCorPrimaria h1,
.bgCorPrimaria h2,
.bgCorPrimaria h3,
.bgCorPrimaria h4,
.bgCorPrimaria h5,
.bgCorPrimaria h6, {
    color: var(--cor-branca);
}
.bgCorPrimaria {
    background: var(--cor-primaria);
    color: var(--cor-branca);
}


figure.boxDestaqueHome{
    display: flex;
    flex-direction: row;
    min-height: 170px;
    padding: 16px;
    height: auto;
       
}

figure.boxDestaqueHome img{
    width: 100%;
    height: 100%;
    max-width: 100px;
    max-height: 100px;
}
figure.boxDestaqueHome figcaption{
    padding: 0 16px;
    position: relative;
    
}
figure.boxDestaqueHome figcaption h3{
    font-size: 24px;
    color: var(--cor-primaria);
}

figure.boxDestaqueHome figcaption a{
    color: var(--cor-primaria);
    font-size: 18px;
    position: absolute;
    bottom: 4px;
}

figure.etapas-sobre {
    background: var(--cor-branca);
    border-radius: 8px;
    padding: 16px;
    min-height: 310px;
    height: auto;
    color: var(--cor-primaria);
    font-weight: bold;
    text-align: center;
}

    figure.etapas-sobre img {
        width: 75%;
        margin: 0 auto;
    }

.modal-header h1{
    color: var(--cor-primaria);
    font-size: 24px !important;
}

.captcha {
    width: 304px !important;
    height: 78px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



footer {
    flex-shrink: 0;
    background: #f5f5f5;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top:auto;
    max-height: 120px;
    height: auto;
    bottom: 0;
    position: static;
}

    footer .container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: center;
    }

        footer .container img {
            width: 100%;
            max-width: 90px;
        }

    footer small{
        font-size:12px;
        line-height:14px;
        margin-right:8px;
    }

    .rodapeFlex {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }

    .rodapeFlex p{
        margin-bottom:0;
        margin-right:8px;
    }
    /*Aplicações resolução extra larga (xxl) para desktops ou até o máximo dde 1400px*/
    @media (min-width: 1200px) and (max-width: 1399.98px) {
        .navPerfil{
        margin-top: -10px;
    }
    figure.boxDestaqueHome{
    display: flex;
    flex-direction: row;
    min-height: 200px;
    padding: 16px;
    height: auto;       
}
 }

/*Aplicações resolução larga(lg) para desktop ou até o máximo de 1200px*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    figure.boxDestaqueHome{
    display: flex;
    border-radius: 8px;
    flex-direction: column;
    padding: 16px;
    border:1px solid var(--cor-primaria);
    min-height: 260px;    
}

figure.boxDestaqueHome figcaption{
    position: relative;
    min-height: 140px;    
}

figure.boxDestaqueHome img{
    margin-bottom: 16px;
}
 }

/*Aplicações resolução Media(MD) para tablets ou até o máximo de 992px*/
@media (min-width: 768px) and (max-width: 991.98px) { 
figure.boxDestaqueHome{
    display: flex;
    border-radius: 8px;
    flex-direction: column;
    padding: 16px;
    border:1px solid var(--cor-primaria);
    min-height: 320px;
    
}

figure.boxDestaqueHome figcaption{
    position: relative;
    min-height: 200px;    
}

figure.boxDestaqueHome figcaption a{
    position: absolute;
    bottom: 10px;
}
figure.boxDestaqueHome img{
    margin-bottom: 16px;
}
 
}



/*Aplicações resolução Smartphones(xs) para Celulares ou até o máximo de 768px*/
@media  (max-width: 767.98px){
     figure.boxDestaqueHome{
    border-radius: 8px;
    box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.1);
    padding: 16px;
    border:none;
    min-height: 160px;   
    text-align:left;
}

 figure.boxDestaqueHome figcaption a{
    position: relative;
    bottom: 6px;
 }

 footer{
     position:relative;
     bottom:0;
     display:none;
     padding-bottom:145px;
 }
    .default{
        padding-bottom:86px;
        padding-top:16px;
    }
    .default h1 {
        text-align: center;
        font-size:24px;
    }

    fieldset{
        margin-bottom:16px !important;
    }

    legend{
        font-size:16px !important;
    }


}





