/* Pequeños Mimitos — hoja de estilo de las páginas legales
   Compartida por terminos.html, cambios.html, envios.html,
   privacidad.html y arrepentimiento.html */

:root{
  --rosa:#F7A8C6;--azul:#5B8EDB;--menta:#A7DBD8;--coral:#F7B6A6;--coral-deep:#F09E86;
  --text:#2F3A45;--soft:#6B7683;--bg:#FBF6F2;--surface:#FFFFFF;--line:#EEF1F4;
  --shadow:0 12px 40px rgba(47,58,69,.06);--r:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:Poppins,system-ui,sans-serif;line-height:1.25;margin:0}
a{color:var(--azul)}

/* barra superior */
.topbar{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.topbar .in{max-width:820px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:10px}
.topbar img{height:34px;width:auto;display:block}
.topbar .name{font-family:Poppins;font-weight:700;font-size:15px;color:var(--text);text-decoration:none}
.topbar .back{margin-left:auto;font-size:13.5px;font-weight:700;color:var(--soft);text-decoration:none}
.topbar .back:hover{color:var(--text)}

main{max-width:820px;margin:0 auto;padding:34px 20px 70px}
.doc{background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);padding:38px 38px 32px}
h1{font-size:29px;margin-bottom:6px}
.upd{font-size:13px;color:var(--soft);margin:0 0 26px}
h2{font-size:18px;margin:32px 0 10px;padding-top:22px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0;margin-top:22px}
h3{font-size:15px;margin:20px 0 6px;color:var(--text)}
p{margin:10px 0}
ul{margin:10px 0;padding-left:20px}
li{margin:6px 0}
strong{font-weight:800}
.lead{font-size:17px;color:var(--soft)}

/* cajita destacada */
.box{background:var(--bg);border-radius:16px;padding:16px 20px;margin:18px 0}
.box.menta{background:#EAF7F6}
.box.rosa{background:#FDF0F5}
.box.coral{background:#FDF1EC}
.box p:first-child{margin-top:0}
.box p:last-child{margin-bottom:0}

/* datos del comercio */
.datos{font-size:14.5px;line-height:1.8}
.datos b{display:inline-block;min-width:112px;color:var(--soft);font-weight:700}

/* índice de páginas legales al pie del documento */
.otras{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--soft)}
.otras a{color:var(--soft);text-decoration:none;border-bottom:1px solid var(--line)}
.otras a:hover{color:var(--text);border-color:var(--rosa)}
.otras span{margin:0 6px;opacity:.5}

/* botones */
.btn{
  display:inline-block;background:var(--coral-deep);color:#fff;text-decoration:none;
  font-family:Poppins;font-weight:700;font-size:15px;padding:13px 26px;border:0;
  border-radius:999px;cursor:pointer;box-shadow:0 6px 18px rgba(240,158,134,.35);
}
.btn:hover{filter:brightness(.96)}
.btn.wa{background:#25D366;box-shadow:0 6px 18px rgba(37,211,102,.32)}

/* formulario del botón de arrepentimiento */
form.rev{margin-top:20px}
.f{margin:0 0 16px}
.f label{display:block;font-size:13.5px;font-weight:700;margin-bottom:5px}
.f input,.f textarea,.f select{
  width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--text);
  background:var(--surface);border:1.5px solid var(--line);border-radius:14px;outline:0;
}
.f input:focus,.f textarea:focus,.f select:focus{border-color:var(--azul)}
.f textarea{min-height:88px;resize:vertical}
.hint{font-size:12.5px;color:var(--soft);margin-top:4px}
.err{color:#B4522F;font-size:13px;margin-top:8px;display:none}

.ok{display:none;background:#EAF7F6;border-radius:18px;padding:24px;margin-top:22px;text-align:center}
.ok h3{font-size:16px;margin-bottom:4px}
.code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:700;
  letter-spacing:.06em;background:#fff;border-radius:12px;padding:12px 18px;
  display:inline-block;margin:12px 0;color:var(--text);
}

footer.mini{
  max-width:820px;margin:0 auto;padding:0 20px 46px;
  font-size:12px;color:#9AA3AD;text-align:center;line-height:1.7;
}
footer.mini a{color:#9AA3AD}

@media(max-width:640px){
  .doc{padding:26px 22px 24px;border-radius:20px}
  h1{font-size:24px}
  main{padding:20px 14px 50px}
  .datos b{min-width:auto;display:block;margin-top:8px}
}