/* Tarjetas de precio (/precios y bloque «Precio» de cada servicio). Mismas medidas que las demás tarjetas del sitio. */
.precio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 22px; }
.precio-card { background: var(--surface); border-radius: 30px; padding: 26px 24px; box-shadow: 0 18px 36px -24px rgba(14,26,33,.35); display: flex; flex-direction: column; }
.precio-card h3 { font-size: 19px; margin: 0 0 8px; }
.precio-valor { margin: 0 0 14px; font-family: var(--font-display); font-weight: 650; font-size: 22px; line-height: 1.2; color: var(--accent); overflow-wrap: anywhere; }
.precio-valor b { font-size: 30px; }
.precio-incluye { margin: 0 0 12px; padding-left: 20px; color: var(--ink-2); font-size: 15px; }
.precio-incluye li { margin-bottom: 4px; }
.precio-no { margin: 0 0 16px; color: var(--ink-2); font-size: 14px; }
.precio-card .btn { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 760px) {
  .precio-grid { grid-template-columns: 1fr; }
  .precio-card { padding: 22px 16px; }
  .precio-card h3 { font-size: 17px; }
  .precio-card .btn { align-self: stretch; justify-content: center; text-align: center; }
}