body {
    font-family: "Montserrat", sans-serif;
}

.login-min {
    width: 178px;
    background: #04015a;
    padding: 5px;
}

.wt-100 {
    width: 100%;
    padding: 20px;
}

.header {
    background-color: #22196A;
    padding-top: 50px;
    padding-bottom: 50px;
}

.menu {
    float: right;
}

.topo {
    align-items: center;
}

.topo a {
    color: white;
    margin: 0 10px;
    text-decoration: none;
    font-size: 1.3rem;
}

.topo a:hover {
    border-bottom: 1px solid white;
}

.logo {
    max-width: 302px;
    max-height: 60px;
}

.carousel-item {
    transition: opacity 2s ease-in-out, transform 1s ease-in-out;
    opacity: 100;
}

.carousel-inner {
    background-color: #2118672b;
    /* Escolha uma cor de fundo que combine com as imagens */
}

.opacity-0 {
    opacity: 0;
}

.bule {
    background-color: #FF2660;
    /* background-image: url('../images/BOX.jpg'); */
    background-position: bottom;
    /* background-repeat: no-repeat; */
    padding: 60px 20px;
}

.bule-image {
    width: 100%;
}

.bule h1 {
    color: white;
    text-transform: uppercase;
    font-size: 3.8rem;
    margin-bottom: 70px;
    /* margin-left: 2%; */
}

.bule p {
    color: white;
    /* text-transform: uppercase; */
    font-size: 1.5rem;
    font-weight: normal;
    text-align: justify;
    /* margin-left: 2%; */
}

.bule h3 {
    color: #28196A;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 50px 0 0 0;
    text-align: center;
}

.botao-xicara {
    background-image: url('../images/botao_xicara.png');
    width: 449px;
    height: 124px;
    float: left;
    text-decoration: none;
}

.botao-xicara h1 {
    color: white;
    font-size: 1.7rem;
    width: 50%;
    font-weight: normal;
    text-align: center;
    margin: 20px 0 0 65px;
}


/* .video-frase {
    height: 72px;
    background-image: url('../images/case.jpg');
    margin-bottom: -72px;
    opacity: 0.8;
} */

.video {
    padding: 20px;
    background-image: url('../images/case_bg-min.png');
}

.video h2 {
    color: #FF2B5E;
    font-size: 2.5rem;
    margin: 60px 0 0 0;
}

.legenda-1 {
    text-align: left;
    color: #04015A;
    font-size: 1rem;
    margin: 10px 0;
    height: 90px;
    /* margin-left: 17%; */
}

.img-video {
    max-width: 600px;
    /* margin-left: 17%; */
}

.fundo-video {
    background-image: url('../images/bg_video-min.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 568px;
    width: 100%;
}

.fundo-video1 {
    background-image: url('../images/youtube/cafezinho-play.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 537px;
    width: 100%;
    border-radius: 25px;
}

.fundo-video1::before {
    position: absolute;
    content: " ";
    background-image: url('../images/play.png');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: center;
    height: 537px;
    width: 100%;
}

.fundo-video2 {
    background-image: url('../images/youtube/dona-cora-play.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 537px;
    width: 100%;
    border-radius: 25px;
}

.fundo-video2::before {
    position: absolute;
    content: " ";
    background-image: url('../images/play.png');
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: center;
    height: 537px;
    width: 100%;
}

.saiba-texto h5 {
    color: #04015A;
    font-size: 1.2rem;
    margin: 25px 0;
}

.saiba-texto p {
    color: #04015A;
    text-align: left;
    margin: 25px 0;
    font-size: 1.13rem;
    border-left: 5px solid #FF2B5E;
    padding: 3px;
}

.varejo {
    background-color: white;
    padding: 50px;
}

.varejo h1 {
    padding: 25px;
    color: #231A69;
}

.varejo-image {
    background-image: url('../images/CARD-min.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    border: 5px solid none;
    border-radius: 20px;
    width: 51%;
    box-shadow: 2px 2px 5px #8888;
}

.listCarousel {
    width: 50%;
    margin: 0 auto;
    box-shadow: 12px 10px 22px #8888;
    border-radius: 20px;
}

.carousel-control-next,
.carousel-control-prev {
    width: 4%;
}

#carouselExampleFade .carousel-control-next img,
#carouselExampleFade .carousel-control-prev img {
    width: 30px;
}

.listCarousel .carousel-item img {
    border-radius: 20px;
}

.varejo h3 {
    color: #231A69;
    font-size: 1.3rem;
    text-align: center;
    margin-top: 70px;
}

.botao-tomarcafe {
    background-color: #FF9400;
    margin: 45px auto;
    max-width: 460px;
    padding: 20px;
    text-align: center;
    border-radius: 60px;
    text-decoration: none;
}

.botao-tomarcafe a {
    color: white;
    font-size: 1.5rem;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}

.historia {
    width: 100%;
    background-image: url('../images/bg_historia-min.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 20px 0 20px;
}

.historia .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    height: 106vh;
    max-height: 550px;
}

.historia h1 {
    color: white;
    text-align: center;
    font-size: 2.2rem;
}

.historia p {
    color: white;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: justify;
}

.historia .pessoas {
    width: 100%;
    max-width: 500px;
}

.amigo {
    background-color: #A6A6A6;
    /* background-image: url('../images/fundo_box.png'); */
    background-position: bottom right;
    /* background-repeat: no-repeat; */
    background-size: 200px;
    padding: 50px 10px;
}

.amigo-image {
    max-width: 100%;
    max-height: 675px;
    margin: 0 auto;
}

.amigo h2 {
    color: white;
    font-size: 2.5rem;
    margin: 0 0 50px;
    text-align: left;
    padding: 20px;
}

.amigo .bloc-text {
    padding: 30px;
    border-radius: 20px;
    background-color: #CBCBCB;
}

.amigo p {
    color: #231A69;
    font-size: 19.5px;
}

.amigo h6 {
    color: #231A69;
}

.formulario {
    color: white;
    padding: 20px;
}

.formulario h1 {
    color: #FF9400;
    font-size: 2rem;
    text-align: center;
}

.dados {
    float: left;
    clear: both;
    background-color: #FF9400;
    height: auto;
    padding: 20px;
    width: 100%;
}

.dados h2 {
    color: white;
    text-align: center;
    font-size: 2rem;
}

.dados p {
    color: white;
    font-size: 1rem;
    text-align: 0 0 0 450px;
}

.form-label {
    width: 100%;
    max-width: 640px;
}

.formulario-campos {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.campo {
    border-radius: 10px;
}

input[type="checkbox"]+label::before {
    content: "";
    display: inline-block;
    height: 37px;
    width: 37px;
    float: left;
    margin: 5px 5px 33px 0;
    /* background: url(../images/checkbox_vasio.png); */
    border: solid 2px white;
}

input[type="checkbox"]:checked+label::before {
    content: "";
    display: inline-block;
    height: 37px;
    width: 37px;
    background: url('../images/checkbox_cheio.png');
    background-size: contain;
}

input[type="checkbox"] {
    display: none;
}

.text-check {
    color: white;
    font-size: 0.8rem;
    text-align: left;
}

.btn-enviar {
    border-radius: 20px;
    width: 100%;
    max-width: 95px;
    border: none;
    background-color: #FF6634;
    color: white;
    float: inline-end;
}

.footer {
    background-color: #FF9400;
    padding: 20px;
    width: 100%;
    clear: both;
}

.footer p {
    color: white;
    font-size: 1.2rem;
    margin: 0;
    display: flex;
    align-items: center;
}

.footer .hz {
    width: 100%;
    max-width: 300px;
    margin: 20px 0 10px 0;
}

.footer p img {
    float: left;
    margin-right: 3px;
}

.redes {
    float: right;
    margin: 50px;
}

#carouselExampleFade {
    background-color: #04015A;
}

#navegation {
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 9999;
    text-align: right;
}

#navegation .na {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 50px;
    float: right;
    clear: both;
    gap: 10px;
    padding: 5px;
    background-color: #04015A;
}

#navegation .na a {
    color: white;
    text-decoration: none;
}

#navegation .na a:hover {
    color: white;
    border-bottom: 1px solid white;
}

#links {
    display: none;
}

#navegation .na img {
    width: 42px;
}

.checkbox-form {
    width: 60%;
    float: left;
}

.carousel-indicators [data-bs-target] {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #ECECEC;
    opacity: 1;
}

.carousel-indicators .active {
    background-color: #FF2C5F;
}