/* Modal de fórmula en dos pasos (lote UX1 §3, 16-oct-2026) · assets/js/rx-modal.js
   Cabe en 375 × 812 con los botones a la vista. Sistema B: primario cono-s, ghost cámara. */
.rxw-box{position:relative!important;width:min(480px,100%)!important;max-width:100%!important;max-height:calc(100vh - 24px)!important;
  overflow:auto!important;padding:16px 16px 0!important;background:#FFFFFF!important;border:1px solid #DDDDD8!important;border-radius:4px!important;
  display:flex;flex-direction:column}
.rxw{display:flex;flex-direction:column;min-height:0;flex:1}
.rxw-x{position:absolute;right:6px;top:4px;width:44px;height:44px;background:none;border:0;font-size:18px;color:#5E5E5E;cursor:pointer;line-height:1}
.rxw-nombre:empty{display:none}
.rxw-nombre{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9A5A1C;margin:0 36px 2px 0}
.rxw-step{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#5E5E5E;margin:4px 0 6px}
.rxw-h1{font-family:'Anybody',sans-serif;font-stretch:112%;font-weight:780;font-size:28px;line-height:1.02;letter-spacing:-.015em;color:#141414;margin:0 0 8px!important;padding:0!important;border:0!important}
.rxw-ayuda{color:#5E5E5E;font-size:14px;line-height:1.45;margin:0 0 12px}
.rxw-ayuda a{color:#9A5A1C;text-decoration:underline;text-underline-offset:2px;display:inline-block;padding-block:13px;margin-block:-13px}
.rxw-lab{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5E5E5E;margin:0 0 4px!important;padding:0!important;border:0!important}
.rxw-fld{margin:0 0 12px}
.rxw-fld:empty{display:none}
.rxw-fld .rxw-sel{display:block!important;width:100%!important;min-height:48px;margin:0!important;padding:12px 40px 12px 12px!important;font:500 16px/1.2 'Hanken Grotesk',system-ui,sans-serif!important;
  color:#141414!important;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23141414' d='M6 8 0 0h12z'/%3E%3C/svg%3E") no-repeat right 14px center!important;
  border:1px solid #DDDDD8!important;border-radius:4px!important;-webkit-appearance:none;appearance:none;opacity:1!important}
.rxw-fld .rxw-sel:focus{outline:none;border-color:#141414!important;box-shadow:0 0 0 2px #141414}
.rxw-fld .rxw-sel:disabled{opacity:.45!important}
.rxw-tog{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:12px 0!important;border-top:1px solid #DDDDD8;border-bottom:1px solid #DDDDD8;margin:4px 0 14px!important;font-size:15px!important;color:#141414!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}
.rxw-tog span{font-size:15px;color:#141414}
.rxw-tog input{position:absolute;opacity:0;width:1px;height:1px}
.rxw-tog i{width:40px;height:24px;border-radius:12px;background:#DDDDD8;display:inline-block;position:relative;flex:none;transition:background .15s}
.rxw-tog i::after{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:10px;background:#fff;transition:left .15s}
.rxw-tog input:checked+i{background:#2B4FD6}.rxw-tog input:checked+i::after{left:18px}
.rxw-tog input:focus-visible+i{box-shadow:0 0 0 2px #141414}
.rxw-igual{margin:4px 0 16px}
.rxw-msg{font-size:13.5px;color:#B3261E;margin:0 0 10px;min-height:0}
.rxw-msg:empty{display:none}
.rxw-foot{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 0 16px;margin-top:auto;background:#FFFFFF;border-top:1px solid #DDDDD8}
.rxw-pri,.rxw-ghost{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 16px;border-radius:4px;font:700 15px/1.2 'Hanken Grotesk',system-ui,sans-serif;cursor:pointer}
.rxw-pri{flex:1;background:#2B4FD6!important;color:#FFFFFF!important;border:1px solid #2B4FD6!important}
.rxw-pri:hover{background:#2340B5!important}
.rxw-ghost{background:#FFFFFF!important;color:#141414!important;border:1px solid #141414!important}
.rxw-foot .rxw-ghost{flex:0 0 36%}
.rxw-igual{width:100%}
.rxw-viejo{display:none!important}
/* los contenedores viejos de cada página no deben estirar el modal */
.rxw-box>.rxm-grid,.rxw-box>.hrx-grid,.rxw-box>.fm-grid,.rxw-box>.rx-grid{display:none!important}
@media(max-width:420px){.rxw-h1{font-size:26px}}
/* Hotfix 19-oct · fórmula completa: el botón espera a que esté todo y el campo que falta se marca en rojo (alerta #B3261E). */
.rxw-falta,.rxw-sel.rxw-falta{border-color:#B3261E!important;box-shadow:0 0 0 1px #B3261E}
.rxw-pri:disabled{opacity:.4;cursor:not-allowed}
.rxw-pri:disabled:hover{background:#2B4FD6!important}
#skuRxOk:disabled{opacity:.4;cursor:not-allowed}
.rxw-tog[hidden]{display:none!important}

/* Fase 6 · UX-ML1 v2 (19-oct): una pantalla, botones de cilindro y eje, pie con primario + secundario. */
.rxw-una .rxw-h2{font-size:22px;margin-top:6px!important}
.rxw-oi{border-top:1px solid #DDDDD8;padding-top:10px;margin-top:2px}
.rxw-foot-una .rxw-ghost{flex:0 0 44%}
.rxw-foot-una [data-act]:disabled{opacity:.4;cursor:not-allowed}
.rxw-oculto,.rxw-fld .rxw-sel.rxw-oculto{display:none!important}
.rxw-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.rxw-chips-eje{grid-template-columns:repeat(5,1fr)}
.rxw-chip{min-height:44px;padding:8px 4px;border:1px solid #BFBFB8;border-radius:4px;background:#FFFFFF;color:#141414;font:600 15px/1.1 'Hanken Grotesk',system-ui,sans-serif;font-variant-numeric:tabular-nums;cursor:pointer}
.rxw-chip.on{background:#141414;color:#FFFFFF;border-color:#141414}
.rxw-chip:disabled{opacity:.4;cursor:not-allowed}
.rxw-chips.rxw-falta{outline:2px solid #B3261E;outline-offset:2px;border-radius:4px}