<div class="contenedor">
  <%- include('../partials/breadcrumbs', { items: migas }) %>
  <h1>Precios para profesionales</h1>
  <div class="respuesta-corta"><p><strong>El paciente nunca paga.</strong> Los profesionales pagan por herramientas que devuelven tiempo y pacientes. Sin permanencia.</p></div>
  <% if (simulado) { %><div class="banner-alerta banner-alerta--informativa"><div><strong>Modo demostración:</strong> el pago real (Stripe) se activa en producción; aquí el alta registra la suscripción sin cobro.</div></div><% } %>
  <div class="grid-cards u-mt-16">
    <% Object.entries(PLANES).forEach(function([k, p]){ %>
    <article class="card"><h3><%= p.nombre %></h3>
      <p style="font-family:var(--fuente-display);font-size:26px;color:var(--color-primario);margin:.2em 0"><%= p.precio %></p>
      <p class="u-texto-suave"><%= p.desc %></p>
      <form method="post" action="/suscribirse"><input type="hidden" name="plan" value="<%= k %>">
      <button class="btn btn--primario">Empezar</button></form></article>
    <% }) %>
  </div>
  <p class="u-texto-suave u-mt-24">IVA no incluido. Los datos agregados del registro respetan siempre el umbral de privacidad; ningún plan da acceso a datos individuales de pacientes.</p>
</div>
