/* =========================
   PÀGINES LEGALS
   Avís legal, privadesa i cookies. Abans cada plantilla carregava
   l'inici.css per una ruta relativa (i l'avís legal, una que no existia:
   /static/css/cat/inici.css, error 404), i la classe .groc no estava
   definida enlloc: els telèfons i els enllaços sortien com a text normal.
   ========================= */

.legal{
  max-width: 900px;
  margin: 0 auto;
  padding: 3rem 1rem 4rem;
  line-height: 1.7;
}

.legal h1{
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  margin-bottom: .75rem;
}

.legal h2{
  font-family: 'Montserrat', sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  margin-top: 2.5rem;
  margin-bottom: .75rem;
}

.legal p, .legal li{ color:#333; }
.legal ul{ padding-left: 1.25rem; }
.legal li > p{ margin-bottom: .5rem; }

/* El daurat de la casa (--color-gold a base.css) */
.groc{ color: var(--color-gold, #b79a54); }

a.groc{
  text-decoration: none;
  border-bottom: 1px solid rgba(183,154,84,.45);
}
a.groc:hover{
  color: var(--color-gold, #b79a54);
  border-bottom-color: var(--color-gold, #b79a54);
}

hr.groc{
  border: 0;
  border-top: 3px solid var(--color-gold, #b79a54);
  opacity: 1;
  margin-bottom: 2rem;
}

.legal .actualitzacio{
  margin-top: 3rem;
  color: #6b6b6b;
}

@media (max-width: 575.98px){
  .legal{ padding: 2rem 1rem 3rem; }
  .legal h2{ font-size: 1.2rem; }
}