/* EGStrategy · Centro de recursos (intranet.js) e Infraestructura (infra.js). Reutiliza las piezas
   .doc-* de Documentación (styles.css) y los tokens del tema. */

/* ── Centro de recursos ── */
.ia-hero{background:linear-gradient(135deg,var(--accent-soft),transparent 60%),var(--surface-2);border:1px solid var(--line)}
.ia-tabs{gap:4px}
.ia-tabs button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;cursor:pointer;white-space:nowrap}
.ia-tabs button:hover{border-color:var(--line);background:var(--surface)}
.ia-tabs button.is-on{background:var(--accent);color:#06120f;font-weight:700}
.ia-cuerpo{display:flex;flex-direction:column;gap:22px}
.ia-dos{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
.ia-quees{display:flex;flex-direction:column;align-items:flex-start}
.ia-quees .btn{margin-top:auto}
.ia-atajos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.ia-atajo{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.12);color:var(--ink);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:.15s}
.ia-atajo:hover{border-color:var(--accent);transform:translateY(-1px)}
.ia-cals{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}
.ia-cal{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.ia-cal header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}
.ia-cal .grow{flex:1}
.ia-cal iframe{width:100%;height:420px;border:0;background:#fff}
.ia-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}
.ia-chips a{padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);text-decoration:none}
.ia-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}
.ia-proc{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:.15s}
.ia-proc:hover{border-color:var(--accent);transform:translateY(-1px)}
.ia-proc__c{flex:0 0 auto;min-width:48px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.05em;padding:4px 8px;border-radius:7px;background:var(--accent-soft);color:var(--accent)}
.ia-proc__t{flex:1;font-size:14px;line-height:1.35}
.ia-proc__go{color:var(--muted)}
.ia-triptico,.ia-gestor{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ia-triptico>div,.ia-gestor>div{flex:1 1 320px}
.ia-triptico p:last-child,.ia-gestor p:last-child{margin:0}
.ia-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ia-logo{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:13px}
.ia-logo b{font-size:13.5px;line-height:1.3}
.ia-logo__img{height:110px;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:9px}
.ia-logo__img--claro{background:#fff}
.ia-logo__img--oscuro{background:#10181b}
.ia-logo__img img{max-width:100%;max-height:100%;object-fit:contain}
.ia-logo__vars{display:flex;flex-wrap:wrap;gap:5px}
.ia-var{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none}
.ia-var:hover{border-color:var(--accent);color:var(--accent)}
.ia-banner{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.ia-banner img{display:block;width:100%;height:auto}
.ia-banner .btn{position:absolute;right:12px;bottom:12px;text-decoration:none;color:var(--ink);background:rgba(0,0,0,.55)}
.ia-nota{margin:0;font-size:13px}
.ia-nota a{color:var(--accent)}
.ia-marco{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.ia-marco iframe{display:block;width:100%;height:620px;border:0}
.ia-kaizen{padding:28px 30px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,var(--surface-2),var(--surface))}
.ia-kaizen__txt{max-width:720px;display:flex;flex-direction:column;gap:10px}
.ia-kaizen__txt p{margin:0;font-size:15px;line-height:1.65;color:var(--muted)}
.ia-kaizen__txt b{color:var(--ink)}
.ia-kaizen__lead{font-size:22px!important;line-height:1.3!important}
.ia-kaizen__ahora{font-weight:700;color:var(--accent)!important}
.ia-kaizen__claves{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:8px 0}
.ia-kaizen__claves div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;border-left:3px solid var(--gold);background:rgba(0,0,0,.14)}
.ia-kaizen__claves span{font-size:13.5px;color:var(--muted);line-height:1.5}
.ia-kaizen__fin{margin:0;padding:0 0 0 14px;border-left:3px solid var(--accent);font-size:15px;line-height:1.6;color:var(--muted)}
.ia-kaizen__fin b{color:var(--ink)}
.ia-kaizen__cta{align-self:flex-start}

/* ── Infraestructura ── */
.inf-hero{background:radial-gradient(120% 140% at 100% 0,var(--accent-soft),transparent 55%),var(--surface-2);border:1px solid var(--line)}
.doc-hero__stats div.is-mal{border-color:#e5484d}
.doc-hero__stats div.is-mal dt{color:#e5484d}
.inf-barra{display:flex;align-items:center;gap:10px;font-size:13px}
.inf-barra .grow,.inf-card__head .grow{flex:1;min-width:0}
.inf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}
.inf-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.inf-card__head{display:flex;gap:10px;align-items:flex-start}
.inf-card__head h4{margin:0 0 2px;font-size:15.5px}
.inf-card__head p{margin:0;font-size:12.5px}
.inf-card__ic{font-size:20px;width:38px;height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent-soft)}
.inf-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line);white-space:nowrap}
.inf-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}
.inf-pill.is-ok{color:#2fbf71}.inf-pill.is-ok i{box-shadow:0 0 0 3px rgba(47,191,113,.18)}
.inf-pill.is-lento{color:#e6a23c}
.inf-pill.is-caida{color:#e5484d;border-color:#e5484d}
.inf-pill.is-nd{color:var(--muted)}
.inf-hist{display:flex;align-items:flex-end;gap:1px;height:34px;padding:4px;border-radius:8px;background:rgba(0,0,0,.14)}
.inf-hist i{flex:1;min-width:1px;border-radius:1px;background:var(--accent);opacity:.75}
.inf-hist i.is-caida{background:#e5484d;opacity:1}
.inf-hist--vacio{height:auto;font-size:12px;padding:10px}
.inf-hist__pie{display:flex;justify-content:space-between;font-size:11px;margin-top:-8px}
.inf-dl{margin:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.inf-dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px}
.inf-dl dt{color:var(--muted)}
.inf-dl dd{margin:0;overflow-wrap:anywhere}
.inf-dl a{color:var(--accent)}
.inf-dl code{font-size:12px;padding:1px 6px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line)}
.inf-deploy{font-size:12.5px;line-height:1.5}
.inf-links{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.inf-links a{font-size:12px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none}
.inf-links a:hover{border-color:var(--accent);color:var(--accent)}
.inf-dos{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}
.inf-evo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.inf-evo li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:13px}
.inf-evo li div{display:flex;flex-direction:column;gap:2px}
.inf-evo li .muted{font-size:12px;line-height:1.4}
.inf-pend{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px;font-size:13.5px;line-height:1.5}
.inf-pend li::marker{color:var(--gold);font-weight:700}

@media (max-width:760px){
  .ia-dos,.inf-dos{grid-template-columns:1fr}
  .ia-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .ia-tabs::-webkit-scrollbar{display:none}
  .ia-lista,.inf-grid,.ia-cals{grid-template-columns:1fr}
  .ia-kaizen{padding:20px}
  .ia-marco iframe{height:480px}
  .ia-atajos{grid-template-columns:1fr}
}