.notificaciones{--n-texto:var(--tinta,var(--foreground));--n-secundario:var(--texto,var(--muted-foreground));--n-borde:var(--borde,var(--border));--n-fondo:var(--tarjeta,var(--card));--n-suave:var(--superficie,var(--muted));--n-marca:var(--boton-marca,var(--primary));--n-acento:var(--marca,var(--primary));--n-exito:var(--exito,var(--color-exito));--n-error:var(--error,var(--color-error));color:var(--n-texto);min-width:0;scroll-margin-top:5rem;font-family:inherit;font-size:.875rem;line-height:1.5}.notificaciones h2,.notificaciones h3,.notificaciones p{margin:0}.notificaciones button,.notificaciones a{font:inherit;cursor:pointer;text-decoration:none}.notificaciones button:disabled{opacity:.55;cursor:wait}.notificaciones :is(button,a,input):focus-visible{outline:3px solid var(--n-marca);outline-offset:3px}.notificaciones p{color:var(--n-secundario);text-wrap:pretty}.notif-panel{border:1px solid var(--n-borde);background:var(--n-fondo);border-radius:16px;overflow:hidden}.notif-cabecera{background:color-mix(in srgb, var(--n-marca) 4%, var(--n-fondo));padding:24px}.notif-kicker{letter-spacing:.1em;color:var(--n-secundario);margin-bottom:8px;font-size:.6875rem;font-weight:700;display:block}.notif-cabecera h2{letter-spacing:-.025em;margin-bottom:6px;font-size:1.375rem;font-weight:650}.notif-canal{border-top:1px solid var(--n-borde);padding:24px}.notif-titulo{align-items:center;gap:12px;margin-bottom:12px;display:flex}.notif-titulo h3{font-size:1rem;font-weight:650}.notif-simbolo{background:var(--n-suave);height:40px;color:var(--n-texto);border-radius:12px;flex:0 0 40px;place-items:center;display:grid}.notif-estado{color:var(--n-secundario);align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.notif-exito{color:var(--n-exito)}.notif-acciones{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.notificaciones :is(.notif-primario,.notif-secundario,.notif-texto){text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 14px;font-weight:600;display:inline-flex}.notif-primario{background:var(--n-marca);color:var(--primary-foreground,#fff);border:1px solid #0000}.notif-primario:hover{filter:brightness(.94)}.notif-secundario{background:var(--n-fondo);color:var(--n-texto);border:1px solid var(--n-borde)}.notif-texto{color:var(--n-secundario);background:0 0;border:1px solid #0000}.notif-secundario:hover,.notif-texto:hover{background:var(--n-suave)}.notificaciones .notif-ayuda{margin-top:12px;font-size:.75rem}.notificaciones .notif-email{color:var(--n-texto);overflow-wrap:anywhere;margin-bottom:8px;font-weight:600}.notif-preferencia{cursor:pointer;align-items:center;gap:10px;min-height:44px;margin-top:12px;display:flex}.notif-preferencia input{width:18px;height:18px;accent-color:var(--n-marca);flex-shrink:0}.notificaciones .notif-mensaje{background:var(--n-suave);color:var(--n-texto);border-radius:10px;margin:0 24px 20px;padding:12px}.notificaciones .notif-error{color:var(--n-error)}.notif-invitacion{background:var(--n-fondo);border:1px solid var(--n-borde);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.notif-invitacion.notif-tienda{width:calc(100% - 32px);max-width:1200px;margin:16px auto}.notif-icono{color:var(--n-acento);flex-shrink:0}.notif-invitacion-texto{flex:220px;min-width:0}.notif-invitacion h2{margin-bottom:3px;font-size:.9375rem;font-weight:650}.notif-invitacion p{font-size:.8125rem}.notif-invitacion .notif-acciones{margin-top:0}.notif-cerrar{min-width:44px;min-height:44px;color:var(--n-secundario);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.notif-cerrar:hover{background:var(--n-suave)}.notif-enlace{width:40px;height:40px;color:inherit;border-radius:10px;place-items:center;display:grid;position:relative}.notif-enlace:hover{background:var(--muted)}.notif-enlace span{background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}@media (max-width:420px){.notif-cabecera,.notif-canal{padding:20px 16px}.notificaciones .notif-mensaje{margin-inline:16px}.notif-invitacion .notif-acciones{width:100%}.notif-invitacion .notif-cerrar{margin-left:auto}}