<div class="contenedor">
  <%- include('../partials/breadcrumbs', { items: migas }) %>
  <h1>Servicios de apoyo</h1>
  <div class="respuesta-corta"><p><strong>Fisioterapia, ortopedias y servicios</strong> para preparar la cirugía y recuperarte mejor. Contactamos solo si tú lo autorizas.</p></div>
  <div class="grid-cards u-mt-16">
    <% servicios.forEach(function(s){ %>
    <article class="card"><h3 style="font-size:17px"><a href="/servicios/<%= s.slug %>"><%= s.nombre %></a></h3>
      <p class="card__meta"><%= s.categoria %> · <%= s.provincia || '' %><% if (s.es_demo) { %> · <span class="badge badge--demo">Demo</span><% } %></p>
      <form method="post" action="/servicios/<%= s.slug %>/contacto">
        <input name="mensaje" placeholder="Cuéntales qué necesitas" maxlength="600" style="width:100%;margin-bottom:6px">
        <label style="font-size:13px"><input type="checkbox" name="consiento" value="1" style="width:auto;margin-right:6px">Autorizo compartir mi email con este servicio</label><br>
        <button class="btn btn--secundario btn--mini u-mt-8">Solicitar contacto</button>
      </form></article>
    <% }) %>
  </div>
</div>
