/* Monto, avisos y dock (ARR-347). El $ vive fuera del input. */
.monto{
  position:relative;display:flex;align-items:center;background:#fff;
  border:1.5px solid #8A8FA3;border-radius:10px;height:52px;
  transition:border-color 150ms ease, box-shadow 150ms ease;
}
.monto:focus-within{border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.monto__prefijo{padding:0 4px 0 14px;font-size:18px;font-weight:600;color:#5E6378;user-select:none}
.monto input{
  flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;
  font:inherit;font-size:18px;font-weight:700;color:#1F2340;
  font-variant-numeric:tabular-nums;padding:0 8px 0 0;
}
.monto input::placeholder{color:#8A8FA3;font-weight:500}
.monto input:disabled{color:#6E7388}
.monto__pct{
  margin-right:8px;padding:4px 9px;border-radius:999px;background:#F1EBFE;
  color:#5B21B6;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.ayuda{margin:7px 0 0;font-size:13px;line-height:1.4;color:#4A4F6A}
.ayuda b{color:#1F2340;font-weight:600}
.aviso{margin-top:8px;padding:10px 12px;border-radius:8px;background:#FDF0F0;color:#B91C1C;font-size:13.5px;line-height:1.45}
.aviso[hidden]{display:none}
.aviso:not([hidden]){display:flex;gap:8px;align-items:flex-start}
.aviso.aviso--reserva{visibility:hidden;overflow:hidden}
.aviso svg{flex:none;margin-top:1px}
.aviso__usar{
  display:inline-block;margin-top:6px;padding:0;border:0;background:none;color:#B91C1C;
  font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;
  min-height:24px;
}
.aviso__usar:focus-visible{outline:2px solid #B91C1C;outline-offset:2px;border-radius:3px}
.campo.fuera .monto,.campo.bad .monto, .bad > .monto{border-color:#B91C1C}
.campo.fuera .monto:focus-within,.campo.bad .monto:focus-within{box-shadow:0 0 0 3px rgba(185,28,28,.15)}
.campo.fuera .monto__pct,.campo.bad .monto__pct{background:#FDF0F0;color:#B91C1C}
.err{font-size:13.5px;color:#B91C1C;margin:6px 0 0}
.bad > input,.bad > select,.bad input.campo-in,.bad select.campo-in{border-color:#B91C1C}
.chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.chips button{
  min-width:52px;min-height:44px;padding:0 12px;border-radius:999px;border:1.5px solid #8A8FA3;
  background:#fff;color:#1F2340;font:inherit;font-size:14px;font-weight:600;cursor:pointer;
}
.chips button[aria-checked="true"],.chips button[aria-pressed="true"]{background:#7C3AED;border-color:#7C3AED;color:#fff}
.chips button:focus-visible{outline:2px solid #7C3AED;outline-offset:2px}
.slider{position:relative;height:44px;display:flex;align-items:center}
.slider .track{position:relative;height:4px;width:100%;background:#e5e7eb;border-radius:999px}
.slider .fill{position:absolute;left:0;top:0;bottom:0;background:#7C3AED;border-radius:999px}
.slider .thumb{
  position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;
  background:#fff;border:2px solid #7C3AED;pointer-events:none;
}
.slider.sin-tocar .thumb,.slider.sin-tocar .fill{display:none}
.slider input{position:absolute;inset:0;width:100%;height:44px;margin:0;opacity:0;cursor:pointer}
.slider:focus-within .thumb{outline:2px solid #7C3AED;outline-offset:2px}
.ed{
  margin-left:6px;padding:0;border:0;background:none;font:inherit;font-size:13px;font-weight:600;
  color:#7C3AED;cursor:pointer;min-height:24px;
}
.ed:focus-visible{outline:2px solid #7C3AED;outline-offset:2px}
.pend{color:#6E7388}
#pasos-nav{list-style:none;margin:0 0 20px;padding:0;display:none;gap:8px;overflow-x:auto;flex-wrap:nowrap}
@media (min-width:1024px){#pasos-nav{display:flex}}
#pasos-nav li{flex:0 0 auto}
#dock-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows 280ms cubic-bezier(0.32,0.72,0,1)}
body.dockOpen #dock-reveal{grid-template-rows:1fr}
#dock-reveal > div{overflow:hidden;min-height:0}
#dock-detalle,#dock-cta{display:flex;flex-direction:column}
.dock-chevron{transition:transform 200ms cubic-bezier(0.23,1,0.32,1)}
body.dockOpen .dock-chevron{transform:rotate(180deg)}
button.enviando,button.enviando:disabled{background:#7C3AED;color:#fff;opacity:1;cursor:progress}
.spinner{
  display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;
  border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;
  animation:monto-spin .7s linear infinite;
}
@keyframes monto-spin{to{transform:rotate(360deg)}}
input[type="checkbox"]{width:20px;height:20px;accent-color:#7C3AED}
:focus-visible{outline:2px solid #7C3AED;outline-offset:2px}
.monto input:focus{outline:none}
fieldset{border:0;margin:0;padding:0;min-inline-size:0}
@media (max-width:1023px){.monto{height:56px}}
@media (prefers-reduced-motion:reduce){
  #dock-reveal,.dock-chevron,.monto,.spinner{transition:none;animation:none}
}