/* REVOLT v2.0.38 — shared 06 / EXPLORA CTA system. */

/* Remove the inset frame while preserving the outer clipped card silhouette. */
#conocimiento.explore-v38 .explore-v38__card::before {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Navigation-derived CTA geometry with contextual contrast. */
#conocimiento.explore-v38 .explore-v38__cta {
  min-width: 196px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 18px !important;
  gap: 24px !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  clip-path: polygon(
    7px 0,
    100% 0,
    100% calc(100% - 7px),
    calc(100% - 7px) 100%,
    0 100%,
    0 7px
  ) !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  transition:
    color .24s ease,
    background-color .24s ease,
    border-color .24s ease,
    transform .24s ease !important;
}

#conocimiento.explore-v38 .explore-v38__card--dark .explore-v38__cta {
  background: #ef008c !important;
  border-color: #ef008c !important;
  color: #fff !important;
}

#conocimiento.explore-v38 .explore-v38__card--pink .explore-v38__cta {
  background: #07060a !important;
  border-color: #07060a !important;
  color: #fff !important;
}

#conocimiento.explore-v38 .explore-v38__cta:hover,
#conocimiento.explore-v38 .explore-v38__cta:focus-visible {
  background: #fff !important;
  border-color: #fff !important;
  color: #07060a !important;
  transform: translateY(-2px) !important;
}

#conocimiento.explore-v38 .explore-v38__cta b {
  color: currentColor !important;
  transition: transform .24s ease !important;
}

#conocimiento.explore-v38 .explore-v38__cta:hover b,
#conocimiento.explore-v38 .explore-v38__cta:focus-visible b {
  transform: translate(3px, -3px) !important;
}

/* Cards reveal in narrative order once their grid enters the viewport. */
#conocimiento.explore-v38.has-explore-reveal .explore-v38__card {
  opacity: 0 !important;
  filter: blur(6px);
  transform: translate3d(0, 46px, 0) !important;
  transition:
    opacity .72s cubic-bezier(.2, .75, .25, 1),
    filter .72s cubic-bezier(.2, .75, .25, 1),
    transform .82s cubic-bezier(.16, 1, .3, 1) !important;
  will-change: opacity, filter, transform;
}

#conocimiento.explore-v38.has-explore-reveal.is-explore-visible .explore-v38__card {
  opacity: 1 !important;
  filter: blur(0);
  transform: translate3d(0, 0, 0) !important;
}

#conocimiento.explore-v38.has-explore-reveal.is-explore-visible .explore-v38__card:nth-child(1) {
  transition-delay: .08s !important;
}

#conocimiento.explore-v38.has-explore-reveal.is-explore-visible .explore-v38__card:nth-child(2) {
  transition-delay: .28s !important;
}

/* The Manifesto orbit becomes an active visual response to pointer or keyboard. */
#conocimiento.explore-v38 .explore-v38__card--dark .explore-v38__orbit {
  transform-origin: center;
  transition:
    border-color .35s ease,
    box-shadow .35s ease,
    transform .7s cubic-bezier(.16, 1, .3, 1) !important;
  will-change: transform;
}

#conocimiento.explore-v38 .explore-v38__card--dark:hover .explore-v38__orbit,
#conocimiento.explore-v38 .explore-v38__card--dark:focus-within .explore-v38__orbit {
  border-color: rgba(239, 0, 140, .78) !important;
  box-shadow:
    0 0 0 1px rgba(239, 0, 140, .14),
    0 0 52px rgba(239, 0, 140, .16);
  animation: revoltExploreOrbit 2.2s cubic-bezier(.45, 0, .25, 1) infinite;
}

@keyframes revoltExploreOrbit {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(-20px, -14px, 0) scale(1.1); }
}

@media (max-width: 640px) {
  #conocimiento.explore-v38 .explore-v38__cta {
    min-width: 190px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 17px !important;
    font-size: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #conocimiento.explore-v38.has-explore-reveal .explore-v38__card,
  #conocimiento.explore-v38.has-explore-reveal.is-explore-visible .explore-v38__card {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }

  #conocimiento.explore-v38 .explore-v38__card--dark:hover .explore-v38__orbit,
  #conocimiento.explore-v38 .explore-v38__card--dark:focus-within .explore-v38__orbit {
    animation: none !important;
    transform: none !important;
  }
}