/* baja-datos.css — Data deletion form page */
/* Base design tokens and shared components → shared.css */

/* Override container width for narrow form layout */
.container{max-width:860px}

/* Hero */
.hero{padding:36px 0;border-bottom:1px solid var(--stroke)}
.hero h1{margin:0 0 .35rem;font-size:clamp(1.5rem,2.8vw,2rem)}
.lead{color:#dbe4ff;max-width:58ch;margin:.6rem 0 0}

/* Form section */
.form-wrapper{padding:26px 0 46px}
.card{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  border:1px solid var(--stroke);
  box-shadow:var(--shadow);
  border-radius:20px;
  padding:20px;
  margin:18px 0;
}
legend{font-weight:800;padding:0 6px;color:var(--text)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:760px){.grid{grid-template-columns:1fr}}

/* Form fields */
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-size:.95rem;color:var(--text)}
.field input,.field select,.field textarea{
  width:100%;padding:.8rem .9rem;border-radius:14px;
  border:1px solid var(--stroke);
  background:#0f1a26;color:var(--text);outline:none;
  font-family:var(--font);font-size:1rem;
}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(36,250,176,.6);box-shadow:0 0 0 3px rgba(36,250,176,.18);
}
.field small{color:#9fb0d0;font-size:.88rem}
.req{color:#ffdca8}

/* Checkboxes */
.check{display:flex;gap:.6rem;align-items:flex-start;margin:.5rem 0}
.check input{margin-top:.3rem;transform:scale(1.1);accent-color:var(--aqua)}

/* Actions */
.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:.6rem}
.hint{color:var(--muted);font-size:.95rem}
.hp{position:absolute;left:-9999px;opacity:0}
.legal-note{color:#cbd6ff;font-size:.96rem;margin:.8rem 0;line-height:1.5}

/* Footer */
.footer{border-top:1px solid var(--stroke);padding:20px 0;background:rgba(0,0,0,.15)}
.foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted)}

/* Copy modal */
.modal{
  width:min(720px,92vw);border:1px solid var(--stroke);
  border-radius:16px;padding:0;background:var(--card);color:var(--text);
}
.modal::backdrop{background:rgba(0,0,0,.6)}
.modal__card{padding:20px}
.modal__card h3{margin:0 0 .5rem}
.modal__card textarea{
  width:100%;min-height:240px;margin:.6rem 0;padding:.9rem;
  border-radius:12px;border:1px solid var(--stroke);
  background:#08131f;color:#fff;font-family:var(--font);
}
.modal__actions{display:flex;gap:10px;justify-content:flex-end}