/* AXIS · lesson and module pages. Loads after the kit bundle (axis-theme). Only what the kit does not have:
   page composition from the 2D «axis-leccion» mockup, the step anatomy, diagram helpers, interactive states. */

/* Hero */
.leccion__cab{margin:var(--espacio-6) 0 var(--espacio-10)}
.leccion__cab .lead{max-width:var(--medida)}
.leccion__cuerpo>*{min-width:0}

/* Cards */
.ax .ax__tit a{color:inherit}
.escena-texto{margin:0;font-size:var(--texto-cuerpo-grande);line-height:var(--interlineado-cuerpo-grande);max-width:var(--medida);text-wrap:pretty}
.escena-texto+.escena-texto{margin-top:var(--espacio-3)}
.ax .ax__txt+.ax__txt{margin-top:var(--espacio-2)}

/* C02 */
.analogia--texto{display:block}
.analogia--art{margin:0;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:var(--espacio-5);align-items:center}
.analogia--art .analogia__arte{min-width:0}
.analogia--art .analogia__img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}
.analogia--art figcaption{display:block}
.analogia .analogia__img--oscuro{display:none}
[data-theme="dark"] .analogia .analogia__img--oscuro{display:block}
[data-theme="dark"] .analogia .analogia__img--claro:not(:only-child){display:none}

/* C04 */
.pasos>li>div{gap:var(--espacio-3)}
.paso__tit{margin:0;font:500 var(--texto-titulo-4)/var(--interlineado-titulo-4) var(--familia-texto);font-stretch:125%}
.guia__nota{margin-bottom:var(--espacio-2)}
.pasos p .ruta,.ax__txt .ruta,.claves .ruta,.listo .ruta,.consecuencia .ruta,.decision .ruta,.cara .ruta{white-space:normal;overflow-wrap:anywhere}
.paso__es{font-weight:500;color:var(--color-tinta)}
.claves{padding:var(--espacio-3) var(--espacio-4);border-radius:var(--radio-control);background:var(--color-superficie)}
.ax--sup .claves{background:var(--color-fondo)}
.claves__t{margin:0 0 var(--espacio-2);font:600 var(--texto-etiqueta)/1.3 var(--familia-texto);letter-spacing:var(--tracking-etiqueta);text-transform:uppercase;color:var(--color-secundario)}
.claves .lista-marca{margin:0;padding-left:18px;font-size:15px;line-height:22px}
.pasos p .ruta,.ax__txt .ruta,.escena-texto .ruta,.consecuencia p .ruta,.claves .ruta{padding:0 5px}
.claves .lista-marca li+li{margin-top:6px}
.fuentes-ref{margin:0}
.copiar-ruta .btn span{white-space:nowrap}

/* Diagrams (kit 2C grammar + four responsive helpers) */
.pasos .dg,.leccion .dg{width:100%;margin-top:var(--espacio-2);padding:var(--espacio-4);border:1px solid var(--color-filete);border-radius:var(--radio-superficie);background:var(--color-superficie)}
.ax--sup .dg{background:var(--color-fondo)}
.dg .dg-grupo{width:100%;box-sizing:border-box;padding-top:12px}
.dg .dg-grupo__r{position:static;display:block;margin-bottom:2px}
.dg .dg-caja{box-sizing:border-box;max-width:100%;min-width:0}
.dg .dg-caja__t{flex-wrap:wrap}
.dg .dg-caja__n{white-space:normal;overflow-wrap:anywhere}
.dg .dg-con{flex:0 0 28px;min-width:16px}
.dg-fila{flex-wrap:nowrap;max-width:100%}
.dg-fila--gap{gap:var(--espacio-3);flex-wrap:wrap}
.dg-cols{display:grid;grid-template-columns:repeat(var(--dg-n,2),minmax(0,1fr));gap:var(--espacio-3);width:100%}
.dg-col{display:flex;flex-direction:column;gap:var(--espacio-2);min-width:0}
.dg-caja--fin{border-style:dashed;color:var(--color-secundario);background:transparent}
.dg s{text-decoration-thickness:1px;color:var(--color-secundario)}
.dg .dg-v{align-items:stretch}
.dg .dg-v>.dg-caja{align-self:stretch}
.dg .dg-v>.dg-con--v{align-self:center}
.dg .dg-rama{width:100%}
.dg .dg-rama__col{min-width:0;padding:0 4px}
.dg .dg-rama__col .dg-caja{width:100%;box-sizing:border-box}
@media (max-width:767px){
  .pasos>li{grid-template-columns:minmax(0,1fr);gap:4px}
  .pasos__n{line-height:20px}
  .leccion__cab{margin:var(--espacio-4) 0 var(--espacio-8)}
  .dg-fila--apila{flex-direction:column;align-items:stretch}
  .dg-fila--apila>.dg-caja{width:100%}
  .dg-fila--apila>.dg-con{flex:none;width:1px;height:24px;align-self:center;background:var(--color-tinta)}
  .dg-fila--apila>.dg-con .dg-con__nodo{right:auto;left:-3px;top:auto;bottom:-1px}
  .dg-fila--apila>.dg-con .dg-con__etq{left:10px;top:3px}
  .dg-cols{grid-template-columns:minmax(0,1fr)}
  .pasos .dg,.leccion .dg{padding:var(--espacio-3)}
}

/* Download template */
.plantilla{display:flex;flex-direction:column;gap:var(--espacio-3);padding:var(--espacio-5);border:1px solid var(--color-filete);border-radius:var(--radio-superficie);background:var(--color-fondo)}
.plantilla__cuerpo{margin:0;padding:var(--espacio-4);border-radius:var(--radio-control);background:var(--color-superficie);font:400 14px/22px var(--familia-mono);white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;color:var(--color-tinta)}
.plantilla__cuerpo:focus-visible{outline:var(--foco-ancho) solid var(--color-acento);outline-offset:var(--foco-separacion)}

/* C05 */
.simulador{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--espacio-4);align-items:start}
.simulador__detalle{position:sticky;top:var(--espacio-4)}
.arbol button{min-height:40px;white-space:normal;text-align:left}
.consecuencia>div{display:flex;flex-direction:column;gap:var(--espacio-2);min-width:0}
.consecuencia--bien{box-shadow:inset 0 0 0 1px var(--color-tinta)}
.consecuencia--mal{box-shadow:inset 0 0 0 1px var(--color-borde)}
.consecuencia .ico{margin-top:2px}

/* C07 */
.clasificador{display:flex;flex-direction:column;gap:var(--espacio-3)}
.destino--pool{min-height:0;border-color:var(--color-filete)}
.destino__items{display:flex;flex-wrap:wrap;gap:var(--espacio-2);width:100%}
.ficha-env{display:flex;flex-direction:column;gap:4px;max-width:100%}
.ficha{height:auto;min-height:40px;padding-block:8px;white-space:normal;text-align:left;line-height:1.3}
.ficha .ico{flex:none}
.ficha--bien{border-color:var(--color-tinta);box-shadow:inset 0 0 0 1px var(--color-tinta)}
.ficha--mal{border-style:dashed;color:var(--color-secundario)}
.ficha-env .explica{margin:0 0 0 var(--espacio-2)}
.destino[data-wp-on--click]{cursor:pointer}

/* C08 */
.calc-env{display:flex;flex-direction:column;gap:var(--espacio-4)}
.calc .campo{min-width:0}
.calc .campo__ayuda{font-size:13px;line-height:18px}
.datos--calc{border-top:0;padding-top:0}
.datos--calc dd strong{font:500 var(--texto-titulo-3)/1.1 var(--familia-texto);font-stretch:125%;font-variant-numeric:tabular-nums}
.calc__como summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}
.calc__como summary::-webkit-details-marker{display:none}
.calc__como summary .ico{width:16px;height:16px}
.calc__como[open] summary .ico{transform:rotate(180deg)}
.calc__como p{margin-top:var(--espacio-2)}

/* C09 */
.repaso-env{padding-top:var(--espacio-4);border-top:1px solid var(--color-filete)}
.cara .chico{margin-top:auto}

/* C10 */
.linea-env{display:flex;flex-direction:column;gap:var(--espacio-3)}
.tiempo__btn{appearance:none;display:flex;flex-direction:column;gap:2px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.tiempo__btn:focus-visible{outline:var(--foco-ancho) solid var(--color-acento);outline-offset:var(--foco-separacion)}
.tiempo li.actual .paso{font-weight:500}
@media (max-width:767px){
  .tiempo{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:0;padding-top:0}
  .tiempo li{padding:var(--espacio-3) 0 var(--espacio-3) var(--espacio-5);border-top:0;border-left:2px solid var(--color-filete)}
  .tiempo li::before{top:16px;left:-7px}
  .tiempo li.hecho{border-left-color:var(--color-tinta)}
  .simulador{grid-template-columns:minmax(0,1fr)}
  .simulador__detalle{position:static}
  .analogia--art{grid-template-columns:minmax(0,1fr)}
}

/* C11 */
.escenario__nodo{display:flex;flex-direction:column;gap:var(--espacio-3)}
.escenario__situacion{margin:0;font-size:var(--texto-cuerpo-grande);line-height:var(--interlineado-cuerpo-grande)}
.escenario__situacion:focus{outline:none}
.decision[disabled]{opacity:1;cursor:default}
.decision[aria-pressed="true"]{font-weight:600}

/* C12 */
.checklist{display:flex;flex-direction:column;gap:var(--espacio-3)}
.checklist .grupo{display:flex;flex-direction:column;gap:var(--espacio-2);margin:0;padding:0;border:0}
.checklist .opcion{align-items:flex-start}
.checklist .opcion>span:last-child{display:flex;flex-direction:column;gap:2px}
.explica-chk{display:block}
.opcion--hecha>span:last-child>span:first-child{color:var(--color-secundario);text-decoration:line-through;text-decoration-thickness:1px}
.opcion--hecha>span:last-child{color:inherit;text-decoration:none}

/* Students: C13–C16 */
.listo-env{display:flex;flex-direction:column;gap:var(--espacio-2)}
.captura-grupo{display:flex;flex-direction:column;gap:var(--espacio-2);padding-top:var(--espacio-3);border-top:1px solid var(--color-filete)}
.cargador,.comprueba,.ensenalo{padding-top:var(--espacio-3);border-top:1px solid var(--color-filete)}
.ensenalo__consigna{margin:0;font-weight:500}

/* Locked card */
.bloqueo .bloqueada .lista-marca{margin:0;font-size:15px;line-height:22px}
.bloqueo .bloqueada .acciones{margin-top:var(--espacio-2)}

/* Sources */
.fuentes-env summary{display:flex;align-items:center;gap:var(--espacio-2);cursor:pointer;list-style:none}
.fuentes-env summary::-webkit-details-marker{display:none}
.fuentes-env summary .ico{width:16px;height:16px}
.fuentes-env[open] summary .ico{transform:rotate(180deg)}
.fuentes{margin:var(--espacio-3) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--espacio-2);font-size:15px;line-height:22px}
.fuentes li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--espacio-2)}
.fuentes__id{font:500 14px/22px var(--familia-mono);color:var(--color-secundario)}
.fuentes a{overflow-wrap:anywhere}

/* Navigation */
.nav-leccion{display:flex;flex-direction:column;gap:var(--espacio-3);padding-top:var(--espacio-5);border-top:1px solid var(--color-filete)}
.nav-leccion__enlaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--espacio-4)}
.nav-leccion__enlaces a,.nav-leccion__enlaces p{margin:0;line-height:24px}
.nav-leccion__sig{margin:0}

/* Index */
.indice li a[aria-current="true"]{color:var(--color-acento);font-weight:500}

/* Module page */
.modulo__col{max-width:860px;margin-inline:auto}
.modulo__col .leccion__cab{margin-top:var(--espacio-4)}
.ax>.tabla-envoltura{max-width:100%;min-width:0;overflow-x:auto}
.tabla--lecciones th .codigo,.tabla--lecciones td .codigo{white-space:nowrap}
.tabla--lecciones td,.tabla--lecciones th{vertical-align:top}
@media (max-width:767px){
  .tabla--lecciones thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tabla--lecciones,.tabla--lecciones tbody{display:block}
  .tabla--lecciones tr{display:flex;flex-direction:column;gap:6px;padding:var(--espacio-3) 0;border-bottom:1px solid var(--color-filete)}
  .tabla--lecciones th,.tabla--lecciones td{display:block;width:auto;padding:0;border:0;position:static;background:none}
  .tabla--lecciones .insignia{margin-top:4px}
}
.modulo__datos{margin:0;padding-top:var(--espacio-3);border-top:1px solid var(--color-filete);font-size:15px;line-height:24px;color:var(--color-secundario)}
.tabla--lecciones th .codigo{font-size:14px}
.tabla--lecciones td .insignia{margin-top:6px;height:auto;min-height:24px;padding-block:3px;line-height:1.2;white-space:normal;text-align:left;vertical-align:middle}
.chip-despues{display:inline-flex}

/* M3 · student engines (C14–C16 hydrated) */
.cargador__app,.comprueba__app,.ensenalo__app{min-width:0}
.cargador__grupo{gap:var(--espacio-3)}
.cargador__grupo--ok .soltar{opacity:.6}
.soltar{position:relative}
.soltar__t{color:var(--color-tinta);font-weight:500}
.soltar label{cursor:pointer}
.soltar label:focus-within .enlace{outline:var(--foco-ancho) solid var(--color-acento);outline-offset:var(--foco-separacion)}
.cargador__veredictos .veredicto>.ico,.cargador__veredictos .veredicto>span:first-child .ico,.ensenalo__app .veredicto>span:first-child .ico{width:24px;height:24px}
.veredicto>span:first-child{grid-row:span 3}
.veredicto .listo{margin-top:var(--espacio-2)}
.veredicto--humano{box-shadow:inset 0 0 0 1px var(--color-borde)}
.comprueba__pregunta{display:flex;flex-direction:column;gap:var(--espacio-2)}
.comprueba__enunciado{padding:0;margin:0 0 var(--espacio-2);font:500 var(--texto-titulo-4)/var(--interlineado-titulo-4) var(--familia-texto);font-stretch:var(--titular-ancho);text-wrap:pretty}
.comprueba__opciones{display:flex;flex-direction:column}
.comprueba__opciones .opcion{align-items:flex-start}
.comprueba__opciones .explica{align-items:flex-start}
.comprueba__app .progreso .barra span{transition:width var(--duracion-media) var(--curva-estandar)}
.ensenalo__app textarea.control{min-height:112px}
.ensenalo__app .rubrica .ico{color:var(--color-secundario)}
.alerta[hidden],.veredicto[hidden],.ax__fila[hidden],.campo[hidden],.pila-s[hidden],.grupo[hidden],.progreso[hidden],.explica[hidden],.insignia[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.comprueba__app .progreso .barra span{transition:none}}

/* M4 · payment block, sign-in, activation, membership */
.pago{max-width:var(--medida)}
.pago__enlaces{margin:-6px 0 0 32px}
.pago .grupo legend{margin-bottom:var(--espacio-2)}
.acceso{max-width:var(--medida)}
.membresia .datos{margin:0}
.activacion__resultado:empty{display:none}