.notif{position:absolute;top:calc(100% + 14px);right:0;width:min(392px,calc(100vw - 32px));max-height:min(72vh,560px);background:#fff;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 26px 60px -18px rgba(9,9,11,.42);overflow:hidden;display:flex;flex-direction:column;z-index:80}.notif-head{padding:16px 18px 13px;border-bottom:1px solid #ececee;justify-content:space-between;gap:12px}.notif-head,.notif-icon-btn{flex:none;display:flex;align-items:center}.notif-icon-btn{width:28px;height:28px;border-radius:50%;background:#f4f4f5;justify-content:center;transition:background .15s}.notif-icon-btn:hover{background:#e4e4e7}.notif-punto{position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e5484d;color:#fff;line-height:17px;text-align:center;box-sizing:border-box;border:1.5px solid #16181d;pointer-events:none}.notif-dia,.notif-punto{font-size:10.5px;font-weight:700}.notif-dia{letter-spacing:.12em;text-transform:uppercase;color:#a1a1aa;padding:14px 22px 7px}.notif-item{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;padding:12px 22px;border:none;background:none;cursor:pointer;font-family:inherit;transition:background .15s}.notif-item:hover{background:#fafafa}.notif-item.nueva{background:rgba(28,159,166,.055)}.notif-item.nueva:hover{background:rgba(28,159,166,.1)}.notif-ico{width:32px;height:32px;flex:none;border-radius:9px;background:#f4f4f5;display:flex;align-items:center;justify-content:center}.notif-txt{flex:1 1;min-width:0;display:block}.notif-txt b{display:block;font-size:13.5px;font-weight:600;color:#09090b;line-height:1.4}.notif-txt>span{display:block;font-size:12.5px;color:#71717a;line-height:1.45;margin-top:2px}.notif-txt i{display:block;font-style:normal;font-size:11.5px;color:#a1a1aa;margin-top:4px}.notif-vacio{padding:38px 24px;text-align:center}.notif-vacio b{display:block;font-size:14.5px;font-weight:600;color:#09090b}.notif-vacio span{display:block;font-size:12.5px;color:#71717a;line-height:1.5;margin-top:6px}.notif-cargando{display:flex;justify-content:center;padding:40px}.notif .scr{scrollbar-width:thin;scrollbar-color:#d4d4d8 transparent}.notif .scr::-webkit-scrollbar{width:8px}.notif .scr::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:999px}.notif .scr::-webkit-scrollbar-track{background:transparent}.notif-spin{width:30px;height:30px;border-radius:50%;border:3px solid rgba(9,9,11,.1);border-top-color:#1c9fa6;animation:notif-spin .8s linear infinite}@keyframes notif-spin{to{transform:rotate(1turn)}}.notif-campana-wrap{position:relative;display:block}.notif-campana{position:relative;width:100%;display:flex;align-items:center;gap:11px;height:40px;padding:0 11px;border-radius:10px;font-size:14px;font-weight:600;color:#6b6b74;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s,color .15s}.notif-campana svg{flex:none}.notif-campana:hover{background:#fafafa;color:#09090b}.notif-campana.abierta{background:rgba(28,159,166,.1);color:#0f6d72}.notif-campana-wrap .notif-punto{top:50%;right:11px;transform:translateY(-50%);border-color:#fff}.notif.lateral{position:fixed;left:264px;right:auto;top:auto;bottom:18px;max-height:min(76vh,620px)}@media (max-width:880px){.notif.lateral{left:12px;right:12px;width:auto;top:auto;bottom:12px;max-height:72vh}}.notif-campana-wrap.en-barra{display:inline-block}.notif-campana.solo-icono{width:38px;height:38px;padding:0;border-radius:50%;justify-content:center;gap:0}.notif-campana-wrap.en-barra .notif-punto{top:1px;right:1px;transform:none;border-color:#fff}