<div class="contenedor prosa">
  <%- include('../partials/breadcrumbs', { items: migas }) %>
  <h1><%= p.titulo %></h1>
  <p class="u-texto-suave"><%= p.articulacion %> · <%= new Date(p.created_at).toISOString().slice(0,10) %></p>
  <% if (p.cuerpo) { %><p><%= p.cuerpo %></p><% } %>
  <% if (ok) { %><div class="banner-alerta banner-alerta--informativa"><div>Tu respuesta está en moderación.</div></div><% } %>
  <h2 style="font-size:20px">Respuestas (<%= respuestas.length %>)</h2>
  <% respuestas.forEach(function(r){ %>
  <div class="card u-mt-8"><% if (r.es_profesional) { %><span class="badge badge--verificado">Profesional</span><% } %>
    <p style="margin:.4em 0 0"><%= r.cuerpo %></p></div>
  <% }) %>
  <details class="u-mt-16"><summary class="btn btn--primario">Responder</summary>
  <form method="post" action="/comunidad/p/<%= p.id %>/responder" class="u-mt-8">
    <div class="campo"><textarea name="cuerpo" rows="4" required minlength="10" maxlength="2000" placeholder="Comparte tu experiencia; evita consejos clínicos individuales."></textarea></div>
    <button class="btn btn--primario">Enviar a moderación</button></form></details>
</div>
