.oc-modal.oc-modal--topup{--gs-bg:#f6f7fb;--gs-ink:#0b1026;--gs-muted:#5b6475;--gs-surface:#ffffff;--gs-border:#e4e7ef;--gs-danger:#b42318;--gs-action:#e11d48;position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:var(--ui-modal-pad);background:var(--gs-bg);color:var(--gs-ink)}.oc-modal.oc-modal--topup[data-theme=dark]{--gs-bg:#0b1026;--gs-ink:#f3f5fb;--gs-muted:#9aa3b8;--gs-surface:#151c32;--gs-border:#2e3a55;--gs-danger:#ff6b6b}@media (min-width:861px){.oc-modal.oc-modal--topup{background-color:var(--gs-bg);background-image:url(/fondos-modales/fondo-loguin-claro.webp);background-size:100% 100%;background-position:50%;background-repeat:no-repeat}.oc-modal.oc-modal--topup[data-theme=dark]{background-image:url(/fondos-modales/fondo-loguin-oscuro.webp)}}.bill-topup{--bill-topup-shell-w:var(--ui-modal-max-w);--bill-topup-shell-h:var(--ui-modal-max-h);--bill-topup-shell-radius:var(--ui-modal-radius);--bill-topup-flow:row;--bill-topup-visual-flex:0 0 14.5rem;--bill-topup-visual-display:grid;--bill-topup-visual-pad:0;--bill-topup-mark-w:min(72%,11rem);--bill-topup-mark-ratio:3/4;--bill-topup-body-justify:center;--bill-topup-body-gap:var(--ui-space-sm);--bill-topup-body-pad:1.1rem 2.1rem 1.75rem;--bill-topup-title-size:1.55rem;--bill-topup-title-max-w:18ch;--bill-topup-title-margin:0 0 1.35rem;--bill-topup-title-lh:1.2;--bill-topup-title-pay-mb:unset;--bill-topup-lead-size:inherit;--bill-topup-lead-margin:0 0 0.4rem;--bill-topup-lead-lh:1.4;--bill-topup-hint-size:0.86rem;--bill-topup-hint-margin:0;--bill-topup-err-margin:0;--bill-topup-err-size:0.86rem;--bill-topup-balance-margin:1.35rem 0;--bill-topup-balance-pad:0.85rem 1rem;--bill-topup-balance-gap:0.2rem;--bill-topup-amount-size:1.55rem;--bill-topup-actions-mt:var(--ui-space-sm);--bill-topup-actions-gap:var(--ui-space-sm);--bill-topup-btn-w:auto;--bill-topup-btn-max-w:none;--bill-topup-btn-pad:0.7rem 1.05rem;--bill-topup-btn-size:inherit;--bill-topup-close-top:var(--ui-space-sm);--bill-topup-close-left:var(--ui-space-sm);--bill-topup-close-size:2.75rem;--bill-topup-close-color:#0b1026;--bill-topup-pay-list-gap:0.65rem;--bill-topup-pay-list-mt:0.85rem;--bill-topup-pay-opt-cols:3.96rem minmax(0,1fr);--bill-topup-pay-opt-gap:0.85rem;--bill-topup-pay-opt-pad:0.9rem 1rem;--bill-topup-pay-ico:3.96rem;--bill-topup-pay-copy-gap:var(--ui-space-sm);--bill-topup-pay-title-size:inherit;--bill-topup-legal-mt:1.45rem;--bill-topup-legal-size:0.84rem;--bill-topup-methods-gap:0.4rem;--bill-topup-chip-w:2.35rem;--bill-topup-chip-h:1.55rem;--bill-topup-chip-pad:0;--bill-topup-chip-radius:0.35rem;--bill-topup-chip-border:1px solid #e4e7ef;--bill-topup-chip-bg:color-mix(in srgb,#ffffff 80%,transparent);--bill-topup-method-svg-w:1.35rem;--bill-topup-method-svg-h:0.95rem;position:relative;display:flex;flex-direction:var(--bill-topup-flow);width:var(--bill-topup-shell-w);height:var(--bill-topup-shell-h);max-height:var(--ui-screen-h);min-height:0;overflow:hidden;border-radius:var(--bill-topup-shell-radius);background:var(--gs-surface);color:var(--gs-ink);box-shadow:0 24px 64px rgba(11,16,38,.38);container-type:size;container-name:bill-topup}.bill-topup[data-theme=dark]{--bill-topup-close-color:#f6f7fb}.bill-topup__visual{position:relative;flex:var(--bill-topup-visual-flex);display:var(--bill-topup-visual-display);grid-template-columns:minmax(0,1fr);place-items:center;align-items:center;justify-content:center;overflow:hidden;padding:var(--bill-topup-visual-pad);background:radial-gradient(90% 70% at 50% 40%,color-mix(in srgb,#e11d48 22%,transparent),transparent 70%),color-mix(in srgb,var(--gs-bg,#f6f7fb) 55%,var(--gs-surface,#fff))}.bill-topup__mark{position:relative;display:block;width:var(--bill-topup-mark-w);aspect-ratio:var(--bill-topup-mark-ratio)}.bill-topup__mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .12s ease}.bill-topup:not([data-theme]) .bill-topup__mark img[data-mark=light],.bill-topup[data-theme=dark] .bill-topup__mark img[data-mark=dark],.bill-topup[data-theme=light] .bill-topup__mark img[data-mark=light],.bill-topup__mark img.is-on{opacity:1}.bill-topup__main{position:relative;flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.bill-topup__chrome{display:flex;align-items:center;gap:.75rem;flex:0 0 auto;padding:.7rem .85rem 0;min-height:2.6rem}.bill-topup__close{position:absolute;top:var(--bill-topup-close-top);left:var(--bill-topup-close-left);z-index:6;display:inline-flex;align-items:center;justify-content:center;width:var(--bill-topup-close-size);height:var(--bill-topup-close-size);border:0;background:transparent;color:var(--bill-topup-close-color);line-height:1;cursor:pointer;padding:0;pointer-events:auto;transition:transform .18s cubic-bezier(.22,.8,.3,1)}.bill-topup__close-ico{display:block;animation:bill-topup-close-nudge 1.6s ease-in-out infinite}@keyframes bill-topup-close-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(-.22rem)}}@media (prefers-reduced-motion:reduce){.bill-topup__close-ico{animation:none}}.bill-topup__body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:var(--bill-topup-body-justify);gap:var(--bill-topup-body-gap);padding:var(--bill-topup-body-pad);overflow:auto;overscroll-behavior:contain}.bill-topup__title{margin:var(--bill-topup-title-margin);max-width:var(--bill-topup-title-max-w);font-size:var(--bill-topup-title-size);font-weight:800;font-style:italic;letter-spacing:-.02em;text-align:center;align-self:center;line-height:var(--bill-topup-title-lh)}.bill-topup__title--pay{max-width:none;margin-bottom:var(--bill-topup-title-pay-mb)}.bill-topup__hint,.bill-topup__lead{margin:0;color:var(--gs-muted,#5b6475);line-height:var(--bill-topup-lead-lh);text-align:center}.bill-topup__lead{margin:var(--bill-topup-lead-margin);font-size:var(--bill-topup-lead-size)}.bill-topup__hint{margin:var(--bill-topup-hint-margin);font-size:var(--bill-topup-hint-size)}.bill-topup__balance{display:flex;flex-direction:column;gap:var(--bill-topup-balance-gap);margin:var(--bill-topup-balance-margin);padding:var(--bill-topup-balance-pad);border-radius:.75rem;border:1px solid transparent;background:color-mix(in srgb,var(--gs-bg,#f6f7fb) 70%,transparent)}.bill-topup__label{font-size:.78rem;font-weight:600;color:var(--gs-muted,#5b6475)}.bill-topup__amount{display:block;width:100%;text-align:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:var(--bill-topup-amount-size);font-weight:600}.bill-topup__err{margin:var(--bill-topup-err-margin);font-size:var(--bill-topup-err-size);color:var(--gs-danger,#b42318);text-align:center}.bill-topup__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--bill-topup-actions-gap);margin-top:var(--bill-topup-actions-mt)}.bill-topup__btn{width:var(--bill-topup-btn-w);max-width:var(--bill-topup-btn-max-w);border:0;border-radius:.65rem;padding:var(--bill-topup-btn-pad);background:#e11d48;color:#fff;font:inherit;font-size:var(--bill-topup-btn-size);font-weight:700;cursor:pointer;transition:transform .18s cubic-bezier(.22,.8,.3,1),opacity .18s ease}.bill-topup__btn:disabled{opacity:.55;cursor:default}@media (min-width:1024px) and (max-height:700px){.bill-topup{--bill-topup-shell-h:min(94dvh,32rem);--bill-topup-visual-flex:0 0 11rem;--bill-topup-body-pad:0.75rem 1.5rem 1.1rem;--bill-topup-title-margin:0 0 0.75rem;--bill-topup-title-size:1.35rem;--bill-topup-balance-margin:0.85rem 0;--bill-topup-amount-size:1.35rem;--bill-topup-legal-mt:1rem}}@media (min-width:1024px) and (max-height:600px){.bill-topup{--bill-topup-shell-h:min(96dvh,30rem);--bill-topup-visual-flex:0 0 8.5rem;--bill-topup-mark-w:min(68%,8.5rem);--bill-topup-body-pad:0.55rem 1.15rem 0.85rem;--bill-topup-title-margin:0 0 0.55rem;--bill-topup-title-size:1.25rem;--bill-topup-balance-margin:0.55rem 0;--bill-topup-amount-size:1.25rem}}@media (min-width:861px) and (max-width:1023px){.bill-topup{--bill-topup-flow:column;--bill-topup-shell-h:min(90dvh,40rem);--bill-topup-visual-flex:0 0 auto;--bill-topup-visual-display:flex;--bill-topup-visual-pad:1.75rem 1.25rem 1.15rem;--bill-topup-mark-w:6.75rem;--bill-topup-mark-ratio:1;--bill-topup-body-justify:flex-start;--bill-topup-body-gap:0;--bill-topup-body-pad:0.85rem 1.75rem 1.5rem;--bill-topup-title-size:1.35rem;--bill-topup-title-max-w:28ch;--bill-topup-title-margin:0.85rem 0 1.25rem;--bill-topup-title-lh:1.25;--bill-topup-title-pay-mb:1.1rem;--bill-topup-lead-size:0.9rem;--bill-topup-lead-margin:0 0 1.25rem;--bill-topup-lead-lh:1.45;--bill-topup-balance-margin:0 0 1.25rem;--bill-topup-amount-size:1.35rem;--bill-topup-btn-w:100%;--bill-topup-btn-max-w:22rem;--bill-topup-pay-list-gap:0.85rem;--bill-topup-pay-opt-cols:3rem minmax(0,1fr);--bill-topup-pay-ico:3rem;--bill-topup-methods-gap:0.5rem;--bill-topup-chip-w:2.23rem;--bill-topup-chip-h:1.51rem;--bill-topup-chip-pad:0.14rem 0.26rem}.bill-topup__back,.bill-topup__chrome{display:none}}@media (min-width:861px) and (max-width:1023px) and (max-height:700px){.bill-topup{--bill-topup-visual-pad:1.15rem 1rem 0.75rem;--bill-topup-mark-w:5.5rem;--bill-topup-title-margin:0.55rem 0 0.85rem;--bill-topup-lead-margin:0 0 0.85rem;--bill-topup-balance-margin:0 0 0.85rem;--bill-topup-body-pad:0.55rem 1.35rem 1.1rem;--bill-topup-legal-mt:1rem}}@media (max-width:860px){.oc-modal.oc-modal--topup{padding:0;place-items:stretch}.bill-topup{--bill-topup-shell-w:100%;--bill-topup-shell-h:var(--ui-screen-h);--bill-topup-shell-radius:0;--bill-topup-flow:column;--bill-topup-visual-flex:0 0 auto;--bill-topup-visual-display:flex;--bill-topup-visual-pad:max(2.75rem,calc(var(--ui-inset-top) + 1.9rem)) 1rem 1.45rem;--bill-topup-mark-w:6.375rem;--bill-topup-mark-ratio:1;--bill-topup-body-justify:flex-start;--bill-topup-body-gap:0;--bill-topup-body-pad:0 1rem max(calc(var(--ui-inset-bottom) + 1.5rem),clamp(2rem,10dvh,4.5rem));--bill-topup-title-size:1.2rem;--bill-topup-title-max-w:26ch;--bill-topup-title-margin:clamp(1rem,5dvh,2.35rem) 0 1.85rem;--bill-topup-title-lh:1.3;--bill-topup-title-pay-mb:1.45rem;--bill-topup-lead-size:0.84rem;--bill-topup-lead-margin:0 0 1.85rem;--bill-topup-lead-lh:1.5;--bill-topup-hint-size:0.84rem;--bill-topup-hint-margin:0 0 1.45rem;--bill-topup-err-margin:0 0 1.45rem;--bill-topup-err-size:0.84rem;--bill-topup-balance-margin:0 0 1.85rem;--bill-topup-balance-pad:0.9rem 1rem;--bill-topup-balance-gap:0.35rem;--bill-topup-amount-size:1.2rem;--bill-topup-actions-mt:0.25rem;--bill-topup-actions-gap:1.45rem;--bill-topup-btn-w:100%;--bill-topup-btn-max-w:22rem;--bill-topup-btn-pad:0.7rem 1rem;--bill-topup-btn-size:1rem;--bill-topup-close-top:max(0.45rem,calc(var(--ui-inset-top) + 0.25rem));--bill-topup-close-left:max(0.55rem,var(--ui-inset-left));--bill-topup-pay-list-gap:1.1rem;--bill-topup-pay-list-mt:0.35rem;--bill-topup-pay-opt-cols:2.55rem minmax(0,1fr);--bill-topup-pay-ico:2.55rem;--bill-topup-pay-title-size:1rem;--bill-topup-legal-mt:1.85rem;--bill-topup-methods-gap:0.65rem;--bill-topup-chip-w:2.23rem;--bill-topup-chip-h:1.51rem;--bill-topup-chip-pad:0.14rem 0.26rem;--bill-topup-chip-radius:0.4rem;--bill-topup-chip-bg:color-mix(in srgb,#ffffff 85%,transparent);--bill-topup-method-svg-w:1.3rem;--bill-topup-method-svg-h:0.94rem}.bill-topup__back,.bill-topup__chrome{display:none}}@media (max-width:860px) and (min-height:801px){.bill-topup{--bill-topup-visual-pad:max(3rem,calc(var(--ui-inset-top) + 2.15rem)) 1rem 1.85rem;--bill-topup-title-margin:clamp(1.85rem,7.5dvh,3.1rem) 0 2.45rem;--bill-topup-title-pay-mb:2rem;--bill-topup-lead-margin:0 0 2.45rem;--bill-topup-hint-margin:0 0 2rem;--bill-topup-err-margin:0 0 2rem;--bill-topup-balance-margin:0 0 2.45rem;--bill-topup-balance-pad:1.05rem 1.1rem;--bill-topup-actions-mt:0.65rem;--bill-topup-actions-gap:1.85rem;--bill-topup-pay-list-gap:1.45rem;--bill-topup-pay-list-mt:0.75rem;--bill-topup-legal-mt:2.45rem;--bill-topup-body-pad:0 1.15rem max(calc(var(--ui-inset-bottom) + 2.15rem),clamp(3.25rem,15dvh,6rem))}}@media (max-width:860px) and (min-height:900px){.bill-topup{--bill-topup-title-margin:clamp(2.15rem,8.5dvh,3.5rem) 0 2.75rem;--bill-topup-title-pay-mb:2.25rem;--bill-topup-lead-margin:0 0 2.75rem;--bill-topup-balance-margin:0 0 2.75rem;--bill-topup-actions-gap:2.1rem;--bill-topup-pay-list-gap:1.65rem;--bill-topup-legal-mt:2.75rem}}@media (max-width:860px) and (max-height:700px){.bill-topup{--bill-topup-visual-pad:max(2rem,calc(var(--ui-inset-top) + 1.15rem)) 1rem 0.85rem;--bill-topup-mark-w:5.25rem;--bill-topup-title-margin:clamp(0.65rem,3dvh,1.25rem) 0 1rem;--bill-topup-title-pay-mb:0.85rem;--bill-topup-lead-margin:0 0 1rem;--bill-topup-hint-margin:0 0 0.85rem;--bill-topup-err-margin:0 0 0.85rem;--bill-topup-balance-margin:0 0 1rem;--bill-topup-actions-gap:0.85rem;--bill-topup-body-pad:0 1rem max(calc(var(--ui-inset-bottom) + 1rem),1.5rem);--bill-topup-legal-mt:1rem;--bill-topup-pay-list-gap:0.85rem}}@media (max-width:860px) and (max-height:600px){.bill-topup{--bill-topup-visual-pad:max(1.65rem,calc(var(--ui-inset-top) + 0.85rem)) 1rem 0.55rem;--bill-topup-mark-w:4.5rem;--bill-topup-title-margin:0.55rem 0 0.75rem;--bill-topup-title-size:1.1rem;--bill-topup-amount-size:1.1rem;--bill-topup-lead-margin:0 0 0.75rem;--bill-topup-balance-margin:0 0 0.75rem}}@container bill-topup (max-height: 28rem){.bill-topup__mark{width:min(var(--bill-topup-mark-w),5rem)}}.bill-topup__back{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.55rem;border:0;background:transparent;color:inherit;font:inherit;font-size:1.05rem;font-weight:700;line-height:1;cursor:pointer;padding:0 .2rem;transition:color .18s ease,transform .18s cubic-bezier(.22,.8,.3,1)}.bill-topup__back:hover{color:color-mix(in srgb,currentColor 82%,#e11d48)}.bill-topup__back-ico{display:block;flex-shrink:0}.bill-topup__legal{margin:var(--bill-topup-legal-mt) 0 0;padding:0 .15rem;font-size:var(--bill-topup-legal-size);line-height:1.5;text-align:center;color:var(--gs-muted,#5b6475)}.bill-topup__legal a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.12em}.bill-topup__legal a:hover{color:var(--gs-ink,#0b1026)}.bill-topup__pay-list{display:grid;gap:var(--bill-topup-pay-list-gap);margin-top:var(--bill-topup-pay-list-mt)}.bill-topup__pay-opt{display:grid;grid-template-columns:var(--bill-topup-pay-opt-cols);align-items:start;gap:var(--bill-topup-pay-opt-gap);text-align:left;border:1px solid #e4e7ef;background:color-mix(in srgb,#f6f7fb 55%,#ffffff);color:#0b1026;border-radius:.75rem;padding:var(--bill-topup-pay-opt-pad);font:inherit;cursor:pointer;transition:border-color .18s ease,transform .18s cubic-bezier(.22,.8,.3,1),box-shadow .18s ease}.bill-topup__pay-ico{width:var(--bill-topup-pay-ico);height:var(--bill-topup-pay-ico);object-fit:contain;flex-shrink:0;margin-top:.1rem}.bill-topup__pay-copy{display:grid;gap:var(--bill-topup-pay-copy-gap);min-width:0}.bill-topup__methods{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bill-topup-methods-gap)}.bill-topup__methods--fixed{width:100%;margin-top:.1rem}.bill-topup__method-chip{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bill-topup-chip-w);height:var(--bill-topup-chip-h);padding:var(--bill-topup-chip-pad);border-radius:var(--bill-topup-chip-radius);border:var(--bill-topup-chip-border);background:var(--bill-topup-chip-bg)}.bill-topup__method-chip-img{width:100%;height:100%;object-fit:contain;display:block}.bill-topup__method{display:inline-flex;align-items:center;justify-content:center;width:var(--bill-topup-chip-w);height:var(--bill-topup-chip-h);border-radius:var(--bill-topup-chip-radius);border:var(--bill-topup-chip-border);background:var(--bill-topup-chip-bg);color:#5b6475}.bill-topup__method-svg{width:var(--bill-topup-method-svg-w);height:var(--bill-topup-method-svg-h);display:block}.bill-topup__carousel{display:flex;justify-content:flex-end;align-items:center;width:100%;height:2.9rem;overflow:hidden;pointer-events:none}.bill-topup__carousel-track{position:relative;height:100%;flex:0 0 auto}.bill-topup__carousel-item{position:absolute;left:0;top:50%;width:2.55rem;height:2.15rem;display:grid;place-items:center;transition:none;will-change:transform,opacity}.bill-topup__carousel.is-live .bill-topup__carousel-item{transition:transform .55s cubic-bezier(.22,.8,.3,1),opacity .55s ease}.bill-topup__carousel-img{width:100%;height:100%;object-fit:contain;display:block}.bill-topup__pay-opt:hover:not(:disabled){border-color:var(--gs-action,#e11d48)}.bill-topup__pay-opt:disabled{opacity:.55;cursor:default}.bill-topup__pay-opt-title{font-weight:700;font-size:var(--bill-topup-pay-title-size)}@media (hover:hover) and (pointer:fine){.bill-topup__back:hover,.bill-topup__btn:hover:not(:disabled),.bill-topup__close:hover,.bill-topup__pay-opt:hover:not(:disabled){transform:scale(1.06)}.bill-topup__pay-opt:hover:not(:disabled){box-shadow:0 8px 22px rgba(11,16,38,.1)}}@media (prefers-reduced-motion:reduce){.bill-topup__back,.bill-topup__btn,.bill-topup__carousel.is-live .bill-topup__carousel-item,.bill-topup__close,.bill-topup__pay-opt{transition:none}.bill-topup__back:hover,.bill-topup__btn:hover:not(:disabled),.bill-topup__close:hover,.bill-topup__pay-opt:hover:not(:disabled){transform:none}}