/* precios.css — tabla de precios (.ptab-*) de /precios/.
   Reglas extraídas TAL CUAL del HTML fuente (sin rediseñar, sin CSS global).
   Encolar SOLO en is_page('precios'). Usa variables del sistema (--line, --accent, --ink, --ink-soft) de brand.css. */

/* ── TABLA PRECIOS ── */
.ptab {
  display: grid; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; margin-top: 36px;
}

.ptab-row {
  display: grid; grid-template-columns: 1.2fr 2fr 1.4fr auto; align-items: center; gap: 16px; padding: 18px 22px; background: white;
}

.ptab-row.ptab-head {
  background: #F4F1E5; font-family: 'JetBrains Mono', monospace; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--ink-soft); padding: 14px 22px;
}

.ptab-svc {
  font-size: 15px; line-height: 1.3; color: var(--ink);
}

.ptab-svc strong {
  font-weight: 700;
}

.ptab-case {
  font-size: 14px; line-height: 1.5; color: var(--ink-soft);
}

.ptab-price {
  font-size: 14px; line-height: 1.5; color: var(--ink);
}

.ptab-price strong {
  color: var(--accent); font-weight: 700;
}

.ptab-cta {
  display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--accent); text-decoration: none; padding: 8px 12px; border-radius: 6px; border: 1px solid rgba(20,113,42,.18); transition: background .2s, transform .2s;
}

.ptab-cta:hover {
  background: rgba(139,197,63,.12); transform: translateY(-1px);
}

@media (max-width: 980px) {
  .ptab-row { grid-template-columns: 1fr; gap: 6px; padding: 18px 18px 20px; }
  .ptab-row.ptab-head { display: none; }
  .ptab-svc { font-size: 16px; font-weight: 700; }
  .ptab-case { font-size: 13.5px; }
  .ptab-cta { width: max-content; margin-top: 8px; }
}