/* Page Formations digitales */

body[data-page="formations"] .dm-hero--compact {
  margin-bottom: 32px;
}

.formations-intro {
  padding-bottom: 80px;
}

.formations-intro__highlight {
  display: block;
  max-width: 900px;
  margin: 0 auto 80px;
  padding: 24px 32px;
  background: var(--color-mint);
  font-size: clamp(1.1rem, 2vw, 1.625rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.formations-program {
  margin-bottom: 48px;
}

.formations-program:last-child {
  margin-bottom: 0;
}

.formations-program h2 {
  color: var(--color-teal);
  font-size: 1.25rem;
  margin-bottom: 16px;
}

.formations-program p {
  color: var(--color-gray);
  line-height: 1.75;
  max-width: 900px;
}

.formations-cta {
  padding: 0 40px 80px;
}

.formations-cta__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.formations-cta__image {
  display: block;
  aspect-ratio: 100 / 110;
  overflow: hidden;
}

.formations-cta__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 46% 0%;
}

.formations-cta__label {
  padding: 8px 0 8px 24px;
  border-left: 4px solid var(--color-gold);
  font-weight: 600;
  margin-bottom: 0;
}

.formations-cta__sep {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: 24px 0 32px;
}

.formations-cta h3 {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  margin-bottom: 32px;
}

.formations-cta__text {
  color: var(--color-gray);
  line-height: 1.75;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  .formations-cta__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .formations-cta {
    padding-left: 0;
    padding-right: 0;
  }
}