/* Para navegadores Webkit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 5px; /* Largura da barra de rolagem */
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}



::-webkit-scrollbar-thumb:hover {
    background-color: var(--blue-original-color);
}



* {
    box-sizing: border-box;
    
}

:root {
 
    /* paleta de cores */
    --blue-original-color: #024fc7;
    --green-original-color: #06ad04;
    --cinza-original-color: #e6e6e6;
    --white-original-color: #ffffff;
    --black-original-color: #7f423b;

}

html {
    font-family: "Poppins", sans-serif;
    height: 100%;
    min-height: 100dvh;
    overflow-x: hidden;
    /* --------- */
    scrollbar-width: thin; 
    scrollbar-color: var(--blue-original-color) transparent; 
}


body {
    margin: 0;
    padding: 0;
    scroll-margin-top: 950px; 
    overflow: hidden;
    font-weight: 300;
    background-color: black;
}

@media screen and (min-width: 1600px) {
    .content_principal,
    .section_two {
      transform: scale(1.2);
      transform-origin: top center;
    }
}


.content_principal,
.section_six,
.footer_seven,
.whats_mobile,
.ecorban_fim{
    max-width: 1400px;
    margin: 0 auto;
    width: 100%; 
    box-sizing: border-box; 
}


/* ---------- gradient 1 resolution small - start ---------- */

.gradient_linear {
    background: linear-gradient(to bottom, rgba(48, 16, 16, 0),#0246b436 , #024dc7b2, #024dc710,black, black);
    position: relative;
    z-index: 1;
}

.gradient_linear2 {
    background: linear-gradient(to bottom, black,#024dc74f,#0144afa6);
    
}

/* ---------- gradient 1 resolution small - end ---------- */

/* ---------- img header resolution small - start ---------- */

.gradient_linear>img{
    position: absolute;
    top: 0;
    right: 0;
    width: 60em;
    height: auto;
    z-index: -2;
    padding: 0;
    opacity: 30%;
    max-width: 2000px;
    margin: 0 auto; 
}

/* ---------- img header resolution small - end ---------- */

/* ---------- gradient 1 resolution medium - start ---------- */

@media screen and (min-width: 700px) {
    
    .gradient_linear {
        background: linear-gradient(to bottom, black,#0246b436 , #024dc7b2, #024dc710,black, black);
        z-index: 0;
    }

    .gradient_linear2 {
        background: linear-gradient(to bottom, black,#024dc700,#0144af79,#0144afa6);
        z-index: 0;
    }

}

/* ---------- gradient 1 resolution medium - end ---------- */

/* ---------- header resolution small - start ---------- */

.content_principal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

.logo_ecorban1>img{
    width: 32%;
}

.logo_ecorban1 {
    padding: 2em 0 1em .1em;
    position: relative;
}

span::after {
    content: '';
    width: 50%;
    height: 2px;
    background-color: var(--green-original-color);
    position: absolute;
    top: 61%;
    left: 5em;
}

/* --- */

.chamada_button_corbans {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    padding: 0em 1.2em 2em 1.2em;
    font-size: 1.5em;
}

.content_chamada h1{
    color: var(--white-original-color);
    padding: 0;
    margin: 1em 0 .3em 0;
    line-height: 1.20em;
    text-shadow: 0px 0px 10px black;
}

.content_chamada p{
    color: var(--white-original-color);
    padding: 0;
    margin-top: 1em 0 0 0;
    font-size: 1.1em;
    padding: 0;
    margin: 0;
    line-height: 1.2em;
    text-shadow: 0px 0px 10px black;
}

.content_chamada p b{
    color: var(--green-original-color);
    font-weight: bold;
}

/* --- button --- */

.button1 button {
    background-color: transparent;
    border: 2px solid var(--green-original-color);
    padding: .6em 1em;
    margin: 2em 0;
    border-radius: 50px;
    transition: color .5s ease-in-out, background-color .5s ease-in-out;
    font-size: .6em;
    font-weight: bold;
    color: var(--green-original-color);
}

.button1 button:hover {
    background-color: var(--green-original-color);
    color:var(--white-original-color);
    cursor: pointer;
}

/* ----- corbans ----- */

.content_corbans {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    padding: 0 0 2em 0;
    margin: .5em 0 0 0;
    font-size: .6em;
    font-weight: bold;
    gap: 0;
    position: relative;
    width: 100%;
    height: auto;
}

.content_corbans img {
    width: 280px; 
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

.maisde {
    margin: 4em 0 0 0;
}

.maisde .p1,
.maisde .p2{
    padding: 0;
    margin: 0;
}

.p1 {
    color: var(--green-original-color);
    font-size: .9em;
}

.p2 {
    color: var(--blue-original-color);
    font-size: .9em;
}


/* ---- banner ---- */


.congelar_group {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20em;
}

.e_1 {
    position: absolute;
    z-index: 0;
    top: -1.5em;
    right: 3em;
    width:8em;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 30%;
}

.e_2 {
    position: absolute;
    z-index: 0;
    top: 3em;
    left: 2.8em;
    width:8em;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 30%;
}

.persona_1{
    position: absolute;
    z-index: -1;
    top: .75em;
    left: -7em;
    width: 15em;
    margin: 0;
    padding: 0;
}

/* ---- baloes ---- */

.content_img_chamada3 {
    position: absolute;
    z-index: 1;
    padding: 0;
    margin: 0 0 3em;
    width: 15em;
}

.b_1::after {
    content: "";
    background-color: var(--blue-original-color);
    opacity: 70%;
    position: absolute;
    top: -2.05em;
    left: 8em;
    width: 9.5em;
    height: 2.5em;
    border-radius: 50px;
    z-index: 0;
}

.b_2::after {
    content: "";
    background-color: var(--blue-original-color);
    opacity: 70%;
    position: absolute;
    top: 1.15em;
    left: -2.5em;
    width: 9.9em;
    height: 2.5em;
    border-radius: 50px;
    z-index: 0;
}

.b_3::after {
    content: "";
    background-color: var(--blue-original-color);
    opacity: 70%;
    position: absolute;
    top: 5.65em;
    left: 3.6em;
    width: 13em;
    height: 2.5em;
    border-radius: 50px;
    z-index: 0;
}

.balon1 {
    position: absolute;
    top: -2.2em;
    left: 9em;
    transition: scale .5s ease-in-out, color .5s ease-in-out; 
}

.balon2 {
    position: absolute;
    top: 1em;
    right: 7.8em;
    transition: scale .5s ease-in-out, color .5s ease-in-out;
}

.balon3 {
    position: absolute;
    top: 5.5em;
    left: 5em;
    transition: scale .5s ease-in-out, color .5s ease-in-out;
}

.balon1,
.balon2,
.balon3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5em;
}

.balon1 h3 {
    z-index: 2;
    color: var(--white-original-color);
    padding: 0;
    margin: 0;
    width: 2.6em;
    font-size: 1.8em;
    font-weight: 600;
}

.balon2 h3 {
    z-index: 2;
    color: var(--white-original-color);
    padding: 0;
    margin: 0;
    width: 2.6em;
    font-size: 1.8em;
    font-weight: 600;
}

.balon3 h3 {
    z-index: 2;
    color: var(--white-original-color);
    padding: 0;
    margin: 0;
    width: 3.2em;
    font-size: 1.8em;
    font-weight: 600;
}

.balon1 p,
.balon2 p,
.balon3 p {
    z-index: 2;
    color: white;
    padding: 0;
    margin: 0;
    font-size: .6em;
    line-height: 1.3em;
    font-weight: 600;
}

/* ---------- header resolution small - end ---------- */

/* ---------- header resolution medium - start ---------- */

@media screen and (min-width: 700px) {
    
    .content_principal {
        height: 52em;
        margin: 0 auto;
    }

    .chamada_button_corbans {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
        padding: 0em 5em 2em 5em;
        font-size: 1.5em;
        max-width: 31em;
    }
    
    .logo_ecorban1>img{
        width: 32%;
    }

    .logo_ecorban1 {
        padding: 0 0 1em .1em;
        position: relative;
    }

    span::after {
        content: '';
        width: 50%;
        height: 2px;
        background-color: var(--green-original-color);
        position: absolute;
        top: 31%;
        left: 5em;
    }
    
    .content_chamada p{
        color: var(--white-original-color);
        padding: 0;
        margin-top: 1em 0 0 0;
        font-size: 1.1em;
        padding: 0;
        margin: 0;
        line-height: 1.2em;
    }
    
    .content_img_chamada123 {
        transform: scale(1.3); /* Escala inicial (100%) */
        transform-origin: top top; /* Define o ponto de origem para a escala */
        transition: transform 0.3s ease; /* Transição suave ao redimensionar */
    }

    .persona_1{
        position: absolute;
        z-index: -1;
        top: .75em;
        width: 15em;
        margin: 0;
        padding: 0;
    }

    .content_corbans {
        width: 380px;
    }

    .content_corbans img{
        width: 300px;
    }

    .p1 {
        color: var(--green-original-color);
        font-size: 1em;
    }

    .p2 {
        color: var(--blue-original-color);
        font-size: 1em;
    }

    .gradient_linear>img{
        position: absolute;
        top: 0;
        right: 0;
        width: 100vw;
        height: auto;
        z-index: -1;
        padding: 0;
        opacity: 20%;
    }
    
}

/* ---------- header resolution medium - end ---------- */

/* ---------- header resolution large - start ---------- */

@media screen and (min-width: 960px) {

    .persona_1{
        position: absolute;
        z-index: -1;
        top: 1.5em;
        width: 15em;
        margin: 0;
        padding: 0;
    }

    .chamada_button_corbans {
        margin-top: 2em;
    }

    .gradient_linear>img{
        opacity: 30%;
    }

}

/* ---------- header resolution large - end ---------- */

/* ---------- header resolution extra large - start ---------- */

@media screen and (min-width: 1168px) {

    .gradient_linear>img{
        position: absolute;
        top: -5em;
        width: 100vw;
        height: 47em;
        padding: 0;
        opacity: 30%;
    }

    .content_principal {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-weight: 400;
        margin: 4.5em auto;
        padding: 0 8em;
        height: auto;
    }
    
    .logo_ecorban1>img{
        scale: 1.2;
    }

    .logo_ecorban1 {
        padding: 2em 0 1em .4em;
        position: relative;
    }

    span::after {
        content: '';
        width: 90%;
        height: 2px;
        background-color: var(--green-original-color);
        position: absolute;
        top: 61%;
        left: 5em;
    }
    
    .chamada_button_corbans {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
        padding: 0 0 2em 0;
        margin: 1em 0 0 0;
        font-size: 1.5em;
        z-index: 6;
    }
    
    .content_chamada h1{
        color: var(--white-original-color);
        padding: 0;
        margin: 1em 0 .3em 0;
        line-height: 1.20em;
        font-size: 1.1em;
    }

    .content_chamada p{
        color: var(--white-original-color);
        padding: 0;
        margin-top: 1em 0 0 0;
        font-size: 1.em;
        padding: 0;
        margin: 0;
        line-height: 1.2em;
        width: 15em;
    }

    .content_chamada p b{
        color: var(--green-original-color);
        font-weight: bold;
    }
    
    /* --- button --- */
    
    .button1 button {
        background-color: transparent;
        border: 2px solid var(--green-original-color);
        padding: .6em 1em;
        margin: 2em 0;
        border-radius: 50px;
        transition: color .5s ease-in-out, background-color .5s ease-in-out;
        font-size: .6em;
        font-weight: bold;
        color: var(--green-original-color);
    }

    .button1 button:hover {
        background-color: var(--green-original-color);
        color:var(--white-original-color)
    }
    
    
    /* ----- corbans ----- */
    
    .content_corbans {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
        padding: 0 0 2em;
        margin: .5em 0 0 0;
        font-size: .6em;
        font-weight: bold;
        gap: 1em;
    }
    
    .content_corbans img {
        width: 330px;
        padding: 0;
        margin: 0;
    }
    
    .maisde .p1,
    .maisde .p2{
        padding: 0;
        margin: 0;
    }
    
    .p1 {
        color: var(--green-original-color);
    }

    .p2 {
        color: var(--blue-original-color);
    }
    
    
/* ---- banner ---- */


    .content_img_chamada123 {
        transform: scale(1); /* Escala inicial (100%) */
        transform-origin: top top; /* Define o ponto de origem para a escala */
        transition: transform 0.3s ease; /* Transição suave ao redimensionar */
    }

    .congelar_group {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 22.5em;
        scale: 1.2;
    }

    .e_1 {
        position: absolute;
        z-index: 0;
        top: -1.5em;
        right: 20em;
        width: 12em;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .e_2 {
        position: absolute;
        z-index: 0;
        top: 5em;
        left: -12.5em;
        width:12em;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .persona_1{
        position: absolute;
        z-index: -1;
        top: -1.8em;
        left: -28em;
        width: 22em;
        margin: 0;
        padding: 0;
    }

    /* ---- baloes ---- */

    .content_img_chamada3 {
        position: absolute;
        z-index: 1;
        padding: 0;
        margin: 0;
        width: 15em;
    }

    .b_1::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: -6.05em;
        left: -7em;
        width: 13.5em;
        height: 3.7em;
        border-radius: 50px;
        z-index: 0;
    }

    .b_2::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: -1em;
        left: -24.5em;
        width: 12.2em;
        height: 3.7em;
        border-radius: 50px;
        z-index: 0;
    }

    .b_3::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: 4.65em;
        left: -12.6em;
        width: 15em;
        height: 3.7em;
        border-radius: 50px;
        z-index: 0;
    }

    .balon1 {
        position: absolute;
        top: -6em;
        left: -5.8em;
    }

    .balon2 {
        position: absolute;
        top: -1.1em;
        right: 26em;
    }

    .balon3 {
        position: absolute;
        top:4.7em;
        left: -11.5em;
    }

    .balon1,
    .balon2,
    .balon3 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5em;
    }

    /* --- */


    .balon1 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2.3em;
        font-size: 2.5em;
        font-weight: 600;
    }
    .balon2 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2em;
        font-size: 2.5em;
        font-weight: 600;
    }
    .balon3 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2em;
        font-size: 2.5em;
        font-weight: 600;
    }

    /* --- */

    .balon1 p,
    .balon2 p,
    .balon3 p {
        z-index: 2;
        color: white;
        padding: 0;
        margin: 0;
        font-size: .7em;
        line-height: 1em;
        font-weight: 600;
        width: 10em;
    }
    
}


@media screen and (min-width: 1300px) {

    .content_principal {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        font-weight: 400;
        margin: 4.5em auto;
        padding: 0 8em 0 3em;
    }
    
    .logo_ecorban1>img{
        scale: 1.5;
    }

    .logo_ecorban1 {
        padding: 2em 0 1em .9em;
        position: relative;
    }

    span::after {
        content: '';
        width: 90%;
        height: 2px;
        background-color: var(--green-original-color);
        position: absolute;
        top: 61%;
        left: 6em;
    }
    
    /* --- */
    
    .chamada_button_corbans {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
        padding: 0 0 2em 0;
        font-size: 1.5em;
    }
    
    .content_chamada h1{
        color: var(--white-original-color);
        padding: 0;
        margin: 1em 0 .3em 0;
        line-height: 1.20em;
        font-size: 1.5em;
    }

    .content_chamada p{
        color: var(--white-original-color);
        padding: 0;
        margin-top: 1em 0 0 0;
        font-size: 1.5em;
        padding: 0;
        margin: 0;
        line-height: 1.2em;
        width: 15em;
    }

    .content_chamada p b{
        color: var(--green-original-color);
        font-weight: bold;
    }
    
    /* --- button --- */
    
    .button1 button {
        background-color: transparent;
        border: 2px solid var(--green-original-color);
        padding: .6em 1em;
        margin: 2em 0;
        border-radius: 50px;
        transition: color .5s ease-in-out, background-color .5s ease-in-out;
        font-size: .6em;
        font-weight: bold;
        color: var(--green-original-color);
    }

    .button1 button:hover {
        background-color: var(--green-original-color);
        color:var(--white-original-color)
    }

    
    
    
    /* ----- corbans ----- */
    
    .content_corbans {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
        padding: .5em 0 2em 0;
        margin: .5em 0 0 0;
        font-size: .6em;
        font-weight: bold;
        gap: 1em;
    }
    
    .content_corbans img {
        width: 380px;
        padding: 0;
        margin: 0;
    }
    
    .maisde .p1,
    .maisde .p2{
        padding: 0;
        margin: 0;
    }
    
    .p1 {
        color: var(--green-original-color);

    }

    .p2 {
        color: var(--blue-original-color);
    }
    
    /* ---- banner ---- */
    
    .congelar_group {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 24em;
        margin: auto 17em;
        scale: 1.09;
    }

    .e_1 {
        position: absolute;
        z-index: 0;
        top: -2.5em;
        right: 4em;
        width: 14em;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .e_2 {
        position: absolute;
        z-index: 0;
        top: 5em;
        left: 6em;
        width: 14em;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .persona_1{
        position: absolute;
        z-index: -1;
        top: -3.9em;
        left: -12em;
        width: 25em;
        margin: 0;
        padding: 0;
    }
    
    /* ---- baloes ---- */
    
    .content_img_chamada3 {
        position: absolute;
        z-index: 1;
        padding: 0;
        margin: 0;
        width: 15em;
    }
    
    .b_1::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: -5.7em;
        left: 11em;
        width: 14em;
        height: 4em;
        border-radius: 50px;
        z-index: 0;
    }

    .b_2::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: -1em;
        left: -7.8em;
        width: 13em;
        height: 4em;
        border-radius: 50px;
        z-index: 0;
    }

    .b_3::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: 4.8em;
        left: 7.6em;
        width: 16em;
        height: 4em;
        border-radius: 50px;
        z-index: 0;
    }
    
    .balon1 {
        position: absolute;
        top: -5.5em;
        left: 12.5em;
    }

    .balon2 {
        position: absolute;
        top: -.9em;
        right: 7.9em;
    }

    .balon3 {
        position: absolute;
        top: 5em;
        left: 9em;
    }
    
    
    .balon1,
    .balon2,
    .balon3 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5em;
    }
    
    /* --- */
    
    .balon1 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2.3em;
        font-size: 2.5em;
        font-weight: 600;
    }

    .balon2 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2em;
        font-size: 2.5em;
        font-weight: 600;
    }

    .balon3 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2em;
        font-size: 2.5em;
        font-weight: 600;
    }
    
    /* --- */
    
    .balon1 p,
    .balon2 p,
    .balon3 p {
        z-index: 2;
        color: white;
        padding: 0;
        margin: 0;
        font-size: .8em;
        line-height: 1em;
        font-weight: 600;
    }
    

    
}

@media screen and (min-width: 1500px){

    .content_principal {
        margin: 2em auto;
    }
}
@media screen and (min-width: 1600px){

    .content_principal h1{
        font-size: 1.2em;
    }
    .content_principal p{
        font-size: 1.2em;
    }

    .maisde p{
        font-size: 1em;
    }
    .content_img_chamada3 {
        position: absolute;
        z-index: 1;
        padding: 0;
        margin: 0;
        width: 15em;
    }
    
    .b_1::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: -5.7em;
        left: 11em;
        width: 14em;
        height: 4em;
        border-radius: 50px;
        z-index: 0;
    }

    .b_2::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: -1em;
        left: -7.8em;
        width: 13em;
        height: 4em;
        border-radius: 50px;
        z-index: 0;
    }

    .b_3::after {
        content: "";
        background-color: var(--blue-original-color);
        opacity: 70%;
        position: absolute;
        top: 4.6em;
        left: 7.6em;
        width: 15.5em;
        height: 4em;
        border-radius: 50px;
        z-index: 0;
    }
    
    .balon1 {
        position: absolute;
        top: -5.5em;
        left: 12.5em;
    }

    .balon2 {
        position: absolute;
        top: -.9em;
        right: 7.9em;
    }

    .balon3 {
        position: absolute;
        top: 5em;
        left: 9em;
    }
    
    
    .balon1,
    .balon2,
    .balon3 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5em;
    }
    
    /* --- */
    
    .balon1 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2.3em;
        font-size: 2.5em;
        font-weight: 600;
    }

    .balon2 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2em;
        font-size: 2.5em;
        font-weight: 600;
    }

    .balon3 h3 {
        z-index: 2;
        color: var(--white-original-color);
        padding: 0;
        margin: 0;
        width: 2em;
        font-size: 2.2em;
        font-weight: 600;
    }
    
    /* --- */
    
    .balon1 p,
    .balon2 p,
    .balon3 p {
        z-index: 2;
        color: white;
        padding: 0;
        margin: 0;
        font-size: .8em;
        line-height: 1em;
        font-weight: 600;
    }
}

@media screen and (min-width: 2000px) {

    .content_principal {
        margin: 2em auto;
    }

    .gradient_linear>img{
        position: absolute;
        top: -2em;
        right: 0;
        width: 100vw;
        height: auto;
        z-index: -2;
        padding: 0;
        opacity: 30%;
    }
}

/* ---------- header resolution extra large - end ---------- */

/* ---------- form resolution small - start ---------- */

.section_two {
    margin: 0 auto;
}

.section_two  article{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
}

/* --------- text ----------- */

.section_two article h1{
    color: var(--white-original-color);
    width: 10em;
    text-align: center;
    font-size: 1.5em;
    margin: 3em 0 2em 0;
    line-height: 1.2em;
    font-weight: 400;
    text-shadow: 0px 0px 10px black;
}

.section_two article h1 b{
    font-weight: bold;
    color: var(--green-original-color);
}

.divisao_h1_passo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color:var(--white-original-color);
    margin: 0 0 2em 0;
}

.passo_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

.text_passo1 {
    width: 20em;
    font-size: .8em;
}

.ball_1 {
    border-radius: 100px;
    width: 3em;
    height: 3em;
    background-color: rgba(255, 255, 255, 0.048);
    box-shadow: 0px 0px 15px 8px rgba(37, 37, 37, 0.24);
}

.ball_1 p{
    text-align: center;
    font-weight: bold;
    margin: .8em 0 0 0;
}

.passo_2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
}

.text_passo2 {
    width: 20em;
    font-size: .8em;
}

.ball_2 {
    border-radius: 100px;
    width: 3em;
    height: 3em;
    background-color: rgba(255, 255, 255, 0.048);
    box-shadow: 0px 0px 15px 8px rgba(37, 37, 37, 0.24);
}

.ball_2 p{
    text-align: center;
    font-weight: bold;
    margin: .8em 0 0 0;
}

/* -------------------------- */

.form img {
    position: absolute;
    top: 20%;
    width: 100%;
    z-index: -2; /* ou até -1 se for só decorativa */
    pointer-events: none; /* ESSENCIAL para não bloquear cliques*/
}

.form {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-shadow: 0px 0px 15px 8px rgba(0, 0, 0, 0.288);
    border: none;
    border-radius: 10px;
    margin: 2em auto 0 auto;
    width: 22em;
    height: auto;
    font-weight: 400;
    font-size: .9em;
    padding: 2em 1.5em;
    z-index: 0;
}


.fieldset_form {
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
}


input,
select {
    border-radius: 5px;
    border: none;
    background-color: var(--white-original-color);
    box-shadow: 0px 0px 15px 8px rgba(0, 0, 0, 0.185);
    margin: 0;
    padding: 1em;
    width: 100%;
    z-index: 10;
    color: rgb(0, 0, 80);
}

input{
    width: 130%;
}

select {
    color: rgb(0, 0, 80); 
    width: 130%;   
}
option {
    font-size: 1.2em;  
}

/* ---- */

input:focus,
select:focus {
    outline: none;
}

/* ---- */


label {
    color: var(--white-original-color);
    margin: 1em 0.5em 0 0;
    text-align:left;
    font-weight: 600;
}

/* ----- button ----- */

.fieldset_form button {
    background-color: var(--green-original-color);    
    padding: .6em 1em;
    margin: 2em 0 0 0;
    border-radius: 50px;
    transition: color .5s ease-in-out, background-color .5s ease-in-out;
    font-size: 1em;
    font-weight: bold;
    color: var(--white-original-color);
    border: none;
    width: 100%;
}

.fieldset_form button:hover {
    background-color: transparent;
    outline: 2px solid var(--green-original-color);
    color:var(--green-original-color);
    cursor: pointer;
}

/* ---------- form resolution small - end ---------- */

/* ---------- form resolution medium - start ---------- */

@media screen and (min-width: 700px) {

    .form {
        width: 30em;
    }
    .section_two article h1{
        width: 25em;
        font-size: 1.7em;
    }

    input,
    select {
        border-radius: 5px;
        border: none;
        background-color: var(--white-original-color);
        box-shadow: 0px 0px 15px 8px rgba(0, 0, 0, 0.185);
        margin: 0;
        padding: 1em;
        width: 100%;
        z-index: 10;
        color: rgb(0, 0, 80);
    }

    input{
        width: 28em;
    }

    select {
        color: rgb(0, 0, 80);    
    }
    option {
        font-size: 1.2em;  
    }

}

/* ---------- form resolution medium - end ---------- */

/* ---------- form resolution large - start ---------- */

@media screen and (min-width: 950px) {

    .section_two {
        margin-top: -5em;
    }

    .form {
        width: 30em;
    }

    .section_two article h1{
        width: 10em;
        text-align: start;
        font-size: 1.7em;
        margin-top: -0em;
    }

    .section_two article{
        flex-direction: row;
        justify-content: center;
        align-items: start;
        gap: 5em;
        padding: 5em 0 0 0;
    }

    .divisao_h1_passo {
        align-items: start;
    }

    .form {
        margin: 0 3em 0 3em;
    }

}

/* ---------- form resolution large - end ---------- */

/* ---------- form resolution extra large - start ---------- */

@media screen and (min-width: 1300px) {

    .form {
        width: 30em;
    }
    .section_two article h1{
        width: 10em;
        text-align: start;
        font-size: 2.1em;
    }
    .section_two article{
        padding: 5em 0 0 0;
    }
}
@media screen and (min-width: 1600px) {

    .section_two {
        padding-top: 5em;
    }

    .form {
        width: 30em;
    }
    .section_two article h1{
        width: 10em;
        text-align: start;
        font-size: 1.8em;
    }
    .section_two article{
        padding: 5em 0 0 0;
    }
}

/* ---------- form resolution extra large - end ---------- */

/* ---------- tablet and computer small - start ---------- */

.section_three{
    margin: 0 auto;
    padding-bottom: 0;
}

.elements_tablet{
    position: relative;
    width: 22.8em;
    height: 30em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto 0 auto;
}

.tablet {
    position: absolute;
    z-index: 1;
    width: 20em;
}

.tablet_barra {
    position: absolute;
    z-index: 1;
    width: 16.9em;
    bottom: 5.2em;
    left: 2.9em;
    box-shadow: 0px 0px 10px 4px rgba(105, 105, 105, 0.3);
}

.tablet_pizza {
    position: absolute;
    z-index: 1;
    width: 8.5em;
    top: 5em;
    left: 2.9em;
    box-shadow: 0px 0px 10px 4px rgba(105, 105, 105, 0.3);
}

.tablet_cadastradas {
    position: absolute;
    z-index: 1;
    width: 8.2em;
    top: 7.6em;
    right: 2.9em;
    box-shadow: 0px 0px 10px 4px rgba(105, 105, 105, 0.3);
}

.tablet_canceladas {
    position: absolute;
    z-index: 1;
    width: 8.2em;
    top: 12.82em;
    right: 2.9em;
    box-shadow: 0px 0px 10px 4px rgba(105, 105, 105, 0.3);
}

.tablet_naopagas {
    position: absolute;
    z-index: 1;
    width: 8.2em;
    top: 10.2em;
    right: 2.9em;
    box-shadow: 0px 0px 10px 4px rgba(105, 105, 105, 0.3);
}

.tablet_pagas {
    position: absolute;
    z-index: 1;
    width: 8.2em;
    top: 5em;
    right: 2.9em;
    box-shadow: 0px 0px 10px 4px rgba(105, 105, 105, 0.3);
}

.elements_computer {
    display: none;
}

/* ---------- tablet and computer small - end ---------- */

/* ---------- tablet and computer medium - start ---------- */

@media screen and (min-width: 700px) {

    .section_three{
        margin: 0 auto ;
        padding: 0 0 3em 0;  
    }

    .elements_tablet {
        display: none;
    }

    .elements_computer {
        position: relative;
        width: 36em;
        height: 30em;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 auto;
    }

    .computer {
        position: absolute;
        z-index: 1;
        width: 40em;
    }

    .computer_barra {
        position: absolute;
        z-index: 1;
        width: 20em;
        bottom: 10em;
        right: 2.2em;
        box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.123);
    }

    .computer_pizza {
        position: absolute;
        z-index: 1;
        width: 9.6em;
        bottom: 10em;
        left: 3em;
        box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.123);
    }

    .computer_cadastradas {
        position: absolute;
        z-index: 1;
        width: 7.2em;
        top: 5.8em;
        left: 3em;
        box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.123);
    }

    .computer_canceladas {
        position: absolute;
        z-index: 1;
        width: 7.2em;
        top: 5.8em;
        right: 2.1em;
        box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.123);
    }

    .computer_naopagas {
        position: absolute;
        z-index: 1;
        width: 7.2em;
        top: 5.8em;
        right: 10em;
        box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.123);
    }

    .computer_pagas {
        position: absolute;
        z-index: 1;
        width: 7.2em;
        top: 5.8em;
        left: 10.9em;
        box-shadow: 0px 0px 15px 4px rgba(0, 0, 0, 0.123);
    }

}

/* ---------- tablet and computer medium - end ---------- */

/* ---------- tablet and computer large - start ---------- */

@media screen and (min-width: 950px) {

    .elements_computer {
        transform: scale(1.2); /* Escala inicial (100%) */
        transform-origin: top top; /* Define o ponto de origem  para a escala */
        transition: transform 0.3s ease; /* Transição suave ao redimensionar */
    }

}

/* ---------- tablet and computer large - end ---------- */

/* ---------- tablet and computer extra large - start ---------- */

@media screen and (min-width: 1100px) {

    .elements_computer {
        padding: 0 0 3em 0;
    }

}

@media screen and (min-width: 1300px) {

    .section_three {
        margin-top: 7em;
    }

    .elements_computer {
        transform: scale(1.5); /* Escala inicial (100%) */
        transform-origin: top top; /* Define o ponto de origem para a escala */
        transition: transform 0.3s ease; /* Transição suave ao redimensionar */
    }

}
@media screen and (min-width: 1600px) {

    .section_three {
        margin-top: 13em;
    }
   
    .elements_computer {
        transform: scale(1.5); /* Escala inicial (100%) */
        transform-origin: top top; /* Define o ponto de origem para a escala */
        transition: transform 0.3s ease; /* Transição suave ao redimensionar */
    }

}

/* ---------- tablet and computer extra large - end ---------- */

/* ---------- function small - start ---------- */

.section_four {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 2em auto 0 auto;
    gap: 1em;
    font-family: 'poppins', sans-serif;
    font-weight: 400;
}

.section_four h1 {
    text-align: center;
    color: var(--white-original-color);
    font-size: 1.5em;
    line-height: 1.2em;
    width: 70%;
    margin-bottom: 0;
    font-weight: 400;
    text-shadow: 0px 0px 10px black;
}
.section_four h2 {
    text-align: center;
    color: var(--green-original-color);
    line-height: 1.2em;
    width: 70%;
    padding: 0;
    margin: -.5em 0 2em 0;
    font-weight: bold;
    text-shadow: 0px 0px 10px black;
}

.elements_function {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.fuction_1 img,
.fuction_2 img,
.fuction_3 img{
    width: 4em;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.fuction_1,
.fuction_2,
.fuction_3{
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.fuction_1 p,
.fuction_2 p,
.fuction_3 p{
    width: 12em;
}

.fuction_importar,
.fuction_campanhas,
.fuction_gerar,
.fuction_acompanhar,
.fuction_anexar,
.fuction_rentabilidade,
.fuction_metas,
.fuction_perfis,
.fuction_suport{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    color: var(--white-original-color);
    line-height: 1.2em;
    padding: 1em;
}

.fuction_importar b,
.fuction_campanhas b,
.fuction_gerar b,
.fuction_acompanhar b,
.fuction_anexar b,
.fuction_rentabilidade b,
.fuction_metas b,
.fuction_perfis b,
.fuction_suport b{
    font-weight: bold;
}

/* ------- button ------- */

.section_four button {
    background-color: var(--green-original-color);    
    padding: .6em 1em;
    margin: 2em 0 0 0;
    border-radius: 50px;
    transition: color .5s ease-in-out, background-color .5s ease-in-out;
    font-size: 1em;
    font-weight: bold;
    color: var(--white-original-color);
    border: none;
    width: 10em;
}

.section_four button:hover {
    background-color: transparent;
    outline: 2px solid var(--green-original-color);
    color:var(--green-original-color);
    cursor: pointer;
}

/* ---------- function small - end ---------- */

/* ---------- function large - start ---------- */

@media screen and (min-width: 950px) {

    .section_four {
        padding: 2em;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 2em auto;
        gap: 1em;
        font-family: 'poppins', sans-serif;
        font-weight: 400;
    }

    .section_four h1 {
        text-align: center;
        color: var(--white-original-color);
        font-size: 1.5em;
        line-height: 1.2em;
        width: 100%;
        font-size: 2em;
        padding-bottom: 1em;
    }

    .section_four h2 {
        text-align: center;

        font-size: 2em;
        line-height: 1em;
        width: 70%;
        padding: 0;
        margin: -1.2em 0 2em 0;
        font-weight: bold;
    }
    
    .elements_function {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 0em;
    }
    
    .fuction_1 img,
    .fuction_2 img,
    .fuction_3 img{
        width: 4em;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }
    
    
    .fuction_importar,
    .fuction_campanhas,
    .fuction_gerar,
    .fuction_acompanhar,
    .fuction_anexar,
    .fuction_rentabilidade,
    .fuction_metas,
    .fuction_perfis,
    .fuction_suport{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1em;
        color: var(--white-original-color);
        line-height: 1.2em;
        padding: 1em;
    }

    .fuction_importar b,
    .fuction_campanhas b,
    .fuction_gerar b,
    .fuction_acompanhar b,
    .fuction_anexar b,
    .fuction_rentabilidade b,
    .fuction_metas b,
    .fuction_perfis b,
    .fuction_suport b{
        font-weight: bold;
    }
    
    /* ------- button ------- */
    
    .section_four button {
        background-color: var(--green-original-color);    
        padding: .6em 1em;
        margin: 2em 0 0 0;
        border-radius: 50px;
        transition: color .5s ease-in-out, background-color .5s ease-in-out;
        font-size: 1em;
        font-weight: bold;
        color: var(--white-original-color);
        border: none;
        width: 10em;
    }
    
    .section_four button:hover {
        background-color: transparent;
        outline: 2px solid var(--green-original-color);
        color:var(--green-original-color);
        cursor: pointer;
    }
    
}

/* ---------- function large - end ---------- */

/* ---------- function extra large - start ---------- */

@media screen and (min-width: 1300px) {

    .section_four {
        margin: 6em auto auto auto;
    }
    .elements_function {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 6em;
    }
    
}

/* ---------- function extra large - end ---------- */

/* ---------- depoiments small - start ---------- */

.section_five {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 5em auto auto auto;
}

video {
    width: 20em;
    border-radius: 10px;
    z-index: 1;
    box-shadow: 0px 0px 20px 4px rgba(19, 19, 19, 0.521);
}


.section_five h1 {
    text-align: center;
    color: var(--white-original-color);
    font-size: 1.5em;
    line-height: 1.2em;
    width: 11em;
    margin: 2em auto 2em auto;
    font-weight: 400;
    text-shadow: 0px 0px 10px black;
}

.section_five h1 b{
    color: var(--green-original-color);
}

.depoiment_1 h3,
.depoiment_2 h3,
.depoiment_3 h3,
.depoiment_4 h3, 
.depoiment_5 h3 {
    color: var(--white-original-color);
    font-size: .9em;
    line-height: 1.2em;
    width: 11em;
    padding: 1em auto 3em 3em;
    font-weight: 400;
    margin: .5em 0 3em .5em;
}

/* ---------- depoiments small - end ---------- */

/* ---------- depoiments medium - start ---------- */

@media screen and (min-width: 900px) {

    .depoiments_all {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3em;
        flex-wrap: wrap;
        width: 90%;
    }
    
    video {
        width: 15em;
        border-radius: 10px;
        z-index: 1;
    }
    
    .section_five h1 {
        text-align: center;
        color: var(--white-original-color);
        font-size: 2em;
        line-height: 1.2em;
        width: 100%;
        margin: 2em auto 2em auto;
        font-weight: 400;
    }

    .section_five h1 b{
        font-weight: bold;
        color: var(--green-original-color);
    }
    
    .depoiment_1 h3,
    .depoiment_2 h3,
    .depoiment_3 h3, 
    .depoiment_4 h3, 
    .depoiment_5 h3 {
        color: var(--white-original-color);
        font-size: 1.2em;
        line-height: 1.2em;
        width: 15em;
        padding: 1em auto 3em 3em;
        font-weight: 400;
        margin: .5em 0 3em .5em;
        font-size: .9em;
    }
    

}

/* ---------- depoiments medium - end ---------- */

/* ---------- depoiments extra large - smart ---------- */

@media screen and (min-width: 1000px) {

    .depoiments_all {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4em;
        margin-top: 5em;
    }

    .depoiment_1 h3,
    .depoiment_2 h3,
    .depoiment_3 h3, 
    .depoiment_4 h3, 
    .depoiment_5 h3 {
        margin-top: 3.5em;
        transform: scale(1.2); /* Escala inicial (100%) */
        transform-origin: top top; /* Define o ponto de origem para a escala */
        transition: transform 0.3s ease; /* Transição suave ao redimensionar */
    }
    

    video {
        transform: scale(1.2); /* Escala inicial (100%) */
        transform-origin: top top; /* Define o ponto de origem para a escala */
        transition: transform 0.3s ease; /* Transição suave ao redimensionar */
    }
    
}

/* ---------- depoiments extra large - end ---------- */

/* ---------- frase final small - start ---------- */

.section_six {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0;
    height: 10em;
    position: relative;
}


.section_six h1 {
    position: absolute;
    display: block;
    justify-content: center;
    align-items: center;
    margin: 8em 0 0 0;
    padding: 0em 2em 4em 2em;
    text-align: center;
    color: var(--white-original-color);
    font-size: 1.5em;
    line-height: 1.2em;
    width: 100%;
    font-weight: 400;
    text-shadow: 0px 0px 10px black;
}

/* ---------- frase final small - end ---------- */

/* ---------- frase final medium - start ---------- */

@media screen and (min-width: 500px) {

    .section_six h1 {
        width: 22em;
    }

}

/* ---------- frase final medium - end ---------- */

/* ---------- frase final large - start ---------- */

@media screen and (min-width: 950px) {

    .section_six {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 auto;
        height: 10em;
        position: relative;
        padding: 7em 0 10em 0;
    }
    .section_six h1 {
        font-size: 2em;
        width: 25em;
    }

}

/* ---------- frase final large - end ---------- */

/* ---------- frase final extra large - start ---------- */

@media screen and (min-width: 1300px) {


    .section_six h1 {
        font-size: 2.2em;
        padding: 0 2em ;
        margin: 0 0 -6em;
    }

    .section_six {
        padding: 7em 0 20em 0;
    }
    
}

/* ---------- frase final extra large - end ---------- */

/* ---------- frase final 2 small - start ---------- */

.section_eight {
    height: auto;
    color: var(--cinza-original-color);
    line-height: 1.8em;
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-weight: 400;
}

.frase_final2 {
    margin: 0;
    padding: 3em 0 0 0;
    font-size: 1.5em;
}
.frase_final2 p{
    margin: 0;
    text-shadow: 0px 0px 10px black;
}
.frase_final2 :nth-last-child(2){
    font-weight: bold;
}

.section_eight .button1 button{
    font-size: 1em;
    background-color: var(--green-original-color);
    color: var(--white-original-color);
}
.section_eight .button1 button:hover{
    font-size: 1em;
    background-color: transparent;
    color: var(--green-original-color);
}

/* ---------- frase final 2 small - end ---------- */

@media screen and (min-width: 950px){


    .frase_final2 {
        margin: 3em 0 0 0;
        padding: 3em 0 0 0;
        font-size: 2em;
        line-height: 1.2em;
    }
}

/* ---------- footer small - start ---------- */

.footer_seven {
    padding: 4em 2em 2em 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    gap: 1em;
    font-family: 'poppins', sans-serif;
    font-weight: 400;
    color: var(--white-original-color);
}

.elements_footer {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    
}

.footer_1 img{
    width: 1.5em;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.footer_1 a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    text-decoration: none;
    gap: .5em;
    transition: scale .3s ease-in-out, box-shadow .3s ease-in-out;
    padding: 0 1em 0 1em;
    border-radius: 50px;
}

.footer_1 a:hover{
    scale: 1.05;
    box-shadow: 0px 0px 15px 4px rgba(0, 32, 102, 0.2);
}

.footer_1{
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.footer_1 p{
    color: var(--white-original-color);
}

.footer_insta,
.footer_whats,
.footer_email {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    color: var(--white-original-color);
    line-height: 1.2em;
    padding: 0em;
}

.version {
    color: var(--white-original-color);
    font-size: .7em;
    line-height: 1.2em;
    width: 11em;
    margin: 5em auto 0 auto;
    font-weight: 400;
    text-align: center;
}

/* ---------- footer small - end ---------- */

/* ---------- footer medium - start ---------- */

@media screen and (min-width: 700px) {

    .footer_seven {
        padding: 4em 2em 2em 2em;
    }

    .footer_1 p{
        font-size: .8em;
    }

    .footer_insta,
    .footer_whats,
    .footer_email {
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white-original-color);
        line-height: 1.2em;
        padding: .5em;
    }
    
    .footer_1 img{
        width: 2em;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .footer_1 a{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        text-decoration: none;
        padding: 0 1em 0 1em;
        border-radius: 50px;
        transition: scale .3s ease-in-out, box-shadow .3s ease-in-out;
    }

    .footer_1 a:hover{
        scale: 1.05;
        box-shadow: 0px 0px 15px 4px rgba(0, 32, 102, 0.2);
    }

    .version {
        color: var(--white-original-color);
        font-size: .7em;
        line-height: 1.2em;
        width: 11em;
        margin: 5em auto 0 auto;
        font-weight: 400;
        text-align: center;
    }

}

/* ---------- footer medium - end ---------- */

/* ---------- footer large - start ---------- */

@media screen and (min-width: 950px) {

    .footer_seven {
        padding: 7em 2em 2em 2em;
    }

    .footer_1{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }

    .footer_1 p{
        font-size: .8em;
    }

    .footer_insta,
    .footer_whats,
    .footer_email {
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white-original-color);
        line-height: 1.2em;
        padding: 2em;
    }

    
    .footer_1 img{
        width: 2em;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    .footer_1 a{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 1em;
        text-decoration: none;
        padding: 0 1em 0 1em;
        border-radius: 50px;
        transition: scale .3s ease-in-out, box-shadow .3s ease-in-out;
    }

    .footer_1 a:hover{
        scale: 1.05;
        box-shadow: 0px 0px 15px 4px rgba(0, 32, 102, 0.2);
    }
    

    .version {
        margin: 0 auto;
    }
}

/* ---------- footer large - end ---------- */

/* ---------- whats fixed small - start ---------- */

.whats_mobile img,
.lgpd_mobile img{
    width: 0px;
    position: fixed;
    top: 35em;
}

/* ---------- whats fixed small - end ---------- */

/* ---------- whats fixed medium - start ---------- */

@media screen and (min-width: 500px) {

    .whats_mobile img{
        height: 4em;
        width: 4em;
        position: fixed;
        top: 89%;
        right: 1%;
        border-radius: 100%;
        transition: border .5s ease, background-color .5s ease, padding .5s ease, box-shadow .5s ease;
    }

    .whats_mobile img:hover{
        border-radius: 100%;
        border: 5px solid white;
        background-color: green;
        padding: .3em;
        box-shadow: 1px 3px 12px #ffffffb2;
    }

}

/* ---------- whats fixed medium - end ---------- */

/* ---------- whats fixed large - start ---------- */

@media screen and (min-width: 950px) {

    .whats_mobile img{
        height: 4em;
        width: 4em;
        position: fixed;
        top: 89%;
        right: 1%;
        border-radius: 100%;
        transition: border .5s ease, background-color .5s ease, padding .5s ease, box-shadow .5s ease;
    }

    .whats_mobile img:hover{
        border-radius: 100%;
        border: 5px solid white;
        background-color: green;
        padding: .3em;
        box-shadow: 1px 3px 12px #ffffffb2;
    }

}

/* ---------- whats fixed large - end ---------- */

select {
    -webkit-appearance: none; 
    appearance: none;   
    background-color: var(--white-original-color);
    background-image: none;  
    padding-right: 1em;       
  }
  
  @supports (-webkit-touch-callout: none) {
    select {
      padding-top: 1em;
      padding-bottom: 1em;
      line-height: 1.2em; 
    }
  }