.produtos-breadcrumb { padding: 20px 0 0; background: var(--branco); font: 16px titillium; }
.produtos-breadcrumb-list { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.produtos-breadcrumb-item { display: flex; align-items: center; gap: 8px; }
.produtos-breadcrumb-item a { color: var(--cor2); text-decoration: underline; }
.produtos-breadcrumb-item a:hover { color: var(--cor1); }
.produtos-breadcrumb-item .sep { color: var(--cinza); }
.produtos-breadcrumb-item .atual { color: var(--cinza); font-weight: 600; }

.produtos-hero { padding: 48px 0 32px; }
.produtos-hero-compact { padding: 32px 0 16px; }
.produtos-titulo-pagina { display: block; font: 700 32px titillium; color: var(--cor2); margin-bottom: 12px; }
.produtos-hero-subtitulo { font: 600 20px titillium; color: var(--cor1); margin-bottom: 12px; }
.produtos-intro { font: 16px/1.6 titillium; color: var(--cinza); max-width: 720px; }
.produtos-secao-titulo { font: 700 24px titillium; color: var(--cor2); margin-bottom: 24px; }

.produtos-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.produtos-hero-img { aspect-ratio: 4/3; background: #eee; border-radius: 8px; overflow: hidden; }

.produtos-lista-bg { padding: 24px 0 48px; }
.produtos-bg { padding: 80px 0; }
.produtos-bg .produtos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; }
.card-produto { position: relative; }
.card-produto::after { position: absolute; content: ''; width: 25%; background: var(--cor1); height: 12px; transform: translate(-50%, -100%); left: 50%; top: 0; transition: .4s ease; }
.card-produto .hover { position: absolute; width: 100%; height: 100%; transform: translate(-50%, -50%); left: 50%; top: -100%; background: #ff800038; z-index: 3; transition: .5s ease; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; gap: 20px; }
.card-produto .hover .mais { font: 800 20px montserrat; }
.card-produto .title { width: 90%; background-color: var(--branco); margin: 0 auto; display: block; padding: 20px; position: relative; z-index: 2; box-sizing: border-box; text-align: center; font: 25.23px titillium; color: var(--texto); transition: .3s ease; position: absolute; transform: translate(-50%, -50%); left: 50%; }
.card-produto:hover .hover { top: 50%; }
.card-produto .img { position: relative; display: flex; overflow: hidden; }
.card-produto .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.card-produto:hover .title { visibility: hidden; opacity: 0; }
.card-produto .hover .nome { font: 22px / 1.25 titillium; color: var(--branco); }
.card-produto .hover .btn-saiba { max-width: 125px; height: 45px; background: var(--hover); border-radius: 21px; color: var(--branco); display: flex; align-items: center; justify-content: center; font: 17.75px titillium; width: 100%; }
.card-produto:hover::after { background: var(--cor2); }
.produtos-grid-categorias { --itens: 2; --gapX: 24px; --gapY: 24px; }
.produtos-grid-marcas { --itens: 3; --gapX: 20px; --gapY: 20px; }
.produtos-grid-linhas { --itens: 3; --gapX: 20px; --gapY: 20px; }
.produtos-grid-produtos { --itens: 3; --gapX: 20px; --gapY: 20px; }

@media (max-width: 990px) {
    .produtos-bg .produtos { grid-template-columns: 1fr; }
}

.produtos-card {
    display: flex; flex-direction: column; background: var(--branco);
    border: 1px solid #e8e8e8; border-radius: 8px; overflow: hidden;
    transition: box-shadow var(--transition2), transform var(--transition2);
    color: var(--cor2);
}
.produtos-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.1); transform: translateY(-2px); }
.produtos-card-img { aspect-ratio: 16/10; background: #f0f0f0; }
.produtos-card-placeholder { aspect-ratio: 16/10; background: linear-gradient(135deg, #e8e8e8, #f5f5f5); }
.produtos-card-body { padding: 20px; flex: 1; display: flex; flex-direction: column; gap: 8px; }
.produtos-card-titulo { font: 700 18px titillium; }
.produtos-card-subtitulo { font: 14px titillium; color: var(--cor1); }
.produtos-card-texto { font: 14px/1.5 titillium; color: var(--cinza); flex: 1; }
.produtos-card-link { font: 600 13px titillium; color: var(--cor1); margin-top: auto; }
.produtos-card-marca { align-items: center; text-align: center; padding: 24px; min-height: 140px; justify-content: center; }
.produtos-card-logo { max-height: 60px; margin-bottom: 12px; }

.produtos-galeria-bg { padding: 0 0 32px; }
.produtos-galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.produtos-galeria-item { aspect-ratio: 4/3; background: #eee; border-radius: 8px; overflow: hidden; }

.produtos-diferenciais-bg { padding: 32px 0; background: #f9f9f9; }
.produtos-diferenciais-grid { --itens: 4; --gapX: 24px; --gapY: 16px; }
.produtos-diferencial-item { display: flex; align-items: flex-start; gap: 12px; }
.produtos-dif-texto { font: 14px/1.4 titillium; }

.produtos-conteudo-grid { display: grid; gap: 32px }

.produtos-bloco-titulo { font: 700 37.24px / 1.1 titillium; color: var(--cor2); margin-bottom: 12px; display: block; padding-left: 20px; border-left: 6px solid var(--cor1); }
.produtos-bloco-texto { font: 16px/2 titillium; color: var(--cinza); }
.produtos-conteudo-bg { padding: 30px 0; }
.produtos-conteudo-cta { display: flex; justify-content: center; margin-top: 8px; }
.produtos-conteudo-cta .whats-btn { display: flex; align-items: center; justify-content: center; gap: 3px; }
.produtos-conteudo-cta .whats-btn .img { background: #77D98A; padding: 0 12px 0 15px; display: flex; align-items: center; justify-content: center; height: 42px; border-radius: 21px 0 0 21px; }
.produtos-conteudo-cta .whats-btn p { background: #009F00; display: flex; align-items: center; justify-content: center; height: 42px; padding: 0 15px; border-radius: 0 21px 21px 0; color: var(--branco); font: 17.75px titillium; }

.produtos-marca-secao { padding: 40px 0 56px; }
.produtos-marca-secao + .produtos-marca-secao { border-top: 1px solid #eee; }
.produtos-marca-cabecalho { display: flex; align-items: center; gap: 24px; margin-bottom: 40px; flex-wrap: wrap; }
.produtos-marca-logo { flex: 0 0 auto; max-width: 180px; max-height: 70px; }
.produtos-marca-logo img { display: block; width: 100%; height: auto; object-fit: contain; }
.produtos-marca-titulo { flex: 1; min-width: 240px; font: 700 28px/1.2 titillium; color: var(--cor2); padding-left: 20px; border-left: 6px solid var(--cor1); margin: 0; }

.produtos-linhas-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; }
.card-linha { position: relative; display: block; color: var(--cor2); text-align: center; }
.card-linha::before { position: absolute; content: ''; width: 25%; background: var(--cor1); height: 12px; transform: translate(-50%, 0); left: 50%; top: 0; z-index: 2; transition: .4s; }
.card-linha .img { position: relative; display: flex; overflow: hidden; margin-top: 12px; aspect-ratio: 1; background: #fff; border: 1px solid var(--cor2); }
.card-linha .img img { display: block; width: 90%; height: 100%; object-fit: contain; margin: 0 auto; }
.card-linha-placeholder { margin-top: 12px; aspect-ratio: 1; background: linear-gradient(135deg, #e8e8e8, #f5f5f5); }
.card-linha-nome { display: block; margin: 16px 0 0; font: 20px / 1.25 titillium; color: var(--texto); }
.card-linha-nome strong { font-weight: 700; }

.card-linha { overflow: hidden; }
.card-linha .img { position: relative; }
.card-linha .img .hover { position: absolute; width: 100%; height: 100%; transform: translate(-50%, -50%); left: 50%; top: -100%; background: #ff800038; z-index: 3; transition: .5s ease; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; gap: 20px; }
.card-linha .img .hover .mais { font: 800 20px montserrat; }
.card-linha:hover .img .hover,
.card-linha:focus-within .img .hover { top: 50%; }
.card-linha .img .hover .nome { font: 25.23px titillium; color: var(--branco); }
.card-linha .img .hover .btn-saiba { max-width: 125px; height: 45px; background: var(--hover); border-radius: 21px; color: var(--branco); display: flex; align-items: center; justify-content: center; font: 17.75px titillium; width: 100%; }
.card-linha:hover::before { background: var(--cor2); }

.produtos-cta-bg { padding: 24px 0 48px; }
.produtos-interna-hero { padding: 32px 0 16px; }
.produtos-interna-linha { font: 15px titillium; color: var(--cinza); }

@media (max-width: 1100px) {
    .produtos-linhas-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 990px) {
    .produtos-hero-grid { grid-template-columns: 1fr; }
    .produtos-grid-categorias,
    .produtos-grid-marcas,
    .produtos-grid-linhas,
    .produtos-grid-produtos { --itens: 1; }
    .produtos-diferenciais-grid { --itens: 2; }
    .produtos-titulo-pagina { font-size: 26px; }
}

@media (max-width: 768px) {
    .produtos-linhas-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .produtos-marca-titulo { font-size: 22px; }
}

@media (max-width: 480px) {
    .produtos-linhas-grid { grid-template-columns: 1fr; }
    .produtos-marca-cabecalho { flex-direction: column; align-items: flex-start; }
    .produtos-marca-titulo { padding-left: 16px; border-left-width: 4px; }
}