/* Capa de escenas didácticas · /como-conseguir-clientes-industriales/ */

.cci-sr-status{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Hero · dependencia → descubrimiento → conversación */
.cci-hero-map{
  min-height:720px;
  background:
    linear-gradient(155deg,rgba(13,26,56,.94),rgba(4,9,22,.97)),
    radial-gradient(circle at 72% 35%,rgba(49,92,246,.23),transparent 46%);
}
.cci-hero-network{
  height:390px;
  transition:background .7s var(--cci-ease),box-shadow .7s var(--cci-ease);
}
.cci-hero-network:after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0 42%,rgba(114,223,234,.08) 50%,transparent 58% 100%);
  transform:translateX(-110%);
  opacity:0;
}
.cci-story-scan{
  z-index:0;
  pointer-events:none;
  position:absolute;
  inset:0 auto 0 0;
  width:32%;
  background:linear-gradient(90deg,transparent,rgba(114,223,234,.065),transparent);
  opacity:0;
  transform:translateX(-110%);
}
.cci-story-pulse{
  z-index:4;
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#e9ffff;
  box-shadow:0 0 0 5px rgba(114,223,234,.12),0 0 18px rgba(114,223,234,.95);
  opacity:0;
  will-change:transform,opacity;
}
.cci-story-pulse-a{top:11%;left:10%}
.cci-story-pulse-b{bottom:10%;left:8%}
.cci-story-pulse-c{bottom:4%;left:42%}
.cci-hero-sequence{
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
  padding:8px;
  border:1px solid rgba(182,204,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.cci-hero-map.is-scene-enhanced .cci-hero-sequence{display:grid}
.cci-hero-sequence button{
  min-width:0;
  min-height:70px;
  cursor:pointer;
  color:#8393b2;
  text-align:left;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  padding:11px 10px;
  display:grid;
  grid-template-columns:23px 1fr;
  gap:2px 7px;
  transition:color .32s,background .32s,border-color .32s,transform .32s var(--cci-ease);
}
.cci-hero-sequence button>span{
  grid-row:1/3;
  color:#60739b;
  font:600 .48rem/1.2 var(--cci-mono);
  padding-top:3px;
}
.cci-hero-sequence button>b{
  color:#b9c6dc;
  font:600 .59rem/1.2 var(--cci-mono);
  letter-spacing:.055em;
  text-transform:uppercase;
}
.cci-hero-sequence button>small{
  font-size:.51rem;
  line-height:1.35;
}
.cci-hero-sequence button.is-active{
  color:#aebbd3;
  border-color:rgba(114,223,234,.23);
  background:linear-gradient(135deg,rgba(49,92,246,.17),rgba(114,223,234,.06));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 30px -24px rgba(49,92,246,.9);
}
.cci-hero-sequence button.is-active>b{color:#f1f6ff}
.cci-hero-sequence button.is-active>span{color:var(--cci-cyan)}
.cci-hero-map[data-visual-state="0"] .cci-node-a{
  transform:scale(1.07);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 8px rgba(255,125,137,.04),0 0 34px rgba(255,125,137,.16);
}
.cci-hero-map[data-visual-state="0"] .cci-route-a{background:linear-gradient(90deg,rgba(255,125,137,.83),rgba(255,125,137,.2))}
.cci-hero-map[data-visual-state="0"] .cci-seed{opacity:.32}
.cci-hero-map[data-visual-state="1"] .cci-node-a{opacity:.36;filter:saturate(.35);transform:scale(.88)}
.cci-hero-map[data-visual-state="1"] .cci-route-a{opacity:.18;transform:rotate(-31deg) scaleX(.68);transform-origin:left}
.cci-hero-map[data-visual-state="1"] .cci-seed{
  color:#a6c7d3;
  border-color:rgba(114,223,234,.36);
  opacity:1;
  box-shadow:0 0 24px rgba(114,223,234,.08);
}
.cci-hero-map[data-visual-state="1"] .cci-story-scan{opacity:1}
.cci-hero-map[data-visual-state="2"] .cci-node-a{opacity:.52;transform:scale(.94)}
.cci-hero-map[data-visual-state="2"] .cci-route{height:2px;filter:drop-shadow(0 0 5px rgba(114,223,234,.55))}
.cci-hero-map[data-visual-state="2"] .cci-seed{
  color:#d1edf0;
  background:rgba(20,59,75,.35);
  border-color:rgba(114,223,234,.5);
  opacity:1;
}
.cci-motion-live .cci-hero-map[data-visual-state="1"] .cci-story-scan{animation:cciSceneScan 1.7s var(--cci-ease) both}
.cci-motion-live .cci-hero-map[data-visual-state="2"] .cci-story-pulse-a{animation:cciHeroPulseA 1.35s var(--cci-ease) both}
.cci-motion-live .cci-hero-map[data-visual-state="2"] .cci-story-pulse-b{animation:cciHeroPulseB 1.35s .16s var(--cci-ease) both}
.cci-motion-live .cci-hero-map[data-visual-state="2"] .cci-story-pulse-c{animation:cciHeroPulseC 1.35s .31s var(--cci-ease) both}
.cci-motion-live .cci-hero-map[data-visual-state="2"] .cci-hero-network:after{animation:cciSceneSweep 1.2s .55s var(--cci-ease) both}

/* Cartera · impacto cualitativo y entradas repartidas */
.cci-network .cci-risk-shadow,.cci-network .cci-entry-stream{
  position:absolute;
  pointer-events:none;
}
.cci-risk-shadow{
  right:7%;
  bottom:10%;
  display:grid;
  justify-items:end;
  gap:7px;
  opacity:.28;
  transition:opacity .45s,transform .55s var(--cci-ease);
  transform:translateY(8px);
}
.cci-risk-shadow i{
  width:86px;
  height:5px;
  border-radius:9px;
  background:linear-gradient(90deg,rgba(255,125,137,.12),var(--cci-risk));
  transform:scaleX(.2);
  transform-origin:right;
  transition:transform .75s var(--cci-ease);
  box-shadow:0 0 18px rgba(255,125,137,.3);
}
.cci-risk-shadow span{
  color:#d9828d;
  font:600 .43rem/1 var(--cci-mono);
  letter-spacing:.08em;
}
.cci-portfolio.is-risk-simulated .cci-risk-shadow{opacity:1;transform:none}
.cci-portfolio.is-risk-simulated .cci-risk-shadow i{transform:scaleX(1)}
.cci-entry-stream{
  left:7%;
  right:7%;
  bottom:8%;
  height:34px;
  border-top:1px solid rgba(114,223,234,.2);
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.cci-entry-stream i{
  position:absolute;
  top:-4px;
  left:0;
  width:calc(100% - 7px);
  height:7px;
  background:transparent;
  opacity:0;
  will-change:transform,opacity;
}
.cci-entry-stream i:before{
  content:"";
  display:block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#dfffff;
  box-shadow:0 0 14px var(--cci-cyan);
}
.cci-entry-stream i:nth-child(2){animation-delay:.7s}
.cci-entry-stream i:nth-child(3){animation-delay:1.4s}
.cci-entry-stream span{color:#73aeb8;font:600 .41rem/1 var(--cci-mono);letter-spacing:.08em}
.cci-motion-live .cci-entry-stream i{animation:cciEntryPacket 2.1s var(--cci-ease) infinite}
.cci-map-bridge i{filter:drop-shadow(0 0 8px rgba(114,223,234,.42));transition:transform .45s var(--cci-ease),filter .45s}

/* Error · romper físicamente la rueda */
.cci-loop-console{
  border-top:1px solid var(--cci-line-dark);
  border-bottom:1px solid var(--cci-line-dark);
  padding:16px 22px;
  display:none;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:18px;
  background:rgba(2,7,17,.34);
}
.cci-urgency-loop.is-loop-enhanced .cci-loop-console{display:grid}
.cci-loop-console button{
  min-height:46px;
  cursor:pointer;
  color:#8f9db7;
  border:1px solid rgba(179,199,239,.2);
  border-radius:999px;
  background:#071126;
  padding:5px 9px 5px 15px;
  display:flex;
  align-items:center;
  gap:10px;
  font:600 .49rem/1 var(--cci-mono);
  letter-spacing:.045em;
}
.cci-loop-console button i{
  width:42px;
  height:24px;
  border-radius:999px;
  background:rgba(255,125,137,.16);
  border:1px solid rgba(255,125,137,.28);
  position:relative;
  transition:background .35s,border-color .35s;
}
.cci-loop-console button i:before{
  content:"";
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--cci-risk);
  box-shadow:0 0 13px rgba(255,125,137,.54);
  position:absolute;
  top:3px;
  left:3px;
  transition:transform .45s var(--cci-ease),background .35s;
}
.cci-loop-console button[aria-pressed="true"] i{background:rgba(123,229,196,.14);border-color:rgba(123,229,196,.34)}
.cci-loop-console button[aria-pressed="true"] i:before{background:var(--cci-mint);transform:translateX(18px);box-shadow:0 0 13px rgba(123,229,196,.55)}
.cci-loop-console p{color:#798aa8;margin:0;font-size:.62rem;line-height:1.55}
.cci-urgency-loop li:after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  border:1px solid transparent;
  opacity:0;
}
.cci-motion-live .cci-urgency-loop:not(.is-resolved) li:after{animation:cciLoopStep 3.6s linear infinite}
.cci-motion-live .cci-urgency-loop:not(.is-resolved) li:nth-child(2):after{animation-delay:.9s}
.cci-motion-live .cci-urgency-loop:not(.is-resolved) li:nth-child(3):after{animation-delay:1.8s}
.cci-motion-live .cci-urgency-loop:not(.is-resolved) li:nth-child(4):after{animation-delay:2.7s}
.cci-urgency-loop.is-resolved ol{opacity:.42;filter:saturate(.45)}
.cci-urgency-loop.is-resolved ol:before{background:linear-gradient(90deg,transparent,rgba(123,229,196,.42),transparent)}
.cci-urgency-loop.is-resolved .cci-loop-break{
  background:linear-gradient(90deg,rgba(123,229,196,.1),rgba(114,223,234,.035));
  box-shadow:inset 3px 0 var(--cci-mint);
}
.cci-urgency-loop.is-resolved .cci-loop-break i{background:linear-gradient(90deg,var(--cci-mint),var(--cci-cyan));box-shadow:0 0 12px rgba(123,229,196,.35)}

/* Radiografía · un objeto visual que cambia con la etapa */
.cci-xray-panel{overflow:hidden;padding-right:52px;padding-bottom:330px}
.cci-xray-panel>.cci-xray-lab{
  position:absolute;
  z-index:0;
  top:auto;
  right:52px;
  bottom:30px;
  left:52px;
  width:auto;
  height:260px;
  margin:0;
  padding:18px;
  display:block;
  border:1px solid rgba(148,177,239,.2);
  border-radius:18px;
  background:linear-gradient(155deg,rgba(18,38,78,.8),rgba(4,10,24,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 28px 65px -38px #000;
  transform:none;
}
.cci-xray-lab:before{
  content:"LIVE PATH";
  color:#65779c;
  font:600 .43rem/1 var(--cci-mono);
  letter-spacing:.1em;
  position:absolute;
  top:12px;
  left:15px;
}
.cci-xray-lab i{box-shadow:none}
.cci-xray-panel>.cci-xray-lab .cci-xray-beam{
  position:absolute;
  top:38px;
  bottom:21px;
  left:28px;
  width:1px;
  height:auto;
  border-radius:0;
  background:linear-gradient(var(--cci-cyan),rgba(114,223,234,.08));
  box-shadow:none;
  transform-origin:top;
  transition:transform .65s var(--cci-ease);
}
.cci-xray-need,.cci-xray-result,.cci-xray-proof,.cci-xray-inquiry{
  position:absolute;
  left:46px;
  right:17px;
  opacity:.18;
  transform:translateY(8px) scale(.98);
  transition:opacity .42s,transform .55s var(--cci-ease),border-color .4s,background .4s;
}
.cci-xray-need{
  top:32px;
  color:#a9bbd7;
  font:600 .46rem/1 var(--cci-mono);
  letter-spacing:.06em;
  border:1px solid rgba(183,204,244,.2);
  border-radius:8px;
  padding:10px 11px;
}
.cci-xray-result{
  top:79px;
  min-height:83px;
  border:1px solid rgba(112,142,210,.22);
  border-radius:10px;
  padding:12px;
  display:grid;
  gap:6px;
}
.cci-xray-result small{color:var(--cci-cyan);font:600 .39rem/1 var(--cci-mono);letter-spacing:.06em}
.cci-xray-result b{color:#e7efff;font:600 .58rem/1.2 var(--cci-sans)}
.cci-xray-panel>.cci-xray-lab .cci-xray-result i{display:block;width:80%;height:3px;border-radius:4px;background:rgba(181,202,240,.16);box-shadow:none}
.cci-xray-panel>.cci-xray-lab .cci-xray-result i:nth-of-type(2){width:64%}
.cci-xray-panel>.cci-xray-lab .cci-xray-result i:nth-of-type(3){width:71%}
.cci-xray-proof{top:174px;display:flex;gap:4px}
.cci-xray-proof span{color:#7891bb;font:600 .35rem/1 var(--cci-mono);border:1px solid rgba(114,223,234,.2);border-radius:999px;padding:6px}
.cci-xray-inquiry{
  bottom:17px;
  color:#8fafb0;
  font:600 .4rem/1 var(--cci-mono);
  border:1px solid rgba(123,229,196,.24);
  border-radius:8px;
  padding:9px;
  display:flex;
  align-items:center;
  gap:7px;
}
.cci-xray-panel>.cci-xray-lab .cci-xray-inquiry i{width:6px;height:6px;border-radius:50%;background:var(--cci-mint);box-shadow:0 0 10px var(--cci-mint)}
.cci-xray-panel[data-stage="01"] .cci-xray-need,
.cci-xray-panel[data-stage="02"] :is(.cci-xray-need,.cci-xray-result),
.cci-xray-panel[data-stage="03"] :is(.cci-xray-need,.cci-xray-result,.cci-xray-proof),
.cci-xray-panel[data-stage="04"] :is(.cci-xray-need,.cci-xray-result,.cci-xray-proof,.cci-xray-inquiry){opacity:1;transform:none}
.cci-xray-panel[data-stage="02"] .cci-xray-result,
.cci-xray-panel[data-stage="03"] .cci-xray-proof,
.cci-xray-panel[data-stage="04"] .cci-xray-inquiry{
  border-color:rgba(114,223,234,.55);
  background:rgba(49,92,246,.12);
  box-shadow:0 0 25px rgba(49,92,246,.1);
}
.cci-xray-panel[data-stage="01"] .cci-xray-beam{transform:scaleY(.18)}
.cci-xray-panel[data-stage="02"] .cci-xray-beam{transform:scaleY(.52)}
.cci-xray-panel[data-stage="03"] .cci-xray-beam{transform:scaleY(.78)}
.cci-xray-panel[data-stage="04"] .cci-xray-beam{transform:scaleY(1)}
.cci-motion-live .cci-xray-panel[data-stage="04"] .cci-xray-inquiry i{animation:cciSoftPulse 1.8s ease-in-out infinite}

/* Método · máquina visual acumulativa */
.cci-stage-panel{padding-right:clamp(300px,31vw,390px);min-height:520px}
.cci-stage-panel>.cci-method-machine{
  position:absolute;
  z-index:1;
  top:50%;
  right:clamp(26px,4vw,55px);
  width:250px;
  min-height:330px;
  margin:0;
  padding:27px 22px;
  border:1px solid rgba(151,180,239,.19);
  border-radius:20px;
  background:linear-gradient(160deg,rgba(19,39,79,.8),rgba(4,10,24,.85));
  display:grid;
  align-content:center;
  gap:10px;
  transform:translateY(-50%);
  overflow:hidden;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 35px 80px -45px #000;
}
.cci-method-machine:before{
  content:"DECISION ENGINE";
  color:#60749b;
  font:600 .42rem/1 var(--cci-mono);
  letter-spacing:.1em;
  position:absolute;
  top:15px;
  left:18px;
}
.cci-machine-line{
  position:absolute;
  top:62px;
  bottom:56px;
  left:41px;
  width:1px;
  background:linear-gradient(var(--cci-cyan),rgba(114,223,234,.1));
  transform-origin:top;
  transition:transform .65s var(--cci-ease);
}
.cci-method-machine>span{
  position:relative;
  color:#7183a4;
  min-height:42px;
  border:1px solid rgba(157,182,231,.14);
  border-radius:9px;
  padding:12px 10px 10px 42px;
  font:600 .46rem/1 var(--cci-mono);
  letter-spacing:.07em;
  background:rgba(255,255,255,.025);
  transition:color .35s,border-color .35s,background .35s,transform .4s var(--cci-ease);
}
.cci-method-machine>span:before{
  content:"";
  position:absolute;
  left:14px;
  top:14px;
  width:10px;
  height:10px;
  border-radius:50%;
  border:1px solid rgba(131,158,214,.4);
  background:#09142a;
  transition:background .35s,box-shadow .35s,border-color .35s;
}
.cci-method-machine>b{
  color:#82aaa9;
  font:600 .39rem/1.45 var(--cci-mono);
  letter-spacing:.05em;
  margin-top:4px;
  opacity:.3;
  transition:opacity .4s,color .4s;
}
.cci-method-layout[data-step="0"] .cci-machine-line{transform:scaleY(.08)}
.cci-method-layout[data-step="1"] .cci-machine-line{transform:scaleY(.3)}
.cci-method-layout[data-step="2"] .cci-machine-line{transform:scaleY(.52)}
.cci-method-layout[data-step="3"] .cci-machine-line{transform:scaleY(.75)}
.cci-method-layout[data-step="4"] .cci-machine-line{transform:scaleY(1)}
.cci-method-layout[data-step="0"] [data-machine-node="0"],
.cci-method-layout[data-step="1"] [data-machine-node="0"],.cci-method-layout[data-step="1"] [data-machine-node="1"],
.cci-method-layout[data-step="2"] [data-machine-node="0"],.cci-method-layout[data-step="2"] [data-machine-node="1"],.cci-method-layout[data-step="2"] [data-machine-node="2"],
.cci-method-layout[data-step="3"] [data-machine-node="0"],.cci-method-layout[data-step="3"] [data-machine-node="1"],.cci-method-layout[data-step="3"] [data-machine-node="2"],.cci-method-layout[data-step="3"] [data-machine-node="3"],
.cci-method-layout[data-step="4"] .cci-method-machine>span{
  color:#e0edf8;
  border-color:rgba(114,223,234,.33);
  background:linear-gradient(90deg,rgba(49,92,246,.15),rgba(114,223,234,.04));
  transform:translateX(4px);
}
.cci-method-layout[data-step="0"] [data-machine-node="0"]:before,
.cci-method-layout[data-step="1"] [data-machine-node="0"]:before,.cci-method-layout[data-step="1"] [data-machine-node="1"]:before,
.cci-method-layout[data-step="2"] [data-machine-node="0"]:before,.cci-method-layout[data-step="2"] [data-machine-node="1"]:before,.cci-method-layout[data-step="2"] [data-machine-node="2"]:before,
.cci-method-layout[data-step="3"] [data-machine-node="0"]:before,.cci-method-layout[data-step="3"] [data-machine-node="1"]:before,.cci-method-layout[data-step="3"] [data-machine-node="2"]:before,.cci-method-layout[data-step="3"] [data-machine-node="3"]:before,
.cci-method-layout[data-step="4"] .cci-method-machine>span:before{
  background:var(--cci-cyan);
  border-color:var(--cci-cyan);
  box-shadow:0 0 13px rgba(114,223,234,.75);
}
.cci-method-layout[data-step="4"] .cci-method-machine>b{color:var(--cci-mint);opacity:1}

/* HERGA · laboratorio de evidencia */
.cci-case-controls{position:relative}
.cci-case-controls .cci-case-pause{
  width:auto;
  min-width:94px;
  padding:0 12px;
  gap:8px;
  color:#9baccc;
  font:600 .49rem/1 var(--cci-mono);
}
.cci-case-controls .cci-case-pause:disabled{cursor:not-allowed;opacity:.62}
.cci-case-controls .cci-case-pause>i{
  width:8px;
  height:12px;
  border:0;
  border-left:3px solid currentColor;
  border-right:3px solid currentColor;
  border-radius:0;
  background:transparent;
}
.cci-case-controls .cci-case-pause[aria-pressed="true"]>i{
  width:0;
  height:0;
  border:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:9px solid currentColor;
}
.cci-case-viewport figure.is-active img{transform:scale(1.012)}
.cci-case-viewport figure.is-leaving{visibility:visible}
.cci-motion-live .cci-case-viewport figure.is-active img{transition:transform 5.6s linear;transform:scale(1.032)}
.cci-case-evidence{
  margin:28px 0 0;
  border:1px solid var(--cci-line-dark);
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(16,32,67,.78),rgba(4,10,24,.87));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 40px 95px -55px #000;
}
.cci-evidence-head{
  min-height:54px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid var(--cci-line-dark);
  color:#8ea1c3;
  font:600 .5rem/1 var(--cci-mono);
  letter-spacing:.09em;
}
.cci-evidence-head small{color:#60718f;font:500 .43rem/1 var(--cci-mono)}
.cci-evidence-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr)}
.cci-impression-bars{padding:33px 30px;display:grid;gap:23px;border-right:1px solid var(--cci-line-dark)}
.cci-impression-bars article{display:grid;grid-template-columns:115px minmax(90px,1fr) 75px;align-items:center;gap:14px}
.cci-impression-bars span{color:#8294b5;font:600 .49rem/1 var(--cci-mono);letter-spacing:.06em}
.cci-impression-bars i{height:8px;border-radius:999px;background:rgba(158,181,226,.11);overflow:hidden;position:relative}
.cci-impression-bars i:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--cci-blue),var(--cci-cyan));
  box-shadow:0 0 17px rgba(114,223,234,.3);
  transform:scaleX(0);
  transform-origin:left;
}
.cci-case-evidence.is-visible .cci-impression-bars i:after{animation:cciBarGrow 1.15s var(--cci-ease) both;transform:scaleX(var(--cci-bar))}
.cci-impression-bars article:nth-child(2) i:after{animation-delay:.12s}
.cci-impression-bars article:nth-child(3) i:after{animation-delay:.24s}
.cci-impression-bars strong{color:#e9f1ff;font:500 1.1rem/1 var(--cci-serif);text-align:right}
.cci-visit-orbit{
  min-height:230px;
  display:grid;
  place-content:center;
  justify-items:center;
  position:relative;
  isolation:isolate;
  background:radial-gradient(circle,rgba(49,92,246,.18),transparent 58%);
}
.cci-visit-orbit>i{
  position:absolute;
  inset:20% 23%;
  border:1px solid rgba(114,223,234,.18);
  border-radius:50%;
}
.cci-visit-orbit>i:nth-child(2){inset:12% 16%;border-style:dashed}
.cci-visit-orbit>i:nth-child(3){inset:5% 9%;border-color:rgba(110,141,255,.13)}
.cci-visit-orbit>span{color:#8294b5;font:600 .43rem/1 var(--cci-mono);letter-spacing:.08em}
.cci-visit-orbit>strong{color:#f4f8ff;font:400 clamp(2.7rem,4vw,4.25rem)/.9 var(--cci-serif);letter-spacing:-.055em;margin-top:13px}
.cci-visit-orbit>small{color:#6d7f9f;font:600 .41rem/1 var(--cci-mono);letter-spacing:.07em;margin-top:11px}
.cci-case-evidence figcaption{color:#71819e;border-top:1px solid var(--cci-line-dark);padding:15px 20px;font-size:.58rem;line-height:1.55}
.cci-motion-live .cci-case-evidence.is-visible .cci-visit-orbit>i:nth-child(2){animation:cciOrbitSlow 16s linear infinite}
.cci-case-route{position:relative;overflow:hidden}
.cci-case-route:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(114,223,234,.14),transparent);
  transform:translateX(-120%);
}
.cci-motion-live .cci-case-route:after{animation:cciSceneSweep 2.6s var(--cci-ease) infinite}

/* Diagnóstico · perfil visible mientras se responde */
.cci-diagnostic-compass{
  margin-top:18px;
  padding:13px;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  border:1px solid rgba(71,101,174,.14);
  border-radius:14px;
  background:rgba(255,255,255,.5);
  display:none;
}
.cci-diagnostic.is-enhanced .cci-diagnostic-compass{display:grid}
.cci-diagnostic-compass>div{
  min-width:0;
  border:1px solid rgba(95,119,176,.13);
  border-radius:9px;
  background:rgba(248,251,255,.78);
  padding:10px;
  display:grid;
  gap:7px;
}
.cci-diagnostic-compass span,.cci-diagnostic-compass small{font:600 .42rem/1.2 var(--cci-mono);letter-spacing:.06em}
.cci-diagnostic-compass span{color:#64769e}
.cci-diagnostic-compass small{color:#8792a8}
.cci-diagnostic-compass>div>i{height:5px;border-radius:8px;background:#dce3ef;overflow:hidden}
.cci-diagnostic-compass>div>i>b{
  display:block;
  width:var(--cci-meter,0%);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--cci-blue),var(--cci-cyan));
  transition:width .52s var(--cci-ease),background .35s;
}
.cci-diagnostic-compass [data-level="3"]>i>b{background:linear-gradient(90deg,var(--cci-warning),var(--cci-risk))}
.cci-diagnostic-progress>i{transform:none!important;transform-origin:left}
.cci-diagnostic-progress>i:before{transition:width .48s var(--cci-ease)}
.cci-diagnostic-progress span{transition:color .3s,border-color .3s,background .3s,box-shadow .3s}
.cci-diagnostic-progress span.is-current{color:#fff;border-color:var(--cci-blue);background:var(--cci-blue);box-shadow:0 0 0 4px rgba(49,92,246,.09)}
.cci-diagnostic-progress span.is-complete{color:#1b5d54;border-color:rgba(123,229,196,.5);background:rgba(123,229,196,.25)}

/* Señales · recorrido en vez de tarjetas desconectadas */
.cci-signal-console{
  margin-bottom:5px;
  min-height:58px;
  padding:0 18px;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:10px;
  border:1px solid var(--cci-line);
  border-radius:13px;
  background:rgba(255,255,255,.6);
  color:#6679a7;
  font:600 .44rem/1 var(--cci-mono);
  letter-spacing:.07em;
}
.cci-signal-console i{height:1px;background:linear-gradient(90deg,var(--cci-blue),var(--cci-cyan));transform-origin:left;transition:transform .55s var(--cci-ease)}
.cci-signal-track[data-signal="0"] .cci-signal-console i{transform:scaleX(.18)}
.cci-signal-track[data-signal="1"] .cci-signal-console i:first-of-type{transform:scaleX(1)}
.cci-signal-track[data-signal="1"] .cci-signal-console i:last-of-type{transform:scaleX(.22)}
.cci-signal-track[data-signal="2"] .cci-signal-console i{transform:scaleX(1)}
.cci-signal-track article{transition:transform .4s var(--cci-ease),border-color .4s,box-shadow .4s,background .4s}
.cci-signal-track article.is-current{
  border-color:rgba(49,92,246,.35);
  background:#fff;
  transform:translateX(8px);
  box-shadow:0 35px 82px -48px rgba(29,62,147,.45);
}
.cci-signal-track article.is-current:after{
  content:"LECTURA ACTIVA";
  position:absolute;
  top:14px;
  right:16px;
  color:var(--cci-blue);
  font:600 .39rem/1 var(--cci-mono);
  letter-spacing:.08em;
}

/* Encaje · instrumento de cuatro puertas */
.cci-fit-scope{
  margin:0 0 22px;
  padding:21px 24px;
  display:grid;
  grid-template-columns:95px 1fr auto;
  align-items:center;
  gap:22px;
  border:1px solid var(--cci-line);
  border-radius:16px;
  background:linear-gradient(120deg,rgba(255,255,255,.94),rgba(235,241,250,.75));
  box-shadow:0 26px 70px -58px #1b377c;
}
.cci-fit-dial{
  width:82px;
  height:82px;
  border-radius:50%;
  border:1px solid rgba(63,90,157,.19);
  display:grid;
  place-content:center;
  position:relative;
  background:radial-gradient(circle,rgba(49,92,246,.08),transparent 65%);
}
.cci-fit-dial:before,.cci-fit-dial:after{content:"";position:absolute;border:1px dashed rgba(62,90,159,.12);border-radius:50%;inset:9px}
.cci-fit-dial:after{inset:19px}
.cci-fit-dial i{
  position:absolute;
  left:50%;
  bottom:50%;
  width:1px;
  height:28px;
  background:var(--cci-blue);
  transform-origin:bottom;
  transform:rotate(var(--cci-dial,-55deg));
  transition:transform .65s var(--cci-ease),background .4s;
  box-shadow:0 0 9px rgba(49,92,246,.45);
}
.cci-fit-dial span{color:#4d65a5;font:600 .42rem/1 var(--cci-mono);letter-spacing:.08em;margin-top:31px}
.cci-fit-scope>div:nth-child(2){display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:9px}
.cci-fit-scope>div:nth-child(2) b{color:#68799d;font:600 .43rem/1 var(--cci-mono);letter-spacing:.055em}
.cci-fit-scope>div:nth-child(2) i{height:1px;background:linear-gradient(90deg,var(--cci-blue),var(--cci-cyan));transform-origin:left;transition:transform .55s var(--cci-ease)}
.cci-fit-scope>p{color:#526aa8;margin:0;font:600 .47rem/1.3 var(--cci-mono);letter-spacing:.065em;text-align:right}
.cci-fit-scope[data-fit="0"]{--cci-dial:55deg}
.cci-fit-scope[data-fit="1"]{--cci-dial:0deg}
.cci-fit-scope[data-fit="2"]{--cci-dial:-55deg}
.cci-fit-scope[data-fit="1"] .cci-fit-dial i{background:var(--cci-warning)}
.cci-fit-scope[data-fit="2"] .cci-fit-dial i{background:var(--cci-risk)}
.cci-fit-scope[data-fit="1"]>div:nth-child(2) i:last-of-type,.cci-fit-scope[data-fit="2"]>div:nth-child(2) i{transform:scaleX(.24)}
.cci-fit-gates details{position:relative;transform:none!important}
.cci-fit-gates details:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  background:var(--cci-mint);
  opacity:0;
  transition:opacity .35s;
}
.cci-fit-gates details:nth-child(2):before{background:var(--cci-warning)}
.cci-fit-gates details:nth-child(3):before{background:var(--cci-risk)}
.cci-fit-gates details[open]:before{opacity:1}

/* FAQ · 12 nodos reales, sin luces que persiguen el cursor */
.cci-faq-item,.cci-error-cards article{padding-left:0!important;transition:background .33s,border-color .33s!important}
.cci-faq-item summary{transition:transform .3s var(--cci-ease)}
.cci-faq-item[open] summary{transform:translateX(7px)}
.cci-faq-map{
  position:relative;
  min-height:260px;
  margin:18px 0 4px;
  display:none;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.cci-faq-map.is-map-enhanced{display:grid}
.cci-faq-map:before{
  content:"";
  position:absolute;
  inset:9% 7%;
  border:1px solid rgba(114,223,234,.12);
  border-radius:22px;
  background:
    linear-gradient(rgba(114,223,234,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(114,223,234,.08) 1px,transparent 1px);
  background-size:25% 33.333%;
  mask-image:radial-gradient(circle,#000 25%,transparent 78%);
}
.cci-faq-map button{
  z-index:2;
  min-width:0;
  min-height:70px;
  cursor:pointer;
  color:#7585a4;
  border:1px solid rgba(156,182,231,.13);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  padding:8px 5px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:5px;
  transition:transform .3s var(--cci-ease),border-color .3s,background .3s,color .3s;
}
.cci-faq-map button i{font:600 .44rem/1 var(--cci-mono);font-style:normal}
.cci-faq-map button span{font:500 .4rem/1.2 var(--cci-mono);letter-spacing:.035em;overflow-wrap:anywhere}
.cci-faq-map button.is-active{
  color:#e4f7fa;
  border-color:rgba(114,223,234,.5);
  background:radial-gradient(circle,rgba(114,223,234,.18),rgba(49,92,246,.11));
  transform:translateY(-3px);
  box-shadow:0 0 0 3px rgba(114,223,234,.04),0 16px 35px -25px rgba(114,223,234,.7);
}
.cci-faq-map-core{
  pointer-events:none;
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  width:34px;
  height:34px;
  border-radius:50%;
  background:radial-gradient(circle,#dfffff 0 8%,var(--cci-blue) 10% 35%,rgba(49,92,246,.08) 37% 100%);
  border:1px solid rgba(114,223,234,.35);
  transform:translate(-50%,-50%);
  box-shadow:0 0 30px rgba(49,92,246,.22);
}
.cci-motion-live .cci-faq-map-core{animation:cciCoreBreathe 3.4s ease-in-out infinite}
.cci-faq-item:before{transform:none!important}
.cci-faq-item[open]:before{opacity:1!important}

/* Contacto · la constelación responde al foco */
.cci-contact-route{position:relative}
.cci-contact-route:before{
  content:"";
  position:absolute;
  top:50%;
  left:7%;
  right:7%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--cci-cyan),var(--cci-blue),transparent);
  opacity:.22;
  transform:scaleX(0);
  transform-origin:left;
}
.cci-motion-live .cci-contact-route:before{animation:cciContactDraw 1.45s .35s var(--cci-ease) forwards}
.cci-contact-route article{z-index:1;position:relative}
.cci-contact-form:focus-within{
  border-color:rgba(114,223,234,.42);
  box-shadow:0 50px 115px -55px #000,0 0 0 1px rgba(114,223,234,.08),0 0 55px rgba(49,92,246,.1);
}

/* Motion */
@keyframes cciSceneScan{0%{transform:translateX(-110%);opacity:0}20%{opacity:1}100%{transform:translateX(430%);opacity:0}}
@keyframes cciSceneSweep{0%{transform:translateX(-120%);opacity:0}20%{opacity:1}100%{transform:translateX(120%);opacity:0}}
@keyframes cciHeroPulseA{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(42px,105px) scale(1)}}
@keyframes cciHeroPulseB{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(55px,-112px) scale(1)}}
@keyframes cciHeroPulseC{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(-92px,-103px) scale(1)}}
@keyframes cciEntryPacket{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(100%);opacity:0}}
@keyframes cciLoopStep{0%,18%,100%{opacity:0;border-color:transparent}7%,12%{opacity:1;border-color:rgba(244,184,106,.68);box-shadow:0 0 22px rgba(244,184,106,.12)}}
@keyframes cciSoftPulse{50%{opacity:.4;transform:scale(.78)}}
@keyframes cciBarGrow{from{transform:scaleX(0)}to{transform:scaleX(var(--cci-bar))}}
@keyframes cciOrbitSlow{to{transform:rotate(360deg)}}
@keyframes cciCoreBreathe{50%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 45px rgba(49,92,246,.36)}}
@keyframes cciContactDraw{to{transform:scaleX(1)}}

@media (hover:hover) and (pointer:fine){
  .cci-hero-sequence button:hover,.cci-faq-map button:hover{border-color:rgba(114,223,234,.36);color:#dfe9fa;transform:translateY(-3px)}
  .cci-loop-console button:hover{border-color:rgba(123,229,196,.32)}
}

@media (max-width:1120px){
  .cci-hero-map{min-height:680px}
  .cci-xray-panel{padding-right:52px}
  .cci-stage-panel{padding-right:315px}
  .cci-fit-scope{grid-template-columns:82px 1fr}.cci-fit-scope>p{grid-column:1/-1;text-align:left}
}

@media (max-width:900px){
  .cci-hero-map{min-height:690px}
  .cci-xray-panel{padding-right:24px;padding-bottom:310px}
  .cci-xray-panel>.cci-xray-lab{top:auto;bottom:25px;left:24px;right:24px;width:auto;height:250px;transform:none}
  .cci-stage-panel{padding-right:30px;padding-bottom:390px;min-height:760px}
  .cci-stage-panel>.cci-method-machine{top:auto;bottom:32px;left:30px;right:30px;width:auto;min-height:330px;transform:none}
  .cci-evidence-grid{grid-template-columns:1fr}
  .cci-impression-bars{border-right:0;border-bottom:1px solid var(--cci-line-dark)}
  .cci-visit-orbit{min-height:260px}
  .cci-diagnostic-compass{grid-template-columns:repeat(2,1fr)}
  .cci-loop-console{grid-template-columns:1fr}.cci-loop-console button{justify-self:start}
}

@media (max-width:700px){
  .cci-hero-map{min-height:0}
  .cci-hero-network{height:355px}
  .cci-hero-sequence{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .cci-hero-sequence::-webkit-scrollbar{display:none}
  .cci-hero-sequence button{scroll-snap-align:start}
  .cci-risk-shadow{right:4%}
  .cci-xray-panel{padding-bottom:315px}
  .cci-xray-panel>.cci-xray-lab{height:250px;left:17px;right:17px;bottom:19px}
  .cci-stage-panel{min-height:775px;padding:35px 20px 400px}
  .cci-stage-panel>.cci-method-machine{left:18px;right:18px;bottom:25px}
  .cci-case-controls .cci-case-pause{min-width:46px;padding:0}.cci-case-controls .cci-case-pause span{display:none}
  .cci-impression-bars{padding:26px 16px}.cci-impression-bars article{grid-template-columns:86px minmax(70px,1fr) 60px;gap:9px}.cci-impression-bars strong{font-size:.9rem}
  .cci-evidence-head{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:14px}
  .cci-diagnostic-compass{grid-template-columns:1fr 1fr;padding:8px}
  .cci-signal-console{grid-template-columns:auto 1fr auto}.cci-signal-console b,.cci-signal-console i:last-of-type{display:none}
  .cci-signal-track article.is-current{transform:translateX(3px)}
  .cci-fit-scope{grid-template-columns:70px 1fr;padding:17px}.cci-fit-dial{width:66px;height:66px}.cci-fit-dial i{height:22px}.cci-fit-dial span{margin-top:23px}.cci-fit-scope>div:nth-child(2){grid-template-columns:1fr 1fr;gap:8px}.cci-fit-scope>div:nth-child(2) i{display:none}
  .cci-faq-map{min-height:224px;grid-template-columns:repeat(4,1fr);gap:5px}.cci-faq-map button{min-height:60px}.cci-faq-map button span{display:none}
}

@media (max-width:430px){
  .cci-hero-network{height:335px}
  .cci-hero-sequence{grid-auto-columns:88%}
  .cci-loop-console{padding:15px}.cci-loop-console button{width:100%;justify-content:space-between;padding-left:12px}
  .cci-xray-panel{padding-bottom:315px}
  .cci-xray-panel>.cci-xray-lab{height:250px;padding:14px}.cci-xray-need,.cci-xray-result,.cci-xray-proof,.cci-xray-inquiry{left:39px;right:12px}
  .cci-stage-panel{min-height:790px;padding-bottom:410px}.cci-stage-panel>.cci-method-machine{padding-inline:15px}
  .cci-diagnostic-compass{grid-template-columns:1fr}.cci-diagnostic-compass>div{grid-template-columns:92px 1fr 75px;align-items:center}
  .cci-impression-bars article{grid-template-columns:1fr 64px}.cci-impression-bars i{grid-column:1/-1;grid-row:2}.cci-impression-bars strong{grid-column:2;grid-row:1}
  .cci-fit-scope{grid-template-columns:1fr}.cci-fit-dial{justify-self:center}.cci-fit-scope>p{text-align:center}
  .cci-faq-map{min-height:205px}.cci-faq-map button{min-height:52px}
}

@media (prefers-reduced-motion:reduce){
  .cci-story-scan,.cci-story-pulse,.cci-entry-stream i,.cci-urgency-loop li:after,.cci-case-route:after,.cci-faq-map-core,.cci-contact-route:before{animation:none!important}
  .cci-story-scan,.cci-story-pulse{display:none!important}
  .cci-case-evidence .cci-impression-bars i:after{animation:none!important;transform:scaleX(var(--cci-bar))!important}
  .cci-contact-route:before{transform:scaleX(1)!important}
  .cci-case-viewport figure.is-active img{transform:none!important;transition:none!important}
  .cci-hero-sequence button,.cci-xray-lab *,.cci-method-machine *,.cci-diagnostic-compass b,.cci-signal-track article,.cci-fit-scope *,.cci-faq-map button{transition:none!important}
}

@media (forced-colors:active){
  .cci-hero-sequence button.is-active,.cci-xray-panel>.cci-xray-lab,.cci-stage-panel>.cci-method-machine,.cci-case-evidence,.cci-fit-scope,.cci-faq-map button.is-active{border:2px solid Highlight}
  .cci-story-pulse,.cci-entry-stream i,.cci-xray-inquiry i,.cci-method-machine>span:before{background:Highlight;box-shadow:none}
}