.produtos-bg {padding: 80px 0 60px;}
.produtos-bg .produtos {display: grid; grid-template-columns: 30% 1fr; gap: 40px;}
.produtos .produtos-conteudo-titulo > .titulo {font: 400 33px ubuntu; color: var(--preto); margin-bottom: 25px;}
.produtos .lista-produtos {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.produtos .produto {display: flex; flex-direction: column; gap: 25px; align-items: center;}
.produto .produto-nome {font: 400 17.36px ubuntu; color: var(--preto_titulo); text-align: center; text-overflow: ellipsis; -webkit-line-clamp: 4; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;}
.lista-produtos .produto {border: 1px solid rgba(0, 0, 0, 0.18); border-radius: 15px; padding: 20px;}
.produto .btn-saiba-mais {font: 400 16.61px ubuntu; color: var(--branco); background: var(--cor1);margin-top: auto; width: 100%; border-radius: 10px; height: 40px; display: flex; align-items: center; justify-content: center;}

.produtos .lista-produtos {padding: 40px 0 0; border-top: 3px solid var(--cor3);}
.lista-produtos .produto-imagem img {width: 100%; height: 100%; object-fit: contain; max-height: 130px;}
.produtos .categoria-secao {margin-bottom: 60px;}
.produtos .categoria-secao:last-child {margin-bottom: 0;}
.produtos .categoria-titulo {font: 400 28px ubuntu; color: var(--preto); margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid var(--cor3);}
.produtos .categoria-secao .lista-produtos {border-top: none; padding-top: 0;}

.categoria-descricao-bg {padding: 70px 0;}
.subcategoria-descricao .titulo,
.categoria-descricao .titulo {font: 400 32.22px ubuntu; margin-bottom: 25px;}
.subcategoria-descricao .texto,
.categoria-descricao .texto {font: 300 16px / 29.12px ubuntu}
.subcategoria-descricao .texto strong,
.categoria-descricao .texto strong{font-weight: 700;}


.subcategoria-descricao-bg {background: var(--cor3); padding: 65px 0;}


.perguntas-frequentes .titulo {font: 400 32.22px ubuntu; color: var(--preto); margin: 0 0 25px;}
.perguntas-frequentes .pergunta-item .pergunta {font: 700 18px ubuntu; box-sizing: border-box; overflow: hidden; position: relative; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); min-height: 65px; color: var(--preto); width: 100%; border-radius: 15px; display: flex; align-items: center; border: 1px solid rgba(0, 0, 0, 0.18); padding: 10px 30px;cursor: pointer;}
.perguntas-frequentes .pergunta-item .resposta {font: 300 16px / 29.12px ubuntu; color: var(--preto); padding: 35px 25px;}
.perguntas-frequentes .pergunta-item:not(.active) .resposta{display: none;}
.perguntas-frequentes .perguntas-lista {display: flex; flex-direction: column; gap: 25px;}
.perguntas-frequentes .pergunta-item .pergunta::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--cor2);transform: scaleX(0);transform-origin: left;transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index: -1;border-radius: 15px;}
.perguntas-frequentes .pergunta-item .pergunta::after {position: absolute;right: 30px;font-size: 20px;color: var(--cor2);transform: translateX(20px) rotate(0deg);opacity: 0;transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.perguntas-frequentes .pergunta-item .pergunta:hover::before {transform: scaleX(1);}
.perguntas-frequentes .pergunta-item .pergunta:hover::after {transform: translateX(0) rotate(45deg);opacity: 1;color: var(--branco);}
.perguntas-frequentes .pergunta-item .pergunta:hover {color: var(--branco);transform: scale(1.01);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);border-color: var(--cor2);}
.perguntas-frequentes .pergunta-item.active .pergunta {background-color: var(--cor2); border-color: var(--cor2); color: var(--branco);}

.perguntas-frequentes-bg {padding: 70px 0 90px;}


@media(max-width: 990px){
    .produtos-bg {padding: 40px 0;}
    .produtos-bg .produtos {grid-template-columns: 1fr;}
    .categoria-descricao-bg,
    .subcategoria-descricao-bg {padding: 30px 0;}
    .perguntas-frequentes-bg {padding: 30px 0 0;}
    .perguntas-frequentes .pergunta-item .resposta {padding: 20px; text-align: justify;}
    .perguntas-frequentes .pergunta-item .pergunta {font-size: 15px;}
}

@media(max-width: 800px){
    .produtos .lista-produtos {grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 500px) {
    .produtos .lista-produtos {grid-template-columns: 1fr;}
}