@import url('./default.css');
/*************************************************************/
#diferenciais{
    padding: 0 1em;
}
.article_diferenciais_conteiner{
    margin-top: -4em;
    --FAlignItems: stretch;
}
.item_diferenciais{
    position: relative;
    background-color: var(--ColorFuor);
    border: var(--border);
    padding: 1em;
    border-radius: var(--Border-radius);
}
.item_figure-diferenciais{
    width: 4em;
    height: 4em;
    margin: 0 auto;
}
.cont-servicos-linha > .card-flex{
    overflow: hidden;
    background-color: var(--BlurColor);
    border-radius: var(--Border-radius);
    backdrop-filter: blur(.5em);
    border: 3px solid #c56206cc;
    --Fwrap: wrap-reverse;
    --FGap:0;
    --FAlignItems: center;

}
.cont-servicos-linha > .card-flex:nth-child(odd).flex{
    --FDirection: row-reverse;
}
.text-servicos, .text-servicos-seguros{
    flex: 1 1 500px;
    max-width: 700px;
    padding: 2em 1em;
}
.image-text{
    position: relative;
    flex: 1 1 400px;
    height: 100%;
}
/*************************************************************/
#section_seguros{
    overflow: hidden;
    background-color: var(--PrimColor);
    color: var(--SecColor);
}
.cont-servicos-seguros{
    --FAlignItems: stretch;
}
.cont-servicos-seguros > article{
    --FGap: 0;
    max-width: 800px;
    padding: 0 0 3em;
    border-radius: .5em;
    overflow: hidden;
    box-shadow: 0 0 0.5em var(--TercColor);
}
.image-text-seguros{
    height: 500px;
}
/*************************************************************/
#sobre.flex{
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    --Fwrap: wrap-reverse;
}
#sobre_conteiner_image{
    max-width: 500px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#sobre_conteiner_image > img{
    border-radius: 1em;
    max-height: 600px;
}

/*************************************************************/
@media screen and (width <= 1200px){
    .image-text{
        min-height: 20em;
        max-height: 20em;
        padding: 0;
    }
}