/* RMDQ v8 — miniaturas responsivas y tipografía de descripción en móviles.
   Esta hoja se carga al final para respetar la galería y la lupa de v4. */

/* Las miniaturas se distribuyen en filas en lugar de sobresalir del contenedor. */
#galleryThumbs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* En tablets, las fotos ocupan hasta cuatro columnas de igual ancho. */
@media (max-width: 991.98px) {
  #galleryThumbs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  #galleryThumbs .thumb {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: auto;
    max-height: none;
    aspect-ratio: 1 / 1;
  }
}

/* Celulares: tres miniaturas por fila, incluso con muchas fotos. */
@media (max-width: 575.98px) {
  #galleryThumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  /* En v3 la fuente móvil se reducía; ahora se amplía para leer cómodamente. */
  .detail-copy p {
    font-size: 18px;
    line-height: 1.75;
    color: #405560;
    overflow-wrap: anywhere;
  }

  .features-card h3 {
    font-size: 19px;
  }

  .features-card .feature-item {
    font-size: 17px;
    line-height: 1.7;
    overflow-wrap: anywhere;
  }
}