/* Estilos de las páginas legales. Archivo aparte para no cargar la landing
   y para cumplir la CSP (style-src 'self': nada de CSS incrustado). */
.legal{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:120px 32px 90px}
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;margin-bottom:58px}
.legal-top img{height:38px;width:auto;display:block;
  filter:brightness(1.14) saturate(1.06) drop-shadow(0 0 12px rgba(120,190,245,.28))}
.volver{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--dim);text-decoration:none;display:inline-flex;align-items:center;gap:9px;
  transition:color .2s}
.volver:hover{color:var(--ice)}
.volver:focus-visible{outline:2px solid var(--ice);outline-offset:4px;border-radius:3px}
.legal h1{font-size:clamp(30px,5vw,44px);margin-bottom:14px}
.legal .fecha{font-family:var(--f-mono);font-size:12px;color:var(--faint);letter-spacing:.05em;
  margin-bottom:46px;display:block}
.legal h2{font-size:20px;margin:44px 0 14px;letter-spacing:-.015em}
.legal p{font-size:16px;line-height:1.72;margin:0 0 16px;max-width:none}
.legal ul{margin:0 0 18px;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.legal li{color:var(--dim);font-size:15.5px;line-height:1.6}
.legal a{color:var(--ice)}
/* Los campos que el dueño debe rellenar antes de publicar. */
.rellenar{background:rgba(255,180,77,.13);border:1px dashed rgba(255,180,77,.55);
  color:#FFC97A;padding:1px 8px;border-radius:5px;font-family:var(--f-mono);font-size:13.5px;
  white-space:nowrap}
.nota{border:1px solid var(--line);border-left:3px solid var(--ice);border-radius:10px;
  background:rgba(17,25,37,.75);padding:22px 24px;margin:40px 0}
.nota p{font-size:14.5px;color:var(--dim);margin:0}
.nota strong{color:var(--text)}
@media (max-width:560px){.legal{padding:90px 22px 70px}}