.produtos-page .hero {
  width: 100%;
  padding: 5rem 0;
  min-height: 100%;
}

.produtos-page .hero.coberturas {
  background:
    linear-gradient(270deg, rgba(0, 23, 49, 0) 0%, rgba(0, 23, 49, 0.9) 66.83%),
    url("../images/coberturas.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.produtos-page .hero.toldos {
  background:
    linear-gradient(270deg, rgba(0, 23, 49, 0) 0%, rgba(0, 23, 49, 0.9) 66.83%),
    url("../images/toldos.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.produtos-page .hero.envidracamento {
  background:
    linear-gradient(270deg, rgba(0, 23, 49, 0) 0%, rgba(0, 23, 49, 0.9) 66.83%),
    url("../images/envidracamento.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.produtos-page .hero.armazenamento {
  background:
    linear-gradient(270deg, rgba(0, 23, 49, 0) 0%, rgba(0, 23, 49, 0.9) 66.83%),
    url("../images/armazenamento.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.produtos-page .hero.projetos-especiais {
  background:
    linear-gradient(270deg, rgba(0, 23, 49, 0) 0%, rgba(0, 23, 49, 0.9) 66.83%),
    url("../images/projetos-especiais.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.produtos-page .hero .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
}

.produtos-page .hero h2 {
  color: var(--COR-Texto-claro, #fff);
  font-size: var(--TIPOGRFIA-H2, 3rem);
  font-style: normal;
  font-weight: 600;
  line-height: var(--ESPAAMENTO-TIPOGRFIA-Line-height-H2, 60px); /* 125% */
  letter-spacing: -1.44px;
}

.produtos-page .hero p {
  color: #fff;
  font-size: var(--TIPOGRFIA-TEXT, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}

.produtos-page .hero .orcamento {
  display: flex;
  width: 281px;
  height: 56px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 6px;
  background: var(--Foundation-Blue-Normal, #063973);
  color: var(--COR-Fundo-geral, #f7f7f7);
  text-align: center;
  font-size: var(--TIPOGRFIA-TEXT, 1rem);
  font-style: normal;
  text-decoration: none;
  transition: background-color 0.3s ease;
  font-weight: 600;
  line-height: var(--ESPAAMENTO-TIPOGRFIA-Texto-comum, 24px); /* 150% */
}

.produtos-page .hero .orcamento:hover {
  background-color: #0053a9;
}

.produtos-page article .container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 114px;
  padding: 5rem 0;
}

.produtos-page .text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  max-width: 766px;
}

.produtos-page .text h3 {
  color: var(--corh-1-h-4, #121212);
  font-size: var(--TIPOGRFIA-H4, 1.5rem);
  font-style: normal;
  font-weight: 600;
  line-height: var(--ESPAAMENTO-TIPOGRFIA-Line-height-H4, 32px); /* 133.333% */
}

.produtos-page .text p {
  color: var(--COR-Texto, #424242);
  font-size: var(--TIPOGRFIA-TEXT, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: var(--ESPAAMENTO-TIPOGRFIA-Texto-comum, 24px); /* 150% */
}

@media (max-width: 767px) {
  .produtos-page .hero h2 {
    font-size: 2rem;
  }
}