.va-modal{position:fixed;inset:0;z-index:100000;display:none;}
.va-modal.va-modal--open{display:block!important;}
/* CheckoutWC (checkout-for-woocommerce) trae una regla propia que oculta
   TODO lo que caiga dentro de "wp_footer" salvo una lista corta de otros
   plugins que reconoce (para no ensuciar su página de pago) — sin este
   !important, esa regla (con un selector de mayor especificidad por el
   ID "#wp_footer") le gana a la nuestra, y el modal queda invisible pero
   igual "abierto" (el bloqueo de scroll de la página sí se nota). */
.va-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);}
.va-modal__panel{position:relative;background:#fff;max-width:480px;width:calc(100% - 32px);margin:5vh auto;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:8px;padding:24px;box-sizing:border-box;}
.va-modal__close{position:absolute;top:6px;right:6px;width:40px;height:40px;border:none;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#666;}
.va-modal__title{margin:0 0 16px;font-size:18px;padding-right:32px;}
.va-modal__quick label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
.va-modal__quick-row{display:flex;gap:8px;align-items:stretch;}
.va-modal__quick-row input{flex:1 1 55%;min-width:0;height:48px;padding:0 12px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}
.va-modal__quick-row button{flex:0 0 150px;height:48px;padding:0 16px;border:none;border-radius:4px;background:#284259;color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;box-sizing:border-box;}
.va-modal__quick-row button:hover{background:#1c2f40;}
.va-modal__status{margin-top:8px;font-size:13px;min-height:18px;color:#2e7d32;}
.va-modal__status.va-error{color:#c62828;}
.va-modal__manual-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;margin-top:18px;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;color:#29405B;background:#f5f8fb;border:1px solid #29405B;border-radius:6px;}
.va-modal__manual-toggle:hover{background:#eaf1f8;}
.va-modal__manual-toggle-chevron{flex:0 0 auto;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #29405B;transition:transform 0.15s ease;}
.va-modal__manual-toggle--open .va-modal__manual-toggle-chevron{transform:rotate(180deg);}
.va-modal__manual{margin-top:14px;}
html.va-modal-lock{overflow:hidden;}

@media (max-width:600px){
    .va-modal__panel{width:100%;max-width:100%;margin:0;min-height:100%;max-height:100%;border-radius:0;padding:20px 16px;}
    .va-modal__quick-row{flex-direction:column;}
    .va-modal__quick-row button{width:100%;flex-basis:auto;height:48px;padding:0 16px;}
}