/* ============================================================
   CORECAP — page-specific sections (dark, cyan, Space Mono)
   Reuses dark.css for nav/phero/cases/steps/cards3/faq/footer.
   ============================================================ */
body.corecap h1,body.corecap h2{font-family:var(--ff-corecap);letter-spacing:-.03em;line-height:1.06}
.cc-reveal{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.cc-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.cc-reveal{opacity:1;transform:none;transition:none}}

/* ---- capabilities grid (Sec 3) ---- */
.cc-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}
.cc-cap{background:var(--carbon);border:1px solid var(--slate);border-radius:var(--r-card);padding:24px;transition:transform .2s var(--ease),border-color .2s var(--ease)}
.cc-cap:hover{transform:translateY(-4px);border-color:var(--cyan)}
.cc-cap .ic{width:42px;height:42px;border-radius:12px;border:1px solid var(--steel);background:var(--graphite);display:grid;place-items:center;margin-bottom:16px}
.cc-cap .ic svg{width:21px;height:21px;stroke:var(--cyan);fill:none;stroke-width:1.6}
.cc-cap h3{font-size:18px;margin-bottom:8px}
.cc-cap p{font-size:13.5px;color:var(--mist);line-height:1.55}

/* ---- flow (Sec 4) ---- */
.cc-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:46px;border:1px solid var(--slate);border-radius:var(--r-card);overflow:hidden;background:var(--carbon)}
.cc-fstep{padding:28px 24px;position:relative;border-right:1px solid var(--slate)}
.cc-fstep:last-child{border-right:none}
.cc-fstep .n{font-family:var(--ff-corecap);font-size:12px;color:var(--cyan);letter-spacing:1px}
.cc-fstep h4{font-size:18px;margin:10px 0 8px}
.cc-fstep p{font-size:13px;color:var(--mist);line-height:1.55}
.cc-fstep .ar{position:absolute;top:32px;right:-9px;width:18px;height:18px;background:var(--carbon);border-right:1px solid var(--cyan);border-top:1px solid var(--cyan);transform:rotate(45deg);z-index:2}
.cc-fstep:last-child .ar{display:none}

/* ---- big message blocks (Sec 5, 11) ---- */
.cc-msg{position:relative;border:1px solid var(--slate);border-radius:var(--r-card);background:
  radial-gradient(620px 300px at 12% -20%,rgba(34,211,238,.12),transparent 60%),var(--carbon);padding:48px;margin-top:8px}
.cc-msg .lead2{font-family:var(--ff-corecap);font-size:clamp(20px,2.6vw,28px);color:var(--white);line-height:1.4;letter-spacing:-.01em;max-width:34ch}
.cc-msg .lead2 .ac{color:var(--cyan)}
.cc-group{display:flex;gap:30px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.cc-group .gl{font-family:var(--ff-corecap);font-size:clamp(19px,2.3vw,25px);color:var(--white);line-height:1.4;max-width:42ch}
.cc-group .gl .ac{color:var(--cyan)}
.cc-group .logo-lg{font-family:var(--ff-arcore);font-weight:700;font-size:34px;color:var(--white);letter-spacing:-.03em;white-space:nowrap;display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.cc-group .logo-lg svg{width:1em;height:1em;flex:0 0 auto;display:block}
.cc-group .logo-lg .o{color:var(--gold)}

/* ---- coverage (Sec 6) ---- */
.cc-cover{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;margin-top:8px}
.cc-cover .clead{font-family:var(--ff-corecap);font-size:clamp(20px,2.4vw,26px);color:var(--white);line-height:1.35;letter-spacing:-.01em}
.cc-cover .clead .ac{color:var(--cyan)}
.cc-cover .cnote{color:var(--mist);font-size:15px;margin-top:18px;line-height:1.6;max-width:48ch}
.cc-regions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.cc-region{font-family:var(--ff-corecap);font-size:12.5px;color:var(--fog);border:1px solid var(--steel);border-radius:100px;padding:9px 16px}
.cc-region.hot{border-color:var(--cyan);color:var(--cyan)}
/* ---- Cobertura: atom / orbital system (Sec 6) ---- */
.cc-globe{position:relative;width:100%;max-width:440px;margin:0 auto;perspective:1500px}
.atom-tilt{position:relative;width:100%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(-5deg);will-change:transform}
.atom-stage{position:absolute;inset:0;transform-style:preserve-3d}

/* central wireframe core */
.core{position:absolute;inset:33%;display:grid;place-items:center;transform-style:preserve-3d}
.core-svg{width:100%;height:auto;overflow:visible}
.ac-line{fill:none;stroke:var(--cyan);stroke-opacity:.12;stroke-width:1}
.ac-edge{fill:none;stroke:var(--cyan);stroke-opacity:.18;stroke-width:1.1}
.ac-meridian{fill:none;stroke:var(--cyan);stroke-opacity:.16;stroke-width:1.1;transform-box:fill-box;transform-origin:center}
body[data-motion="on"] .ac-meridian{animation:cc-msweep 14s ease-in-out infinite}
body[data-motion="on"] .ac-meridian.b{animation-delay:-7s}
@keyframes cc-msweep{0%,100%{transform:scaleX(1);stroke-opacity:.18}50%{transform:scaleX(.05);stroke-opacity:.05}}
.ac-dot{fill:var(--cyan);filter:url(#ccGlow)}
body[data-motion="on"] .ac-dot{animation:cc-shimmer 3s ease-in-out infinite}
.ac-dot.b{animation-delay:1.2s}
@keyframes cc-shimmer{0%,100%{opacity:.75}50%{opacity:1}}

/* orbital planes — each a tilted 3D ring */
.orbit{position:absolute;transform-style:preserve-3d}
.orbit-1{inset:13%;transform:rotateX(72deg) rotateY(0deg)}
.orbit-2{inset:7%;transform:rotateX(72deg) rotateY(45deg)}
.orbit-3{inset:1%;transform:rotateX(72deg) rotateY(90deg)}
.orbit-4{inset:-5%;transform:rotateX(72deg) rotateY(135deg)}
.orbit-ring{position:absolute;inset:0;border:1px solid rgba(34,211,238,.20);border-radius:50%}
.orbit-2 .orbit-ring{border-color:rgba(34,211,238,.16)}
.orbit-3 .orbit-ring{border-color:rgba(34,211,238,.14)}
.orbit-4 .orbit-ring{border-color:rgba(34,211,238,.12)}

/* electron tracks — one spinner per electron, staggered by negative delay */
.electron-spinner{position:absolute;inset:0;transform-origin:center;will-change:transform}
body[data-motion="on"] .orbit-1 .electron-spinner{animation:cc-spin 12s linear infinite;animation-delay:var(--d,0s)}
body[data-motion="on"] .orbit-2 .electron-spinner{animation:cc-spin 18s linear infinite reverse;animation-delay:var(--d,0s)}
body[data-motion="on"] .orbit-3 .electron-spinner{animation:cc-spin 24s linear infinite;animation-delay:var(--d,0s)}
body[data-motion="on"] .orbit-4 .electron-spinner{animation:cc-spin 30s linear infinite reverse;animation-delay:var(--d,0s)}
@keyframes cc-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.electron{position:absolute;top:0;left:50%;width:9px;height:9px;border-radius:50%;background:var(--cyan);
  transform:translate(-50%,-50%);
  box-shadow:0 0 7px rgba(34,211,238,.95),0 0 15px rgba(34,211,238,.6),0 0 24px rgba(34,211,238,.3)}
.orbit-3 .electron{width:7.5px;height:7.5px}

@media (prefers-reduced-motion:reduce){
  .ac-meridian,.ac-dot,.electron-spinner{animation:none !important}
}

/* ---- tarjeta (Sec 7) ---- */
.cc-tarjeta{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:8px}
.cc-tarjeta .wl{list-style:none;display:flex;flex-direction:column;gap:13px;margin-top:22px}
.cc-tarjeta .wl li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--fog);line-height:1.45}
.cc-tarjeta .wl svg{width:18px;height:18px;stroke:var(--cyan);fill:none;stroke-width:1.8;flex:none;margin-top:2px}
.cc-cardwrap{position:relative;display:flex;justify-content:center;perspective:1100px}
.cc-cardglow{position:absolute;width:380px;height:380px;max-width:92%;border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.24),rgba(99,102,241,.12) 46%,transparent 66%)}
body[data-motion="on"] .cc-cardglow{animation:breathe 9s ease-in-out infinite}
.ccard{position:relative;width:360px;max-width:84%;aspect-ratio:1.586;border-radius:18px;padding:24px;color:#fff;overflow:hidden;
  background:linear-gradient(125deg,#22D3EE 0%,#6366F1 100%);transform:rotate(-6deg);
  box-shadow:0 30px 70px -22px rgba(34,211,238,.55),0 12px 30px rgba(0,0,0,.45);transition:transform .3s var(--ease)}
.cc-cardwrap:hover .ccard{transform:rotate(-3deg) translateY(-4px)}
.ccard::after{content:"";position:absolute;right:-56px;top:-74px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12)}
.ccard .crow{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}
.ccard .cname{font-family:var(--ff-corecap);font-weight:700;font-size:20px;letter-spacing:-.02em}
.ccard .cchip{width:42px;height:32px;border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.55))}
.ccard .cpan{font-family:var(--ff-corecap);font-size:14px;letter-spacing:.06em;position:relative;z-index:1;margin-top:26px}
.ccard .cbot{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;margin-top:18px}
.ccard .clabel{font-family:var(--ff-corecap);font-size:8.5px;opacity:.85;text-transform:uppercase;letter-spacing:1px}
.ccard .cval{font-family:var(--ff-corecap);font-weight:700;font-size:13px;margin-top:2px}
.ccard .cnet{font-family:var(--ff-arca);font-weight:800;font-style:italic;font-size:21px;letter-spacing:-.02em}

/* ---- use cases (Sec 9) ---- */
.cc-uses{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:46px}
.cc-use{display:flex;gap:14px;align-items:flex-start;background:var(--carbon);border:1px solid var(--slate);border-radius:var(--r-card);padding:22px 24px}
.cc-use .ic{width:36px;height:36px;border-radius:10px;border:1px solid var(--steel);background:var(--graphite);display:grid;place-items:center;flex:none}
.cc-use .ic svg{width:18px;height:18px;stroke:var(--cyan);fill:none;stroke-width:1.6}
.cc-use p{font-size:15px;color:var(--fog);line-height:1.5;padding-top:6px}

/* ---- responsive ---- */
@media (max-width:920px){
  .cc-caps{grid-template-columns:1fr}
  .cc-flow{grid-template-columns:1fr 1fr}
  .cc-fstep:nth-child(2){border-right:none}
  .cc-fstep .ar{display:none}
  .cc-cover,.cc-tarjeta{grid-template-columns:1fr;gap:30px}
  .cc-uses{grid-template-columns:1fr}
  .cc-msg{padding:32px}
}
@media (max-width:560px){ .cc-flow{grid-template-columns:1fr} .cc-fstep{border-right:none;border-bottom:1px solid var(--slate)} }