/* /guias (20/10): ruta de 3 pasos y guías por tema en tarjetas pequeñas. */
.gb-hero{padding-bottom:.4rem}
.gb-ruta{margin:.6rem 0 1.4rem;padding:1rem;border-radius:20px;background:linear-gradient(135deg,#7c5cff2e,#e040fb1f);border:1px solid #7c5cff55}
.gb-ruta h2,.gb-tema h2{font-family:'Unbounded',sans-serif;font-size:1.15rem;margin:0 0 .8rem}
.gb-ruta ol{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));counter-reset:none}
.gb-ruta a{position:relative;display:grid;grid-template-columns:56px 1fr;gap:.75rem;align-items:center;padding:.65rem .8rem;border-radius:14px;background:#140f26d9;border:1px solid #ffffff1f;text-decoration:none;color:#ede9f8}
.gb-ruta img{width:56px;height:56px;object-fit:contain}
.gb-ruta small{display:block;font:600 .7rem 'JetBrains Mono',monospace;color:#ffc24d;text-transform:uppercase;letter-spacing:.05em}
.gb-ruta b{display:block;font-size:1.02rem}
.gb-ruta em{display:block;font-style:normal;font-size:.85rem;color:#bdb3d9}
.gb-ok{position:absolute;top:.5rem;right:.6rem;display:none;width:22px;height:22px;border-radius:50%;background:#65e6ad;color:#0d2a1d;font:700 .8rem/22px sans-serif;text-align:center;font-style:normal}
.gb-ruta a.leida{border-color:#65e6ad66}
.gb-ruta a.leida .gb-ok{display:block}
.gb-busca{margin:0 0 1.2rem;max-width:none}
.gb-tema{margin:0 0 1.4rem}
.gb-tema[hidden]{display:none}
.gb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.6rem}
.gb-card{display:flex;flex-direction:column;gap:.3rem;padding:.8rem;border-radius:16px;background:#1a1430;border:1px solid #ffffff1a;text-decoration:none;color:#ede9f8;transition:border-color .15s,transform .15s}
.gb-card:hover{border-color:#7c5cff88;transform:translateY(-2px)}
.gb-card[hidden]{display:none}
.gb-card img{width:44px;height:44px;object-fit:contain}
.gb-card b{font-size:1rem;line-height:1.25}
.gb-desc{font-size:.85rem;line-height:1.35;color:#bdb3d9}
.gb-badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.2rem}
.gb-badge{font-size:.72rem;font-weight:600;padding:.15rem .45rem;border-radius:999px;background:#ffc24d1f;color:#ffd583;border:1px solid #ffc24d44}
@media(max-width:700px){
  .gb-hero h1{font-size:1.5rem}
  .gb-hero p{font-size:.95rem}
  .gb-grid{grid-template-columns:1fr 1fr}
  .gb-card{padding:.7rem}
  .gb-card b{font-size:.93rem}
  .gb-desc{font-size:.8rem}
}