/**
 * JC Catálogo — Estilos funcionales
 * Solo layout del <dl> de specs y estructura del botón WhatsApp.
 * Colores y tipografía: hereda de Flatsome.
 */

/* ── Specs <dl> — grid de dos columnas ──────────────────────────────────── */
.jc-specs {
  margin: 1.5rem 0;
}

.jc-specs__lista {
  margin: 0;
  padding: 0;
}

.jc-specs__fila {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid currentColor;
  opacity: 0.85;
}

.jc-specs__fila:last-child {
  border-bottom: none;
}

.jc-specs__nombre {
  font-weight: 600;
  font-size: 0.875rem;
  margin: 0;
}

.jc-specs__valor {
  font-size: 0.875rem;
  margin: 0;
}

/* ── Botón WhatsApp — estructura y espacio mínimo ───────────────────────── */
.jc-whatsapp-island {
  margin: 1.5rem 0;
  min-height: 48px;
}

.jc-whatsapp-boton {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.875rem 1.5rem;
  width: 100%;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

.jc-whatsapp-boton svg {
  flex-shrink: 0;
}

/* ── Precio oculto ───────────────────────────────────────────────────────── */
.jc-precio-oculto {
  display: none !important;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
  .jc-specs__fila {
    grid-template-columns: 1fr;
    gap: 0.125rem;
  }
}