.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:50px;right:20px}.toast{opacity:0;pointer-events:auto;background:#fff;border-radius:12px;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:16px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;transform:translate(400px);box-shadow:0 4px 12px #00000026}.toast-show{opacity:1;transform:translate(0)}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{color:#333;flex:1}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #a0234a}.toast-warning .toast-icon{color:#a0234a}.toast-info{border-left:4px solid #7c2d5e}.toast-info .toast-icon{color:#7c2d5e}.connectivity-banner{color:#fff;z-index:9999;background:linear-gradient(135deg,#8b1538 0%,#5c0f29 100%);padding:8px 20px;transition:transform .4s;position:fixed;top:0;left:0;right:0;transform:translateY(0);box-shadow:0 2px 6px #0000001a}.connectivity-banner.hidden{transform:translateY(-100%)}.banner-content{align-items:center;gap:12px;max-width:1200px;margin:0 auto;font-size:13px;font-weight:500;display:flex}.banner-icon{filter:drop-shadow(0 0 4px #ffffff4d);font-size:18px}@media (max-width:640px){.toast-container{top:45px;left:10px;right:10px}.toast{min-width:unset;width:100%}.connectivity-banner{padding:6px 15px}.banner-content{font-size:12px}.banner-icon{font-size:16px}}button:disabled.offline-disabled{opacity:.5;cursor:not-allowed;position:relative}button:disabled.offline-disabled:after{content:"Sin conexion";color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#5c0f29;border-radius:6px;padding:6px 10px;font-size:12px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}button:disabled.offline-disabled:hover:after{opacity:1}
