/* Sección «IA local» de la home (2026-10-31). Visual propio: lista de áreas + diagrama de chip, distinto de las tarjetas de producto de la tienda.
   Usa las variables del sitio (--accent, --bg-dark, --secondary) y el violeta de IA local (#a78bfa). Solo la home carga este archivo. */
#ia-local{--ial:#a78bfa;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);
  background:radial-gradient(900px 480px at 84% 40%,rgba(167,139,250,.14),transparent 62%),radial-gradient(720px 420px at 6% 92%,rgba(102,252,241,.07),transparent 60%),var(--bg-dark,#0b0c10)}
#ia-local::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(102,252,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(102,252,241,.05) 1px,transparent 1px);background-size:46px 46px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent)}
#ia-local .ial-tag{font-size:.8rem;letter-spacing:3px;color:var(--ial);margin-bottom:1rem}
#ia-local .ial-h2{font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.2;margin:0}
#ia-local .ial-hl{color:var(--accent,#66fcf1);text-shadow:0 0 26px rgba(102,252,241,.4)}
#ia-local .ial-sep{width:64px;height:3px;background:linear-gradient(90deg,var(--accent,#66fcf1),var(--ial));margin:1.1rem 0 1.4rem}
#ia-local .ial-lead{font-size:1.15rem;line-height:1.6;color:var(--secondary,#c5c6c7);max-width:36rem;margin:0}
#ia-local .ial-lead strong{color:#fff}
#ia-local .ial-list{list-style:none;padding:0;margin:1.6rem 0 1.7rem;display:grid;gap:.45rem;max-width:36rem}
#ia-local .ial-list li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);cursor:default;outline:none;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:border-color .3s,background .3s,transform .3s}
#ia-local .ial-ic{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(102,252,241,.35);color:var(--accent,#66fcf1);font-size:1rem;transition:.3s}
#ia-local .ial-tx strong{display:block;font-family:var(--font-display,'Orbitron',sans-serif);font-size:.78rem;letter-spacing:2px;color:#fff;margin-bottom:.1rem}
#ia-local .ial-tx small{display:block;font-size:1rem;line-height:1.35;color:#aab2bf}
#ia-local .ial-list li.on{border-color:var(--ial);background:rgba(167,139,250,.1);box-shadow:inset 3px 0 0 var(--ial)}
#ia-local .ial-list li.on .ial-ic{border-color:var(--ial);color:#fff;background:rgba(167,139,250,.28);box-shadow:0 0 16px rgba(167,139,250,.5)}
#ia-local .ial-list li:focus-visible{box-shadow:0 0 0 2px var(--accent,#66fcf1)}
#ia-local .ial-cta{margin-bottom:1.2rem}
#ia-local .ial-nota{font-size:.95rem;color:#8892b0;margin:0;max-width:36rem}
/* diagrama del chip */
#ia-local .ial-viz{position:relative;max-width:470px;margin:0 auto}
#ia-local .ial-svg{display:block;width:100%;height:auto;overflow:visible}
#ia-local .orb{fill:none;stroke:rgba(102,252,241,.16);stroke-width:1;stroke-dasharray:3 7;transform-origin:200px 200px;animation:ial-spin 60s linear infinite}
#ia-local .orb.o2{stroke:rgba(167,139,250,.2);animation-duration:42s;animation-direction:reverse}
#ia-local .ln{stroke:rgba(102,252,241,.22);stroke-width:1.6;transition:stroke .3s}
#ia-local .ln.on{stroke:var(--ial);stroke-width:2.2;stroke-dasharray:7 9;animation:ial-flow .8s linear infinite;filter:drop-shadow(0 0 5px var(--ial))}
#ia-local .chip rect{fill:#0b0c10;stroke:var(--accent,#66fcf1);stroke-width:2}
#ia-local .chip{filter:drop-shadow(0 0 16px rgba(167,139,250,.55))}
#ia-local .pins path{fill:none;stroke:var(--accent,#66fcf1);stroke-width:2;stroke-linecap:round}
#ia-local .cia{font:900 38px var(--font-display,'Orbitron',sans-serif);fill:var(--accent,#66fcf1)}
#ia-local .cloc{font:700 10px var(--font-display,'Orbitron',sans-serif);letter-spacing:5px;fill:var(--ial)}
#ia-local .nd{cursor:pointer}
#ia-local .nd rect{fill:#0b0c10;stroke:rgba(102,252,241,.4);stroke-width:1.4;transition:.3s}
#ia-local .nd text{font:700 12px var(--font-display,'Orbitron',sans-serif);letter-spacing:2px;fill:#c5c6c7;transition:fill .3s}
#ia-local .nd.on rect{stroke:var(--ial);fill:rgba(167,139,250,.2);filter:drop-shadow(0 0 9px rgba(167,139,250,.7))}
#ia-local .nd.on text{fill:#fff}
@keyframes ial-spin{to{transform:rotate(360deg)}}
@keyframes ial-flow{to{stroke-dashoffset:-32}}
/* cifras */
#ia-local .ial-stats{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem 0;margin-top:3.2rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.08)}
#ia-local .ial-stats>div{flex:1 1 220px;max-width:340px;text-align:center;padding:0 1.4rem;border-left:1px solid rgba(255,255,255,.08)}
#ia-local .ial-stats>div:first-child{border-left:0}
#ia-local .ial-stats b{display:block;font:900 1.7rem var(--font-display,'Orbitron',sans-serif);color:var(--accent,#66fcf1);text-shadow:0 0 18px rgba(102,252,241,.35);margin-bottom:.2rem}
#ia-local .ial-stats span{color:#aab2bf;font-size:1.02rem}
#ia-local .ial-extra{text-align:center;margin:1.6rem 0 0;color:#aab2bf;font-size:1.05rem}
#ia-local .ial-extra a{color:var(--ial);text-decoration:none;border-bottom:1px solid currentColor;white-space:nowrap}
#ia-local .ial-extra a:hover{color:#fff}
@media(max-width:991.98px){#ia-local .ial-viz{max-width:380px}#ia-local .ial-stats>div{border-left:0;flex-basis:100%;max-width:none}}
@media(max-width:575.98px){#ia-local .ial-list li{padding:.6rem .75rem}#ia-local .ial-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){#ia-local .orb,#ia-local .ln.on{animation:none}#ia-local .ial-list li,#ia-local .ial-list li.on{transition:none;transform:none}}