<div class="contenedor prosa">
  <h1>Mis cuestionarios de seguimiento</h1>
  <div class="respuesta-corta"><p>Estos cuestionarios ayudan a tu equipo a <strong>seguir tu recuperación</strong>. Tus respuestas individuales solo las ve tu cirujano; al registro público solo llegan agregados anónimos.</p></div>
  <% if (!envios.length) { %><p class="u-texto-suave">Nada pendiente por ahora.</p><% } %>
  <% envios.forEach(function(e){ %>
  <div class="card u-mt-16"><h3 style="font-size:16px"><%= e.titulo %> · <span class="chip"><%= e.momento %></span></h3>
    <p class="card__meta">Programado: <%= new Date(e.programado_para).toISOString().slice(0,10) %></p>
    <% if (e.respondido_at) { %><span class="badge badge--verificado">Respondido</span> <span class="u-texto-suave">puntuación <%= e.puntuacion %></span>
    <% } else { %><a class="btn btn--primario btn--mini" href="/mi-protesis/cuestionarios/<%= e.id %>">Responder</a><% } %></div>
  <% }) %>
</div>
