/* depoimentos */
.depoimento a {
    display: flex;
    flex-direction: column;
    padding: 18px 15px;
    border-radius: 5px;
    margin: 0 8px;
    align-items: center;
    text-align: center;
    border: 1px solid #ffffff;
    box-shadow: 0 1px 4px 1px rgb(181 181 181 / 10%);
}
.depoimento .dep-dados {
    display: flex;
    flex-direction: column;
}
.depoimento .dep-img {
    margin-bottom: 14px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.depoimento .dep-msg {
    font-size: 18px;
    line-height: 18px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: fit-content;
}
.depoimento .dep-msg i {
    color: #fbfbfb;
    font-size: 13px;
}
.depoimento .dep-msg i:first-child {
    margin-right: 7px;
}
.depoimento .dep-msg i:last-child {
    margin-left: 7px;
}
.depoimento strong {
    font-size: 14px;
    margin-top: 15px;
    line-height: 14px;
}
.depoimento .dep-estrelas {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    margin-top: 5px;
}
.vitrine-depoimentos .slick-arrow {
    margin-top: 0px
}
.newsletter .newsletter-titulo span {
    display: flex !important;
    font-weight: 900;
    margin: 0;
    font-size: 16px;
    line-height: 19px;
    margin-left: 15px;
}
.cores-personalizadas .total strong {
    color: #000000;
}
.produto-detalhes .botao-whatsapp a {
    padding: 15px 15px!important;
}
.produto-detalhes .botao-whatsapp a span {
    font-size: 15px!important;
    line-height: 11px!important;
}
@media only screen and (max-width: 1024px){
.botao-whatsapp a {
    padding: 15px 10px !important;
    font-size: 13px;
    line-height: 12px;
}}
.botao-whatsapp a {
    padding: 14px 14px !important;
}
strong.preco-promocional.titulo {
    color: #333 !important;
}
strong.cor-principal.titulo.font-15 {color: #333 !important;
}
/* Remove o icone do titulo "Pneus remold" (secao de video) */
.vitrine-video .titulo2 svg {
    display: none;
}
/* Esconde o icone duplicado do Pix no rodape, mantendo so o box "Pagamento com PIX" */
.logo-rodape-pix-proxy-pagali-v2 {
    display: none !important;
}
/* Esconde por completo o bloco de gateways no rodape (a imagem do Pix ja estava oculta, mas a "caixa" vazia continuava aparecendo) */
.gateways-rodape {
    display: none !important;
}
/* Corrige contraste de todos os textos do menu lateral de categorias (medidas + categorias irmãs) */
.menu-lateral a,
.menu-lateral a strong.titulo,
.menu-lateral li a {
    color: #444444 !important;
}
/* Corrige contraste de todos os textos do menu lateral de categorias (medidas + categorias irmãs) */
.menu-lateral a,
.menu-lateral a strong.titulo,
.menu-lateral li a {
    color: #444444 !important;
}
/* Corrige contraste dos textos nos filtros extras (categorias irmãs + diametro/largura/etc) */
.lateral.outras a,
.lateral.outras strong {
    color: #444444 !important;
}
/* Adiciona rótulo e fundo diferenciado ao bloco "outras categorias" no menu lateral, 
   pra separar visualmente das medidas do pneu (evita confusão entre os dois blocos) */
.menu.lateral.outras {
    background-color: #f5f5f5;
    border: none;
    padding-top: 16px;
}
.menu.lateral.outras::before {
    content: "Outras categorias";
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999999;
    margin-bottom: 10px;
    margin-left: 16px;
    letter-spacing: 0.5px;
}
/* Efeito hover: destaca a cor do texto ao passar o mouse (medidas, categorias e filtros da lateral) */
.menu.lateral a,
.menu.lateral.outras a,
.lateral.outras a {
    transition: color 0.2s ease;
}

.menu.lateral a:hover,
.menu.lateral.outras a:hover,
.lateral.outras a:hover {
    color: #033BB1 !important;
}

.menu.lateral a:hover strong,
.menu.lateral.outras a:hover strong,
.lateral.outras a:hover strong {
    color: #033BB1 !important;
}
/* Efeito hover: destaca a cor do texto no menu superior (dropdown de categorias) */
.menu-desktop .submenu a,
.menu-desktop .level2 a {
    transition: color 0.2s ease;
}

.menu-desktop .submenu a:hover,
.menu-desktop .level2 a:hover {
    color: #033BB1 !important;
}
/* Aplica a cor oficial do WhatsApp no botão flutuante de suporte */
.suporte-botao.wp-botao {
    background-color: #25D366 !important;
}