/* formacion.css — las pantallas de la app `formacion` (propuesta C).
   Va DESPUÉS de la capa base del sitio (tokens.css + base.css) y solo usa sus
   variables y sus clases. Todo lleva el prefijo `fo-`: la app se copia a otros
   proyectos y no puede chocar con los componentes del sitio que la acoge.
   Cortes: los canónicos de la casa, 640 · 860 · 980. */

/* ── Cabecera de página interior ── */
.fo-subhero{background:var(--c-fondo-alt);border-bottom:1px solid var(--c-borde)}
.fo-subhero__rejilla{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:end;padding-block:clamp(2.6rem,6vw,4.8rem)}
/* Una sola columna: se acota la columna, no el contenedor (acotar el contenedor le quitaba el centrado y pegaba el texto al borde). */
.fo-subhero--una .fo-subhero__rejilla{grid-template-columns:minmax(0,52rem)}
.fo-subhero h1{margin:var(--e-3) 0 0}
.fo-subhero h1 em{font-style:normal;color:var(--c-primario);box-shadow:inset 0 -.18em 0 rgba(105,164,249,.45)}
.fo-subhero .entradilla{margin-top:var(--e-4)}

/* ── En vivo y grabada ── */
.fo-grabada{background:var(--c-primario-osc);color:#fff;padding-block:clamp(1.8rem,4vw,2.6rem)}
.fo-grabada__rejilla{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.2rem,4vw,3rem);align-items:center}
.fo-grabada__sello{margin:0;font-family:var(--f-datos);font-weight:700;font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;line-height:1.5;border:2px solid var(--c-acento);color:var(--c-acento);border-radius:var(--radio);padding:.8rem 1rem;text-align:center}
.fo-grabada h2{font-size:var(--t-h3);margin:0}
.fo-grabada p{color:var(--c-sobre-oscuro);margin:.6rem 0 0;max-width:46rem}

/* ── Columna con ficha lateral ── */
.fo-con-ficha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(2rem,5vw,4rem);align-items:start}
.fo-con-ficha>*{min-width:0}
.fo-ficha{position:sticky;top:96px;padding:var(--e-4);border-radius:var(--radio-grande);background:var(--c-superficie);border:1px solid var(--c-borde);box-shadow:var(--sombra);display:flex;flex-direction:column;gap:var(--e-3)}
.fo-ficha .eti{margin:0}
.fo-ficha .btn{width:100%}
.fo-ficha__nota{font-size:var(--t-small);color:var(--c-texto-suave);margin:0}
.fo-bloque+.fo-bloque{margin-top:clamp(2.8rem,5vw,4rem)}
.fo-bloque>p:not(.eti){color:var(--c-texto-suave);max-width:44rem}
.fo-titulo-fila{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e-3);flex-wrap:wrap}
.fo-titulo-fila h2,.fo-titulo-fila h1{margin-bottom:0}

/* Créditos entre peldaños */
.fo-creditos{display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:.8rem 1rem;border-radius:var(--radio);background:var(--c-acento-claro);font-size:var(--t-small)}
.fo-creditos__signo{font-family:var(--f-datos);font-weight:700;color:var(--c-primario-osc)}

/* ── Ediciones de la masterclass ── */
.fo-ediciones{display:grid;gap:var(--e-3)}
.fo-edicion{padding:var(--e-3) 0;border-bottom:1px solid var(--c-borde);display:grid;gap:var(--e-2)}
.fo-edicion:first-child{padding-top:0}
.fo-edicion__cabeza{display:flex;justify-content:space-between;gap:var(--e-3);align-items:baseline}
.fo-edicion__cabeza h3{margin:0;font-size:var(--t-h4)}
.fo-edicion__fechas{font-family:var(--f-datos);font-size:var(--t-small);color:var(--c-texto-suave);margin:0}
.fo-edicion .btn{min-height:var(--tactil);padding:.5rem 1rem}

/* ── Temario de la masterclass ── */
.fo-sesiones{list-style:none;margin:var(--e-4) 0 0;padding:0;display:grid;gap:.8rem}
.fo-sesion{position:relative;display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.2rem;padding:1.3rem;border-radius:var(--radio-grande);background:var(--c-superficie);border:1px solid var(--c-borde)}
.fo-sesion__lado{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}
/* Excepción: el número de sesión es un rótulo grande, no un título. */
.fo-sesion__num{font-family:var(--f-disp);font-weight:700;font-size:2.6rem;line-height:1;color:var(--c-primario-osc)}
.fo-sesion h3{margin:0;padding-right:2.4rem}
.fo-sesion p{margin:.5rem 0 0;color:var(--c-texto-suave)}
.fo-sesion__bloques{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.fo-sesion__bloques li{font-family:var(--f-datos);font-size:var(--t-cejilla);padding:.25rem .55rem;border-radius:var(--radio-pastilla);background:var(--c-fondo-alt);color:var(--c-primario-osc)}
.fo-sesion__sales{margin-top:.8rem!important;padding-top:.7rem;border-top:1px dashed var(--c-borde);color:var(--c-tinta)!important}
/* Iconos de Lucide en línea (templates/web/iconos): las mismas fases que en /metodo-auge,
   con el mismo trazo fino. */
.fo-sesion__icono,.fo-agente__icono,.fo-pasos__icono{display:block;width:24px;height:24px;color:var(--c-primario)}
.fo-sesion__icono svg,.fo-agente__icono svg,.fo-pasos__icono svg{display:block;width:100%;height:100%}
.fo-sesion__icono svg *,.fo-agente__icono svg *,.fo-pasos__icono svg *{stroke-width:1.5}
.fo-agente__icono{margin-bottom:.6rem;color:var(--c-acento)}
.fo-pasos__icono{margin-bottom:var(--e-2)}
/* En la esquina de la tarjeta, como .fase__icono en /metodo-auge. */
.fo-sesion__icono{position:absolute;top:1.3rem;right:1.3rem;width:28px;height:28px}

/* Lo que te llevas */
.fo-llevas{padding:clamp(1.4rem,4vw,2.2rem);border-radius:var(--radio-grande)}
.fo-equipo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:var(--e-4)}
.fo-agente{padding:1rem;border-radius:var(--radio);background:var(--c-primario);border:1px solid rgba(255,255,255,.1)}
.fo-agente .eti{margin:0;color:var(--c-acento)}
.fo-agente p{margin:.4rem 0 0;font-weight:700;color:#fff!important}
.fo-agente small{display:block;margin-top:.4rem;font-family:var(--f-datos);color:var(--c-sobre-oscuro)}

/* Para quién */
.fo-para{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-3);margin-top:var(--e-4)}
.fo-para>div{padding:1.4rem;border-radius:var(--radio-grande);border:1px solid var(--c-borde)}
.fo-para h3{margin:0}
.fo-para ul{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem}
/* En bloque y con la marca en absoluto: con flex, un enlace dentro del texto se convertía en otra columna. */
.fo-para li{position:relative;padding-left:1.4em}
.fo-para li::before{position:absolute;left:0;top:0}
.fo-para .fo-si li::before{content:"✓";color:var(--c-primario);flex:none}
.fo-para .fo-no{background:var(--c-fondo-alt)}
.fo-para .fo-no li::before{content:"×";color:var(--c-senal);font-weight:700;flex:none}

/* ── Catálogo y tarjetas ── */
.fo-ofertas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-3)}
.fo-oferta{display:flex;flex-direction:column;gap:var(--e-2)}
/* Icono de Lucide en línea (templates/web/iconos), el mismo de la escalera de la portada. */
.fo-oferta__icono{display:block;width:28px;height:28px;color:var(--c-primario)}
.fo-oferta__icono svg{display:block;width:100%;height:100%}
.fo-oferta__icono svg *{stroke-width:1.5}
.caja--fuerte .fo-oferta__icono{color:var(--c-acento)}
/* Cierre «¿Tu empresa todavía no está en orden?»: la foto del diagnóstico y el botón debajo. */
.fo-diagnostico{display:flex;flex-direction:column;align-items:flex-start;gap:var(--e-3)}
.fo-diagnostico__foto{display:block;width:100%;border-radius:var(--radio-grande);overflow:hidden;box-shadow:var(--sombra)}
.fo-diagnostico__foto picture,.fo-diagnostico__foto img{display:block;width:100%;height:auto}
.fo-oferta h3{margin:0}
.fo-oferta p{margin:0}
.fo-oferta .precio{margin-top:auto}
.fo-oferta .btn,.fo-oferta .enlace-flecha{align-self:flex-start}
.fo-oferta .fo-puntos{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;font-size:var(--t-small)}
.fo-oferta .fo-puntos li::before{content:"· ";color:var(--c-acento)}
.caja--fuerte .fo-puntos li{color:var(--c-sobre-oscuro)}

/* ── Temario de un curso ── */
.fo-temario{list-style:none;margin:var(--e-4) 0 0;padding:0;border-top:1px solid var(--c-borde);counter-reset:leccion}
.fo-temario li{counter-increment:leccion;display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;gap:.8rem;align-items:baseline;padding:.9rem 0;border-bottom:1px solid var(--c-borde)}
.fo-temario li::before{content:counter(leccion,decimal-leading-zero);font-family:var(--f-datos);font-size:var(--t-small);color:var(--c-texto-suave)}
.fo-temario b{font-family:var(--f-disp);font-weight:600}
.fo-temario small{display:block;margin-top:.2rem}
.fo-temario .fo-dur{font-family:var(--f-datos);font-size:var(--t-small);color:var(--c-texto-suave);white-space:nowrap}
.fo-vacio{padding:var(--e-4);border-radius:var(--radio-grande);border:1.5px dashed var(--c-borde);background:var(--c-fondo-alt);color:var(--c-texto-suave)}
.fo-vacio p{margin:0 0 var(--e-3)}
.fo-vacio p:last-child{margin-bottom:0}

/* ── Compra ── */
.fo-compra{max-width:40rem}
.fo-compra__linea{display:flex;justify-content:space-between;gap:var(--e-3);padding:.7rem 0;border-bottom:1px solid var(--c-borde)}
.fo-compra__linea span:first-child{color:var(--c-texto-suave)}
.fo-compra__linea b{font-family:var(--f-datos);text-align:right;min-width:0;overflow-wrap:anywhere}
.fo-compra form{display:grid;gap:var(--e-4);margin-top:var(--e-4)}
.fo-error{padding:.8rem 1rem;border-radius:var(--radio);background:var(--c-senal-claro);border:1px solid var(--c-senal);color:var(--c-tinta);margin:0}

/* ── Área del alumno ── */
.fo-alumno{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;padding-block:clamp(2rem,5vw,3.5rem)}
.fo-alumno__nav{position:sticky;top:96px;display:grid;gap:.3rem}
.fo-alumno__hola{font-family:var(--f-disp);font-weight:700;font-size:var(--t-h4);margin:0 0 .8rem}
.fo-alumno__nav a{display:flex;align-items:center;min-height:var(--tactil);padding:0 .8rem;border-radius:var(--radio-chico);text-decoration:none;font-weight:500;color:var(--c-tinta)}
.fo-alumno__nav a:hover{background:var(--c-fondo-alt)}
.fo-alumno__nav a[aria-current="page"]{background:var(--c-primario-osc);color:#fff}
.fo-alumno__contenido{min-width:0}
.fo-alumno__contenido>section+section{margin-top:clamp(2.4rem,5vw,3.4rem)}
.fo-mis-cursos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-3);margin-top:1.2rem}
.fo-mi-curso{display:flex;flex-direction:column;gap:.8rem}
.fo-mi-curso h3{margin:0}
.fo-mi-curso .btn{align-self:flex-start;margin-top:auto}
.fo-progreso{display:flex;align-items:center;gap:.8rem;font-family:var(--f-datos);font-size:var(--t-small);color:var(--c-texto-suave)}
.fo-progreso i{flex:1;height:8px;border-radius:var(--radio-pastilla);background:var(--c-fondo-alt);overflow:hidden;position:relative}
.fo-progreso i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--avance,0%);background:var(--c-primario-osc)}
.fo-mc{margin-top:1.2rem;border-radius:var(--radio-grande);border:1px solid var(--c-borde);overflow:hidden}
.fo-mc__cabeza{padding:1.1rem 1.3rem;background:var(--c-primario-osc);color:#fff;display:flex;justify-content:space-between;gap:var(--e-3);flex-wrap:wrap;align-items:center}
.fo-mc__cabeza h3{margin:0}
.fo-mc__cabeza p{margin:0;font-family:var(--f-datos);font-size:var(--t-small);color:var(--c-sobre-oscuro)}
.fo-fila{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;gap:var(--e-3);align-items:center;padding:.9rem 1.3rem;border-top:1px solid var(--c-borde)}
.fo-mc__cabeza+.fo-fila{border-top:0}
.fo-fila__num{font-family:var(--f-disp);font-weight:700;font-size:var(--t-h3);color:var(--c-primario-osc)}
.fo-fila b{font-family:var(--f-disp);font-weight:600}
.fo-fila small{display:block;font-family:var(--f-datos);color:var(--c-texto-suave);margin-top:.15rem}
.fo-fila .btn{min-height:var(--tactil);padding:.45rem 1rem;white-space:nowrap}
.fo-fila__estado{font-family:var(--f-datos);font-size:var(--t-cejilla);letter-spacing:.05em;text-transform:uppercase;color:var(--c-texto-suave);text-align:right}

/* ── Lección ── */
.fo-leccion{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.2rem;align-items:start}
.fo-video{position:relative;aspect-ratio:16/9;border-radius:var(--radio-grande);overflow:hidden;background:var(--c-primario-osc);display:grid;place-items:center;color:var(--c-sobre-oscuro)}
.fo-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fo-video p{margin:0;font-family:var(--f-datos);text-transform:uppercase;letter-spacing:.06em;font-size:var(--t-cejilla)}
.fo-leccion__texto{margin-top:var(--e-4)}
.fo-leccion__acciones{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--e-3)}
.fo-leccion__acciones form{margin:0}
.fo-lista{list-style:none;margin:0;padding:.4rem;border-radius:var(--radio-grande);border:1px solid var(--c-borde);background:var(--c-superficie)}
.fo-lista__cabeza{padding:.6rem .6rem .4rem;margin:0}
.fo-lista a{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.6rem;align-items:center;min-height:52px;padding:.5rem .6rem;border-radius:var(--radio-chico);text-decoration:none;color:var(--c-tinta);font-size:var(--t-small)}
.fo-lista a:hover{background:var(--c-fondo-alt)}
.fo-lista a[aria-current="true"]{background:var(--c-fondo-alt);box-shadow:inset 3px 0 0 var(--c-primario-osc);font-weight:700}
.fo-marca{width:1.4rem;height:1.4rem;border-radius:50%;border:1.5px solid var(--c-borde);display:grid;place-items:center;font-size:var(--t-cejilla)}
.fo-hecha .fo-marca{background:var(--c-primario-osc);border-color:var(--c-primario-osc);color:#fff}

/* ── Cortes canónicos ── */
@media (max-width:980px){
  .fo-con-ficha,.fo-leccion{grid-template-columns:1fr}
  .fo-con-ficha>.fo-ficha{position:static;order:-1}
  .fo-equipo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fo-ofertas{grid-template-columns:1fr}
}
@media (max-width:860px){
  .fo-subhero__rejilla{grid-template-columns:1fr;align-items:start}
  .fo-para{grid-template-columns:1fr}
  .fo-alumno{grid-template-columns:1fr}
  .fo-alumno__nav{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
  .fo-alumno__hola{grid-column:1/-1;margin-bottom:.2rem}
  .fo-alumno__nav a{justify-content:center;border:1px solid var(--c-borde);text-align:center;padding:0 .4rem}
  .fo-mis-cursos{grid-template-columns:1fr}
}
@media (max-width:640px){
  .fo-grabada__rejilla{grid-template-columns:1fr}
  .fo-grabada__sello{justify-self:start}
  .fo-sesion{grid-template-columns:1fr;gap:.6rem}
  .fo-sesion__lado{flex-direction:row;align-items:center;gap:.8rem}
  .fo-equipo{grid-template-columns:1fr}
  .fo-fila{grid-template-columns:2.2rem minmax(0,1fr)}
  .fo-fila .btn,.fo-fila__estado{grid-column:2;justify-self:start;text-align:left}
  .fo-alumno__nav{grid-template-columns:1fr 1fr}
}

/* Utilidades de la app */
.fo-aire{margin-top:var(--e-5)}
.fo-enlace-caja{text-decoration:none;color:inherit}
.fo-enlace-caja:hover{border-color:var(--c-primario-osc)}
.fo-temario--sin-num li{grid-template-columns:minmax(0,1fr)}
.fo-temario--sin-num li::before{content:none}
/* Excepción: el título de una lección es un h1 por semántica, pero a la escala de un h2. */
.fo-leccion__texto h1{font-size:var(--t-h2)}

/* ── Formación para equipos (empresas.html) ─────────────────────────────── */
.fo-botones{display:flex;flex-wrap:wrap;gap:var(--e-2);margin-top:var(--e-4)}
.fo-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-3)}
.fo-tres .caja{display:flex;flex-direction:column;gap:var(--e-2)}
.fo-tres .caja h3,.fo-tres .caja p{margin:0}
.fo-tres .caja p{color:var(--c-texto-suave)}
.fo-tres .caja .etiqueta{align-self:flex-start}
.fo-como{align-items:start}
.fo-cita{margin:var(--e-5) 0 0;padding:var(--e-4);border-left:3px solid var(--c-acento);background:var(--c-superficie);border-radius:0 var(--radio) var(--radio) 0}
.fo-cita p{margin:0;font-size:var(--t-entradilla);line-height:1.55}
.fo-cita footer{margin-top:var(--e-3);font-family:var(--f-datos);font-size:var(--t-cejilla);letter-spacing:.06em;text-transform:uppercase;color:var(--c-texto-suave)}
.fo-principios{list-style:none;margin:0;padding:0;display:grid;gap:var(--e-2);counter-reset:pr}
.fo-principios li{counter-increment:pr;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--e-3);padding:var(--e-4);background:var(--c-superficie);border:1px solid var(--c-borde);border-radius:var(--radio-grande)}
.fo-principios li::before{content:counter(pr);grid-row:span 2;font-family:var(--f-datos);font-weight:700;color:var(--c-primario)}
.fo-principios b{font-family:var(--f-disp);font-size:var(--t-h4)}
.fo-principios span{color:var(--c-texto-suave);margin-top:.25rem}
.fo-modulos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e-3)}
.fo-modulos li{display:flex;flex-direction:column;gap:var(--e-2)}
.fo-modulos h3,.fo-modulos p{margin:0}
.fo-modulos p{color:var(--c-texto-suave);flex:1}
.fo-modulos .etiqueta{align-self:flex-start}
.fo-modulos__num{font-family:var(--f-datos);font-weight:700;color:var(--c-primario)}
.fo-formato .fo-lista-check{margin-top:auto}
.fo-lista-check{list-style:none;margin:var(--e-3) 0 0;padding:0;display:grid;gap:.5rem}
.fo-lista-check li{display:flex;gap:.6rem}
.fo-lista-check li::before{content:"✓";color:var(--c-primario);flex:none}
.caja--fuerte .fo-lista-check li::before{color:var(--c-acento)}
.caja--fuerte .fo-lista-check li,.caja--fuerte h3{color:#fff}
.fo-pasos{list-style:none;margin:0 0 var(--e-5);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e-3)}
.fo-pasos li{padding-top:var(--e-3);border-top:2px solid var(--c-primario-osc)}
.fo-pasos h3{margin:var(--e-2) 0 var(--e-1)}
.fo-pasos p{margin:0;color:var(--c-texto-suave)}
.fo-pasos__num{font-family:var(--f-datos);font-weight:700;color:var(--c-primario)}
.fo-quien{align-items:center}
.fo-quien__libro{max-width:300px;justify-self:center}
.fo-quien__libro img{border-radius:var(--radio-chico);box-shadow:var(--sombra)}
.fo-quien h2{margin-bottom:var(--e-2)}
.fo-quien .enlace-flecha{margin-top:var(--e-4)}
.fo-faq .acordeon{max-width:52rem}
.fo-cierre{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--e-4)}
.fo-cierre h2{margin-bottom:var(--e-2)}
.fo-cierre .fo-botones{margin-top:0}
@media (max-width:980px){
  .fo-tres,.fo-modulos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fo-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fo-quien__libro{max-width:220px}
}
@media (max-width:640px){
  .fo-tres,.fo-modulos,.fo-pasos{grid-template-columns:minmax(0,1fr)}
  .fo-botones .btn{width:100%}
}
/* La tarjeta oscura del formato destacado: el gris de texto de .fo-tres no se lee sobre marino. */
.fo-tres .caja--fuerte p{color:var(--c-sobre-oscuro)}
.fo-tres .caja--fuerte .eti{color:var(--c-acento)}

/* ── Catálogo de cursos (cursos.html) ───────────────────────────────────── */
.fo-catalogo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--e-3);align-items:stretch}
.fo-curso-tarjeta{display:flex;flex-direction:column;gap:var(--e-3)}
.fo-curso-tarjeta h3{margin:0}
.fo-curso-tarjeta h3 span{color:var(--c-primario)}
.fo-curso-tarjeta p{margin:0;color:var(--c-texto-suave)}
.fo-curso-tarjeta__cabeza{display:grid;gap:var(--e-2)}
.fo-curso-tarjeta__para{padding-top:var(--e-2);border-top:1px solid var(--c-borde)}
.fo-curso-tarjeta__pie{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-3)}
.fo-curso-tarjeta__pie .precio{margin-right:auto}
.fo-curso-tarjeta--pronto{background:transparent;border-style:dashed}
.fo-curso-tarjeta--pronto .enlace-flecha{margin-top:auto;align-self:flex-start}
.fo-comparar{min-width:640px}
.fo-comparar thead th{font-family:var(--f-disp);font-size:var(--t-small);letter-spacing:0;text-transform:none;color:var(--c-tinta)}
.fo-comparar tbody th{font-family:var(--f-datos);font-weight:400;font-size:var(--t-cejilla);letter-spacing:.06em;text-transform:uppercase;color:var(--c-texto-suave);background:var(--c-fondo-alt);white-space:nowrap}
@media (max-width:860px){ .fo-catalogo{grid-template-columns:minmax(0,1fr)} }

/* ── Ediciones de la masterclass (masterclass.html) ─────────────────────── */
.fo-edicion-tarjeta{display:flex;flex-direction:column;gap:var(--e-2)}
.fo-edicion-tarjeta h3,.fo-edicion-tarjeta p{margin:0}
.fo-edicion-tarjeta__empieza{color:var(--c-texto-suave)}
.fo-edicion-tarjeta__sesiones{list-style:none;margin:var(--e-2) 0;padding:0;display:grid;gap:.45rem}
.fo-edicion-tarjeta__sesiones li{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:var(--e-2);padding-bottom:.45rem;border-bottom:1px solid var(--c-borde);font-size:var(--t-small);color:var(--c-texto-suave)}
.fo-edicion-tarjeta__sesiones .dato{color:var(--c-primario-osc);text-transform:capitalize}
.fo-edicion-tarjeta__hora{font-family:var(--f-datos);font-size:var(--t-cejilla);letter-spacing:.04em;color:var(--c-texto-suave)}
.fo-edicion-tarjeta__pie{margin-top:auto;padding-top:var(--e-3);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e-2)}
.seccion--fuerte .fo-equipo{margin-top:0}