/*CORES*/
:root{
    --laranja: #ff625f;
    --verde: #97b958;
    --roxo: #983993;
    --amarelo: #ffc328;
    --bege: #f2e8db;
    --bege2: #f4f0ea;
    --branco: #ffffff;
    --branco2: #fff7ec;
    --preto: #353534;
}

.bg-bege {
    background-color: var(--branco2);
}
.bg-bege2 {
    background-color: var(--bege2);
}
.bg-roxo {
    background-color: var(--roxo);
}
.bg-roxo h2,
.bg-roxo h3,
.bg-roxo h4,
.bg-roxo p {
    color: var(--branco2);
}
.mw-700 {
    max-width: 720px;
    text-align: center;
    margin: auto;
}
.center {
    display: block;
    margin: auto;
}
p.dest {
    color: #747376;
    font-size: 18px;
    font-weight: 700;
}
.d1 {
    color: var(--roxo);
    font-weight: bold;
}
.d2 {
    color: var(--verde);
    font-weight: bold;
}
.d3 {
    color: var(--laranja);
    font-weight: bold;
}
.d4 {
    color: var(--amarelo);
    font-weight: bold;
}

.text-justify {
    text-align: justify;
}

span.numero {
    width: 100px;
    text-align: center;
    font-size: 180px;
    line-height: 1;
}

.centralize2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* HEADER */
header {
    width: 100%;
    background-color: var(--laranja);
    padding: 20px;
    position: fixed;
    z-index: 999;
}
header p {
    margin: 5px 0;
}
header span {
    color: var(--branco2);
}
header .botao-1 {
    display: block;
    width: fit-content;
    margin: auto;
    margin-right: 0;
}

/* BOTOES */
.botao-1 {
    color: var(--branco2);
    background-color: var(--verde);
    padding: 5px 15px;
}
.botao-2 {
    display: block;
    color: var(--branco);
    background-color: var(--verde);
    padding: 10px;
    font-size: 26px;
}
.botao-3 {
    display: block;
    width: fit-content;
    background-color: var(--verde);
    color: #ffffff;
    padding: 10px 50px 6px;
    font-size: 26px;
    margin: auto;
    border-radius: 5px;
}
.botao-4 {
    width: calc(50% - 2px);
    display: inline-block;
    color: var(--branco);
    background-color: var(--verde);
    padding: 10px;
    font-size: 26px;
}

/* ESPACOS */
.espaco-15 {
    height: 15px;
}
.espaco-30 {
    height: 30px;
}
.espaco-60 {
    height: 60px;
}
.espaco-120 {
    height: 120px;
}


/* TITULOS */
.ttl-1 {
    font-size: 40px;
    text-align: center;
}
.ttl-2 {
    text-align: center;
}

/* ITEM */
.item {
    text-align: center;
    max-width: 260px;
    margin: auto;
}
.item img {
    height: 200px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
}


/* DEPOIMENTO */
.depoimento {
    text-align: center;
    background-color: var(--bege);
    padding: 30px;
}
.depoimento h4 {
    font-size: 20px;
}
.depoimento .centralize {
    height: 360px;
}
.depoimento img {
    max-width: 130px;
    border-radius: 130px;
}
.depoimento p {
    margin: 20px 0;
}

/* DIVISOR */
.divisor {
    position: relative;
}
.divisor img {
    width: 100%;
}
.divisor h3 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    position: absolute;
    bottom: 28%;
    left: 0;
}

.divisor.d1 {
    color: var(--branco);
}

.divisor.d2 h3 {
    bottom: 36%;
}

.divisor.vermelho {
    background-color: var(--laranja);
    padding: 100px 0;
    color: #ffffff;
    position: relative;
}
.divisor.vermelho::after,
.divisor.vermelho::before{
    content: ' ';
    display: block;
    width: 100px;
    height: 100px;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 50px);
}
.divisor.vermelho::before{
    background-color: var(--branco2);
    top: -50px;
}

.divisor.roxo {
    background-color: var(--roxo);
    padding: 100px 0;
    color: #ffffff;
    position: relative;
}
.divisor.roxo::after,
.divisor.roxo::before{
    content: ' ';
    display: block;
    width: 100px;
    height: 100px;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 50px);
}
.divisor.roxo::before{
    background-color: #ffffff;
    top: -50px;
}

.divisor.roxo2 {
    background-color: var(--roxo);
    padding: 100px 0;
    color: #ffffff;
    position: relative;
}
.divisor.roxo2::before{
    content: ' ';
    display: block;
    width: 100px;
    height: 100px;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 50px);
}
.divisor.roxo2::before{
    background-color: var(--branco2);
    top: -50px;
}
.divisor.roxo2 img {
    width: auto;
}

.divisor.verde {
    background-color: var(--verde);
    padding: 100px 0;
    color: #ffffff;
    position: relative;
}
.divisor.verde::after,
.divisor.verde::before{
    content: ' ';
    display: block;
    width: 100px;
    height: 100px;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 50px);
}
.divisor.verde::before{
    background-color: #ffffff;
    top: -50px;
}


/* GERAL */
img.logo {
    display: block;
    width: 350px;
    margin: 50px auto;
}

img.icone {
    display: block;
    width: fit-content;
    margin: auto;
    margin-bottom: 50px;
}

.b1a .ttl-1 {
    max-width: 505px;
    margin: auto;
}
.b2a .ttl-1 {
    max-width: 600px;
    margin: auto;
}
.b5b .botao-2 {
    max-width: 700px;
    margin: auto;
}
.b7b img {
    display: block;
    max-width: 400px;
    margin: auto;
}
.b8b p {
    font-size: 18px;
}
.b8e .centralize>div {
    width: 450px;
}

.o-manual {
    position: relative;
}
.o-manual img {
    max-width: 181px;
    border-radius: 500px;
}
.o-manual .seta {
    width: 100px;
    height: 100px;
    position: absolute;
    background-image: url(/assets/img/seta.png);
}
.o-manual .seta.s1 {
    transform: scaleX(-1);
    right: 10%;
    top: 16%;
}
.o-manual .seta.s2 {
    left: 10%;
    top: 44%;
}
.o-manual .seta.s3 {
    transform: scaleX(-1);
    right: 10%;
    top: 70%;
}

.text-centralizado {
    text-align: center;
    width: 640px;
    margin: auto;
}

.accordion-item,
.accordion-button {
    background-color: transparent;
    font-weight: 500;
    border: none;
    border-top: 1px solid var(--preto);
}
.accordion-button:not(.collapsed) {
    color: var(--preto);
    background-color: var(--bege);
    border-top: none;
    box-shadow: none;
}

/* FOOTER */
footer img {
    width: 120px;
}
footer ul li {
    color: var(--branco);
    display: inline-block;
    margin-right: 20px;
}
footer ul li a {
    font-weight: 500;
}
footer p {
    font-size: 14px;
    font-weight: 300;
}
footer .ponto {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: var(--laranja);
    margin-bottom: 3px;
    margin-right: 18px;
    border-radius: 5px;
}

#whatsapp-btn {
    position: fixed;
    max-width: 80px;
    right: 5px;
    bottom: 5px;
    z-index: 2;
}
.mw {
    max-width: 800px;
    margin: auto;
}

input#termos {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
}
#form1 span a {
    color: blue;
    text-decoration: underline;
}

#main {
    /*padding-top: 80px;*/
}