/* IBIÁ Pipa — modal da Área VIP (OTP) */
/* ---------- VIP modal ---------- */
#vipmodal{position:fixed;inset:0;z-index:9500;visibility:hidden;pointer-events:none}
#vipmodal.open{visibility:visible;pointer-events:auto}
#vipmodal .bg{position:absolute;inset:0;background:url(/ibia/assets/img/vip-modal-bg.webp) center/cover}
#vipmodal .shade{position:absolute;inset:0;background:rgba(38,13,3,.78);backdrop-filter:blur(6px)}
#vipmodal .panel{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}
#vipmodal .card{width:min(500px,94vw);background:rgba(24,9,2,.55);border:1px solid rgba(214,199,174,.25);backdrop-filter:blur(18px);padding:clamp(34px,5vw,58px);color:var(--cream);text-align:center;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease2)}
#vipmodal.open .card{clip-path:inset(0 0 0% 0)}
#vipmodal .card img{height:36px;width:auto;margin:0 auto 30px}
#vipmodal .card h3{font-weight:200;font-size:clamp(22px,2.4vw,30px);letter-spacing:.04em;margin-bottom:12px}
#vipmodal .card .sub{font-size:13px;font-weight:200;letter-spacing:.05em;color:rgba(247,242,233,.7);line-height:1.8;margin-bottom:34px}
#vipmodal .fld{border-bottom:1px solid rgba(214,199,174,.4);margin-bottom:30px;padding-bottom:10px}
#vipmodal .fld input{width:100%;background:none;border:0;outline:none;color:var(--cream);font-family:inherit;font-weight:200;font-size:17px;letter-spacing:.05em;text-align:center}
#vipmodal .fld input::placeholder{color:rgba(247,242,233,.35);font-size:13px;letter-spacing:.2em;text-transform:uppercase}
#vipmodal .act{width:100%;background:var(--cream);color:var(--terra);border:0;padding:18px;border-radius:34px;font-size:11px;letter-spacing:.35em;text-transform:uppercase;font-weight:500;transition:.4s}
#vipmodal .act:hover{background:#fff}
#vipmodal .otp{display:flex;gap:10px;justify-content:center;margin-bottom:30px}
#vipmodal .otp input{width:48px;height:60px;background:rgba(247,242,233,.06);border:1px solid rgba(214,199,174,.4);color:var(--cream);font-family:inherit;font-size:24px;font-weight:200;text-align:center;outline:none;border-radius:6px;transition:.3s}
#vipmodal .otp input:focus{border-color:var(--cream);background:rgba(247,242,233,.12)}
#vipmodal .aux{margin-top:22px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,242,233,.5)}
#vipmodal .aux button{background:none;border:0;color:var(--areia);font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
#vipmodal .close{position:absolute;top:26px;right:clamp(20px,4vw,50px);z-index:3;background:none;border:0;color:var(--cream);font-size:11px;letter-spacing:.4em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
#vipmodal .step{display:none;animation:fadeup .7s var(--ease)}
#vipmodal .step.on{display:block}
#vipmodal .seal{width:74px;height:74px;border:1px solid rgba(214,199,174,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 26px}
@media(max-width:420px){#vipmodal .otp input{width:40px;height:52px}}