{# Sección Logos #}
<a class="navbar-brand d-block" href="{{site.url}}" rel="home">
{% if logos_header %}
    <div class="row g-3">
        {% for logo in logos_header %}
            {% if loop.first %}
                {# Primera columna #}
                <div class="col-lg-5 col-12 mb-3 mb-md-0">
                    <div class="d-flex align-items-center justify-content-center">
                        <img src="{{ logo.logo.sizes.medium }}"
                            alt="{{ logo.logo.alt }}"
                            class="img-fluid mb-2 mb-sm-0 mb-md-2 mb-lg-0 me-sm-3 me-md-0 me-lg-3"
                            style="max-height: 100px; flex-shrink: 0;">
                        <h1 class="mb-0 text-center text-sindikatua text-uppercase">{{ logo.texto }}</h1>
                    </div>
                </div>
            {% else %}
                {# Segunda columna #}
                <div class="col-lg-7 col-12">
                    <div class="d-flex align-items-center justify-content-center justify-content-md-start h-100">
                        <img src="{{ logo.logo.sizes.large }}"
                            alt="{{ logo.logo.alt }}"
                            class="img-fluid"
                            style="max-width: 100%; height: auto;">
                    </div>
                </div>
            {% endif %}
        {% endfor %}
    </div>
{% endif %}
</a>