:root {
    --cor-principal-produto: #E3B5CA;
    --cor-secundaria: #E3B5CA;
    --cor-sombra: #ffd8c0;
    --cor-borda: #f3e1d2;
    --cor-title-primaria: #00000;
}

.section-beneficios {
    background: #fff;
}

.section-sobre {
    background: var(--cor-principal-produto);
}

.section-depoimentos-image {
    background: var(--cor-secundaria);
}

.section-depoimentos-image img {
    border-radius: 15px;
}

@media (max-width: 768px) {
    .section-sobre .caixa-mockup {
        width: 250px;
        margin-bottom: 20px;
    }
}

.section-mensagem-sache {
    background: #fff;
}

.section-video {
    background: var(--cor-principal-produto)
}

.section h3 {
    color: var(--cor-title-primaria);
}

.thumb-video-depo {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--cor-borda);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.thumb-video-depo:hover {
    box-shadow: 0 0 20px var(--cor-sombra);
}

.thumb-video-depo .div-content-text {
    background: rgb(255 255 255);
    padding: 18px 8px;
    min-height: 80px;
    display: grid;
    align-content: center;
}

.thumb-video-depo .div-content-text h4 {
    font-size: 1.2em;
    color: var(--cor-title-primaria);
}

.thumb-video-depo .div-content-text p {
    font-size: 0.9em;
    color: #666;
}

.thumb-video-depo .imagem-thumb {
    position: relative;
}

.thumb-video-depo .imagem-thumb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0%);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    top: 0;
    left: 0;
}

.thumb-video-depo:hover .imagem-thumb::before {
    background-color: rgb(0 0 0 / 50%);
}

.thumb-video-depo .imagem-thumb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 20%);
    top: 0;
    left: 0;
}

.thumb-video-depo .icon-player {
    z-index: 9;
    width: 20%;
    position: absolute;
    left: 40%;
    top: 40%;
    box-shadow: 0 0 34px rgb(0 0 0 / 13%);
    border-radius: 300px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.thumb-video-depo:hover .icon-player {
    transform: scale(1.3);
}




.section-beneficios {
    background: #fff;
}

.section-sobre {
    background: var(--cor-secundaria);
    color: rgb(255 255 255 / 70%) !important;
}

.section-sobre h3 {
    color: var(--cor-destaque) !important;
}

.section h3 {
    color: var(--cor-title-primaria);
}

.icone__ingrediente {
    border-radius: 50%;
    border: 5px solid;
    color: var(--cor-destaque);
}

.item-ingrediente .title {
    color: var(--cor-destaque) !important;
}

.item-ingrediente .desc {
    color: rgb(255 255 255 / 70%) !important;
}

.section-ingredientes {
    background: var(--cor-secundaria);
}

.section-ingredientes h3 {
    color: var(--cor-destaque) !important;
   
}