/* =============================================================================
   Glotus — pages/formacion.css · v1.0 (18/10/2026, sitio 1.12)
   -----------------------------------------------------------------------------
   Páginas de Glotus Formación: el curso (A1 de CD, pieces/12-dos-lineas) y la lista
   de /formacion cuando haya dos o más. Se apoya en curso-single.css (sección, eyebrow,
   h-section, botones, pricing) y en ficha.css. Enqueue: glotus_es_pagina_formacion().
   ============================================================================= */

/* El encabezado no lleva el botón de Idiomas en las páginas de Formación (B1 de CD). */
.glotus-linea-formacion .header-cta{display:none}

/* El contenido del curso se arma con secciones apiladas: sin el aire de flow entre ellas. */
.formacion-page .formacion-contenido > *,
.formacion-page .formacion-contenido .section__inner > *,
.formacion-page .formacion-hero__col > *{margin-block-start:0}
.formacion-page .formacion-contenido{margin:0}
.formacion-page > *{margin-block-start:0}

/* ─── Hero: texto a la izquierda, Ficha a la derecha; a 375 la Ficha va arriba ─── */
.formacion-hero__inner{
  max-width:1120px;margin:0 auto;position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;
}
.formacion-hero h1.formacion-hero__title{max-width:16ch;font-size:clamp(40px,5.2vw,68px)}
.formacion-hero .course-hero__facts--inline{margin:0 0 32px}
.formacion-hero__ficha{border-radius:18px;overflow:hidden}

@media (max-width: 768px){
  /* Los datos del encabezado, uno debajo del otro: en fila se cortaban con el punto adelante. */
  .formacion-hero .course-hero__facts--inline{flex-direction:column;align-items:flex-start;gap:10px}
  .formacion-hero .course-hero__facts--inline > li + li::before{content:none}
}
@media (max-width: 980px){
  .formacion-hero__inner{grid-template-columns:1fr;gap:32px}
  .formacion-hero__ficha{order:-1;max-width:560px}
}
@media (max-width: 480px){
  .formacion-hero h1.formacion-hero__title{font-size:36px}
  .formacion-hero__ficha{border-radius:14px}
}

/* ─── Listas del contenido ─── */
.formacion-puntos{list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:62ch}
.formacion-puntos li{
  position:relative;padding-left:22px;font-size:17px;line-height:1.55;color:var(--glotus-ink-900);
}
.formacion-puntos li::before{
  content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;
  background:var(--glotus-coral-550);
}

/* ─── Programa: un renglón por encuentro ─── */
.formacion-encuentros{border-top:1px solid var(--glotus-bone);margin:8px 0 0}
.formacion-encuentro{
  display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 32px;
  padding:20px 0;border-bottom:1px solid var(--glotus-bone);
}
.formacion-encuentro > *{margin:0}
.formacion-encuentro__cuando{
  grid-row:span 2;font-family:var(--glotus-font-mono);font-size:13px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--glotus-ink-600);font-weight:600;padding-top:4px;
}
.formacion-encuentro__titulo{
  font-family:var(--glotus-font-serif);font-weight:500;font-size:24px;line-height:1.2;
  color:var(--glotus-ink-900);letter-spacing:-.01em;
}
.formacion-encuentro__detalle{font-size:15.5px;line-height:1.55;color:var(--glotus-ink-600)}
.formacion-nota{font-size:15px;line-height:1.55;color:var(--glotus-ink-600);margin:20px 0 0;max-width:62ch}
.formacion-page .formacion-contenido .formacion-nota{margin-top:20px}

@media (max-width: 768px){
  .formacion-encuentro{grid-template-columns:1fr}
  .formacion-encuentro__cuando{grid-row:auto;padding-top:0}
  .formacion-encuentro__titulo{font-size:21px}
}

/* ─── Equipo ─── */
.formacion-equipo{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.formacion-equipo li{border-top:2px solid var(--glotus-coral-400);padding-top:16px}
.formacion-equipo strong{
  display:block;font-family:var(--glotus-font-serif);font-weight:500;font-size:22px;line-height:1.2;
  color:var(--glotus-ink-900);margin-bottom:6px;
}
.formacion-equipo span{display:block;font-size:15px;line-height:1.5;color:var(--glotus-ink-600)}
@media (max-width: 768px){
  .formacion-equipo{grid-template-columns:1fr;gap:20px}
}

/* ─── Organización que ofrece el curso ─── */
.formacion-org{font-size:17px;line-height:1.6;color:var(--glotus-ink-900);max-width:62ch;margin:0 0 14px}
.formacion-org:last-child{margin-bottom:0}

/* ─── Inscripción ─── */
.formacion-inscripcion{background:var(--glotus-bone)}
.formacion-inscripcion .h-section{text-align:left}
.formacion-pricing{margin:0}
.formacion-pricing .pricing__micro a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* ─── Cierre ─── */
.formacion-page .final-cta .formacion-cta{margin-top:8px}
.formacion-page .section--ink .cta-secondary{color:var(--glotus-paper)}

/* ─── /formacion con dos o más cursos ─── */
.formacion-archivo .h-section{max-width:22ch}
.formacion-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.formacion-card{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--glotus-bone);
  border-radius:18px;overflow:hidden;background:var(--glotus-paper);transition:border-color 120ms;
}
.formacion-card:hover{border-color:var(--glotus-ink-600)}
.formacion-card__img .ficha{border-radius:0}
.formacion-card__body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 26px}
.formacion-card__title{font-family:var(--glotus-font-serif);font-weight:500;font-size:26px;line-height:1.15;margin:0;color:var(--glotus-ink-900)}
.formacion-card__promise{font-size:16px;line-height:1.5;color:var(--glotus-ink-600)}
.formacion-card__datos{font-family:var(--glotus-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--glotus-ink-900);font-weight:600}
.formacion-card__cta{font-weight:600;color:var(--glotus-teal-650)}
@media (max-width: 768px){
  .formacion-lista{grid-template-columns:1fr}
}

/* 1.15 (19/10/2026): sublínea de la línea, entre el rótulo y el título (opción C de la 1.14.1). */
.formacion-archivo .formacion-sub{font-family:var(--glotus-font-serif);font-size:18px;line-height:1.35;color:var(--glotus-fg-primary);margin:0 0 8px}
@media (max-width:599px){.formacion-archivo .formacion-sub{font-size:16px}}