/* Páginas de producto y de categoría (generadas por herramientas/generar-datos.py, para Google). */
.pagina-seo { --fondo-actual: var(--color-fondo); }
.pagina-seo main { padding-bottom: var(--espacio-7); }
.pagina-seo .nav-caja { padding-right: 18px; }

.migas ol { display: flex; flex-wrap: wrap; gap: 6px; margin: var(--espacio-3) 0 var(--espacio-4); font-size: var(--texto-chico); color: var(--color-tinta-suave); }
.migas li + li::before { content: "›"; margin-right: 6px; }
.migas a { color: inherit; font-weight: 700; }

.ficha-seo { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--espacio-6); align-items: start; }
.ficha-principal { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--radio-grande); background: var(--color-superficie); box-shadow: var(--sombra); }
.ficha-galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; margin-top: 12px; }
.ficha-galeria img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--radio-chico); }
.ficha-info { display: grid; gap: var(--espacio-3); }
.ficha-info h1 { font-size: var(--texto-h1); letter-spacing: -0.01em; line-height: 1.1; }
.ficha-info .antetitulo a { color: inherit; text-decoration: none; }
.ficha-bajada { font-weight: 700; color: var(--color-tinta-suave); }
.ficha-info .precio { font-size: 1.8rem; }
.precios-tamano { display: grid; gap: 10px; }
.precios-tamano li { display: flex; align-items: baseline; gap: 12px; }
.precios-tamano .precio { font-size: 1.4rem; }
.ficha-desc { font-size: 1.1rem; }
.ficha-datos { display: grid; gap: 8px; padding: var(--espacio-3) var(--espacio-4); border-radius: var(--radio-grande); background: var(--color-superficie); font-size: var(--texto-chico); }

.relacionados, .categoria-seo { margin-top: var(--espacio-7); }
.categoria-seo { margin-top: var(--espacio-3); }
.relacionados h2, .otras-titulo { font-size: var(--texto-h2); margin-bottom: var(--espacio-4); }
.categoria-seo h1 { font-size: var(--texto-h1); letter-spacing: -0.01em; line-height: 1.1; }
.minis { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--espacio-4); margin-bottom: var(--espacio-5); }
.mini a { display: grid; gap: 6px; text-decoration: none; color: inherit; }
.mini img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: var(--radio-grande); background: var(--color-superficie); box-shadow: var(--sombra); }
.mini-nombre { font-family: var(--fuente-titulos); font-weight: 600; font-size: 1.15rem; }
.mini a:hover .mini-nombre { color: var(--color-primario-hover); }
.mini-precio { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--color-tinta-suave); }
.otras { display: flex; flex-wrap: wrap; gap: 10px; }
.otras .filtro { text-decoration: none; }
.categoria-seo .acciones { margin-bottom: var(--espacio-7); }

@media (max-width: 860px) {
  .ficha-seo { grid-template-columns: minmax(0, 1fr); gap: var(--espacio-4); }
  .pagina-seo .nav-links { display: none; }
  .minis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--espacio-3); }
  .ficha-info .acciones .boton { width: 100%; }
}