/* ============================================================
   ACATHI — pantalla: Formación (patterns/training.php)
   ============================================================ */

.ac-training-hero { padding: var(--stack-lg) var(--gutter); }
.ac-training-hero__inner { max-width: 880px; margin: 0 auto; text-align: center; }
.ac-training-hero__inner .ac-eyebrow { margin-bottom: 16px; }
.ac-training-hero h1 {
  font-family: var(--font-display); font-weight: var(--weight-bold);
  font-size: 48px; line-height: 56px; letter-spacing: -0.02em; margin: 0 0 20px;
}
.ac-training-hero__accent { color: var(--on-tertiary-container); font-style: italic; }
.ac-training-hero__lead { color: rgba(255,255,255,0.82); margin: 0 auto 20px; max-width: 620px; }

/* Badge (réplica del Badge del design system) */
.ac-training-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 12px; line-height: 1; letter-spacing: 0.02em;
  padding: 4px 10px; border-radius: var(--radius-full);
  background: var(--surface-container); color: var(--on-surface-variant);
}
.ac-training-badge .material-symbols-outlined { font-size: 14px; }
.ac-training-badge--amber { background: var(--tertiary-fixed); color: var(--on-tertiary-fixed-variant); }
.ac-training-badge--success { background: color-mix(in srgb, var(--success) 14%, white); color: var(--success); }
.ac-training-badge--secondary { background: var(--secondary-fixed); color: var(--on-secondary-fixed-variant); }

/* Por qué + cifras */
.ac-training-why { text-align: center; margin: 0 auto 36px; max-width: 720px; }
.ac-training-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

/* Catálogo */
.ac-training-catalog { background: var(--surface-container-low); }
.ac-training-catalog__head { text-align: center; margin-bottom: 28px; }
.ac-training-filters { gap: 10px; justify-content: center; margin-bottom: 32px; }
.ac-training-cursos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ac-training-curso {
  display: flex; flex-direction: column;
  background: var(--surface-container-lowest); border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); padding: 26px;
}
.ac-training-curso__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.ac-training-curso__aud {
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 12px; color: var(--on-surface-variant);
}
.ac-training-curso h3 {
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 19px; line-height: 25px; color: var(--primary); margin: 0 0 8px;
}
.ac-training-curso > p { font-size: 14px; line-height: 21px; color: var(--on-surface-variant); margin: 0 0 16px; flex: 1; }
.ac-training-curso__meta {
  display: flex; align-items: center; gap: 8px;
  padding-top: 14px; border-top: 1px solid var(--border-subtle);
}
.ac-training-curso__meta .material-symbols-outlined { font-size: 18px; color: var(--secondary); }
.ac-training-curso__meta span:last-child { font-family: var(--font-body); font-size: 13px; color: var(--on-surface); }

/* Metodología */
.ac-training-metodo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ac-training-metodo-card {
  background: var(--surface-container-lowest); border: 1px solid var(--border-subtle);
  border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); padding: 28px;
}
.ac-training-metodo-card h3 {
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 19px; color: var(--on-surface); margin: 12px 0 8px;
}
.ac-training-metodo-card p { font-size: 14px; line-height: 21px; color: var(--on-surface-variant); margin: 0; }

/* Certificación */
.ac-training-cert {
  display: grid; grid-template-columns: 1.1fr 0.9fr;
  gap: var(--stack-lg); align-items: center;
}
.ac-training-cert p { color: rgba(255,255,255,0.82); }
.ac-training-cert__benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ac-training-cert-card {
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
  border-radius: var(--radius-lg); padding: 18px;
}
.ac-training-cert-card p {
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 14px; color: #fff; margin: 8px 0 0;
}

/* Formulario */
.ac-training-form {
  max-width: 720px; margin: 0 auto;
  background: var(--surface-container-lowest); border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-lg); padding: 40px;
}
.ac-training-form__head { text-align: center; margin-bottom: 26px; }
.ac-training-form__head h2 {
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 26px; color: var(--on-surface); margin: 0 0 6px;
}
.ac-training-form__head p { font-size: 15px; color: var(--on-surface-variant); margin: 0; }
.ac-training-form__label {
  font-family: var(--font-display); font-weight: var(--weight-semibold);
  font-size: 14px; color: var(--on-surface); margin: 0 0 10px;
}
.ac-training-form__orgs { gap: 10px; margin-bottom: 22px; }
.ac-training-form .ac-form-grid { margin-bottom: 18px; }
.ac-training-form .ac-form-grid + .ac-field { margin-bottom: 18px; }
.ac-training-form .ac-consent { margin-bottom: 18px; }
.ac-training-form .ac-consent a { color: var(--secondary); }
.ac-training-form .ac-alert--success { margin-top: 18px; }

@media (max-width: 1100px) {
  .ac-training-stats { grid-template-columns: 1fr 1fr; }
  .ac-training-metodo { grid-template-columns: 1fr 1fr; }
  .ac-training-cert { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .ac-training-cursos, .ac-training-metodo { grid-template-columns: 1fr; }
  .ac-training-stats { grid-template-columns: 1fr 1fr; }
  .ac-training-hero h1 { font-size: var(--display-md-size); line-height: var(--display-md-line); }
  .ac-training-form { padding: 24px; }
}

/* ═══ Rediseño editorial (añadido) ═══ */
.ac-training-hero {
  position: relative; overflow: hidden; isolation: isolate;
  background:
    radial-gradient(120% 130% at 80% 0%, #4a148c 0%, transparent 58%),
    linear-gradient(160deg, #1a1228 0%, #310065 65%, #4a148c 100%);
}
.ac-training-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; background: var(--rainbow-gradient); z-index: 4; }
.ac-training-hero__inner { position: relative; z-index: 2; }
.ac-training-hero h1 { font-weight: var(--weight-extra); font-size: clamp(2.3rem, 1.5rem + 2.6vw, 3.8rem); line-height: 1.05; letter-spacing: -0.025em; }
.ac-training-curso { transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.ac-training-curso:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.ac-training-metodo-card { transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
.ac-training-metodo-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.ac-training-form { position: relative; overflow: hidden; }
.ac-training-form__rainbow { position: absolute; top: 0; left: 0; right: 0; height: 5px; background: var(--rainbow-gradient); }