:root{--ntf-rojo: #DC2626;--ntf-rojo-suave: #fff1f1;--ntf-rojo-borde: #fecaca;--ntf-rojo-txt: #991b1b;--ntf-amarillo: #D97706;--ntf-amarillo-suave: #fffbeb;--ntf-amarillo-txt: #92400e;--ntf-azul: #2563EB;--ntf-azul-suave: #eff6ff;--ntf-azul-txt: #1e40af}.ntf-caja{position:relative;display:flex}.ntf-campana{position:relative;display:flex;align-items:center;gap:.5rem;height:46px;min-width:46px;padding:0 .75rem;border-radius:999px;border:1px solid var(--border-color);background:#fff;color:var(--color-purple-dark);cursor:pointer;font-family:var(--font-main);font-size:.92rem;font-weight:600;transition:all .15s;box-shadow:0 1px 2px #0000000a}.ntf-campana:hover{background:var(--color-lila);border-color:var(--color-purple-light)}.ntf-campana.con-criticas{background:var(--ntf-rojo);border-color:var(--ntf-rojo);color:#fff;box-shadow:0 4px 14px #dc26264d}.ntf-campana.con-criticas:hover{background:#b91c1c;border-color:#b91c1c}.ntf-campana-txt{white-space:nowrap}.ntf-badge{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#fff;color:var(--ntf-rojo);font-size:.8rem;font-weight:800;display:grid;place-items:center;font-family:var(--font-main)}.ntf-panel{position:absolute;right:0;top:calc(100% + 10px);width:480px;max-height:min(720px,calc(100vh - 100px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 48px #0003;z-index:1300;overflow:hidden;font-family:var(--font-main);text-align:left}.ntf-head{display:flex;align-items:center;gap:.7rem;padding:.95rem 1.1rem;border-bottom:1px solid #eee}.ntf-head b{font-size:1.05rem;color:var(--color-purple-dark);margin-right:auto}.ntf-link{background:none;border:none;padding:.3rem 0;font-family:inherit;font-size:.88rem;font-weight:600;color:var(--primary-hover);cursor:pointer}.ntf-x{width:36px;height:36px;display:grid;place-items:center;background:none;border:none;border-radius:10px;color:#9b95a3;cursor:pointer}.ntf-x:hover{background:var(--color-lila);color:var(--color-purple-dark)}.ntf-tabs{display:flex;gap:1.4rem;padding:0 1.1rem;border-bottom:1px solid #eee}.ntf-tabs button{background:none;border:none;border-bottom:3px solid transparent;padding:.7rem 0;font-family:inherit;font-size:.92rem;color:var(--text-secondary);cursor:pointer}.ntf-tabs button.on{color:var(--color-purple-dark);font-weight:700;border-bottom-color:var(--primary-hover)}.ntf-cuerpo{overflow-y:auto}.ntf-sep{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:#faf9fb;font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;color:#8a8492;font-weight:700;border-bottom:1px solid #f4f2f6}.ntf-sep i{width:10px;height:10px;border-radius:50%;display:block}.ntf-sep.rojo i{background:var(--ntf-rojo)}.ntf-sep.amarillo i{background:var(--ntf-amarillo)}.ntf-fila{display:flex;gap:.75rem;padding:.95rem 1.1rem;border-bottom:1px solid #f4f2f6}.ntf-fila.critica{background:var(--ntf-rojo-suave);border-left:4px solid var(--ntf-rojo)}.ntf-fila.apagada{opacity:.75}.ntf-fila-link{width:100%;align-items:center;background:#fff;border:none;border-bottom:1px solid #f4f2f6;cursor:pointer;font-family:inherit;text-align:left;color:var(--text-secondary)}.ntf-fila-link:hover{background:var(--color-lila)}.ntf-dot{width:11px;height:11px;border-radius:50%;margin-top:.45rem;flex-shrink:0;background:#d5d1da}.ntf-dot.crit{background:var(--ntf-rojo)}.ntf-dot.warn{background:var(--ntf-amarillo)}.ntf-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.ntf-txt b,.ntf-titulo{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.ntf-titulo{background:none;border:none;padding:0;text-align:left;font-family:inherit;cursor:pointer}.ntf-titulo:hover:not(:disabled){color:var(--primary-hover);text-decoration:underline}.ntf-titulo:disabled{cursor:default}.ntf-txt small{font-size:.9rem;color:#4b4554;line-height:1.5}.ntf-cuando{font-size:.78rem;color:#a29daa}.ntf-acciones{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.ntf-acc{display:inline-flex;align-items:center;gap:.35rem;font-family:inherit;font-size:.88rem;font-weight:600;border:1px solid var(--border-color);border-radius:10px;padding:.5rem .85rem;min-height:38px;background:#fff;color:var(--text-secondary);cursor:pointer}.ntf-acc:hover{border-color:var(--primary-hover);color:var(--primary-hover)}.ntf-acc-pri{background:var(--ntf-rojo);border-color:var(--ntf-rojo);color:#fff;padding:.5rem 1.1rem}.ntf-acc-pri:hover{color:#fff;border-color:#b91c1c;background:#b91c1c}.ntf-acc-mas{padding:.5rem .7rem;letter-spacing:.1em}.ntf-acc-silenciar:hover{border-color:var(--ntf-rojo);color:var(--ntf-rojo)}.ntf-vacio{padding:3rem 1.4rem;text-align:center;display:flex;flex-direction:column;gap:.4rem;align-items:center}.ntf-vacio span{font-size:2.6rem}.ntf-vacio b{font-size:1.05rem}.ntf-vacio p{margin:0;font-size:.9rem;color:var(--text-secondary);max-width:300px;line-height:1.5}.ntf-vacio-txt{padding:1.6rem 1.1rem;margin:0;font-size:.92rem;color:var(--text-secondary);text-align:center}.ntf-banner{display:flex;align-items:center;gap:.9rem;padding:.8rem 1.5rem;min-height:60px;background:var(--ntf-rojo-suave);border-bottom:1px solid var(--ntf-rojo-borde);border-left:6px solid var(--ntf-rojo);font-family:var(--font-main);font-size:.98rem}.ntf-pulso{width:12px;height:12px;border-radius:50%;background:var(--ntf-rojo);flex-shrink:0;box-shadow:0 0 0 5px #dc26262e;animation:ntf-latido 2.2s ease-in-out infinite}@keyframes ntf-latido{0%,to{box-shadow:0 0 0 5px #dc26262e}50%{box-shadow:0 0 0 9px #dc262614}}.ntf-banner-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ntf-banner-txt b{color:var(--ntf-rojo-txt);font-size:1.02rem}.ntf-banner-lista{color:#7f1d1d}.ntf-banner-ver{border:none;border-radius:10px;padding:.55rem 1.2rem;background:var(--ntf-rojo);min-height:40px;font-family:inherit;font-size:.92rem;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0}.ntf-banner-ver:hover{background:#b91c1c}.ntf-banner-x{width:36px;height:36px;display:grid;place-items:center;background:none;border:none;border-radius:10px;color:#b98080;cursor:pointer;flex-shrink:0}.ntf-banner-x:hover{background:#fee2e2;color:var(--ntf-rojo)}@media (max-width: 768px){.ntf-campana{padding:0 .6rem}.ntf-campana-txt{display:none}.ntf-panel{position:fixed;left:.5rem;right:.5rem;top:calc(56px + var(--safe-top, 0px));width:auto}.ntf-banner{padding:.65rem .9rem;font-size:.9rem;min-height:52px;border-left-width:5px}.ntf-banner-lista{display:none}}.ntf-sep.crit i{background:var(--ntf-rojo)}.ntf-sep.warn i{background:var(--ntf-amarillo)}.ntf-sep.info i,.ntf-dot.info{background:var(--ntf-azul)}.ntf-fila.info{background:#fbfcff}.ntf-acc-sec{border-color:var(--color-purple-dark);color:var(--color-purple-dark);padding:.5rem 1.1rem}.ntf-acc-sec:hover{background:var(--color-lila)}.ntf-ajustar{margin-top:.65rem;padding:.85rem 1rem;border-radius:12px;background:#f6f4f9;border:1px solid #e9e5ef}.ntf-ajustar b{font-size:.95rem;color:var(--color-purple-dark)}.ntf-ajustar p{margin:.25rem 0 0;font-size:.88rem;color:#4b4554;line-height:1.45}.ntf-mini-dot{width:11px;height:11px;border-radius:50%;background:var(--c, #999);display:inline-block}.ntf-acc-apagar:hover{border-color:var(--ntf-rojo);color:var(--ntf-rojo)}.ntf-acc-cancelar{border-color:transparent;color:#8a8492}.ntf-pie{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:48px;padding:.7rem 1rem;background:#faf9fb;border:none;border-top:1px solid #eee;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--color-purple-dark);cursor:pointer}.ntf-pie:hover{background:var(--color-lila)}:root{--color-black: #000000;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bottom-nav-h: 56px;--bottom-nav-total: calc(var(--bottom-nav-h) + var(--safe-bottom));--color-purple-dark: #472973;--color-purple-vibrant: #8839FF;--color-purple-light: #B483FF;--color-gray-light: #E6E6E6;--primary-color: var(--color-purple-dark);--primary-hover: var(--color-purple-vibrant);--secondary-color: var(--color-purple-light);--accent-color: var(--color-purple-vibrant);--background-color: var(--color-gray-light);--surface-color: #ffffff;--text-primary: var(--color-black);--text-secondary: var(--color-purple-dark);--border-color: #d1d1d1;--success-color: #00c853;--warning-color: #ffd600;--error-color: #ff1744;--font-main: "Poppins", sans-serif;--font-sans: "Inter", system-ui, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow: 0 4px 12px rgba(0, 0, 0, .08);--color-lila: #f5f3ff;--color-purple-deeper: #351b5e;--glow-primary: rgba(136, 57, 255, .5);--focus-ring: rgba(136, 57, 255, .35);--success-soft: #dcfce7;--success-ink: #166534;--roger-dark: #004380;--roger-bright: #0085FF;--roger-light: #80C2FF;--roger-soft: #E6F2FF;--p05: #30a46c;--p02: #f76b15;--p03: #ffc53d;--p04: #0090ff;--p01: #e5484d}@layer theme,base,components,utilities;@layer base{*{box-sizing:border-box;margin:0;padding:0}html{background-color:#fff}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.serif{font-family:var(--font-main);font-weight:700}button{cursor:pointer;font-family:var(--font-main);transition:all .2s ease;border:0;background:transparent;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,select,textarea{font-family:var(--font-sans);font-size:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-outline{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-outline:hover:not(:disabled){background:#f5f5f5;border-color:var(--text-secondary)}.btn-secondary{background:#f5f5f5;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#eee}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-danger-outline{background:#fff;color:var(--error-color);border:1px solid var(--error-color)}.btn-danger-outline:hover:not(:disabled){background:#fff5f5}.btn-success,.btn-cobrar{background:var(--success-soft);color:var(--success-ink)}.btn-cobrar:hover:not(:disabled){border:1px solid #bbf7d0;transform:translateY(-1px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;transition:background .2s}.btn-icon:hover:not(:disabled){background:#f5f5f5}.btn-icon.btn-icon-danger{color:var(--error-color)}.btn-icon.btn-icon-danger:hover:not(:disabled){background:#fff5f5}.btn-icon:disabled{cursor:default;opacity:.6}.ticket-spin{animation:ticket-spin .8s linear infinite}@keyframes ticket-spin{to{transform:rotate(360deg)}}.chip-action{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;font-family:var(--font-main);font-weight:600;font-size:12px;border-radius:999px;padding:6px 13px;flex-shrink:0;background:#8839ff1f;color:var(--primary-color);transition:background .18s}.chip-action:hover:not(:disabled){background:#8839ff38}.link-ficha{color:var(--primary-color);text-decoration:none;cursor:pointer}.link-ficha:hover{color:var(--primary-hover);text-decoration:underline}.chip-action svg{width:14px;height:14px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--primary-color);transition:background .18s;flex-shrink:0}.icon-btn:hover:not(:disabled){background:var(--color-lila)}.icon-btn svg{width:19px;height:19px}.chip-mut{display:inline-flex;align-items:center;gap:5px;cursor:pointer;flex-shrink:0;font-family:var(--font-main);font-weight:600;font-size:12px;border-radius:999px;padding:6px 13px;background:transparent;color:#777;border:1px solid var(--border-color);transition:color .18s,border-color .18s,background .18s}.chip-mut:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.chip-mut.is-done{background:var(--success-soft);color:var(--success-ink);border-color:transparent;animation:chip-pop .25s ease-out}.check{display:inline-flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.check input{position:absolute;opacity:0;width:0;height:0}.check-box{width:22px;height:22px;border:2px solid var(--border-color);border-radius:6px;background:var(--surface-color);display:inline-flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s;flex-shrink:0}.check-box svg{width:14px;height:14px;stroke:#fff;opacity:0;transform:scale(.6);transition:opacity .15s,transform .2s ease-out}.check input:checked+.check-box{background:var(--primary-color);border-color:var(--primary-color)}.check input:checked+.check-box svg{opacity:1;transform:scale(1)}.check input:indeterminate+.check-box{background:var(--primary-color);border-color:var(--primary-color)}.check input:disabled+.check-box{opacity:.5;cursor:not-allowed}.switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:36px;height:20px;border-radius:999px;background:#c9c9c9;position:relative;transition:background .2s;flex-shrink:0}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch:hover input:not(:disabled)+.track{background:#b2b2b2}.switch input:checked+.track{background:var(--primary-color)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:disabled+.track{opacity:.5;cursor:not-allowed}.radio{display:inline-flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio input{position:absolute;opacity:0;width:0;height:0}.radio-dot{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;background:var(--surface-color);display:inline-flex;align-items:center;justify-content:center;transition:border-color .18s;flex-shrink:0}.radio-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary-color);transform:scale(0);transition:transform .18s ease-out}.radio input:checked+.radio-dot{border-color:var(--primary-color)}.radio input:checked+.radio-dot:after{transform:scale(1)}}@keyframes chip-pop{0%{transform:scale(.85)}60%{transform:scale(1.06)}to{transform:scale(1)}}@layer base{:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}}@media (max-width: 768px){body{line-height:1.55;-webkit-text-size-adjust:100%;text-size-adjust:100%}h2{line-height:1.2}}@media (max-width: 768px){.toast{bottom:calc(var(--bottom-nav-total) + .75rem)!important}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;display:block}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}