{# Página-índice que lista as subpáginas publicadas como cartões de acesso.
   Usada por seções guarda-chuva (ex.: Pesquisa e Análise, Eventos) cujo
   conteúdo real mora nas subpáginas. #}
{% extends 'partials/base.html.twig' %}

{% block body %}
{%- set children = page.children.published -%}
<div class="container">
  {% include 'partials/breadcrumbs.html.twig' %}

  <header class="editoria-head" style="--ed: var(--c-accent);">
    {% if page.header.badge %}<span class="editoria-head__badge">{{ page.header.badge }}</span>{% endif %}
    <h1 class="editoria-head__title">{{ page.title }}</h1>
    {% if page.header.summary or page.content %}
      <div class="editoria-head__desc">{{ page.header.summary ?: page.content|striptags|truncate(220) }}</div>
    {% endif %}
  </header>

  {% if children|length %}
  <div class="section-links-grid">
    {% for c in children %}
      <a class="section-links-card" href="{{ c.url }}">
        <h2 class="section-links-card__title">{{ c.title }}</h2>
        {% if c.header.description %}<p class="section-links-card__desc">{{ c.header.description }}</p>{% endif %}
        <span class="section-links-card__cta">Acessar →</span>
      </a>
    {% endfor %}
  </div>
  {% else %}
    <div class="empty-state">Conteúdo em estruturação.</div>
  {% endif %}
</div>
{% endblock %}