/* ============================================================
   LEGALES — hoja compartida por /terminos, /privacidad y /arrepentimiento.
   Documento de lectura larga: columna angosta, línea aireada y cero
   decoración. Usa las mismas variables de marca que la landing para que
   no se sienta una página ajena, pero no importa preventa.css entero
   (son 900 líneas de landing que acá no se usan).
   ============================================================ */
:root{
  --blau-ink:#1f2d3a;
  --blau-gold:#ffeda2;
  --gold-text:#8a6d09;
  --cream:#fbf7f2;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--cream);color:var(--blau-ink);
  font-family:var(--sans);font-size:.95rem;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold-text);text-decoration:underline;text-underline-offset:2px}
.wrap{max-width:47rem;margin:0 auto;padding:0 1.5rem}

/* ── Cabecera ── */
.legal-nav{background:var(--blau-ink);padding:1.1rem 0}
.legal-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.legal-nav img{height:26px;width:auto;display:block}
.legal-nav a{color:var(--cream);opacity:.72;font-size:.8rem;text-decoration:none}
.legal-nav a:hover{opacity:1;color:var(--blau-gold)}

/* ── Documento ── */
.legal-doc{padding:3.2rem 0 4rem}
.legal-doc h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,4vw,2.3rem);line-height:1.2;letter-spacing:-.01em}
.legal-updated{font-size:.78rem;opacity:.55;margin-top:.6rem}
.legal-lead{font-size:1.02rem;line-height:1.8;margin-top:1.4rem;opacity:.85}
.legal-doc h2{
  font-family:var(--serif);font-weight:400;font-size:1.22rem;line-height:1.3;
  margin:2.6rem 0 .8rem;padding-top:1.6rem;border-top:1px solid rgba(31,45,58,.12);
}
.legal-doc h3{font-family:var(--sans);font-size:.95rem;font-weight:600;margin:1.5rem 0 .4rem}
.legal-doc p{margin:0 0 .9rem}
.legal-doc ul{margin:0 0 1rem;padding-left:1.1rem}
.legal-doc li{margin-bottom:.45rem}
.legal-doc strong{font-weight:600}
/* Bloque de datos del titular / contacto: mismo tratamiento que las cajas
   de datos bancarios del checkout, para que se lea como "dato duro". */
.legal-box{background:#fff;border:1px solid rgba(31,45,58,.1);border-radius:12px;padding:1.3rem 1.5rem;margin:1.4rem 0}
.legal-box p{margin:0 0 .35rem;font-size:.9rem}
.legal-box p:last-child{margin-bottom:0}
.legal-box .k{opacity:.55;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}

/* ── Formulario de arrepentimiento ── */
.legal-form{background:#fff;border:1px solid rgba(31,45,58,.1);border-radius:14px;padding:1.8rem;margin:1.8rem 0}
.field{margin-bottom:1rem}
.field label{display:block;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;opacity:.6;margin-bottom:.35rem}
.field input,.field textarea,.field select{
  width:100%;font-family:inherit;font-size:.95rem;color:var(--blau-ink);
  background:var(--cream);border:1px solid rgba(31,45,58,.16);border-radius:9px;
  padding:.7rem .85rem;transition:border-color .15s;
}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--blau-ink)}
.field textarea{resize:vertical;min-height:5.5rem}
.field-hint{font-size:.78rem;opacity:.55;margin-top:.35rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:560px){.row{grid-template-columns:1fr}}
.btn-send{
  width:100%;background:var(--blau-ink);color:var(--cream);border:0;border-radius:9px;
  padding:.95rem;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;
  transition:opacity .15s;
}
.btn-send:hover{opacity:.88}
.btn-send:disabled{opacity:.55;cursor:default}
.form-msg{border-radius:9px;padding:.8rem 1rem;font-size:.88rem;margin-bottom:1rem;display:none}
.form-msg.error{display:block;background:#fdeceb;border:1px solid #f3c6c2;color:#a4352c}
.form-ok{text-align:center;padding:1rem 0}
.form-ok .tick{
  width:46px;height:46px;margin:0 auto 1rem;border-radius:50%;background:var(--blau-ink);
  color:var(--blau-gold);font-size:1.4rem;line-height:46px;
}
.form-ok h2{border:0;padding:0;margin:0 0 .6rem;font-family:var(--serif);font-weight:400;font-size:1.35rem}

/* ── Pie ── */
.legal-foot{background:var(--blau-ink);color:var(--cream);padding:1.6rem 0;font-size:.78rem}
.legal-foot .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.legal-foot span{opacity:.6}
.legal-foot a{color:var(--cream);opacity:.72;text-decoration:none}
.legal-foot a:hover{opacity:1;color:var(--blau-gold)}