/* pdp_specifications
   Fase 14 (resolución visual completa): la tabla ya vive dentro de la
   card del panel de tabs (fondo propio, borde, padding) -- el título
   propio del bloque queda redundante ahí (el tab ya dice
   "Especificaciones") así que se reduce a un rótulo discreto en vez de
   un h3 de la misma jerarquía que el resto de la página. Las filas
   suman fondo alterno (zebra) para que una tabla de 6-10 atributos se
   lea por fila de un vistazo, no como bloque de texto continuo -- el
   "buen ritmo" pedido para esta sección. */

.lq-specs {
  font-family: var(--loq-font-family);
}

.lq-specs__title {
  font-size: 0.75rem;
  font-weight: var(--loq-font-semibold, 600);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--loq-text-muted, #6e6e73);
  margin: 0 0 14px;
}

.lq-specs__list {
  margin: 0;
  display: flex;
  flex-direction: column;
  border-radius: var(--loq-radius-sm);
  overflow: hidden;
}

.lq-specs__row {
  display: grid;
  grid-template-columns: minmax(120px, 40%) 1fr;
  gap: 16px;
  padding: 14px 16px;
}

.lq-specs__row:nth-child(odd) {
  background: var(--loq-surface-alt);
}

.lq-specs__label {
  margin: 0;
  font-size: 0.875rem;
  font-weight: var(--loq-font-semibold, 600);
  color: var(--loq-text-muted, #6e6e73);
}

.lq-specs__value {
  margin: 0;
  font-size: 0.875rem;
  font-weight: var(--loq-font-semibold, 600);
  color: var(--loq-text, #0D1214);
  line-height: 1.5;
}

@media (max-width: 480px) {
  .lq-specs__row {
    grid-template-columns: minmax(0, 45%) 1fr;
    gap: 12px;
    padding: 12px 14px;
  }
}

/* Direct GDS v1 consumer: pdp specifications */
html[data-gds-version="1"] .lq-specs { color:var(--gds-color-text);font-family:var(--gds-font-body); }

/* Module-owned conventional heading consumes the GDS type scale. */
html[data-gds-version="1"] .lq-specs h2 {
  color: var(--gds-color-text);
  font-family: var(--gds-font-heading);
  font-size: var(--gds-font-size-h2);
  font-weight: var(--gds-font-weight-heading);
  line-height: var(--gds-line-height-heading);
}
html[data-gds-version="1"] .lq-specs h3 {
  color: var(--gds-color-text);
  font-family: var(--gds-font-heading);
  font-size: var(--gds-font-size-h3);
  font-weight: var(--gds-font-weight-heading);
  line-height: var(--gds-line-height-heading);
}
html[data-gds-version="1"] .lq-specs__row { border-color: var(--gds-color-border); }