.notificaciones{z-index:40;pointer-events:none;width:min(380px,100vw - 32px);position:fixed;bottom:24px;right:24px}.notificaciones__lista{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notificacion{background:var(--ui-superficie);border:1px solid var(--ui-borde);border-left:4px solid var(--notificacion-tono);border-radius:var(--ui-radio-panel);color:var(--ui-texto);pointer-events:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 12px 12px 14px;animation:.16s ease-out notificacion-entra;display:grid;box-shadow:0 8px 24px #161a2024}.notificacion--exito{--notificacion-tono:var(--ui-exito)}.notificacion--info{--notificacion-tono:var(--ui-info)}.notificacion--error{--notificacion-tono:var(--ui-error)}.notificacion__icono{color:var(--notificacion-tono);margin-top:2px;display:inline-flex}.notificacion__texto{font-size:var(--ui-texto-base);overflow-wrap:anywhere;margin:0;line-height:1.4}.notificacion__cerrar{min-height:0;color:var(--ui-texto-secundario);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px;line-height:1}.notificacion__cerrar:hover:not(:disabled){color:var(--ui-texto);background:0 0}.notificacion__cerrar:focus-visible{outline:2px solid var(--ui-foco);outline-offset:2px}@keyframes notificacion-entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.notificacion{animation:none}}@media (max-width:480px){.notificaciones{bottom:16px;right:16px}}