{# Sección Logos #}

{% 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-between">
                        <a class="navbar-brand d-block" href="{{site.url}}" rel="home">
                            <div class="d-flex align-items-center">
                                <img src="{{ logo.logo.sizes.medium }}"
                                    alt="{{ logo.logo.alt }}"
                                    class="img-fluid me-3"
                                    style="max-height: 100px; flex-shrink: 0;">
                                <h1 class="mb-0 text-sindikatua text-uppercase">{{ logo.texto }}</h1>
                            </div>
                        </a>
                        <div class="d-block d-lg-none">  
                            {% include "partials/menu-burger.twig" with {'items': menu.get_items, 'burger_id': 'menu-burger-mobile'} %}
                        </div>
                    </div>
                </div>
            {% else %}
                {# Segunda columna #}
                <div class="col-lg-7 col-12 d-none d-lg-block">
                    <div class="d-flex align-items-center justify-content-center justify-content-md-start h-100">
                        <a class="navbar-brand d-block" href="{{site.url}}" rel="home">
                            <img src="{{ logo.logo.sizes.large }}"
                                alt="{{ logo.logo.alt }}"
                                class="img-fluid"
                                style="max-width: 100%; height: auto;">
                        </a>
                    </div>
                </div>
            {% endif %}
        {% endfor %}
    </div>
{% endif %}