/* (ja) — estilos compartidos de /baja y /arrepentimiento, mismo formato que /privacidad. */
:root {
  --text-title:   clamp(1.7rem, 4.6vw, 2.6rem);
  --text-heading: 1.375rem;
  --text-body:    1rem;
  --text-caption: 0.8125rem;
  --text-label:   0.75rem;
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none !important}
body{
  background:var(--color-canvas);
  color:var(--color-ink);
  font-family:'Archivo',system-ui,sans-serif;
  font-variation-settings:'wdth' 100;
  font-size:var(--text-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--color-accent-tint);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--color-line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}
.wordmark{
  font-weight:900;font-variation-settings:'wdth' 78;letter-spacing:.06em;
  font-size:1.0625rem;color:var(--color-ink);
}
.wordmark:hover{text-decoration:none}
.mono{
  font-family:'IBM Plex Mono',monospace;font-size:var(--text-label);font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);
}
main{padding:var(--space-xxl) 0 var(--space-xxxl)}
h1{
  font-weight:800;font-variation-settings:'wdth' 80;
  font-size:var(--text-title);line-height:1.08;letter-spacing:.015em;
  margin:var(--space-sm) 0 var(--space-md);
}
.lede{max-width:60ch;color:var(--color-ink);margin-bottom:var(--space-xl)}

.legal-form{max-width:440px;display:flex;flex-direction:column;gap:var(--space-md)}
.field{display:flex;flex-direction:column;gap:var(--space-xxs)}
.field label{font-size:var(--text-caption);font-weight:600;color:var(--color-ink)}
.field .hint{font-weight:400;color:var(--color-ink-muted)}
.field input{
  font:inherit;color:var(--color-ink);background:var(--color-surface-2);
  border:1px solid var(--color-line-control);border-radius:var(--radius-control);
  padding:var(--space-sm) var(--space-md);min-height:48px;text-align:left;
}
.field input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.field input[aria-invalid="true"]{border-color:var(--color-stop)}
.form-error{color:var(--color-stop);font-size:var(--text-caption)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font:inherit;font-weight:700;color:#fff;background:var(--color-accent-strong);
  border:0;border-radius:var(--radius-control);min-height:48px;padding:var(--space-sm) var(--space-lg);
  cursor:pointer;transition:background var(--motion-state) var(--ease-standard);
}
.btn:hover{background:var(--color-accent-hover)}
.btn:active{background:var(--color-accent-press)}
.btn:disabled{cursor:progress;background:var(--color-accent-press)}
.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.form-note{color:var(--color-ink-muted);font-size:var(--text-caption);max-width:60ch}

.legal-result{
  max-width:520px;background:var(--color-surface);border:1px solid var(--color-line);
  border-radius:var(--radius-card);padding:var(--space-lg);
}
.legal-result:focus{outline:none}
.legal-result p{margin-bottom:var(--space-sm)}
.legal-result p:last-child{margin-bottom:0}
.legal-code{
  font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:1.5rem;letter-spacing:.08em;
  color:var(--color-ink);
}

footer{padding:var(--space-xl) 0 var(--space-xxl);color:var(--color-ink-muted);font-size:var(--text-caption);border-top:1px solid var(--color-line)}

/* Pie legal (D3) — mismo bloque en index.html y /privacidad. */
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-md);margin:var(--space-sm) 0}
.legal-btn{
  display:inline-flex;align-items:center;min-height:40px;padding:var(--space-xs) var(--space-sm);
  border:1px solid var(--color-line-control);border-radius:var(--radius-control);
  color:var(--color-ink);font-weight:700;font-size:var(--text-caption);letter-spacing:.02em;
}
.legal-btn:hover{border-color:var(--color-accent-tint);color:var(--color-ink);text-decoration:none}
.footer-contact{margin-bottom:var(--space-xs)}

/* Selector de idioma (header) — mismo diseño que el de la página de inicio. */
.nav-right{display:flex;align-items:center;gap:var(--space-sm)}
.lang-toggle{
  display:inline-flex;border:1px solid var(--color-line-control);border-radius:var(--radius-control);overflow:hidden;
  font-family:'IBM Plex Mono',monospace;font-size:var(--text-label);letter-spacing:.08em;width:max-content;
}
.lang-toggle button{
  background:transparent;border:none;color:var(--color-ink-muted);
  min-height:36px;padding:0 var(--space-xs);cursor:pointer;
  font-family:inherit;font-size:inherit;letter-spacing:inherit;
}
.lang-toggle button[aria-pressed="true"]{background:var(--color-surface-2);color:var(--color-ink);font-weight:700}
.lang-toggle button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}