/* =========================================
   section-operate — DARK TECH (SaaS)
========================================= */

.section-operate{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-radius: 28px;

  padding: clamp(56px, 7vw, 112px);

  /* Fondo oscuro elegante */
  background: linear-gradient(180deg,
    #0b1f2a 0%,
    #0f2a36 35%,
    #123240 65%,
    #143746 100%
  );

  box-shadow:
    0 40px 90px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* Aurora oscura (cyan + blue controlado) */
.section-operate::before{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:0;

  background:
    radial-gradient(900px 460px at 22% 18%,
      rgba(0,190,210,.28) 0%,
      rgba(0,190,210,.14) 48%,
      rgba(0,190,210,0) 78%
    ),
    radial-gradient(980px 520px at 78% 22%,
      rgba(37,99,235,.24) 0%,
      rgba(37,99,235,.12) 50%,
      rgba(37,99,235,0) 80%
    ),
    radial-gradient(1200px 360px at 50% -14%,
      rgba(255,255,255,.18) 0%,
      rgba(255,255,255,.06) 42%,
      rgba(255,255,255,0) 75%
    );

  filter: blur(34px);
  opacity: .9;
}

/* Rail visual (más contraste en dark) */
.section-operate::after{
  content:"";
  position:absolute;
  left: clamp(20px, 4vw, 64px);
  top: clamp(40px, 6vw, 96px);
  bottom: clamp(40px, 6vw, 96px);
  width: 1px;
  z-index: 1;

  background: linear-gradient(
    180deg,
    rgba(0,190,210,0),
    rgba(0,190,210,.55),
    rgba(37,99,235,.45),
    rgba(0,190,210,0)
  );
  opacity: .65;
  pointer-events:none;
}

/* Contenido arriba */
.section-operate > *{
  position: relative;
  z-index: 2;
}



/* ===== Netziah: Fondo abstracto teal/blue (Zoho) ===== */
.section-testimonials{
  position: relative;
  overflow: hidden;
  background: linear-gradient(120deg, #0b5163 0%, #0a3a52 35%, #062338 100%) !important;
}

/* blobs / formas suaves */
.section-testimonials::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(closest-side at 20% 35%, rgba(120, 210, 220, 0.35), transparent 60%),
    radial-gradient(closest-side at 75% 30%, rgba(70, 170, 210, 0.25), transparent 62%),
    radial-gradient(closest-side at 55% 75%, rgba(30, 120, 180, 0.28), transparent 60%),
    radial-gradient(closest-side at 10% 85%, rgba(10, 80, 130, 0.28), transparent 60%);
  filter: blur(10px);
  opacity: 0.95;
  transform: rotate(-8deg);
  z-index: 0;
  pointer-events: none;
}

/* noise / textura */
.section-testimonials::after{
  content:"";
  position:absolute;
  inset:0;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  opacity: 0.18;
  mix-blend-mode: overlay;
  pointer-events: none;
}

/* asegurar que el contenido quede encima */
.section-testimonials > *{
  position: relative;
  z-index: 2;
}

/* ===============================
   HERO / SECTION BLUE GRADIENT
   Netziah style — ENHANCED
   =============================== */

.section-hero-blue{
  position: relative;
  overflow: hidden;
  padding: clamp(90px, 9vw, 160px) 20px;

  /* Degradado más contrastado */
  background: linear-gradient(
    135deg,
    #3bbad6 0%,
    #55c2d8 18%,
    #6fd0d2 36%,
    #7fc6e0 52%,
    #6fb2ee 72%,
    #5b9df0 100%
  );
}

/* Glow más fuerte y más amplio */
.section-hero-blue::before{
  content:"";
  position:absolute;
  inset:-40%;
  pointer-events:none;
  z-index:0;

  background:
    radial-gradient(1100px 650px at 18% 22%,
      rgba(255,255,255,.30),
      transparent 62%),
    radial-gradient(900px 520px at 82% 32%,
      rgba(180,225,255,.35),
      transparent 60%),
    radial-gradient(700px 420px at 50% 75%,
      rgba(120,200,255,.18),
      transparent 65%);
}

/* Sutil overlay para suavizar transiciones */
.section-hero-blue::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,.10) 0%,
    rgba(255,255,255,.04) 40%,
    rgba(255,255,255,0) 75%
  );
}

/* Contenido siempre arriba */
.section-hero-blue > *{
  position: relative;
  z-index: 1;
}

/* Texto */
.section-hero-blue h1,
.section-hero-blue h2{
  color:#ffffff;
  letter-spacing:-0.02em;
}

.section-hero-blue p{
  color:rgba(255,255,255,.92);
  max-width: 860px;
}