/* comision.css — el bloque de la COMISIÓN de /coach/ (01/10/2026).

   En fichero aparte, como el resto de lo nuevo. La misma hoja que el
   resto de la página: rayas finas, la monoespaciada solo en las cifras
   (que son las del programa, no adornos) y el oro para lo que importa. */

.com-cifras{margin:var(--e-6) 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--e-6)}
.com-cifras > div{border-left:1px solid var(--linea); padding-left:var(--e-4)}
.com-cifras > div:first-child{border-left:0; padding-left:0}
.com-cifras dt{margin:0}
.com-cifras .cifra{display:block; font-size:clamp(36px,5.4vw,60px); line-height:1; letter-spacing:-.02em; color:var(--pro)}
.com-cifras dd{margin:var(--e-3) 0 0; color:var(--txt2); font-size:var(--f-5); line-height:1.5; max-width:30ch}
.com-hoy{margin-top:var(--e-6); padding:var(--e-3) 0 var(--e-3) var(--e-5); border-left:2px solid var(--pro);
  font-size:var(--f-6); color:var(--txt); max-width:60ch}
.com-como{display:block; margin-top:var(--e-7)}
.com-vias{margin-top:var(--e-3)}
.com-vias .pronto{margin-bottom:var(--e-2)}
/* Del tamaño de un rasgo (.rasgo h3), no de un titular de sección. */
.com-vias h2.chico{font-size:var(--f-7); font-weight:600; letter-spacing:-.01em; max-width:none}
.com-anuncio{margin-top:var(--e-6); font-size:var(--f-5); color:var(--txt2); line-height:1.65}
.com-anuncio b{color:var(--txt); font-weight:600}
.com-letra{font-size:var(--f-4); color:var(--txt3); line-height:1.7}

@media (max-width:640px){
  .com-cifras{grid-template-columns:1fr; gap:var(--e-5)}
  .com-cifras > div{border-left:0; padding-left:0; border-top:1px solid var(--linea); padding-top:var(--e-4)}
  .com-cifras > div:first-child{border-top:0; padding-top:0}
}