/* ============================================================
   Paginas legales: terminos, privacidad y boton de arrepentimiento.
   Ancho de lectura, tipografia tranquila y nada de adornos.
   ============================================================ */
.page-body.lg{max-width:820px}
.page-head .act{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:14px 0 0}

.lg-body{padding:clamp(28px,4vw,46px) 0 clamp(60px,8vw,110px);font-size:15.5px;line-height:1.85;color:var(--muted)}
.lg-body .lead{font-size:18px;line-height:1.7;color:var(--ink);margin:0 0 30px;max-width:56ch}
.lg-body h2{font-size:clamp(20px,1.9vw,25px);font-weight:400;color:var(--ink);line-height:1.25;
  margin:clamp(34px,4vw,52px) 0 14px;padding-top:clamp(20px,2.4vw,30px);border-top:1px solid var(--line-soft)}
.lg-body > :first-child{margin-top:0}
.lg-body .lead + .lg-empresa h2,.lg-body > h2:first-child{border-top:0;padding-top:0;margin-top:0}
.lg-body p{margin:0 0 15px;max-width:68ch}
.lg-body b{color:var(--ink);font-weight:600}
.lg-body a{color:var(--terra-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lg-body a:hover{color:var(--ink)}
.lg-body ul{margin:0 0 18px;padding-left:20px;max-width:68ch}
.lg-body li{margin-bottom:8px}
.lg-body li::marker{color:var(--faint)}

/* lo que todavia falta cargar, bien visible para que no se publique asi */
.sh-falta{background:#ffe9c9;color:#8a5a12;font:500 12px var(--mono);padding:2px 8px;border-radius:4px;
  text-transform:uppercase;letter-spacing:.06em}

/* datos del vendedor */
.lg-empresa{background:var(--cream);border:1px solid var(--line);padding:clamp(20px,2.4vw,30px);margin:0 0 10px}
.lg-empresa h2{border-top:0 !important;padding-top:0 !important;margin:0 0 16px !important;font-size:15px;
  font-family:var(--mono);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.lg-empresa dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 24px;margin:0;font-size:14.5px}
.lg-empresa dt{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);padding-top:4px}
.lg-empresa dd{margin:0;color:var(--ink)}

/* aviso destacado del boton de arrepentimiento */
.lg-aviso{border-left:3px solid var(--terra);background:var(--cream);padding:clamp(18px,2.2vw,26px) clamp(20px,2.4vw,30px);margin:0 0 32px}
.lg-aviso h2{border-top:0 !important;padding-top:0 !important;margin:0 0 12px !important;font-size:19px}
.lg-aviso ul{margin-bottom:0}

/* la leyenda obligatoria de la Ley 25.326 */
.lg-legal{border:1px solid var(--line);padding:clamp(18px,2.2vw,26px);margin:26px 0;font-size:13.5px;line-height:1.75}
.lg-legal p:last-child{margin-bottom:0}

.lg-pie{margin-top:36px !important;padding-top:22px;border-top:1px solid var(--line-soft);font-size:14px}

/* ---- formulario ---- */
.lg-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:6px 0 10px;max-width:640px}
.lg-form .f{margin:0;display:flex;flex-direction:column;gap:7px}
.lg-form .f.ancho{grid-column:1 / -1}
.lg-form label{font:500 10.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.lg-form label span{text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:12px}
.lg-form input,.lg-form textarea{font:400 15px var(--sans);color:var(--ink);background:var(--surface);
  border:1px solid var(--line);border-radius:9px;padding:12px 14px;width:100%}
.lg-form input:focus,.lg-form textarea:focus{outline:0;border-color:var(--terra);box-shadow:0 0 0 1px var(--terra)}
.lg-form textarea{resize:vertical;line-height:1.6}
.lg-form .envio{flex-direction:row;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:6px}
.lg-form .err{color:var(--terra-deep);font-size:13.5px;flex:1;min-width:200px}
.lg-form .btn{white-space:nowrap}

@media(max-width:620px){
  .lg-form{grid-template-columns:1fr}
  .lg-empresa dl{grid-template-columns:1fr;gap:3px 0}
  .lg-empresa dt{padding-top:12px}
  .lg-form .envio{flex-direction:column;align-items:stretch}
  .lg-form .btn{width:100%}
}