/* Páginas jurídicas (/termos-de-uso, /privacidade) — mesmo tema do site:
   vermelho #ea3636, escuro #14191d, texto #2d3643. Hero reaproveita o
   visual do .coming-hero das páginas "Em breve". */

.legal-hero {
  background-color: #14191d;
  /* fundo abstrato dos títulos (escuro à esquerda, curvas e vermelho à
     direita) com um véu à esquerda para o texto ler bem */
  background-image: linear-gradient(90deg, rgba(5, 7, 10, 0.78) 0%, rgba(5, 7, 10, 0.6) 40%, rgba(5, 7, 10, 0.12) 68%, rgba(5, 7, 10, 0) 100%),
    url("../img/bg-top-titulos.webp");
  background-size: cover;
  background-position: center;
  padding: 9rem 0 7rem;
}

.legal-hero .tag {
  display: inline-block;
  font-size: 1.3rem;
  letter-spacing: 0.2em;
  color: #ea3636;
  border: 1px solid #ea3636;
  border-radius: 3rem;
  padding: 0.8rem 2rem;
  margin-bottom: 2.4rem;
}

.legal-hero h1 {
  font-size: 5.2rem;
  color: #fff;
  max-width: 64rem;
}

.legal-hero h1 strong {
  color: #ea3636;
}

.legal-hero > .container > p {
  font-size: 1.9rem;
  color: rgba(255, 255, 255, 0.75);
  max-width: 52rem;
  margin-top: 1.6rem;
}

.legal-content {
  padding: 8rem 0;
}

.legal-content article {
  max-width: 84rem;
}

.legal-content article + article {
  margin-top: 5rem;
}

.legal-content h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  color: #2d3643;
  margin-bottom: 1.2rem;
}

.legal-content p,
.legal-content li {
  font-size: 1.6rem;
  color: #5b6672;
  line-height: 1.7;
}

.legal-content p + p,
.legal-content ul {
  margin-top: 1.2rem;
}

.legal-content a {
  display: inline; /* o reset do template força a { display: block } */
  color: #ea3636;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.legal-content a:hover {
  color: #2d3643;
}

.legal-content ul {
  padding-left: 2rem;
  list-style: disc;
}

@media (max-width: 991px) {
  .legal-hero h1 {
    font-size: 4rem;
  }

  .legal-hero {
    /* mostra o lado escuro e as curvas; o vermelho ficaria sob o título */
    background-image: linear-gradient(rgba(5, 7, 10, 0.45), rgba(5, 7, 10, 0.45)),
      url("../img/bg-top-titulos.webp");
    background-position: 30% center;
  }
}

/* Link "Preferências de cookies" no texto da política (abre o painel) */
.legal-cookie-link {
  font-family: inherit;
  font-size: inherit;
  color: #ea3636;
  text-decoration: underline;
  cursor: pointer;
}