/* Estilos para paginas legales (privacidad, terminos, aviso) */

.legal-content{
  max-width:860px;
  margin:0 auto;
  padding:4rem 2rem 6rem;
}
.legal-content .updated{
  font-family:var(--mono);
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--teal);
  margin-bottom:2.5rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid var(--border-light);
}
.legal-content h2{
  font-family:var(--serif);
  font-size:1.6rem;
  font-weight:600;
  line-height:1.3;
  margin-top:3rem;
  margin-bottom:1rem;
  color:var(--t1);
}
.legal-content h2:first-of-type{
  margin-top:0;
}
.legal-content h3{
  font-family:var(--serif);
  font-size:1.2rem;
  font-weight:600;
  line-height:1.35;
  margin-top:2rem;
  margin-bottom:.75rem;
  color:var(--t1);
}
.legal-content p{
  font-size:1rem;
  line-height:1.85;
  color:var(--t2);
  font-weight:300;
  margin-bottom:1.2rem;
}
.legal-content p strong,
.legal-content li strong{
  color:var(--t1);
  font-weight:500;
}
.legal-content ul{
  list-style:none;
  padding-left:0;
  margin-bottom:1.5rem;
}
.legal-content ul li{
  position:relative;
  padding-left:1.75rem;
  margin-bottom:.75rem;
  line-height:1.8;
  color:var(--t2);
  font-weight:300;
}
.legal-content ul li::before{
  content:'';
  position:absolute;
  left:0;
  top:.85em;
  width:10px;
  height:1px;
  background:var(--teal);
}
.legal-content .accent{
  color:var(--teal);
  font-family:var(--mono);
  font-size:.95em;
  word-break:break-all;
}
.legal-content a{
  color:var(--teal);
  transition:color .25s;
}
.legal-content a:hover{
  color:var(--green);
}
.legal-content .legal-note{
  background:#F4F7FA;
  border-left:3px solid var(--green);
  padding:1.25rem 1.5rem;
  margin:2rem 0;
  font-size:.95rem;
  line-height:1.75;
  color:var(--t2);
}
.legal-content .back-link{
  display:inline-block;
  margin-top:3rem;
  font-family:var(--mono);
  font-size:.7rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--teal);
}
@media(max-width:768px){
  .legal-content{padding:2rem 1.25rem 4rem}
  .legal-content h2{font-size:1.35rem}
  .legal-content h3{font-size:1.1rem}
  .legal-content p,.legal-content ul li{font-size:.95rem}
}