@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Quicksand:wght@400;500;600;700&display=swap";html,body{margin:0;padding:0}body{color:#212529;background-color:#f8f9fa;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{min-height:100vh}:root{--bg:#faf7f8;--panel:#fff;--card:#fff;--card-2:#fbf9fa;--line:#ece6e8;--line-2:#ddd4d7;--text:#2a2024;--muted:#76707a;--accent:#c1012e;--accent-strong:#9a0438;--accent-2:#b0012e;--accent-soft:#fdedf0;--grad-marca:linear-gradient(135deg, #7a073f 0%, #c5092e 55%, #ff5726 100%);--ok:#16a34a;--warn-bg:#fff1f3;--warn-line:#f3c2cb;--warn-text:#b4233a;--cont-bg:#e7f6ec;--cont-line:#bfe6cd;--cont-text:#15803d;--plan-bg:#fff3df;--plan-line:#f3dca6;--plan-text:#b45309;--vacio-bg:#f3f1f2;--vacio-text:#9a929a;--shadow:0 1px 2px #4a141e0a, 0 4px 14px #4a141e0f;--shadow-hover:0 6px 22px #4a141e1f;--radius:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(1100px 520px at 85% -12%, #ffe9e2 0%, transparent 60%), var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Quicksand,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500}h1,h2,h3,h4,.kpi-num{letter-spacing:.01em;font-family:Fredoka,Quicksand,Segoe UI,system-ui,sans-serif}header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:14px;display:flex}.brand:hover .wm-anda{color:var(--accent)}.logo{background:var(--grad-marca);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-family:Fredoka,system-ui,sans-serif;font-size:24px;font-weight:600;display:grid;box-shadow:0 4px 16px #c1012e52}h1{margin:0;font-size:19px;font-weight:600}.brand-mark{font-family:Fredoka,system-ui,sans-serif;font-weight:600}.brand-mark .wm-work{background:var(--grad-marca);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.brand-mark .wm-anda{color:var(--muted)}.brand-sep{color:var(--accent)}header p{color:var(--muted);margin:2px 0 0;font-size:13px}.header-right{align-items:center;gap:18px;display:flex}.nav-tabs{background:var(--card-2);border:1px solid var(--line);border-radius:10px;gap:4px;padding:3px;display:inline-flex}.nav-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.nav-tab:hover{color:var(--text)}.nav-tab.activo{background:var(--accent);color:#fff;box-shadow:0 2px 8px #c1012e4d}.servicio-menu{background:var(--card-2);border:1px solid var(--line-2);border-radius:11px;gap:4px;padding:3px;display:inline-flex}.servicio-item{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-block}.servicio-item:hover{color:var(--accent-2)}.servicio-item.activo{background:var(--grad-marca);color:#fff;box-shadow:0 2px 10px #c1012e4d}.estado-guardado{color:var(--accent-2);text-align:right;min-width:90px;font-size:13px}.estado-guardado.ok{color:var(--ok)}.estado-guardado.err{color:var(--warn-text);font-weight:600}main{max-width:1280px;margin:0 auto;padding:24px 28px 48px}.vista{display:none}.vista.activa{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.muted{color:var(--muted);font-size:13px}.card.warn{background:var(--warn-bg);border-color:var(--warn-line);margin-bottom:20px}.card.warn h3{color:var(--warn-text);margin-top:0}code{background:#eef0f6;border-radius:5px;padding:1px 6px;font-size:12px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi{text-align:center;position:relative;overflow:hidden}.kpi:before{content:"";background:linear-gradient(90deg,#7a073f,#c5092e 55%,#ff5726);height:3px;position:absolute;inset:0 0 auto}.kpi-num{letter-spacing:-.02em;color:var(--text);font-size:34px;font-weight:700}.kpi-label{color:var(--muted);margin-top:4px;font-size:13px}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:20px;display:flex}#buscador,#vg-buscador{border:1px solid var(--line-2);background:var(--card);min-width:240px;color:var(--text);border-radius:10px;flex:1;padding:11px 14px;font-size:14px}#buscador::placeholder,#vg-buscador::placeholder{color:#a3a8b8}#buscador:focus,#vg-buscador:focus,.filtro select:focus,.campo input:focus,.campo textarea:focus,.campo select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #c1012e2e}.filtro{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.filtro select,.filtro input{background:var(--card);color:var(--text);border:1px solid var(--line-2);cursor:pointer;border-radius:9px;min-width:120px;padding:9px 11px;font-size:14px}.filtro input[type=month]{cursor:text}.toggle{color:var(--text);cursor:pointer;align-items:center;gap:7px;padding-bottom:9px;font-size:13px;display:flex}.toggle input{accent-color:var(--accent);width:16px;height:16px}.btn-facturacion-trigger{align-self:flex-end;margin-left:auto}.modal-fondo{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#14122373;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel,var(--card));border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:480px;max-height:calc(100vh - 32px);padding:22px;display:flex;overflow-y:auto;box-shadow:0 24px 70px #14122347}.modal-ancho{max-width:900px}.modal-cab{justify-content:space-between;align-items:center;gap:14px;display:flex}.modal-cab h3{margin:0;font-size:17px}.modal-cerrar{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:26px;line-height:1}.modal-cerrar:hover{color:var(--text);background:var(--card-2)}.modal-acciones{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.fact-controles{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:4px 0 16px;display:flex}.fact-resultado{border:1px solid var(--line);border-radius:12px;max-height:56vh;overflow:auto}.fact-resultado:empty{display:none}table.fact-tabla{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.fact-tabla th{text-align:left;background:#f0f1f7;padding:9px 12px;font-size:11px;position:sticky;top:0}.fact-tabla td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 12px}.fact-tabla tbody tr:last-child td{border-bottom:none}.fact-tabla .fact-num{text-align:center;width:48px;color:var(--muted)}.fact-temas{color:var(--muted);font-size:12px;line-height:1.4}.fact-vacio{text-align:center;color:var(--muted);padding:22px}.grid-clientes{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.cliente{cursor:pointer;flex-direction:column;gap:12px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex}.cliente:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cliente-cab{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cliente-cab h3{margin:0;font-size:16px}.cliente-gestor{color:var(--muted);margin-top:3px;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap;border:1px solid var(--line);background:#eef0f6;border-radius:7px;padding:4px 9px;font-size:11px}.badge.cuenta-activo{color:#15803d;background:#e7f6ec;border-color:#bfe6cd}.badge.cuenta-no_renueva{color:#b4233a;background:#fdeaed;border-color:#f3c2cb}.badge.cuenta-parado{color:#b45309;background:#fdf3da;border-color:#f3dca6}.badge.cuenta-puntual{color:#1d6fbf;background:#e6f0fb;border-color:#c4ddf5}.badge-validacion{border:1px solid var(--line);border-radius:7px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.val-pendiente{color:var(--muted);background:#eef0f6}.val-validado_cliente{color:#15803d;background:#e7f6ec;border-color:#bfe6cd}.val-rechazado{color:#b4233a;background:#fdeaed;border-color:#f3c2cb}.barra-estados{border:1px solid var(--line);background:var(--card-2);border-radius:6px;height:10px;display:flex;overflow:hidden}.barra-estados span{height:100%}.barra-vacia{color:var(--muted);font-size:12px}.cliente-conteo{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.cliente-conteo .punto{vertical-align:middle;border:1px solid #0000001a;border-radius:3px;width:9px;height:9px;margin-right:4px;display:inline-block}.cliente-total{color:var(--muted);font-size:12px}.cliente-total b{color:var(--text)}.recursos{flex-wrap:wrap;gap:6px;display:flex}.btn-recurso{cursor:pointer;background:var(--accent-soft);color:var(--accent-2);border:1px solid #f6c9d2;border-radius:8px;padding:5px 11px;font-size:12px}.btn-recurso:hover{border-color:var(--accent)}.btn-recurso:disabled{background:var(--card-2);color:#b7bbc8;border-color:var(--line);cursor:not-allowed}.btn-volver{background:var(--card);border:1px solid var(--line-2);color:var(--text);cursor:pointer;border-radius:999px;margin-bottom:18px;padding:8px 16px;font-size:14px}.btn-volver:hover{border-color:var(--accent)}.detalle-cabecera{flex-wrap:wrap;align-items:flex-start;gap:22px;margin-bottom:18px;display:flex}.detalle-cab-main h2{margin:0 0 8px;font-size:22px}.detalle-meta{align-items:center;gap:12px;display:flex}.detalle-cab-controles{flex-wrap:wrap;gap:16px;display:flex}.campo{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.campo input,.campo select,.campo textarea{background:var(--card);color:var(--text);border:1px solid var(--line-2);border-radius:9px;min-width:220px;padding:9px 11px;font-family:inherit;font-size:14px}.campo textarea{resize:vertical}.detalle-recursos{flex-wrap:wrap;gap:6px;width:100%;display:flex}.detalle-acciones{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.detalle-botones{gap:10px;display:flex}.btn{background:var(--card);border:1px solid var(--line-2);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}.btn:hover{border-color:var(--accent);color:var(--accent-2)}.btn-primario{background:var(--grad-marca);color:#fff;border-color:#0000;font-weight:700;box-shadow:0 3px 12px #c1012e47}.btn-primario:hover{filter:brightness(1.06);color:#fff}.btn-publicar{color:#2e6b2e;background:#e7f3e0;border-color:#b6d8a4;font-weight:600}.btn-publicar:hover{filter:brightness(1.02);border-color:#6fae57}.btn-mini{padding:4px 9px;font-size:12px}.leyenda-nota{color:var(--muted);font-size:12px}.leyendas{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.leyenda{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;flex:1;gap:14px;min-width:280px;padding:12px 18px;display:flex}.leyenda-titulo{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);width:100%;margin-bottom:2px;font-size:11px;font-weight:700}.leyenda-item{color:var(--text);align-items:center;gap:7px;font-size:12px;display:flex}.leyenda-color{border:1px solid #00000029;border-radius:4px;width:14px;height:14px}.leyenda-color.sit-contenido{background:var(--cont-bg);border-color:var(--cont-line)}.leyenda-color.sit-planificado{background:var(--plan-bg);border-color:var(--plan-line)}.leyenda-color.sit-vacio{background:var(--vacio-bg)}.sit-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.sit-publicado{background:var(--cont-text);color:#fff}.sit-validado{background:var(--cont-bg);color:var(--cont-text);border-color:var(--cont-line)}.sit-pte-validar{background:var(--plan-bg);color:var(--plan-text);border-color:var(--plan-line)}.sit-pte-hacer{background:var(--vacio-bg);color:var(--vacio-text);border-color:var(--line)}.sit-cancelado{background:var(--warn-bg);color:var(--warn-text);border-color:var(--warn-line)}.detalle-anio{max-width:200px;margin-bottom:14px}.punto{vertical-align:middle;border:1px solid #0000001a;border-radius:3px;width:9px;height:9px;margin-right:4px;display:inline-block}.tablero-acciones{background:var(--accent-soft);border:1px solid #f6c9d2;border-radius:12px;align-items:center;gap:14px;margin-bottom:14px;padding:10px 14px;display:flex}.sel-count{color:var(--accent-2);font-size:13px;font-weight:600}.tablero-lista{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}table.tablero-tabla{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.tablero-tabla th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f0f1f7;padding:9px 12px;font-size:11px;position:sticky;top:0}.tablero-tabla td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 12px}.tablero-tabla tbody tr:last-child td{border-bottom:none}.tablero-tabla tbody tr.lm-clickable{cursor:pointer}.tablero-tabla tbody tr.lm-clickable:hover{background:var(--card-2)}.lm-check{text-align:center;width:32px}.lm-mes{white-space:nowrap}.lm-anio{color:var(--muted);margin-left:4px;font-size:11px}.lm-tema{max-width:320px}.lm-estado{white-space:nowrap;color:var(--text);font-size:12.5px}.lm-doc{text-align:center;width:40px}.lm-accion{white-space:nowrap}.crear-inline{align-items:center;gap:6px;display:flex}.crear-inline input{border:1px solid var(--line-2);border-radius:8px;min-width:140px;padding:6px 9px;font-family:inherit;font-size:13px}.redes-intro{margin-bottom:18px}.redes-intro h2{margin:0 0 6px}.redes-todo{background:var(--accent-soft);border:1px solid var(--line);color:var(--accent-2);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:13px}.redes-toolbar{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:16px;padding:12px 14px;display:flex}.redes-toolbar .muted{font-size:12.5px}.redes-modo-chip{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.redes-modo-chip.sim{color:#b9770b;background:#fff7e6;border-color:#f3dca6}.redes-modo-chip.real{color:#1a8a4a;background:#f2fbf5;border-color:#b7e4c7}.cg-tb-sep{flex:1}.ads-capas{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.ads-capa{border:1px solid var(--line-2);background:var(--card-2);color:var(--text);border-radius:999px;padding:5px 10px;font-size:12.5px}.ads-capa.lista{background:var(--cont-bg);border-color:var(--cont-line);color:var(--cont-text)}.ads-capa.pdte{background:var(--plan-bg);border-color:var(--plan-line);color:var(--plan-text)}.ads-capa.sim{color:#8a5a00;background:#fff8e6;border-color:#f0d999}.cand-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.cand-toolbar input[type=search]{border:1px solid var(--line-2);border-radius:9px;min-width:200px;padding:8px 12px;font-size:14px}.cand-toolbar .muted{margin-left:auto}.cand-lista{flex-direction:column;gap:8px;display:flex}.cand-item{border:1px solid var(--line);background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;display:flex}.cand-item.cand-alto{border-left:4px solid #2f9e44}.cand-main{flex:1;min-width:0}.cand-nom{color:#2a2a33;font-size:14px;font-weight:700}.cand-meta{color:var(--muted);margin-top:3px;font-size:12.5px}.cand-senales{color:#55555f;margin-top:4px;font-size:12px;line-height:1.4}.cand-web{color:var(--accent-2);text-decoration:none}.cand-web:hover{text-decoration:underline}.cand-noweb{color:#b9770b}.cand-cadena{color:#c2410c}.cand-dato{color:#33333c}.cand-fit{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:10.5px;font-weight:700}.cand-fit.alto{color:#1a8a4a;background:#f2fbf5;border:1px solid #b7e4c7}.cand-fit.medio{color:#b9770b;background:#fff7e6;border:1px solid #f3dca6}.cand-fit.bajo{color:var(--muted);border:1px solid var(--line);background:#eef0f6}.cand-acciones{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.cand-estado-sel{border:1px solid var(--line-2);background:var(--card);color:var(--text);border-radius:8px;padding:4px 6px;font-size:12px}.pt-controles{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.pt-estado-sel{border:1px solid var(--line-2);background:var(--card);color:var(--text);border-radius:8px;padding:5px 8px;font-size:12.5px}.pt-web{color:var(--accent-2);text-decoration:none}.pt-web:hover{text-decoration:underline}.pt-nota{color:var(--muted);align-self:center;font-size:11.5px}.cat-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cat-toolbar input[type=search]{border:1px solid var(--line-2);border-radius:9px;min-width:260px;padding:8px 12px;font-size:14px}.cat-toolbar .muted{margin-left:auto}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;display:grid}.cat-serv{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);padding:16px 18px}.cat-serv-extra{background:var(--vacio-bg);margin-top:14px}.cat-cab{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cat-cab h3{color:var(--text);margin:0;font-size:15.5px}.cat-estado{color:#fff;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700}.cat-resumen{color:#55555f;margin:0 0 10px;font-size:13px;line-height:1.45}.cat-meta{color:var(--muted);flex-direction:column;gap:3px;margin-bottom:8px;font-size:12px;display:flex}.cat-meta b{color:var(--text);font-weight:600}.cat-doc,.cat-name{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.cat-doc{color:var(--accent-strong);font-size:11.5px}.cat-nota{color:var(--plan-text);background:var(--plan-bg);border:1px solid var(--plan-line);border-radius:8px;margin:0 0 10px;padding:6px 9px;font-size:11.5px;line-height:1.4}.cat-grupo{margin-top:10px}.cat-grupo-tit{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:10.5px;font-weight:700}.cat-item{border:1px solid var(--line);background:var(--bg);border-radius:9px;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;padding:7px 10px;display:flex}.cat-item.cat-falta{border-color:var(--warn-line);background:var(--warn-bg)}.cat-tag{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:700}.cat-tag-sk{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #f3ccd6}.cat-tag-ag{color:#2451b3;background:#eef4ff;border:1px solid #cddcff}.cat-name{color:var(--text);font-size:12.5px;font-weight:600}.cat-desc{color:#60606a;flex:100%;font-size:12px;line-height:1.4}.cat-falta-badge{color:var(--warn-text);text-transform:uppercase;font-size:9.5px;font-weight:700}.no-encontrado{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100vh;padding:40px 20px;display:flex}.no-encontrado .nf-codigo{background:var(--grad-marca);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Fredoka,system-ui,sans-serif;font-size:96px;font-weight:700;line-height:1}.no-encontrado h2{margin:0;font-size:20px}@media (width<=900px){.kpis,.vg-kpis,.tablero{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.kpis,.tablero,.vg-kpis{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:12px}}