:root {
  --gradient: var(--gradient-juridico);
  --primary: var(--primary-juridico);
  --gradient-blue: var(--gradient);
}

componente-link .cta {
  &.gradient {
    background: linear-gradient(90deg, #FE1E52 -0.52%, #E6255C 8.17%, #7F4584 46.52%, #565294 63.65%, #44569D 84.36%, #3C57A1 99.79%);

    &:hover {
      background: linear-gradient(90deg, #FE1E52 -0.52%, #E6255C 8.17%, #7F4584 46.52%, #565294 63.65%, #44569D 84.36%, #3C57A1 99.79%);
    }
  }
}

#blue-ai {
  iframe {
    border: 0;
    margin-top: 5rem;
    border-radius: 1rem;
    aspect-ratio: 16 / 9;
    height: auto;
  }
}

@media (max-width: 1024px) {
  #blue-ai {
    iframe {
      margin-top: 3rem;
    }
  }
}