/* ==========================================================================
   Section: education-hero
   Hero de la página /education/. Narrativa editorial + figura fotográfica
   con marco editorial y pie técnico según la referencia aprobada.
   ========================================================================== */

.fx-education-hero__stage {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  gap: var(--fx-space-12);
  align-items: center;
}

.fx-education-hero__copy {
  display: grid;
  gap: var(--fx-space-4);
  align-content: start;
}

.fx-education-hero__eyebrow {
  color: var(--fx-color-primary);
  font-weight: 500;
}

.fx-education-hero__title {
  margin-bottom: 0;
  max-width: var(--fx-content-max);
  text-wrap: balance;
}

.fx-education-hero__lead {
  margin-bottom: 0;
  max-width: var(--fx-reading-max);
  color: var(--fx-color-text-secondary);
}

.fx-education-hero__note {
  margin-bottom: 0;
  max-width: var(--fx-reading-max);
}

.fx-education-hero__actions {
  margin-top: var(--fx-space-2);
}

/* CTA secundario con icono: detalle pequeño y secundario. */
.fx-education-hero__secondary {
  gap: var(--fx-space-2);
}

.fx-education-hero__secondary .fx-icon--sm {
  color: var(--fx-color-primary);
}

.fx-education-hero__quote {
  display: flex;
  gap: var(--fx-space-3);
  align-items: baseline;
  margin-top: var(--fx-space-4);
  padding: var(--fx-space-3) var(--fx-space-4);
  border-left: 3px solid var(--fx-color-primary);
  background: var(--fx-color-surface-container);
  max-width: var(--fx-reading-max);
}

.fx-education-hero__quote-marker {
  color: var(--fx-color-primary);
  font-weight: 500;
}

.fx-education-hero__quote p {
  margin: 0;
}

/* La figura editorial (marco + franja + caption) usa la primitive global
   .fx-editorial-media definida en theme.css (9b). */

@media (max-width: 1199px) {
  .fx-education-hero__stage {
    gap: var(--fx-space-8);
  }
}

@media (max-width: 767px) {
  .fx-education-hero__stage {
    grid-template-columns: 1fr;
    align-items: start;
  }
}