/* Estilos de las paginas legales. Se cargan solo aqui, despues de styles.css,
   para no tocar la hoja principal ni obligar a subir su ?v= en las 9 paginas. */

.legal{padding-top:clamp(30px,4vw,54px)}
.legal .wrap{max-width:760px}

.legal-meta{
  font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--faint); margin-top:14px;
}

.legal-body{margin-top:clamp(26px,3.4vw,44px)}
.legal-body h2{
  font-family:var(--serif); font-size:clamp(20px,2.3vw,25px); line-height:1.25;
  margin:clamp(30px,3.4vw,44px) 0 12px; color:var(--ink);
}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font-size:16px; margin:24px 0 8px; color:var(--ink)}
.legal-body p{margin-bottom:14px; color:var(--mid); line-height:1.72}
.legal-body strong{color:var(--ink)}
.legal-body ul{margin:0 0 16px 0; padding:0; list-style:none}
.legal-body li{
  position:relative; padding-left:18px; margin-bottom:9px;
  color:var(--mid); line-height:1.65;
}
.legal-body li::before{
  content:""; position:absolute; left:0; top:.62em;
  width:6px; height:1px; background:var(--eosin);
}
.legal-body a{color:var(--eosin)}

/* aviso destacado: urgencias, o cualquier cosa que no puede pasar desapercibida */
.legal-alert{
  border-left:3px solid var(--eosin); background:color-mix(in srgb,var(--eosin) 6%,transparent);
  padding:16px 18px; margin:0 0 clamp(26px,3vw,38px);
}
.legal-alert p{margin:0; color:var(--ink)}

/* tabla sobria para cookies / datos */
.legal-table{width:100%; border-collapse:collapse; margin:6px 0 20px; font-size:14.5px}
.legal-table th,.legal-table td{
  text-align:left; padding:10px 12px 10px 0; border-bottom:1px solid var(--rule-soft);
  vertical-align:top; color:var(--mid);
}
.legal-table th{
  font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--faint); font-weight:400;
}
.legal-wrapx{overflow-x:auto}

/* hueco pendiente de decidir: visible en pantalla, imposible de publicar sin verlo */
.legal-todo{
  background:#FFF3B0; color:#4A3B00; padding:1px 6px; border-radius:3px;
  font-family:var(--mono); font-size:12px;
}