<div class="contenedor">
  <%- include('../partials/breadcrumbs', { items: migas }) %>
  <h1>Alertas de seguridad</h1>
  <div class="respuesta-corta"><p>Recopilamos las <strong>alertas y notas de seguridad</strong> que afectan a implantes, siempre con enlace a la fuente oficial. La seguridad nunca es de pago.</p></div>
  <% if (alertas.length) { %>
  <ul class="u-mt-16">
    <% alertas.forEach(function(a){ %>
    <li><span class="badge badge--<%= a.nivel==='urgente'?'descatalogado':'declarado' %>"><%= a.nivel %></span>
      <a href="/alertas/<%= a.slug %>"><%= a.nombre %></a>
      <% if (a.fecha_publicacion) { %> <span class="u-texto-suave">(<%= new Date(a.fecha_publicacion).toISOString().slice(0,10) %>)</span><% } %></li>
    <% }) %>
  </ul>
  <% } else { %><p class="u-texto-suave">No hay alertas activas publicadas en este momento.</p><% } %>
</div>
