.hp-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2147483000;opacity:0;transition:opacity .2s;padding:16px}
.hp-modal-overlay.is-open{opacity:1}
.hp-modal{background:#111;color:#fff;max-width:420px;width:100%;border-top:4px solid var(--wd-primary-color,#c9a227);padding:28px 26px 22px;text-align:center;transform:translateY(12px) scale(.97);transition:transform .2s;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.hp-modal-overlay.is-open .hp-modal{transform:none}
.hp-modal__icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:var(--wd-primary-color,#c9a227);color:#111;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}
.hp-modal__msg{font-size:15px;line-height:1.5;color:#ddd;margin:0 0 20px;white-space:pre-line}
.hp-modal__btn{background:var(--wd-primary-color,#c9a227);color:#111;border:0;border-radius:35px;padding:12px 34px;font-weight:700;text-transform:uppercase;font-size:13px;cursor:pointer}
.hp-modal__btn:hover{filter:brightness(1.1)}
table.variations tr.hp-falta{animation:hpShake .45s 2}
table.variations tr.hp-falta th label,table.variations tr.hp-falta .label{color:var(--wd-primary-color,#c9a227)!important}
@keyframes hpShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}