/* Oposiplus web refresh · agosto 2026. Solo web pública, no /app/. */
:root{--opx-touch:48px}
html,body{max-width:100%;overflow-x:clip}
button,a,[role="button"]{touch-action:manipulation}
.btn,.opx-btn,.opxUnifiedActions a,.opxMobilePanelLink,.yellow-button,[class*="Button"],[class*="button"]{box-sizing:border-box;max-width:100%}
@media (max-width:860px){
  body>.ann{display:none!important}.hdr{top:0!important}
  .btn,.opx-btn,.yellow-button{min-height:var(--opx-touch);justify-content:center;text-align:center;white-space:normal;line-height:1.2}
  .hbg{display:flex!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;margin-left:auto!important;border:1px solid rgba(126,184,224,.2)!important;border-radius:14px!important;background:rgba(7,14,28,.9)!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex-direction:column!important;position:relative!important;inset:auto!important}
  .hbg span{display:block!important;width:22px!important;height:2px!important;min-height:2px!important;margin:0!important;border:0!important;border-radius:99px!important;background:#edf4ff!important;transform-origin:center!important}
  .hbg.open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}.hbg.open span:nth-child(2){opacity:0!important}.hbg.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .opxMobileMenuToggle{display:flex!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;margin:0!important;border-radius:14px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;overflow:visible!important}
  .opxMobileMenuToggle span{position:static!important;display:block!important;width:22px!important;height:2px!important;min-height:2px!important;margin:0!important;border:0!important;border-radius:99px!important;transform:none!important;background:#f7fbff!important}
  body.opxMobileMenuOpen .opxMobileMenuToggle span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}body.opxMobileMenuOpen .opxMobileMenuToggle span:nth-child(2){opacity:0!important}body.opxMobileMenuOpen .opxMobileMenuToggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
  .mob-menu a,.opxMobilePanelLink{min-height:52px;display:flex;align-items:center}.mob-acts .btn,.opxMobilePanelAuth a{width:100%;justify-content:center}
}
@media (max-width:420px){.cnt,.container,.opx-wrap{padding-left:18px;padding-right:18px}.hero-ctas,.opx-hero-ctas{width:100%}.hero-ctas .btn,.opx-hero-ctas .opx-btn{width:100%}}