/* «📖 Guía de uso» (20/10/2026). Usa las variables del tema; el cristal lo pone css/liquid_glass.css. */
.guia{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding-bottom:40px}
.guia-cabecera h2{margin:4px 0 6px;font-size:30px;font-weight:700;letter-spacing:-.02em}
.guia-intro{margin:0;color:var(--muted);font-size:14.5px}
.guia-indice{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.guia-indice-item{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;text-decoration:none;
  color:var(--paper);background:var(--panel);border:1px solid var(--line);font-size:13.5px;font-weight:500;line-height:1.3}
.guia-indice-item:hover{border-color:rgba(255,122,26,.5)}
.guia-ico{font-size:20px;line-height:1;flex:none}
.guia-ico.grande{font-size:30px}
.guia-tarjeta{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px 24px;scroll-margin-top:96px}
.guia-tarjeta header{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.guia-tarjeta h3{margin:0;font-size:19px;font-weight:650;letter-spacing:-.01em}
.guia-donde{margin:4px 0 0;color:var(--muted);font-size:13px}
.guia-donde b{color:var(--naranja-claro);font-weight:600}
.guia-pasos{margin:0;padding:0;list-style:none;counter-reset:paso;display:flex;flex-direction:column;gap:10px}
.guia-pasos li{counter-increment:paso;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;
  padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}
.guia-pasos li::before{content:counter(paso);grid-row:1 / span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font-weight:700;font-size:13px;color:#1a0d02;background:linear-gradient(135deg,var(--naranja-claro),var(--naranja-2))}
.guia-pasos li b{font-size:14px;color:var(--paper)}
.guia-pasos li span{color:#cfcfcf;font-size:13.5px;line-height:1.55;margin-top:2px}
.guia-pasos code{font-size:12px;background:rgba(255,255,255,.07);padding:1px 6px;border-radius:6px}
.guia-ojo{margin:14px 0 0;padding:10px 14px;border-radius:14px;background:rgba(255,122,26,.08);border:1px solid rgba(255,122,26,.25);
  font-size:13px;color:#f1d9c4}
.guia-fila{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.guia-ayuda{color:var(--muted);font-size:12.5px}
.guia-radiografia{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;max-height:620px;overflow:auto;padding:16px 18px;border-radius:16px;
  background:rgba(0,0,0,.35);border:1px solid var(--line);font-size:12.5px;line-height:1.6;color:#dcdcdc}
@media(max-width:560px){.guia-tarjeta{padding:16px}.guia-cabecera h2{font-size:24px}}