/* 7 · CTA final · v1 (05-10-2026): negro, el robot con su red de neuronas y un horizonte de luz verde; titular, cifras, botón y nota del hero. */
.s-cta{ --e:cubic-bezier(.16,1,.3,1); position:relative; background:#000; color:#fff; overflow:clip; isolation:isolate; padding:136px 0 230px; }   /* abajo, sitio para el semicírculo de conexiones */
.s-cta p{ margin:0; }
/* el semicírculo de conexiones (05-10, dueño): red de nodos que dibuja el horizonte; brillo verde suave detrás */
.ct-conexiones{ position:absolute; z-index:0; left:0; bottom:0; width:100%; height:440px; pointer-events:none; }
.ct-brillo{ position:absolute; z-index:0; left:50%; bottom:0; width:1800px; height:520px; margin-left:-900px; pointer-events:none;
  background:radial-gradient(48% 52% at 50% 92%, rgba(60,193,160,.20), rgba(60,193,160,.06) 55%, transparent 75%); }
.ct-grid{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 520px); gap:48px; align-items:center; }
.ct-h2{ margin:0; font-size:clamp(40px, 4.8vw, 68px); font-weight:500; line-height:1.03; letter-spacing:-.045em; text-wrap:balance; }
.ct-h2 .gris{ color:rgba(255,255,255,.45); }
.ct-sub{ max-width:560px; margin-top:24px !important; font-size:clamp(17px, 1.5vw, 20px); line-height:1.5; letter-spacing:-.012em; color:rgba(255,255,255,.6); text-wrap:pretty; }
.ct-cifras{ display:flex; gap:36px; margin:36px 0 0; padding:0; list-style:none; }
.ct-cifras li{ display:flex; flex-direction:column; gap:4px; }
.ct-cifras b{ font-size:34px; font-weight:400; letter-spacing:-.035em; line-height:1; color:#fff; white-space:nowrap; }
.ct-cifras li:last-child b{ color:var(--verde); }
.ct-cifras span{ font-size:13px; color:rgba(255,255,255,.5); }
.ct-btn{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-top:44px; }
.ct-btn .nota{ color:rgba(255,255,255,.5); }

/* el robot con su red */
.ct-robot{ position:relative; width:100%; aspect-ratio:1; }
.ct-fondo{ position:absolute; inset:-10%; pointer-events:none;
  background:radial-gradient(circle, rgba(255,255,255,.07) 1.5px, transparent 1.6px) 0 0 / 18px 18px;
  -webkit-mask-image:radial-gradient(closest-side, #000 30%, transparent 100%); mask-image:radial-gradient(closest-side, #000 30%, transparent 100%); }
.ct-fondo::after{ content:''; position:absolute; inset:0; background:radial-gradient(40% 38% at 50% 32%, rgba(60,193,160,.24), rgba(60,193,160,.06) 55%, transparent 78%); }
.ct-red{ position:absolute; left:-25%; top:-25%; width:150%; height:150%; pointer-events:none; }
.ct-cuerpo{ position:absolute; inset:0; }
.ct-cuerpo img{ display:block; width:100%; height:100%; object-fit:contain;
  -webkit-mask-image:linear-gradient(#000 70%, transparent 98%); mask-image:linear-gradient(#000 70%, transparent 98%); }
.ct-chip{ position:absolute; z-index:2; display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:999px; font-size:13px; font-weight:500; white-space:nowrap;
  background:rgba(20,20,22,.88); border:1px solid rgba(255,255,255,.1); box-shadow:0 18px 40px -16px rgba(0,0,0,.9); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.ct-chip i{ width:7px; height:7px; border-radius:50%; background:var(--verde); box-shadow:0 0 10px var(--verde); }
.ct-chip.c1{ left:-4%; top:34%; } .ct-chip.c2{ right:-2%; top:52%; } .ct-chip.c3{ left:4%; top:70%; }

/* entradas */
.s-cta.anima .ent{ opacity:0; transform:translateY(16px); transition:opacity .6s var(--e), transform .6s var(--e); transition-delay:var(--d, 0ms); }
.s-cta.anima .ent.dentro{ opacity:1; transform:none; }
.s-cta.anima .ct-chip{ opacity:0; transform:translateY(10px) scale(.96); transition:opacity .6s var(--e), transform .6s var(--e); }
.s-cta.anima .ct-robot.dentro .ct-chip{ opacity:1; transform:none; }
.s-cta.anima .ct-robot.dentro .c1{ transition-delay:.5s; } .s-cta.anima .ct-robot.dentro .c2{ transition-delay:.9s; } .s-cta.anima .ct-robot.dentro .c3{ transition-delay:1.3s; }
.s-cta .ct-chip{ animation:ctFlota 6s ease-in-out infinite; } .s-cta .ct-chip.c2{ animation-delay:-2s; } .s-cta .ct-chip.c3{ animation-delay:-4s; }
@keyframes ctFlota{ 50%{ translate:0 -6px; } }

@media (max-width:899.98px){
  .s-cta{ padding:88px 0 170px; }
  .ct-conexiones{ height:300px; }
  .ct-brillo{ width:900px; height:320px; margin-left:-450px; }
  .ct-grid{ grid-template-columns:1fr; gap:8px; text-align:center; }
  .ct-robot{ order:-1; width:min(100%, 340px); margin-inline:auto; }
  .ct-chip{ font-size:11.5px; padding:7px 11px; }
  .ct-chip.c1{ left:-2%; } .ct-chip.c2{ right:-2%; } .ct-chip.c3{ left:2%; }
  .ct-sub{ margin-inline:auto; }
  .ct-cifras{ justify-content:center; gap:16px; }
  .ct-cifras li{ flex:1; min-width:0; }
  .ct-cifras b{ font-size:23px; }
  .ct-cifras span{ font-size:12px; }
  .ct-btn{ align-items:center; }
  .ct-btn .nota{ margin-inline:auto; }
}