/* ============================================================
   EYUB' - innovacion.css
   Acento morado: innovacion / EYUB' AI
   ============================================================ */

.ai {
  position: relative;
  overflow: hidden;
  padding: clamp(2.2rem, 5vw, 4rem);
  border-radius: var(--radio-lg);
  border: 1px solid rgba(139, 92, 246, .32);
  background:
    radial-gradient(760px 400px at 20% 0%, rgba(139, 92, 246, .20), transparent 66%),
    radial-gradient(600px 320px at 88% 90%, rgba(1, 28, 89, .16), transparent 62%),
    var(--superficie);
}
.ai .anillos span { border-color: rgba(139, 92, 246, .12); }
.ai__contenido { position: relative; z-index: 2; max-width: 760px; }

.ai__capacidades {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 1.8rem;
}
.ai__capacidades span {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .6rem 1.05rem;
  font-size: .86rem;
  font-weight: 600;
  color: var(--texto-sec);
  border-radius: var(--radio-full);
  border: 1px solid rgba(139, 92, 246, .26);
  background: rgba(139, 92, 246, .08);
  transition: all var(--normal) var(--ease);
}
.ai__capacidades span .ico { color: var(--ia); }
.ai__capacidades span:hover {
  color: var(--texto);
  border-color: rgba(139, 92, 246, .55);
  transform: translateY(-2px);
}

.ai__aviso {
  display: flex;
  align-items: flex-start;
  gap: .9rem;
  margin-top: 1.8rem;
  padding: 1.1rem 1.3rem;
  border-radius: var(--radio-sm);
  border: 1px solid var(--borde);
  background: var(--superficie-2);
}
.ai__aviso .ico { color: var(--ia); flex-shrink: 0; margin-top: .15rem; }
.ai__aviso p { font-size: .92rem; color: var(--texto-sec); }
.ai__aviso strong { color: var(--texto); }

/* ---------- Dos bloques (Academy / Insights) ---------- */
.dos-bloques {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 4vw, 3.5rem);
}
@media (max-width: 820px) { .dos-bloques { grid-template-columns: 1fr; } }