/* Proyectos IA · gestión de proyectos · azul #0B5FA8 y blanco (base compartida con Gestión IA) */
.iapr, .iapr-modal, .iapr-toast, .iapr-pop { --a: #0B5FA8; --a90: rgba(11, 95, 168, .9); --a80: rgba(11, 95, 168, .8); --a70: rgba(11, 95, 168, .72); --a50: rgba(11, 95, 168, .5); --a35: rgba(11, 95, 168, .35); --a20: rgba(11, 95, 168, .2); --a12: rgba(11, 95, 168, .12); --a08: rgba(11, 95, 168, .08); --a05: rgba(11, 95, 168, .05); --a03: rgba(11, 95, 168, .03); --w: #fff; --r: 16px; --sh: 0 10px 30px rgba(11, 95, 168, .12); --f: var(--f-body, "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
	color: var(--a); font-family: var(--f); font-size: 15.5px; line-height: 1.5; -webkit-tap-highlight-color: transparent; }
.iapr { position: relative; }
.iapr [hidden], .iapr-modal [hidden], .iapr-pop [hidden] { display: none !important; }
.iapr *, .iapr *::before, .iapr *::after, .iapr-modal *, .iapr-modal *::before, .iapr-modal *::after, .iapr-pop * { box-sizing: border-box; }
.iapr :where(button, input, select, textarea), .iapr-modal :where(button, input, select, textarea), .iapr-pop :where(button, input) { font: inherit; color: inherit; }
.iapr :where(h2, h3, h4, h5), .iapr-modal :where(h2, h3, h4, h5) { color: var(--a); margin: 0; line-height: 1.25; font-family: var(--f); }
.entry-content .iapr :where(h2, h3, h4, h5), .entry-content .iapr-modal :where(h2, h3, h4, h5) { margin-top: 0; }
.iapr svg, .iapr-modal svg { display: block; }
.iapr :where(p, .iapr-small, .iapr-pill, .iapr-cuadre, td, span) > .ic, .iapr-modal :where(p, .iapr-small, .iapr-pill, .iapr-cuadre, td, span) > .ic { display: inline-block; vertical-align: -3px; }
.iapr .ic, .iapr-modal .ic, .iapr-pop .ic { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.iapr .ic.sm, .iapr-modal .ic.sm { width: 16px; height: 16px; }
.iapr .ic.lg { width: 28px; height: 28px; }
.iapr-boot { padding: 60px 20px; text-align: center; color: var(--a70); display: flex; flex-direction: column; align-items: center; gap: 14px; }
.iapr-spin { width: 28px; height: 28px; border-radius: 50%; border: 3px solid var(--a20); border-top-color: var(--a); animation: iapr-g 0.8s linear infinite; display: inline-block; }
@keyframes iapr-g { to { transform: rotate(360deg); } }
.iapr-muted { color: var(--a70); }
.iapr-small { font-size: 13px; color: var(--a70); }
.iapr-num, .iapr td.n, .iapr th.n { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.iapr-neg { font-weight: 700; }
.iapr-neg::before { content: ""; }

/* ---------- Marco ---------- */
.iapr-app { display: grid; grid-template-columns: 248px minmax(0, 1fr); background: var(--w); border: 1px solid var(--a20); border-radius: 22px; overflow: hidden; box-shadow: var(--sh); min-height: 760px; }
.iapr.is-full { position: fixed; inset: 0; z-index: 99990; background: var(--w); padding: 0; overflow: auto; }
.iapr.is-full .iapr-app { border-radius: 0; min-height: 100vh; border: 0; }
.iapr-side { background: var(--a); color: var(--w); padding: 18px 12px; display: flex; flex-direction: column; gap: 4px; position: relative; }
.iapr-brand { display: flex; align-items: center; gap: 10px; padding: 4px 8px 14px; }
.iapr-logo { width: 40px; height: 40px; border-radius: 12px; background: var(--w); color: var(--a); display: grid; place-items: center; font-weight: 800; font-size: 14px; letter-spacing: -.02em; }
.iapr-brand b { display: block; font-size: 17px; line-height: 1.15; }
.iapr-brand small { display: block; font-size: 12px; opacity: .85; }
.iapr-emp { margin: 0 4px 10px; }
.iapr-emp select { width: 100%; border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .12); color: var(--w); border-radius: 10px; padding: 8px 10px; font-size: 14px; font-weight: 600; }
.iapr-emp select option { color: var(--a); background: var(--w); }
.iapr-nav { display: flex; flex-direction: column; gap: 2px; overflow-y: auto; }
.iapr-nav button { display: flex; align-items: center; gap: 11px; width: 100%; padding: 10px 12px; border: 0; border-radius: 11px; background: transparent; color: var(--w); cursor: pointer; text-align: left; font-weight: 600; font-size: 14.5px; }
.iapr-nav button:hover { background: rgba(255, 255, 255, .12); }
.iapr-nav button[aria-current="page"] { background: var(--w); color: var(--a); }
.iapr-nav .iapr-cnt { margin-left: auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--w); color: var(--a); font-size: 11.5px; font-weight: 800; display: inline-grid; place-items: center; }
.iapr-nav button[aria-current="page"] .iapr-cnt { background: var(--a); color: var(--w); }
.iapr-nav-sep { height: 1px; background: rgba(255, 255, 255, .2); margin: 8px 6px; }
.iapr-side-foot { margin-top: auto; display: grid; gap: 8px; padding: 10px 4px 0; }
.iapr-plan { font-size: 12.5px; background: rgba(255, 255, 255, .14); border-radius: 12px; padding: 10px 12px; }
.iapr-plan b { display: block; font-size: 14px; }
.iapr-plan a { color: var(--w); font-weight: 700; }
.iapr-main { min-width: 0; padding: 22px 26px 34px; background: var(--w); }
.iapr-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 14px; flex-wrap: wrap; }
.iapr-top h2 { font-size: 25px; font-weight: 700; }
.iapr-kicker { font-size: 12px; letter-spacing: .07em; text-transform: uppercase; font-weight: 700; color: var(--a70); margin: 0 0 3px; }
.iapr-top-r { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.iapr-tabs { display: flex; gap: 4px; border-bottom: 1.5px solid var(--a12); margin: 0 0 18px; overflow-x: auto; scrollbar-width: thin; }
.iapr-tabs button { border: 0; background: transparent; padding: 10px 14px; font-weight: 700; font-size: 14.5px; color: var(--a70); cursor: pointer; border-bottom: 3px solid transparent; margin-bottom: -1.5px; white-space: nowrap; }
.iapr-tabs button:hover { color: var(--a); }
.iapr-tabs button[aria-selected="true"] { color: var(--a); border-bottom-color: var(--a); }
.iapr-mbar { display: none; }

/* ---------- Botones y formularios ---------- */
.iapr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; border-radius: 11px; border: 1.5px solid var(--a); background: var(--a); color: var(--w); font-weight: 700; cursor: pointer; text-decoration: none; line-height: 1.2; font-size: 14.5px; white-space: nowrap; transition: background-color .2s, box-shadow .2s; }
.iapr-btn:hover { background: var(--a90); box-shadow: 0 6px 16px rgba(11, 95, 168, .22); }
.iapr-btn.ghost { background: var(--w); color: var(--a); }
.iapr-btn.ghost:hover { background: var(--a05); box-shadow: none; }
.iapr-btn.link { border-color: transparent; background: transparent; color: var(--a); padding-left: 6px; padding-right: 6px; }
.iapr-btn.link:hover { background: var(--a05); box-shadow: none; }
.iapr-btn.sm { padding: 7px 11px; font-size: 13.5px; border-radius: 9px; }
.iapr-btn.xs { padding: 4px 8px; font-size: 12.5px; border-radius: 8px; }
.iapr-btn.block { width: 100%; }
.iapr-btn[disabled] { opacity: .5; cursor: not-allowed; box-shadow: none; }
.iapr-btn.is-loading { position: relative; color: transparent !important; }
.iapr-btn.is-loading::after { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .5); border-top-color: #fff; animation: iapr-g .8s linear infinite; }
.iapr-btn.ghost.is-loading::after { border-color: var(--a20); border-top-color: var(--a); }
.iapr-ib { width: 38px; height: 38px; border-radius: 10px; border: 1.5px solid var(--a20); background: var(--w); color: var(--a); display: inline-grid; place-items: center; cursor: pointer; flex: 0 0 auto; }
.iapr-ib:hover { border-color: var(--a); }
.iapr-ib.sm { width: 30px; height: 30px; border-radius: 8px; }
.iapr-f { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.iapr-f > span, .iapr-lbl { font-size: 13px; font-weight: 700; color: var(--a80); }
.iapr-f small { font-size: 12px; color: var(--a70); }
.iapr :where(input[type=text], input[type=number], input[type=date], input[type=email], input[type=tel], input[type=search], input[type=month], input[type=datetime-local], input:not([type]), select, textarea), .iapr-modal :where(input[type=text], input[type=number], input[type=date], input[type=email], input[type=tel], input[type=search], input[type=month], input[type=datetime-local], input[type=password], input:not([type]), select, textarea) { width: 100%; border: 1.5px solid var(--a20); border-radius: 10px; padding: 9px 11px; background: var(--w); color: var(--a); font-size: 15px; outline: none; min-height: 40px; }
.iapr :where(input, select, textarea):focus, .iapr-modal :where(input, select, textarea):focus { border-color: var(--a); box-shadow: 0 0 0 3px var(--a12); }
.iapr textarea, .iapr-modal textarea { min-height: 80px; resize: vertical; }
.iapr input.n, .iapr-modal input.n { text-align: right; font-variant-numeric: tabular-nums; }
.iapr .is-bad, .iapr-modal .is-bad { border-color: var(--a) !important; box-shadow: 0 0 0 3px var(--a35) !important; }
.iapr-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px 14px; }
.iapr-c12 { grid-column: span 12; } .iapr-c8 { grid-column: span 8; } .iapr-c6 { grid-column: span 6; } .iapr-c4 { grid-column: span 4; } .iapr-c3 { grid-column: span 3; } .iapr-c2 { grid-column: span 2; } .iapr-c9 { grid-column: span 9; }
.iapr-chk { display: inline-flex; gap: 8px; align-items: flex-start; cursor: pointer; font-size: 14.5px; }
.iapr-chk input { width: 18px; height: 18px; accent-color: var(--a); margin-top: 2px; flex: 0 0 auto; }
.iapr-seg { display: inline-flex; border: 1.5px solid var(--a20); border-radius: 11px; padding: 3px; gap: 2px; background: var(--w); flex-wrap: wrap; }
.iapr-seg button { border: 0; background: transparent; padding: 6px 12px; border-radius: 8px; font-weight: 700; font-size: 13.5px; cursor: pointer; color: var(--a70); }
.iapr-seg button[aria-pressed="true"] { background: var(--a); color: var(--w); }
.iapr-filtros { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; margin-bottom: 14px; }
.iapr-filtros .iapr-f { min-width: 140px; }
.iapr-filtros .grow { flex: 1 1 220px; }
.iapr-acciones { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; margin-top: 16px; }

/* ---------- Tarjetas y KPI ---------- */
.iapr-card { border: 1px solid var(--a20); border-radius: var(--r); background: var(--w); padding: 18px; box-shadow: 0 1px 2px rgba(11, 95, 168, .05); min-width: 0; }
.iapr-card + .iapr-card { margin-top: 16px; }
.iapr-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.iapr-card h3 .iapr-btn { margin-left: auto; }
.iapr-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.iapr-cols.c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.iapr-cols .iapr-card + .iapr-card { margin-top: 0; }
.iapr-kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(178px, 1fr)); gap: 12px; margin-bottom: 16px; }
.iapr-kpi { border: 1px solid var(--a20); border-radius: 14px; padding: 14px 16px; background: var(--w); position: relative; overflow: hidden; }
.iapr-kpi.solid { background: var(--a); color: var(--w); border-color: var(--a); }
.iapr-kpi small { display: block; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; opacity: .78; }
.iapr-kpi b { display: block; font-size: 23px; line-height: 1.2; margin-top: 4px; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.iapr-kpi em { display: block; font-style: normal; font-size: 12.5px; opacity: .8; margin-top: 2px; }
.iapr-kpi .ic { position: absolute; right: 12px; top: 12px; opacity: .35; }
.iapr-empty { text-align: center; padding: 34px 16px; color: var(--a70); border: 1.5px dashed var(--a20); border-radius: 14px; background: var(--a03); }
.iapr-empty b { display: block; color: var(--a); font-size: 16px; margin-bottom: 4px; }
.iapr-empty .iapr-btn { margin-top: 12px; }
.iapr-note { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: var(--a05); border: 1px solid var(--a12); font-size: 14px; margin-bottom: 14px; }
.iapr-note .ic { margin-top: 1px; }
.iapr-note.solid { background: var(--a); color: var(--w); border-color: var(--a); }
.iapr-note.solid a { color: var(--w); }

/* ---------- Tablas ---------- */
.iapr-tw { overflow-x: auto; border: 1px solid var(--a12); border-radius: 12px; background: var(--w); -webkit-overflow-scrolling: touch; }
.iapr .iapr-t, .iapr-modal .iapr-t { width: 100%; border-collapse: collapse; font-size: 14px; display: table; overflow: visible; }
.iapr-t th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; font-weight: 800; color: var(--a70); background: var(--a03); padding: 9px 10px; border-bottom: 1px solid var(--a12); white-space: nowrap; position: sticky; top: 0; z-index: 1; }
.iapr-t th.sort { cursor: pointer; }
.iapr-t th.sort:hover { color: var(--a); }
.iapr-t td:first-child { min-width: 140px; }
.iapr-t td { padding: 8px 10px; border-bottom: 1px solid var(--a08); vertical-align: top; }
.iapr-t tbody tr:hover td { background: var(--a03); }
.iapr-t tr.click { cursor: pointer; }
.iapr-t tfoot td { font-weight: 800; background: var(--a05); border-top: 1.5px solid var(--a20); border-bottom: 0; }
.iapr-t tr.nivel-1 td { font-weight: 800; background: var(--a05); }
.iapr-t tr.nivel-2 td { font-weight: 700; }
.iapr-t tr.nivel-3 td:first-child { padding-left: 18px; }
.iapr-t tr.nivel-4 td:first-child { padding-left: 28px; }
.iapr-t tr.nivel-5 td:first-child { padding-left: 38px; }
.iapr-t tr.sub td { background: var(--a03); font-size: 13px; }
.iapr-t tr.total td { font-weight: 800; border-top: 1.5px solid var(--a35); }
.iapr-t tr.gran td { font-weight: 800; background: var(--a); color: var(--w); }
.iapr-t td .iapr-small { display: block; }
.iapr-t input, .iapr-t select { min-height: 34px !important; padding: 5px 8px !important; font-size: 14px !important; border-radius: 8px !important; }
.iapr-tbar { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; }
.iapr-tbar input[type=search] { max-width: 320px; }
.iapr-pill { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid var(--a35); color: var(--a); background: var(--w); white-space: nowrap; }
.iapr-pill.solid { background: var(--a); color: var(--w); border-color: var(--a); }
.iapr-pill.soft { background: var(--a08); border-color: transparent; }
.iapr-pill.ghost { border-style: dashed; color: var(--a70); }

/* ---------- Gráficos ---------- */
.iapr-chart { width: 100%; height: auto; }
.iapr-chart text { fill: var(--a70); font-size: 11px; font-family: var(--f); }
.iapr-leg { display: flex; flex-wrap: wrap; gap: 14px; font-size: 12.5px; color: var(--a80); margin-top: 6px; }
.iapr-leg i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.iapr-bar { height: 10px; border-radius: 999px; background: var(--a12); overflow: hidden; }
.iapr-bar i { display: block; height: 100%; background: var(--a); border-radius: 999px; }

/* ---------- Alertas ---------- */
.iapr-alerts { display: grid; gap: 8px; }
.iapr-alert { display: flex; gap: 12px; align-items: flex-start; padding: 11px 13px; border-radius: 12px; border: 1px solid var(--a20); background: var(--w); cursor: pointer; text-align: left; width: 100%; }
.iapr-alert:hover { border-color: var(--a); }
.iapr-alert.alta { background: var(--a); color: var(--w); border-color: var(--a); }
.iapr-alert.media { background: var(--a08); border-color: transparent; }
.iapr-alert .lvl { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; opacity: .85; display: block; }
.iapr-alert p { margin: 2px 0 0; font-size: 14px; }

/* ---------- Documento (editor de líneas) ---------- */
.iapr-doc-lines td { padding: 6px; }
.iapr-doc-lines .iapr-ib { width: 30px; height: 30px; }
.iapr-tot { margin-left: auto; width: min(100%, 360px); display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; font-size: 14.5px; padding: 12px 14px; border-radius: 12px; background: var(--a05); }
.iapr-tot b { font-variant-numeric: tabular-nums; text-align: right; }
.iapr-tot .big { font-size: 18px; font-weight: 800; }
.iapr-cuadre { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; padding: 4px 10px; border-radius: 999px; font-size: 13px; }
.iapr-cuadre.ok { background: var(--a); color: var(--w); }
.iapr-cuadre.no { border: 1.5px dashed var(--a); }

/* ---------- Buscador (combobox) ---------- */
.iapr-bus { position: relative; }
.iapr-pop { position: fixed; z-index: 100001; background: var(--w); border: 1px solid var(--a20); border-radius: 12px; box-shadow: 0 14px 40px rgba(11, 95, 168, .22); max-height: 300px; overflow-y: auto; padding: 4px; min-width: 260px; }
.iapr-pop button { display: block; width: 100%; text-align: left; border: 0; background: transparent; padding: 8px 10px; border-radius: 8px; cursor: pointer; font-size: 14px; color: var(--a); }
.iapr-pop button small { display: block; color: var(--a70); font-size: 12px; }
.iapr-pop button:hover, .iapr-pop button.on { background: var(--a08); }
.iapr-pop .vacio { padding: 10px; font-size: 13px; color: var(--a70); }

/* ---------- Kanban ---------- */
.iapr-kanban { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 1fr); gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.iapr-col { background: var(--a05); border-radius: 14px; padding: 10px; min-height: 260px; display: flex; flex-direction: column; gap: 8px; }
.iapr-col.drop { outline: 2px dashed var(--a); outline-offset: -2px; }
.iapr-col h4 { font-size: 14px; display: flex; justify-content: space-between; gap: 6px; padding: 2px 4px 6px; }
.iapr-col h4 small { font-weight: 600; color: var(--a70); }
.iapr-opp { background: var(--w); border: 1px solid var(--a20); border-radius: 12px; padding: 10px 12px; cursor: grab; box-shadow: 0 1px 2px rgba(11, 95, 168, .06); }
.iapr-opp:hover { border-color: var(--a); }
.iapr-opp b { display: block; font-size: 14.5px; }
.iapr-opp .m { display: flex; justify-content: space-between; gap: 6px; font-size: 12.5px; color: var(--a70); margin-top: 4px; }
.iapr-opp.est { border-style: dashed; border-color: var(--a); }

/* ---------- Línea de tiempo ---------- */
.iapr-tl { list-style: none; margin: 0; padding: 0 0 0 18px; border-left: 2px solid var(--a12); }
.iapr-tl li { position: relative; padding: 0 0 14px 12px; }
.iapr-tl li::before { content: ""; position: absolute; left: -25px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--w); border: 2.5px solid var(--a); }
.iapr-tl li.hecha::before { background: var(--a); }
.iapr-tl b { display: block; font-size: 14.5px; }
.iapr-tl small { color: var(--a70); font-size: 12.5px; }

/* ---------- Asistente ---------- */
.iapr-wiz { max-width: 860px; margin: 10px auto; }
.iapr-wiz h2 { font-size: 26px; margin-bottom: 6px; }
.iapr-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; margin: 10px 0 18px; }
.iapr-opt { position: relative; cursor: pointer; }
.iapr-opt input { position: absolute; opacity: 0; pointer-events: none; }
.iapr-opt span { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 14px; border: 1.5px solid var(--a20); border-radius: 14px; transition: background-color .2s, border-color .2s, color .2s; }
.iapr-opt span b { font-size: 15px; }
.iapr-opt span small { font-size: 12.5px; opacity: .82; line-height: 1.35; color: inherit; }
.iapr-opt:hover span { border-color: var(--a); }
.iapr-opt input:checked + span { background: var(--a); color: var(--w); border-color: var(--a); }
.iapr-opt input:focus-visible + span { box-shadow: 0 0 0 4px var(--a20); }
.iapr-steps { display: flex; gap: 6px; margin: 0 0 18px; }
.iapr-steps i { height: 5px; flex: 1; border-radius: 999px; background: var(--a12); }
.iapr-steps i.on { background: var(--a); }

/* ---------- Modal y avisos ---------- */
.iapr-modal { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 16px; background: rgba(11, 95, 168, .35); backdrop-filter: blur(3px); }
.iapr-mbox { background: var(--w); border-radius: 20px; box-shadow: 0 24px 70px rgba(11, 95, 168, .35); width: min(100%, 640px); max-height: calc(100vh - 32px); display: flex; flex-direction: column; overflow: hidden; animation: iapr-in .22s ease; }
.iapr-mbox.lg { width: min(100%, 1040px); }
.iapr-mbox.xl { width: min(100%, 1280px); }
.iapr-mbox.sm { width: min(100%, 460px); }
@keyframes iapr-in { from { transform: translateY(12px); opacity: 0; } }
.iapr-mhead { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 1px solid var(--a12); }
.iapr-mhead h3 { font-size: 18px; font-weight: 700; flex: 1; }
.iapr-mbody { padding: 18px 20px; overflow-y: auto; }
.iapr-mfoot { display: flex; gap: 8px; justify-content: flex-end; padding: 12px 20px; border-top: 1px solid var(--a12); background: var(--a03); flex-wrap: wrap; }
.iapr-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 100002; background: var(--a); color: var(--w); padding: 12px 18px; border-radius: 12px; box-shadow: 0 14px 40px rgba(11, 95, 168, .35); font-weight: 600; max-width: min(92vw, 560px); font-size: 14.5px; animation: iapr-in .2s ease; }
.iapr-toast.err { background: var(--w); color: var(--a); border: 2px solid var(--a); }
.iapr-drop { border: 2px dashed var(--a35); border-radius: 16px; padding: 28px 18px; text-align: center; background: var(--a03); cursor: pointer; transition: background-color .2s, border-color .2s; }
.iapr-drop:hover, .iapr-drop.over { background: var(--a08); border-color: var(--a); }
.iapr-drop b { display: block; font-size: 16px; margin: 8px 0 2px; }
.iapr-drop .ic { margin: 0 auto; width: 34px; height: 34px; }

/* ---------- Acceso ---------- */
.iapr-gate { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0; border: 1px solid var(--a20); border-radius: 22px; overflow: hidden; box-shadow: var(--sh); background: var(--w); }
.iapr-gate-l { background: var(--a); color: var(--w); padding: 34px; }
.iapr-gate-l h3 { color: var(--w); font-size: 26px; margin-bottom: 10px; }
.iapr-gate-l ul { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.iapr-gate-l li { display: flex; gap: 10px; align-items: flex-start; }
.iapr-gate-r { padding: 34px; display: flex; flex-direction: column; justify-content: center; gap: 12px; }

/* ---------- Proyectos IA: componentes ---------- */
.iapr-toast { display: flex; align-items: center; gap: 14px; }
.iapr-toast button { border: 1.5px solid currentColor; background: transparent; color: inherit; border-radius: 9px; padding: 5px 10px; font-weight: 700; cursor: pointer; font: inherit; font-size: 13.5px; }
.iapr-spin.sm { width: 16px; height: 16px; border-width: 2px; }
.iapr-guardado[data-e="error"] { color: var(--a); text-decoration: underline wavy var(--a35); }
.iapr-guardado { font-size: 12.5px; font-weight: 700; color: var(--a70); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.iapr-nav-back { opacity: .9; font-size: 13.5px !important; }
.iapr-nav .iapr-lk { margin-left: auto; opacity: .8; }
.iapr-fs { border: 0; margin: 0; padding: 0; min-width: 0; }
.iapr-fs[disabled] { opacity: .75; }
.iapr-cols2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.iapr-cols2 .iapr-card + .iapr-card { margin-top: 0; }
.iapr-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.iapr-chips .iapr-pill { cursor: pointer; padding: 5px 11px; font-size: 13px; }
.iapr-chips .iapr-pill button { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 0 0 0 4px; font-weight: 800; }
button.iapr-pill { font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.iapr-pill.sm { font-size: 11px; padding: 1px 7px; }
button.iapr-opt { border: 0; background: transparent; padding: 0; text-align: left; font: inherit; color: inherit; width: 100%; }
button.iapr-opt:disabled { opacity: .5; cursor: not-allowed; }
button.iapr-opt span b .ic { display: inline-block; vertical-align: -3px; }
button.iapr-kpi { font: inherit; color: inherit; text-align: left; cursor: pointer; width: 100%; }
button.iapr-kpi:hover { border-color: var(--a); }
button.iapr-kpi.solid:hover { background: var(--a90); }
.iapr-up { text-align: center; padding: 40px 24px; }
.iapr-up h3 { justify-content: center; }
.iapr-up-ic { width: 56px; height: 56px; border-radius: 16px; background: var(--a08); display: grid; place-items: center; margin: 0 auto 12px; }
.iapr-tip { position: fixed; z-index: 100003; pointer-events: none; background: var(--a); color: #fff; border-radius: 10px; padding: 8px 11px; font-size: 12.5px; line-height: 1.4; max-width: 300px; box-shadow: 0 10px 30px rgba(11, 95, 168, .3); font-family: var(--f-body, "Source Sans 3", system-ui, sans-serif); white-space: pre-line; }
.iapr-tip div { display: flex; justify-content: space-between; gap: 14px; }
.iapr-tip div span { opacity: .85; }
.iapr-tip > b { display: block; margin-bottom: 2px; }

/* Lista de tareas tipo checklist */
.iapr-quick { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.iapr-quick input[type=text] { flex: 1 1 260px; }
.iapr-quick input[type=date] { width: 170px !important; flex: 0 0 auto; }
.iapr-tl-g { margin-bottom: 18px; }
.iapr-tl-g h4 { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--a70); margin: 0 0 6px; display: flex; gap: 8px; align-items: center; }
.iapr-tl-g h4 small { font-size: 11.5px; background: var(--a08); border-radius: 999px; padding: 0 7px; color: var(--a); }
.iapr-check { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.iapr-check > li { display: flex; align-items: center; gap: 10px; padding: 6px 10px 6px 8px; border: 1px solid var(--a12); border-radius: 12px; background: var(--w); transition: border-color .15s, background-color .15s; }
.iapr-check > li:hover { border-color: var(--a35); }
.iapr-check > li.late { border-color: var(--a); border-left-width: 4px; }
.iapr-check > li.ok .iapr-li b { text-decoration: line-through; opacity: .6; }
.iapr-check > li.vacio { justify-content: center; color: var(--a70); border-style: dashed; padding: 16px; font-size: 13.5px; }
.iapr-li { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 1px; border: 0; background: transparent; text-align: left; padding: 3px 2px; cursor: pointer; color: var(--a); font: inherit; }
.iapr-li b { font-size: 14.5px; font-weight: 700; display: flex; gap: 6px; align-items: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.iapr-li small { font-size: 12.5px; color: var(--a70); }
div.iapr-li, .iapr-lis .iapr-li { flex-direction: row; align-items: center; gap: 10px; cursor: default; padding: 9px 10px; border: 1px solid var(--a12); border-radius: 12px; }
.iapr-lis { display: grid; gap: 6px; }
.iapr-lis .li-b { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.iapr-lis .li-b b { font-size: 14.5px; }
.iapr-lis .li-b small { font-size: 12.5px; color: var(--a70); overflow-wrap: anywhere; }
.iapr-lis .iapr-li.ok { background: var(--a03); }
.iapr-lis .iapr-li select { width: auto !important; min-height: 34px !important; padding: 4px 8px !important; font-size: 13.5px !important; }
.iapr-cbx { position: relative; width: 24px; height: 24px; flex: 0 0 auto; cursor: pointer; display: inline-grid; place-items: center; }
.iapr-cbx input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.iapr-cbx > span, .iapr-cbx.static { width: 22px; height: 22px; border-radius: 7px; border: 2px solid var(--a35); display: grid; place-items: center; background: var(--w); transition: background-color .15s, border-color .15s; }
.iapr-cbx > span::after { content: ""; width: 6px; height: 11px; border: solid var(--w); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg) translate(-1px, -1px); opacity: 0; }
.iapr-cbx input:checked + span { background: var(--a); border-color: var(--a); }
.iapr-cbx input:checked + span::after { opacity: 1; }
.iapr-cbx input:focus-visible + span { box-shadow: 0 0 0 3px var(--a20); }
.iapr-cbx input:disabled { cursor: default; }
.iapr-cbx.static { cursor: default; color: var(--w); }
.iapr-cbx.static.on { background: var(--a); border-color: var(--a); }
.iapr-av { width: 30px; height: 30px; border-radius: 50%; background: var(--a12); color: var(--a); font-size: 12px; font-weight: 800; display: inline-grid; place-items: center; flex: 0 0 auto; letter-spacing: -.02em; }
.iapr-av.sm { width: 24px; height: 24px; font-size: 10.5px; }
.iapr-av.solid { background: var(--a); color: var(--w); }
.iapr-ck { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--a08); }
.iapr-coms { display: grid; gap: 8px; max-height: 260px; overflow-y: auto; }
.iapr-com { background: var(--a05); border-radius: 12px; padding: 8px 12px; }
.iapr-com small { color: var(--a70); font-size: 11.5px; }
.iapr-com p { margin: 2px 0 0; font-size: 14px; white-space: pre-wrap; }
.iapr-expl { display: flex; gap: 10px; align-items: flex-start; background: var(--a05); border-radius: 12px; padding: 10px 12px; font-size: 13.5px; margin-bottom: 12px; }
.iapr-mtabs { margin-bottom: 14px; display: flex; overflow-x: auto; flex-wrap: nowrap; max-width: 100%; }
.iapr-mtabs button { white-space: nowrap; }
.iapr-copy { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0 12px; }
.iapr-copy input { flex: 1 1 260px; font-size: 13.5px !important; background: var(--a03) !important; }

/* Tablero */
.iapr-opp { position: relative; }
.iapr-opp.crit { border-left: 4px solid var(--a); }
.iapr-opp.late { border-style: dashed; border-color: var(--a); }
.iapr-opp.drag { opacity: .45; }
.iapr-opp .m { align-items: center; }
.iapr-opp .kcrit { position: absolute; top: 8px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--a); }
.iapr-col.exceso { background: var(--w); outline: 2px solid var(--a); outline-offset: -2px; }
.iapr-col.exceso h4 small { color: var(--a); font-weight: 800; }

/* Calendario */
.iapr-cal { border: 1px solid var(--a12); border-radius: 14px; overflow: hidden; }
.iapr-cal .ch, .iapr-cal .cg { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.iapr-cal .ch span { padding: 8px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--a70); background: var(--a03); border-bottom: 1px solid var(--a12); text-align: center; }
.iapr-cal .cd { min-height: 112px; border-right: 1px solid var(--a08); border-bottom: 1px solid var(--a08); padding: 5px; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.iapr-cal .cd:nth-child(7n) { border-right: 0; }
.iapr-cal .cd.nl { background: repeating-linear-gradient(135deg, var(--w) 0 7px, var(--a05) 7px 9px); }
.iapr-cal .cd.fuera { opacity: .45; }
.iapr-cal .cd.hoy { box-shadow: inset 0 0 0 2px var(--a); }
.iapr-cal .cdn { font-size: 12.5px; font-weight: 800; display: flex; gap: 6px; align-items: baseline; min-width: 0; }
.iapr-cal .cdn small { font-size: 10.5px; font-weight: 600; color: var(--a70); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iapr-cal .ce { display: block; width: 100%; text-align: left; border: 0; border-radius: 6px; padding: 2px 6px; font: inherit; font-size: 11.5px; font-weight: 600; background: var(--a12); color: var(--a); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iapr-cal .ce:hover { background: var(--a20); }
.iapr-cal .ce.crit { background: var(--a); color: var(--w); }
.iapr-cal .ce.ok { text-decoration: line-through; opacity: .6; }
.iapr-cal .ce.hito { font-weight: 800; }
.iapr-cal .ce.mas { background: transparent; color: var(--a70); font-weight: 700; }
.iapr-cal .cd.hoy .cdn { color: var(--a); }

/* Línea de tiempo ejecutiva y red */
.iapr-tline text { fill: var(--a70); font-size: 11px; }
.iapr-tline .tl-h { fill: var(--a); font-size: 12px; font-weight: 700; }
.iapr-tline .tl-f { fill: var(--a); font-size: 12px; font-weight: 700; }
.iapr .gln, .iapr-modal .gln { stroke: var(--a12); stroke-width: 1; }
.iapr-redw { overflow: auto; border: 1px solid var(--a12); border-radius: 14px; background: var(--a03); max-height: 70vh; }
.iapr-red { display: block; }
.iapr-red .rn { cursor: pointer; }
.iapr-red .rn rect:first-child { fill: var(--w); stroke: var(--a35); stroke-width: 1.3; }
.iapr-red .rn:hover rect:first-child { stroke: var(--a); }
.iapr-red .rn.crit rect:first-child { fill: var(--a); stroke: var(--a); }
.iapr-red .rn text { fill: var(--a70); font-size: 11px; font-family: var(--f); }
.iapr-red .rn .rt { fill: var(--a); font-size: 12px; font-weight: 700; }
.iapr-red .rn.crit text { fill: rgba(255, 255, 255, .85); }
.iapr-red .rn.crit .rt { fill: #fff; }
.iapr-red .rn .rav { fill: var(--a); }
.iapr-red .rn.crit .rav { fill: #fff; }
.iapr-red .rn.ok rect:first-child { stroke-dasharray: 5 3; }
.iapr-red .rl { fill: var(--a); font-size: 10.5px; font-weight: 700; }

/* Gantt */
.iapr-gbar { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 10px; }
.iapr-gbar .sep { width: 1px; height: 24px; background: var(--a20); margin: 0 4px; }
.iapr-gbar .grow { flex: 1 1 20px; }
.iapr-gbar input[type=search] { max-width: 240px; min-height: 34px; padding: 6px 10px; font-size: 14px; }
.iapr-tg { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; cursor: pointer; padding: 6px 10px; border: 1.5px solid var(--a20); border-radius: 9px; user-select: none; }
.iapr-tg input { width: 15px; height: 15px; accent-color: var(--a); margin: 0; }
.iapr-tg:has(input:checked) { border-color: var(--a); background: var(--a05); }
.iapr-tg:has(input:disabled) { opacity: .5; cursor: not-allowed; }
.iapr-gt { display: flex; border: 1px solid var(--a20); border-radius: 14px; overflow: hidden; background: var(--w); position: relative; user-select: none; }
.iapr-gt .gl { flex: 0 0 auto; display: flex; flex-direction: column; overflow-x: auto; overflow-y: hidden; min-width: 200px; max-width: 75%; scrollbar-width: thin; }
.iapr-gt .glh, .iapr-gt .gli { width: 760px; }
.iapr-gt .glh { flex: 0 0 52px; height: 52px; display: flex; align-items: flex-end; background: var(--a03); border-bottom: 1px solid var(--a20); }
.iapr-gt .glh span { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--a70); padding: 0 6px 9px; }
.iapr-gt .glb { flex: 1; overflow: hidden; position: relative; }
.iapr-gt .gli { position: relative; }
.iapr-gt .gfi { position: absolute; left: 0; right: 0; height: 34px; display: flex; align-items: center; border-bottom: 1px solid var(--a08); font-size: 13.5px; cursor: default; background: var(--w); }
.iapr-gt .gfi:hover { background: var(--a03); }
.iapr-gt .gfi.sel { background: var(--a08); }
.iapr-gt .gfi.res { font-weight: 700; }
.iapr-gt .gfi.proy { font-weight: 800; background: var(--a03); }
.iapr-gt .gfi.inact { opacity: .45; text-decoration: line-through; }
.iapr-gt .gfi.crit .c-n { box-shadow: inset 3px 0 0 var(--a); }
.iapr-gt .gfi > span, .iapr-gt .glh > span { flex: 0 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 100%; display: flex; align-items: center; }
.iapr-gt .glh > span { align-items: flex-end; }
.iapr-gt .gfi > span { padding: 0 6px; border-right: 1px solid var(--a05); }
.iapr-gt .c-n { width: 38px; justify-content: flex-end; color: var(--a70); font-variant-numeric: tabular-nums; font-size: 12px; }
.iapr-gt .c-nom { width: 250px; gap: 4px; }
.iapr-gt .c-d { width: 78px; justify-content: flex-end; font-variant-numeric: tabular-nums; }
.iapr-gt .c-i, .iapr-gt .c-f { width: 92px; font-variant-numeric: tabular-nums; }
.iapr-gt .c-p { width: 92px; font-size: 12.5px; color: var(--a80); }
.iapr-gt .c-av { width: 52px; justify-content: flex-end; font-variant-numeric: tabular-nums; }
.iapr-gt .c-r { width: 158px; font-size: 12.5px; color: var(--a80); }
.iapr-gt .gn { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1; }
.iapr-gt .gcar { width: 18px; height: 18px; border: 0; background: transparent; color: var(--a); cursor: pointer; display: grid; place-items: center; padding: 0; flex: 0 0 auto; }
.iapr-gt .gsp { width: 18px; flex: 0 0 auto; }
.iapr-gt .gdi { width: 9px; height: 9px; background: var(--a); transform: rotate(45deg); flex: 0 0 auto; margin: 0 3px; }
.iapr-gt .gm { display: inline-grid; color: var(--a70); flex: 0 0 auto; }
.iapr-gt .gin { width: 100% !important; min-height: 28px !important; height: 28px; padding: 2px 6px !important; font-size: 13px !important; border-radius: 6px !important; }
.iapr-gt .gs { flex: 0 0 6px; cursor: col-resize; background: var(--a08); border-left: 1px solid var(--a20); border-right: 1px solid var(--a20); touch-action: none; }
.iapr-gt .gs:hover { background: var(--a20); }
.iapr-gt .gr { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.iapr-gt .grh { flex: 0 0 52px; overflow: hidden; background: var(--a03); border-bottom: 1px solid var(--a20); }
.iapr-gt .grh svg { display: block; }
.iapr-gt .grb { flex: 1; overflow: auto; position: relative; scrollbar-width: thin; }
.iapr-gt .grs { display: block; }
.iapr-gt .gt1 { fill: var(--a); font-size: 12px; font-weight: 700; }
.iapr-gt .gt2 { fill: var(--a70); font-size: 11px; }
.iapr-gt .gt2.fes { fill: var(--a35); }
.iapr-gt .gnl { fill: var(--a05); }
.iapr-gt .gfsel { fill: var(--a08); }
.iapr-gt .ghoy { stroke: var(--a); stroke-width: 1.5; stroke-dasharray: 4 3; }
.iapr-gt .gcorte { stroke: var(--a50); stroke-width: 1.5; stroke-dasharray: 1.5 3; }
.iapr-gt .gbar { fill: rgba(11, 95, 168, .22); stroke: rgba(11, 95, 168, .45); stroke-width: 1; cursor: grab; }
.iapr-gt .gbar.crit { fill: rgba(11, 95, 168, .38); stroke: var(--a); stroke-width: 2; }
.iapr-gt .gbar.man { fill: var(--w); stroke: var(--a); stroke-dasharray: 4 3; }
.iapr-gt .gbar.tarde { fill: url(#iapr-hatch); stroke: var(--a); stroke-width: 1.5; }
.iapr-gt .gbar.sel { stroke: var(--a); stroke-width: 2.5; filter: drop-shadow(0 2px 4px rgba(11, 95, 168, .35)); }
.iapr-gt .gav { fill: var(--a); opacity: .82; }
.iapr-gt .gav.crit { opacity: 1; }
.iapr-gt .gres { fill: var(--a); cursor: pointer; }
.iapr-gt .gres.proy { fill: var(--a50); }
.iapr-gt .gresav { fill: rgba(255, 255, 255, .7); pointer-events: none; }
.iapr-gt .ghito { fill: var(--w); stroke: var(--a); stroke-width: 2; cursor: grab; }
.iapr-gt .ghito.ok { fill: var(--a); }
.iapr-gt .ghito.crit { stroke-width: 3; }
.iapr-gt .gbase { fill: var(--a35); }
.iapr-gt .gband { fill: rgba(11, 95, 168, .1); stroke: var(--a35); stroke-dasharray: 3 2; }
.iapr-gt .gp50 { stroke: var(--a); stroke-width: 1.5; stroke-dasharray: 2 2; }
.iapr-gt .gp80 { stroke: var(--a); stroke-width: 2.5; }
.iapr-gt .glab { fill: var(--a70); font-size: 11px; pointer-events: none; }
.iapr-gt .glim { fill: var(--a); stroke: var(--a); stroke-width: 1.5; }
.iapr-gt .gdur { fill: transparent; cursor: ew-resize; }
.iapr-gt .glk { fill: var(--w); stroke: var(--a); stroke-width: 1.5; cursor: crosshair; opacity: 0; transition: opacity .15s; }
.iapr-gt .grs:hover .glk { opacity: .55; }
.iapr-gt .glk:hover { opacity: 1 !important; fill: var(--a); }
.iapr-gt .gv { fill: none; stroke: rgba(11, 95, 168, .5); stroke-width: 1.3; pointer-events: none; }
.iapr-gt .gv.crit { stroke: var(--a); stroke-width: 2; }
.iapr-gt .gv.sel { stroke: var(--a); stroke-width: 3; }
.iapr-gt .gvh { fill: none; stroke: transparent; stroke-width: 10; cursor: pointer; pointer-events: stroke; }
.iapr-gt .gghost { fill: rgba(11, 95, 168, .14); stroke: var(--a); stroke-width: 1.5; stroke-dasharray: 4 3; pointer-events: none; }
.iapr-gt .gdtip { fill: var(--a); font-size: 11.5px; font-weight: 800; pointer-events: none; }
.iapr-gt .glinkg { stroke: var(--a); stroke-width: 2; stroke-dasharray: 5 4; fill: none; pointer-events: none; }
.iapr-gt text { font-family: var(--f); }

/* Gráficos */
.iapr-lc .gg { stroke: var(--a08); }
.iapr-lc .gg.cero { stroke: var(--a35); }
.iapr .gmark, .iapr-modal .gmark { stroke: var(--a); stroke-width: 1.2; stroke-dasharray: 3 3; }
.iapr .gmt, .iapr-modal .gmt { fill: var(--a); font-weight: 700; }
.iapr .gcross { stroke: var(--a50); stroke-width: 1; }
.iapr .gref { stroke: var(--a); stroke-width: 1.2; stroke-dasharray: 6 4; }
.iapr-chart .gg { stroke: var(--a08); }
.iapr-chart .gg.cero { stroke: var(--a35); }
.iapr-leg .ln { width: 22px; height: 0; border-radius: 0; background: none !important; border-top: 2px solid var(--a); vertical-align: 3px; }
.iapr-leg .ln.trazos { border-top-style: dashed; }
.iapr-leg .ln.puntos { border-top-style: dotted; border-top-width: 3px; }
.iapr-leg .ln.area { height: 10px; border-top-width: 2px; background: var(--a12) !important; vertical-align: -1px; }
.iapr-leg .hatch, .iapr-heat td.sobre { background: repeating-linear-gradient(135deg, var(--w) 0 3px, var(--a) 3px 5px) !important; }
.iapr-ring { width: 170px; height: 170px; margin: 0 auto; }
.iapr-ring .rg1 { fill: var(--a); font-size: 30px; font-weight: 800; font-family: var(--f); }
.iapr-ring .rg2 { fill: var(--a70); font-size: 11px; font-family: var(--f); }
.iapr-ringl { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--a80); margin-top: 6px; }
.iapr-ringl i { display: inline-block; width: 18px; height: 0; border-top: 4px solid var(--a); border-radius: 2px; vertical-align: 3px; margin-right: 5px; }
.iapr-radar { max-width: 380px; margin: 0 auto; }
.iapr-radar .rgg { fill: none; stroke: var(--a12); }
.iapr-hb { display: grid; gap: 7px; }
.iapr-hb .hb { display: grid; grid-template-columns: minmax(90px, 34%) 1fr auto; gap: 10px; align-items: center; font-size: 13px; }
.iapr-hb .hb span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iapr-hb .hb i { height: 12px; background: var(--a08); border-radius: 999px; overflow: hidden; display: block; }
.iapr-hb .hb i b { display: block; height: 100%; background: var(--a); border-radius: 999px; }
.iapr-hb .hb em { font-style: normal; font-weight: 700; font-variant-numeric: tabular-nums; font-size: 12.5px; }
.iapr-prob { display: flex; flex-direction: column; justify-content: center; padding: 8px 14px; border-radius: 12px; background: var(--a); color: var(--w); }
.iapr-prob b { font-size: 26px; line-height: 1.1; }
.iapr-prob span { font-size: 12px; opacity: .85; }

/* Recursos */
.iapr-heatw { overflow-x: auto; border: 1px solid var(--a12); border-radius: 12px; }
.iapr-heat { border-collapse: separate; border-spacing: 2px; font-size: 12px; width: 100%; }
.iapr-heat th { font-size: 11px; font-weight: 700; color: var(--a70); padding: 4px 6px; white-space: nowrap; text-align: center; }
.iapr-heat tbody th { text-align: left; color: var(--a); font-size: 12.5px; position: sticky; left: 0; background: var(--w); min-width: 130px; }
.iapr-heat td { min-width: 42px; height: 30px; text-align: center; border-radius: 6px; font-weight: 700; font-variant-numeric: tabular-nums; background: var(--a03); }
.iapr-heat td.sobre { color: var(--a); text-shadow: 0 0 3px #fff, 0 0 3px #fff; }
.iapr-team .tn { fill: var(--a); font-size: 12px; font-weight: 700; }

/* Riesgos */
.iapr-mx { display: grid; grid-template-columns: 74px repeat(5, minmax(0, 1fr)); gap: 4px; }
.iapr-mx .mx-y, .iapr-mx .mx-x { font-size: 11px; font-weight: 700; color: var(--a70); display: flex; align-items: center; }
.iapr-mx .mx-x { justify-content: center; text-align: center; padding-top: 4px; }
.iapr-mx .mx-c { min-height: 64px; border-radius: 8px; padding: 5px; display: flex; flex-wrap: wrap; gap: 4px; align-content: flex-start; border: 1px solid transparent; }
.iapr-mx .mx-c.k1 { background: var(--a05); }
.iapr-mx .mx-c.k2, .iapr-mx .mx-c.k25 { background: var(--a20); }
.iapr-mx .mx-c.k3 { background: var(--a50); }
.iapr-mx .mx-c.k4 { background: var(--a); }
.iapr-mx .mx-c.drop { outline: 2px dashed var(--a); outline-offset: 1px; }
.iapr-mx .mx-d { border: 1.5px solid var(--a); background: var(--w); color: var(--a); border-radius: 999px; font: inherit; font-size: 11.5px; font-weight: 800; padding: 1px 7px; cursor: grab; }
.iapr-mx .mx-c.k4 .mx-d, .iapr-mx .mx-c.k3 .mx-d { border-color: var(--w); }
.iapr-pi .q { fill: var(--a03); stroke: var(--a12); }
.iapr-pi .q.f, .iapr-cuad .q.f { fill: var(--a08); }
.iapr-pi .qt, .iapr-cuad .qt { fill: var(--a70); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.iapr-pi .pd { cursor: pointer; }
.iapr-cuad .bt { fill: var(--a); font-size: 11px; font-weight: 700; }
.iapr-raci td, .iapr-raci th { text-align: center; }
.iapr-raci td:first-child, .iapr-raci th:first-child { text-align: left; }
.iapr-raci .rc { font-size: 12px; font-weight: 700; white-space: nowrap; }
.iapr-raci .rcb { width: 32px; height: 30px; border-radius: 8px; border: 1.5px dashed var(--a20); background: var(--w); color: var(--a); font: inherit; font-weight: 800; cursor: pointer; }
.iapr-raci .rcb.vR { background: var(--a); color: var(--w); border: 1.5px solid var(--a); }
.iapr-raci .rcb.vA { background: var(--w); border: 2px solid var(--a); }
.iapr-raci .rcb.vC { background: var(--a20); border: 1.5px solid transparent; }
.iapr-raci .rcb.vI { background: var(--a05); border: 1.5px solid var(--a12); }
.iapr-mi td { text-align: center; }
.iapr-mi td:first-child { text-align: left; }
.iapr-mi td.ok { background: var(--a08); }

/* Ágil */
.iapr-agil { display: grid; gap: 14px; }
.iapr-sp { border: 1px solid var(--a20); border-radius: 14px; padding: 12px; background: var(--w); }
.iapr-sp.backlog { background: var(--a03); }
.iapr-sp > header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.iapr-sp > header b { font-size: 15.5px; }
.iapr-sp > header small { display: block; font-size: 12.5px; color: var(--a70); }
.iapr-sp .iapr-check.drop, .iapr-sp.drop { outline: 2px dashed var(--a); outline-offset: 2px; border-radius: 12px; }
.iapr-sp .bk { cursor: grab; }
.iapr-sp .ic-g { color: var(--a35); display: inline-grid; }
.iapr-sp .pts { min-width: 30px; height: 26px; border-radius: 999px; background: var(--a08); font-size: 12px; font-weight: 800; display: inline-grid; place-items: center; padding: 0 8px; }
.iapr-sp .bk.ok .pts { background: var(--a); color: var(--w); }

/* Resumen */
.iapr-hero { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 16px; margin-bottom: 16px; align-items: stretch; }
.iapr-hero.ev { grid-template-columns: 230px 220px minmax(0, 1fr); }
.iapr-hero .h1 { display: flex; flex-direction: column; justify-content: center; margin: 0; }
.iapr-hero .h2 { margin: 0; align-content: stretch; }
.iapr-hero .cuenta { margin: 0 !important; background: var(--a); color: var(--w); border-color: var(--a); display: flex; flex-direction: column; justify-content: center; text-align: center; }
.iapr-hero .cuenta small { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; opacity: .85; }
.iapr-hero .cuenta b { font-size: 64px; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; margin: 6px 0 2px; }
.iapr-hero .cuenta span { font-size: 15px; font-weight: 700; }
.iapr-hero .cuenta em { font-style: normal; font-size: 13px; opacity: .85; margin-top: 8px; }
.iapr-metro { list-style: none; margin: 0; padding: 0 0 0 22px; position: relative; }
.iapr-metro::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 4px; border-radius: 4px; background: var(--a20); }
.iapr-metro li { position: relative; padding: 0 0 10px; }
.iapr-metro li::before { content: ""; position: absolute; left: -21px; top: 7px; width: 14px; height: 14px; transform: rotate(45deg); background: var(--w); border: 3px solid var(--a); border-radius: 2px; }
.iapr-metro li.late::before { background: var(--a); }
.iapr-metro button { border: 0; background: transparent; text-align: left; padding: 2px 4px; cursor: pointer; color: var(--a); font: inherit; border-radius: 8px; width: 100%; }
.iapr-metro button:hover { background: var(--a05); }
.iapr-metro b { display: block; font-size: 14.5px; }
.iapr-metro small { color: var(--a70); font-size: 12.5px; }
.iapr-acta textarea { min-height: 96px; }

/* Inicio y portafolio */
.iapr-pgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.iapr-pc { border: 1px solid var(--a20); border-radius: 16px; padding: 16px; background: var(--w); cursor: pointer; display: flex; flex-direction: column; gap: 8px; transition: border-color .2s, box-shadow .2s, transform .2s; }
.iapr-pc:hover, .iapr-pc:focus-visible { border-color: var(--a); box-shadow: var(--sh); transform: translateY(-2px); outline: none; }
.iapr-pc.rojo { border-left: 5px solid var(--a); }
.iapr-pc h3 { font-size: 17px; margin: 0; }
.iapr-pc p { margin: 0; }
.iapr-pc .pc-top { display: flex; gap: 6px; flex-wrap: wrap; }
.iapr-pc .pc-f { display: flex; justify-content: space-between; gap: 8px; font-size: 12.5px; color: var(--a80); font-weight: 600; }
.iapr-pc .pc-f span { display: inline-flex; gap: 4px; align-items: center; }
.iapr-pc .iapr-btn { align-self: flex-start; }
.iapr-bienv { background: linear-gradient(135deg, var(--a05), var(--w)); }
.iapr-bienv .iapr-opts { margin-bottom: 14px; }
.iapr-ts input { width: 64px !important; text-align: right; }
.iapr-ts td.n, .iapr-ts th.n { text-align: right; }

/* Nuevo proyecto */
.iapr-mini .mn { fill: var(--a); font-size: 12px; font-weight: 700; }
.iapr-mini .mb { fill: var(--a); }
.iapr-mini .mb:hover { fill: var(--a80); }
.iapr-nhead { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 10px; }
.iapr-nhead h3 { font-size: 22px; margin-bottom: 4px; }
.iapr-nhead p { margin: 0; max-width: 620px; }
.iapr-nhead input[type=search] { max-width: 300px; }
.iapr-tpls { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.iapr-tpl { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left; border: 1.5px solid var(--a20); border-radius: 16px; padding: 16px; background: var(--w); color: var(--a); cursor: pointer; font: inherit; transition: border-color .2s, box-shadow .2s, transform .2s; }
.iapr-tpl:hover, .iapr-tpl:focus-visible { border-color: var(--a); box-shadow: var(--sh); transform: translateY(-2px); outline: none; }
.iapr-tpl .ti { width: 42px; height: 42px; border-radius: 12px; background: var(--a08); display: grid; place-items: center; margin-bottom: 6px; }
.iapr-tpl b { font-size: 15.5px; }
.iapr-tpl small { font-size: 13px; color: var(--a80); line-height: 1.4; }
.iapr-tpl em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--a70); margin-top: auto; padding-top: 6px; }
.iapr-tpl.esp { background: var(--a); color: var(--w); border-color: var(--a); }
.iapr-tpl.esp .ti { background: rgba(255, 255, 255, .16); }
.iapr-tpl.esp small { color: rgba(255, 255, 255, .88); }

/* Informe */
.iapr-informe .inf-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 2px solid var(--a); }
.iapr-informe .inf-h h2 { font-size: 24px; }

/* Página para invitados */
.iapr-pub { max-width: 720px; margin: 0 auto; display: grid; gap: 14px; }
.iapr-pub-hero { background: var(--a); color: var(--w); border-radius: 24px; padding: 34px 28px 30px; position: relative; overflow: hidden; box-shadow: var(--sh); }
.iapr-pub-hero::after { content: ""; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; border-radius: 50%; border: 28px solid rgba(255, 255, 255, .08); }
.iapr-pub-hero .iapr-kicker { color: rgba(255, 255, 255, .85); }
.iapr .iapr-pub-hero h1 { color: var(--w); font-size: clamp(28px, 5vw, 40px); line-height: 1.1; margin: 4px 0 14px; font-family: var(--f-head, var(--f)); }
.iapr-pub-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; font-weight: 600; font-size: 15px; position: relative; z-index: 1; }
.iapr-pub-meta span { display: inline-flex; gap: 6px; align-items: center; }
.iapr-pub-meta a { color: var(--w); }
.iapr-pub-cuenta { position: relative; z-index: 1; margin-top: 18px; display: inline-flex; align-items: baseline; gap: 8px; background: rgba(255, 255, 255, .14); border-radius: 14px; padding: 8px 16px; }
.iapr-pub-cuenta b { font-size: 34px; line-height: 1; }
.iapr-pub-cuenta span { font-weight: 700; }
.iapr-pub-msg { font-size: 17px; padding: 16px 20px; border-left: 4px solid var(--a); background: var(--a05); border-radius: 0 14px 14px 0; }
.iapr-pub-acc { display: flex; flex-wrap: wrap; gap: 8px; }
.iapr-pub-sec { margin: 0 !important; }
.iapr-pub-sec h2 { font-size: 21px; margin-bottom: 12px; }
.iapr-pub-seg { display: flex; width: 100%; }
.iapr-pub-seg label { flex: 1; position: relative; }
.iapr-pub-seg input { position: absolute; opacity: 0; }
.iapr-pub-seg span { display: block; text-align: center; padding: 10px 8px; border-radius: 8px; font-weight: 700; cursor: pointer; color: var(--a70); }
.iapr-pub-seg input:checked + span { background: var(--a); color: var(--w); }
.iapr-pub-seg input:focus-visible + span { box-shadow: 0 0 0 3px var(--a20); }
.iapr-pub-av { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.iapr-pub-av .iapr-bar { flex: 1; height: 14px; }
.iapr-pub-av b { font-size: 20px; }
.iapr-pub-pie { text-align: center; font-size: 13px; color: var(--a70); padding: 8px 0 20px; }
.iapr-pub-pie a { color: var(--a); font-weight: 700; }

/* ---------- Impresión ---------- */
@media print {
	.iapr-side, .iapr-tabs, .iapr-top-r, .iapr-filtros, .iapr-mbar, .iapr-acciones, .iapr-gbar, .iapr-quick { display: none !important; }
	.iapr-app { display: block; border: 0; box-shadow: none; }
	.iapr-main { padding: 0; }
	.iapr-card, .iapr-kpi, .iapr-pc { break-inside: avoid; box-shadow: none; }
	.iapr-gt { height: auto !important; }
	body.iapr-print-inf * { visibility: hidden; }
	body.iapr-print-inf [data-inf], body.iapr-print-inf [data-inf] * { visibility: visible; }
	body.iapr-print-inf [data-inf] { position: absolute; left: 0; top: 0; width: 100%; border: 0; padding: 0; }
	.iapr-tip, .iapr-toast { display: none !important; }
}

/* ---------- Móvil ---------- */
@media (max-width: 1080px) {
	.iapr-app { grid-template-columns: 1fr; min-height: 0; border-radius: 18px; }
	.iapr-side { position: fixed; top: 0; bottom: 0; left: 0; width: min(300px, 86vw); z-index: 100000; transform: translateX(-105%); transition: transform .25s ease; overflow-y: auto; box-shadow: 0 0 60px rgba(11, 95, 168, .4); }
	.iapr-side.open { transform: none; }
	.iapr-scrim { position: fixed; inset: 0; background: rgba(11, 95, 168, .35); z-index: 99999; }
	.iapr-main { padding: 16px 14px 96px; }
	body:not(.iapr-on) .iapr:not(.is-full) .iapr-mbar { transform: translateY(110%); pointer-events: none; }
	.iapr-mbar { transition: transform .25s ease; }
	.iapr-mbar { display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 99998; background: var(--w); border-top: 1px solid var(--a20); padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -8px 24px rgba(11, 95, 168, .12); }
	.iapr-mbar button { border: 0; background: transparent; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 11px; font-weight: 700; color: var(--a70); padding: 4px 2px; cursor: pointer; }
	.iapr-mbar button[aria-current="page"] { color: var(--a); }
	.iapr-mbar button[aria-current="page"] .ic { stroke-width: 2.4; }
	.iapr-top h2 { font-size: 21px; }
	.iapr-cols, .iapr-cols.c3 { grid-template-columns: 1fr; }
	.iapr-c8, .iapr-c6, .iapr-c4, .iapr-c9 { grid-column: span 12; }
	.iapr-c3, .iapr-c2 { grid-column: span 6; }
	.iapr-gate { grid-template-columns: 1fr; }
	.iapr-gate-l, .iapr-gate-r { padding: 24px; }
	body.iapr-on .iawfb-button, body.iapr-on .ia-chat-container, body.iapr-on .to-top { display: none !important; }
	.iapr-cols2 { grid-template-columns: 1fr; }
	.iapr-hero, .iapr-hero.ev { grid-template-columns: 1fr 1fr; }
	.iapr-hero .h2 { grid-column: 1 / -1; }
	.iapr-cal .cd { min-height: 84px; }
}
@media (max-width: 560px) {
	.iapr-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.iapr-kpi b { font-size: 19px; }
	.iapr-c3, .iapr-c2 { grid-column: span 12; }
	.iapr-mbox { border-radius: 18px 18px 0 0; max-height: 92vh; }
	.iapr-modal { place-items: end center; padding: 0; }
	.iapr-mbox, .iapr-mbox.lg, .iapr-mbox.xl, .iapr-mbox.sm { width: 100%; }
	.iapr-tbar input[type=search] { max-width: none; }
	.iapr-tot { width: 100%; }
	.iapr-hero, .iapr-hero.ev { grid-template-columns: 1fr; }
	.iapr-hero .cuenta b { font-size: 52px; }
	.iapr-cal .ch span { font-size: 10px; padding: 6px 2px; }
	.iapr-cal .cd { min-height: 64px; padding: 3px; }
	.iapr-cal .cdn small { display: none; }
	.iapr-cal .ce { font-size: 0; height: 6px; padding: 0; border-radius: 3px; }
	.iapr-cal .ce.mas { font-size: 10px; height: auto; }
	.iapr-gt .gl { max-width: 42%; min-width: 130px; }
	.iapr-gbar input[type=search] { max-width: none; flex: 1 1 100%; }
	.iapr-mx { grid-template-columns: 52px repeat(5, minmax(0, 1fr)); gap: 3px; }
	.iapr-mx .mx-c { min-height: 46px; padding: 3px; }
	.iapr-mx .mx-y, .iapr-mx .mx-x { font-size: 9.5px; }
	.iapr-hb .hb { grid-template-columns: 1fr auto; }
	.iapr-hb .hb i { grid-column: 1 / -1; grid-row: 2; }
	.iapr-pub-hero { padding: 26px 20px 22px; border-radius: 20px; }
	.iapr-pub-acc .iapr-btn { flex: 1 1 100%; }
	.iapr-nhead input[type=search] { max-width: none; }
	.iapr-tpls { grid-template-columns: 1fr; }
	.iapr-lis .iapr-li { flex-wrap: wrap; }
}