/* Trucos de impresión 3D (/guias/ y cada guía). Va aparte de style.css para no
   tener que cambiar el ?v= de todas las páginas cuando se toca algo de aquí.
   Si cambias este archivo, sube el ?v= en guias/*.html. */

/* Migas de pan de cada guía: Inicio › Trucos › categoría */
.migas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px 8px;
  margin: 0 0 16px;
  font-size: 14px;
  color: var(--ink-faint);
}
.migas a {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}
.migas a:hover { text-decoration: underline; }
.migas__sep { color: var(--ink-faint); }

/* Rejilla de tarjetas dentro de cada tema: si un tema tiene una sola tarjeta,
   ocupa media anchura como las demás (auto-fill, no auto-fit). */
.trucos-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
}

/* Nota corta bajo el hero de /guias/ */
.trucos-nota {
  max-width: 760px;
  margin: 0 auto;
  padding: 18px 22px;
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  background: var(--surface);
  color: var(--ink-soft);
  font-size: 15.5px;
  line-height: 1.6;
}
.trucos-nota strong { color: var(--ink); }

/* «Más trucos» al final de cada guía */
.mas-trucos .section-head { margin-bottom: clamp(24px, 3vw, 36px); }
.mas-trucos__todos { margin-top: 28px; text-align: center; }