body {
    background: #212121;
    font-family: 'Poppins';
}

.bottomForm {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
}

main {
    padding: 0 20px;
    background: #fff;
}

.topoForm {
    display: flex;
    flex-direction: row;
    gap: 24px;
    /* margin-bottom: 32px; */
    /* margin-top: 58px; */
    align-items: center;
}

.surveyCall {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 16px;
    margin-top: 32px;
}

.mobileCTA {
    display: none;
}

.container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
    margin-left: 0;
    margin-bottom: 5px;
    line-height: 18px;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.16px;
    margin-bottom: 12px;
}

.surveyDisclaimer {
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.28px;
}


label._form_element {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.16px;
}

.progressBarContainer {
    position: relative;
    width: 100%;
    width: 281px;
    margin-right: auto;
    height: 28px;
    background-color: #595959;
    border: 1px solid #000000;
    border-radius: 20px;
    overflow: hidden;
}

.progressBarContainer .progressBar {
    position: absolute;
    width: 0;
    height: 100%;
    background: #E27526;
    border-radius: 20px;
}

.progressBarContainer .progressBar .progressNumber {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font: 600 14px/19px 'Poppins';
    color: #fff;
}

._1000 main {
    min-height: calc(100vh - 52px);
    background: url(../img/passariano2025/fundoTopo.png?1) bottom center no-repeat #18222f;
}
@media screen and (min-height: 1000px){
    ._1000 main{background-position: top center;}
}

main .centro {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
}

main .centro .texto {
    width: 100%;
    max-width: 394px;
}

main .centro .texto h1 {
    user-select: none;
    margin: 0 auto 40px;
    width: fit-content;
    text-align: center;
}

main .centro .texto h1 em {
    display: block;
    color: #000;
    font-family: 'Sora';
    font-size: 15.61px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 1px;
}

main .centro .texto h1 b {
    display: block;
    color: #000;
    font-family: 'Quity';
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

main .centro .texto h2 {
    color: #000;
    text-align: center;
    font-family: 'Sora';
    font-size: 32px;
    font-weight: 700;
    line-height: 31px;
    /* 96.875% */
    letter-spacing: 0.64px;
    margin: 0 auto 16px;
}

main .centro .texto .progressBarContainer {
    position: relative;
    width: 100%;
    max-width: 394px;
    height: 22px;
    background-color: #CFCDCD;
    border: 1px solid #CFCDCD;
    border-radius: 42px;
    overflow: hidden;
    margin-bottom: 40px;
}

main .centro .texto .progressBarContainer .progressBar {
    position: absolute;
    width: 0;
    transform: translateY(-50%);
    top: 50%;
    left: 1px;
    max-width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: #050505;
    border-radius: 42px;
}

main .centro .texto .progressBarContainer .progressBar .progressNumber {
    position: absolute;
    right: 8px;
    top: 50%;
    width: fit-content;
    transform: translateY(-50%);
    font: 600 14px/22px 'Sora';
    color: #FFF;
    display: block;
}

main .centro .texto p {
    color: #000;
    text-align: center;
    font-family: 'Sora';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 137.5% */
    letter-spacing: 0.32px;
    max-width: 374px;
    margin: 0 auto 16px;
}

main .centro .texto p b {
    font-weight: 700;
    color: #E27526;
}

main .centro .texto>a:active,
main .centro .texto>a:link,
main .centro .texto>a:visited {
    display: block;
    border-radius: 40px;
    width: 100%;
    background: #AD7708;
    cursor: pointer;
    padding: 15px 20px;
    transition: all 0.5s ease;
    margin-bottom: 40px;
}

main .centro .texto>a:hover {
    background: #E27526;
}

main .centro .texto>a b {
    display: block;
    text-align: center;
    color: #FFF;
    font-family: 'Sora';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 120% */
    text-shadow: -1px 1px 18px transparent;
    transition: all 0.5s ease;
}

main .centro .texto>a:hover b {
    text-shadow: -1px 1px 18px #232121;
}

main .centro .texto span {
    display: block;
    width: 100%;
    max-width: 336px;
    color: #8A8A8A;
    font-family: 'Sora';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    /* 141.667% */
    letter-spacing: 0.36px;
    text-align: center;
    margin: 0 auto;
}

main .centro .texto span a:link,
main .centro .texto span a:visited,
main .centro .texto span a:active {
    color: #8A8A8A;
    text-align: center;
    font-family: 'Sora';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    /* 141.667% */
    letter-spacing: 0.36px;
    transition: all 0.5s ease;
    text-decoration-line: underline;
}

main .centro .texto span a:hover {
    color: #010101;
}

main .centro .conteudo {
    flex-wrap: wrap;
    display: flex;
    max-width: 567px;
    align-items: center;
    gap: 0 24px;
    padding-top: 57px;
    justify-content: center;
}

main .centro .conteudo h1 {}

main .centro .conteudo p {}

main .centro .conteudo h3 {
    color: var(--black, #050505);
    font-family: "Sora";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 20px */
    letter-spacing: -0.2px;
    text-align: center;
    width: 100%;
    padding: 18px 0 11px;
}

.form {
    background: #5F6D7942;
    backdrop-filter: blur(12px);

}

._form_label {
    color: 'white'
}


footer {
    background: #141B26;
    padding: 16px 20px 18px;
    position: relative;
}

footer::before {
    position: absolute;
    content: "";
    width: 21px;
    height: 20px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Cpath fill='%2351546C' d='M1.725 11.719h13.121c3.396 0 6.154-2.627 6.154-5.86C21 2.626 18.236 0 14.846 0H0v.539c0 .612.516 1.104 1.16 1.104h.565v10.075ZM3.451 1.643h11.39c2.44 0 4.428 1.888 4.428 4.216 0 2.328-1.989 4.217-4.428 4.217H3.45V1.643Z'/%3E%3Cpath fill='%2351546C' d='M17.983 7.068a7.756 7.756 0 0 0-4.543-1.46H4.489v1.643h8.95a5.99 5.99 0 0 1 3.5 1.12 3.28 3.28 0 0 0 1.044-1.308v.005Zm1.088 4.316c.127.455.198.926.198 1.418 0 3.06-2.615 5.55-5.83 5.55H3.452v-5.65H1.725V20H13.44c4.164 0 7.56-3.228 7.56-7.198 0-1.418-.198-1.847-.544-2.674a7.12 7.12 0 0 1-1.38 1.25l-.005.006Z'/%3E%3C/svg%3E");
    pointer-events: none;
}

footer .centro {
    width: 100%;
    max-width: 1198px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}

footer .centro p {
    font: 400 12px / 18px Poppins;
    color: rgb(141, 144, 167);
    width: fit-content;
}

footer .centro .links {
    display: flex;
    gap: 10px;
    width: 100%;
    max-width: 238px;
    justify-content: space-between;
}

footer .centro .links a:active,
footer .centro .links a:visited,
footer .centro .links a:link {
    display: block;
    font: 400 12px / 18px Poppins;
    color: rgb(255, 255, 255);
    transition: 0.5s;
}

footer .centro .links a:hover {
    color: rgb(141, 144, 167);
}

/* - - - MOBILE - - - */
._320 main {
    background: linear-gradient(360deg, rgb(0, 0, 0) 0%, rgb(38, 34, 51) 100%);
    padding: 0;
    /* background: url("../img/bgMobileObrigado2025.png?2") top center no-repeat; */
}
._320 .topo .centro a.botaoCTA:active, ._320 .topo .centro a.botaoCTA:any-link {
    margin-bottom: 20px;
    padding: 16px 10px;
    gap: 5px;
    max-width: none;
}
._320 main .centro {
    max-width: 440px;
    padding: 20px 20px 35px;
    position: relative;
}

._320 main .centro .texto {}

._320 main .centro .texto h1 {
    margin-bottom: 67px;
}

._320 main .centro .texto h1 em {}

._320 main .centro .texto h1 b {}

._320 main .centro .texto h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 15px;
}

._320 main .centro .texto .progressBarContainer {
    margin-bottom: 14px;
}

._320 .mobileCTA {
    display: block;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    color: #FAFAFA
}

._320 main .centro .texto .progressBarContainer .progressBar {}

._320 main .centro .texto .progressBarContainer .progressBar .progressNumber {}

._320 main .centro .texto p {
    font-size: 15px;
    margin-bottom: 14px;
    letter-spacing: 0.3px;
    font-weight: 400;
}

._320 main .centro .texto p b {}

._320 main .centro .texto>a:active,
._320 main .centro .texto>a:link,
._320 main .centro .texto>a:visited {
    padding: 15px;
    margin-bottom: 5px;
}

._320 main .centro .texto>a:hover {}

._320 main .centro .texto>a b {
    font-size: 16px;
}

._320 main .centro .texto>a:hover b {}

._320 main .centro .texto span {}

._320 main .centro .texto span a:link,
._320 main .centro .texto span a:visited,
._320 main .centro .texto span a:active {}

._320 main .centro .texto span a:hover {}










._320 .container {
    font-size: 16px;
    line-height: 20px;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 6;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #FFF;
    border: 2px solid #000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #E27526;
}

.form .nav {
    display: flex;
    padding-top: 10px;
    gap: 17px;
    justify-content: start;
}

.form .nav button,
.form .nav .btAvancar {
    cursor: pointer;
    text-transform: uppercase;
    height: 40px;
    align-items: center;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    display: block;
    width: 100%;
    max-width: max-content;
    padding: 13px 30px;
    transition: 0.5s;
    position: relative;
    overflow: clip;
    outline: transparent solid 1px;
    outline-offset: -3px;
    box-shadow: 0px 11px 29px 0px #d6d25942;
    border-radius: 40px;
    background: #E27526;
    pointer-events: none;
    filter: grayscale(0.8) opacity(0.8);
}

.form .nav button.ativo,
.form .nav .btAvancar.ativo {
    pointer-events: all;
    filter: none;
    box-shadow: 0px 11px 29px 0px #d6d25942;
    border-radius: 40px;
    background: #E27526;
}

.form .nav button:hover,
.form .nav .btAvancar:hover {  
    background: rgb(255, 148, 29);
    outline: rgba(255, 255, 255, 0.4) solid 1px;
    outline-offset: -3px;
}

.form .nav .btVoltar {
    transition: all 0.5s ease;
    cursor: pointer;
    text-transform: uppercase;
    border: 1px solid #ADADAD;
    background: #FFF;
    display: flex;
    width: 150px;
    border-radius: 40px;
    height: 40px;
    padding: 8px 27px 9px 27px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #626262;
    
    /* 140% */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 100% */
    font-family: Poppins;
}

.form .nav .btVoltar:hover {
    background: #9b9b9b;
    color: #fff;
    border-color: #545454;
}

.topo .centro .video {
    position: relative;
    display: block;
    width: 100%;
    z-index: 2;
    max-width: 594px;
    height: max-content;
    margin: 0 auto 39px;
}

._320 .form .nav .btVoltar,
._320 .form .nav .btAvancar {
    padding: 13px 20px;
    width: max-content;
    font-size: 16px;
    height: 40px;
}

.topo .centro .label {
    border-radius: 8px;
    background: rgb(25 42 34 / 80%);
    color: #8CC381;
    text-align: center;
    font-family: Lexend;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    /* 135.714% */
    max-width: 580px;
    margin: 0 auto;
    padding: 14px 56px 28px;
}

.topo .centro .form {
    max-width: 100%;
    min-height: 300px;
    display: block;
    border-radius: 14px;
    backdrop-filter: blur(12px);
    overflow: hidden;
}

.topo .centro .form span.obs {
    display: block;
    font-family: SF Pro Display;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #D4D4D4;
    background: #2E2E2E;
    padding: 12px 20px;
}

._320 .topo .centro .form {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
    min-height: 200px;
    background: #1b2535
}

._form-thank-you {
    display: none !important
}

.topo .centro .form .presente {
    display: none;
    background: #fff;
}

._320 .topo .centro .form .presente {
    padding: 50px 20px;
}

.topo .centro .form .presente.boxAtivo {
    display: block
}

.topo .centro .form .boxPesquisa{}
.topo .centro .form .presente.boxAtivo {
    display: block;
    height: 100%;
}

.topo .centro .conteudo .form .presente p {
    color: #0C2533;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.2px;
    text-align: center;
    max-width: 507px;
    margin: 0 auto;
    padding: 60px 30px 30px;
    height: 300px;
}

.topo .centro .conteudo .form .presente p em {
    font-weight: 700;
    padding-bottom: 0px;
    display: block;
    text-align: center;
}

._320 .topo .centro .form .presente p {
    padding: 0;
    font-size: 14px;
    height: initial;
    line-height: 20px;
}

._320 .topo .centro .form .presente p b {
    font-size: inherit;
}

.topo .centro .form .presente p b {
    color: #23282B;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 130% */
    letter-spacing: -0.2px;
}

.topo .centro .form .presente a:active,
.topo .centro .form .presente a:link,
.topo .centro .form .presente a:visited {
    border-radius: 54px;
    background: #0095FF;
    box-shadow: 0px 11px 29.4px 0px rgba(85, 180, 233, 0.44);
    display: flex;
    width: 324px;
    height: 50px;
    padding: 13px 42px 15px 42px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #FFF;
    ;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
    /* 140% */
    text-transform: uppercase;
    margin: 32px auto 41px;
    transition: all 0.5s ease;
}

.topo .centro .form .presente a:hover {
    background: #00c3ff;
    box-shadow: 0px 0px 0px 0px rgba(85, 180, 233, 0.44);
}

._320 .topo .centro .form .presente a {
    margin-top: 20px;
}

.topo .centro .form ._form_element {
    overflow: hidden;
    height: 0;
    display: block;
}

.topo .centro .form ._form_element.boxAtivo {
    height: max-content;
    padding: 20px 30px 60px;
}

._320 .topo .centro .form ._form_element.boxAtivo {
    padding: 20px 15px;
}

.topo .centro .form ._form_element ._field-wrapper {
    display: block;
    padding-top: 10px;

}

.topo .centro .form ._form-content ._field-wrapper input:not([type="radio"]) {
    display: flex;
    width: 100%;
    padding: 12px 27px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    background: #eeeeee;
    margin-bottom: 20px;
    margin-top: 20px;
}

.topoMobile {
    display: none
}

.topo .centro .form ._form-content ._field-wrapper input:hover {}

.topo .centro .form ._form-content ._field-wrapper input:focus {}

._form_element>label {
    color: #FFF;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.2px;
    margin-bottom: 10px;
    display: block;
}






.topo .centro .conteudo>p>b {
    color: #AD7708;
    font-weight: 700;
}


.topo .centro .conteudo .form p {
    display: block;
    text-align: left;
    margin: 0 auto 12px;
    color: #fff;
    max-width: 520px;
    color: #000000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 100%;
}

.topo .centro .conteudo .form p>em {
    color: #000000;
    text-align: left;
    font-family: Lexend;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
}

.topo .centro .conteudo>p:nth-of-type(2) {




    /* 130% */
    color: var(--black, #050505);
    text-align: center;
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.28px;
    margin: 18px 0 10px;
}

.topo .centro a.botaoCTA:active,
.topo .centro a.botaoCTA:any-link {
    width: 100%;
    max-width: max-content;
    display: flex;
    margin: 0px auto;
    padding: 16px 20px;
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: all ease 0.5s;
    box-shadow: 0px 6px 22.3px 0px #00000033, 0px -2px 0px 0px #00000029 inset;
    border-radius: 40px;
    background: #25D366;
    margin-top: 16px;
    font-family: Poppins;
}

.topo .centro a.botaoCTA:hover {
    background: #00df97;
    box-shadow: 0px 6px 22.3px 0px #00000033, 0px -2px 0px 0px #00000029 inset;
    border-color: #00b178;
}

.topo .centro a.botaoCTA span {
    display: block;
    width: 20px;
    height: 20px;
}

.topo .centro a.botaoCTA svg path {
    transition: all ease 0.5s;
}

.topo .centro a.botaoCTA:hover svg path {
    opacity: 1;
}

.topo .centro a.botaoCTA b {
    display: block;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}


._320 .topo {
    max-width: 440px;
    margin: 0 auto;
    background: linear-gradient(360deg, rgb(0, 0, 0) 0%, rgb(38, 34, 51) 100%);
}

._320 .separator {
    display: none
}

._320 .topo .centro {
    padding: 20px 20px;
    max-width: 440px;
    /* min-height: max-content; */
}

._320 .topoForm {
    margin-bottom: 17px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 16px;
    border: 1px solid #9A9898;
    background: linear-gradient(236deg, #d3d3d347, transparent);
    backdrop-filter: blur(50px);
    padding: 22px 15px;
    width: 30rem;
    height: 146px;

}

._320 .topoForm::before {
    content: '';
    position: absolute;
    background: url(../img/passariano2025/fundoTopoMobile.png);
    width: 145px;
    height: 161px;
    right: 10px;
    bottom: 1px;
}

._320 .surveyCall {
    margin-top: 24px;
    margin-bottom: 16px;
}

._320 .topo .centro .conteudo .titulo {
    display: block;
}

._320 .topo .centro .conteudo .titulo h1 {
    margin: 0 auto 15px;
    zoom: 0.9;
}

._320 .topo .centro .conteudo .titulo h1 img {}

._320 .topo .centro .conteudo .titulo h1 span {}

._320 .topo .centro .conteudo .titulo h1 span b {}

._320 .topo .centro .boxProgresso {
    margin: 0 auto 20px;
}

._320 .topo .centro h2 {
    color: #0C2533;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 44px */
    letter-spacing: -0.8px;
}

._320 .topo .centro .conteudo>p>em {
    font-size: 14px;
}

._320 .topo .centro h3 {
    line-height: 20px;
    text-align: center;
    font-size: 16px;
}

._320 .topo .centro .barraProgresso {
    margin-bottom: 10px;
    zoom: 0.8;
}

._320 .topo .centro .barraProgresso span {}

._320 .topo .centro .barraProgresso span b.count {}

._320 .topo .centro .form span.obs {
    font-size: 14px;
    padding: 10px;
    position: absolute;
    bottom: 0;
}

._320 .topo .centro p.surveyDisclaimer{max-width: initial;line-height: 22px;}
._320 .topo .centro p {
    font-size: 16px;
    margin: 15px 0;
    line-height: 20px;
    max-width: 240px;
}
._320 .progressBarContainer{
    margin: 0 auto;
}

._320 .topo .centro a.botaoCTA:active,
._320 .topo .centro a.botaoCTA:any-link {
    margin-bottom: 20px;
    padding: 16px 10px;
    gap: 5px;
}

._320 .topo .centro a.botaoCTA:hover {}

._320 .topo .centro a.botaoCTA span {
    display: none;
}

._320 .topo .centro a.botaoCTA span svg {}

._320 .topo .centro a.botaoCTA svg {
}

._320 .topo .centro a.botaoCTA b {
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0;
    text-align: center;
}

._320 .topo .centro .label {
    padding: 15px 40px 30px;
    display: none;
}

._320 .topo .centro .form ._form_element>label {
    font-size: 16px;
    line-height: 20px;
}
._320 .topo .centro .form ._form-content ._field-wrapper input:not([type="radio"]){padding: 10px 27px;}

._320 main .centro .conteudo h1 {
    zoom: 0.9;
}

._320 main .centro .conteudo {
    padding-top: 0;
}

._320 main .centro .conteudo .topoForm {
    flex-direction: column;
    justify-content: center;
    margin: 0;
}

._320 footer {
    /* padding-bottom: 152px; */
}

._320 footer::before {
    display: none;
}

._320 footer .centro {
    flex-direction: column-reverse;
    align-items: center;
    gap: 17px;
}

._320 footer .centro p {
    max-width: 220px;
    text-align: center;
}

.botaoWhatsapp:link,
.botaoWhatsapp:active,
.botaoWhatsapp:visited {
    position: fixed;
    bottom: 20px;
    right: 82px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: rgb(37, 211, 102);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    transition: 0.5s;
}

.botaoWhatsapp em {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='513' fill='none'%3E%3Cpath fill='%23fff' d='m373.291 306.825.192-1.6c.685.309 1.345.602 1.979.884 5.286 2.354 8.771 3.905 10.181 6.476 1.6 2.88 1.6 15.36-3.84 30.4-5.312 15.04-30.763 28.48-43.008 30.422-10.987 1.578-24.875 2.261-40.107-2.582-56.405-19.37-87.253-33.322-145.152-109.098-29.461-41.515-38.144-80.555-3.712-118.4 7.915-8.235 16.896-8.406 29.184-7.339.388 0 .788-.015 1.2-.031 3.78-.144 8.519-.324 13.136 10.911 2.339 5.481 6.1 14.589 9.723 23.358 4.638 11.23 9.048 21.906 9.946 23.703 1.579 3.179 2.667 6.699.534 11.179-5.018 9.496-10.245 15.263-14.144 19.565-5.351 5.903-8.203 9.049-4.587 15.294 3.755 6.4 16.469 27.2 35.413 44.16 20.355 18.212 38.065 25.888 47.051 29.784 1.75.759 3.17 1.374 4.213 1.896 6.336 2.88 10.048 2.56 13.782-1.6 3.69-4.224 15.936-18.496 20.138-24.79 5.744-8.615 10.452-6.264 50.885 13.92 2.221 1.108 4.55 2.271 6.993 3.488Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.155 253.727C2.26 30.025 273.728-84.983 437.76 73.587l-.32.833C485.547 122.335 512 186.1 512 253.855 511.915 446.9 303.787 567.86 135.147 476.767L0 512.009l36.181-131.456C13.867 342.047 2.155 298.441 2.155 253.727ZM149.12 434.569c141.376 83.115 320.128-18.581 320.256-181.418 0-56.32-22.059-109.462-62.059-149.12-40.021-40-93.162-62.08-149.781-62.08-166.656 0-267.733 183.04-179.755 323.093l5.099 8-21.44 77.76 80-20.8 7.68 4.565Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    width: 25px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: contain;
}

.botaoWhatsapp:hover {
    background: rgb(30, 225, 103);
    transform: scale(1.1);
}

._320 .botaoWhatsapp {
    bottom: 88px;
    right: 20px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}