/* Layout: la guía técnica (23/10), índice de las guías: el paso a paso para elegir una ventana y, por temas, una tarjeta
     por guía con su description. La monta tecnica_web.py. */







  .pasos-elegir { counter-reset: paso; list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 14px; max-width: 74ch; }
  .pasos-elegir li { counter-increment: paso; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 14px; align-items: start; padding: 16px 0; border-top: 1px solid var(--greige); }
  .pasos-elegir li::before { content: counter(paso, decimal-leading-zero); font-family: var(--f-disp); font-weight: 700; font-size: 26px; color: var(--azul); line-height: 1; }
  .pasos-elegir b { display: block; font-size: 17px; margin-bottom: 4px; }
  .pasos-elegir span { color: var(--azul-2); }
  .tarjeta .ir { display: inline-block; margin-top: 10px; font-weight: 600; color: var(--azul); text-decoration: none; }
  .tarjeta .ir:hover, .tarjeta .ir:focus-visible { text-decoration: underline; }