.notificacion{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:10px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:1000;animation:notif-slideIn .3s ease;max-width:400px}.notificacion.error{background:#f44;color:#fff}.notificacion.exito{background:#00c851;color:#fff}.notificacion .icono{font-size:18px}.notificacion .mensaje{flex:1;font-size:14px;font-weight:500}.notificacion .cerrar{background:0 0;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.notificacion .cerrar:hover{opacity:1}@keyframes notif-slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}