/**
 * Styles for mcashop.mx - Overlap UI
 *
 * Overlay component with backdrop effect that covers the entire viewport.
 * Includes smooth transitions for showing and hiding.
 *
 * @author   Gabino Sarmiento
 * @since    1.0.0
 * @version  3.1
 * @updated  2026-07-06
 */
.overapp-subtitle{color:#6c757d;font-size:14px;display:block}.backdrop,.overapp{top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;position:fixed;transition:.5s;background-color:#fffFFF99}.overapp{left:100%;background-color:transparent}.overapp-wrap,.overapp-wrap-lg,.overapp-wrap-md,.overapp-wrap-sm,.overapp-wrap-xs{height:100%;display:flex;overflow:auto;position:relative;flex-direction:column;background-color:#fff}.overapp-wrap-lg,.overapp-wrap-md,.overapp-wrap-sm,.overapp-wrap-xs{margin-left:auto;border-top-left-radius:30px;border-bottom-left-radius:30px;box-shadow:0 0 50px #00000033}.overapp-wrap{width:100%}.overapp-wrap-lg{width:80%}.overapp-wrap-md{width:60%}.overapp-wrap-sm{width:50%}.overapp-wrap-xs{width:40%}.overapp-header{color:#066ac4;font-size:20px;font-weight:400;text-align:center;padding-top:30px;padding-inline:40px}.overapp-body{flex:1;padding:30px 40px}.overapp-payment{padding:30px}.overapp-footer{padding-bottom:30px;padding-inline:40px}.overapp-close{width:50px;height:50px;cursor:pointer;margin:0 auto;transition:.2s;background:url(assets/close.svg) center no-repeat}.overapp-close:hover{transform:rotate(90deg)}.overapp-open{overflow:hidden}.backdrop-showing,.overapp-showing{opacity:1}.backdrop-hiding,.overapp-hiding{opacity:0}.overapp-showing{left:0}@media (max-width:768px){[class^=overapp-wrap]{width:100%;box-shadow:none;border-top-left-radius:0;border-bottom-left-radius:0}}