{% extends "enap_designsystem/base.html" %}
{% load static %}
{% load css_tags %}
{% load wagtailcore_tags wagtailimages_tags %}

{% block extra_css %}{% block_css 'enap_designsystem/blocks/semana.css' %}{% endblock %}

{% block title %}
    <title>{{ page.page_title }}</title>
{% endblock %}


{% block navbar %}
    {% if enap_dynav %}
        {% include "enap_designsystem/blocks/dynamic_nav/dynamic_nav_include.html" %}
    {% elif page.navbar %}
        {% include "enap_designsystem/blocks/navbar/navbar_block.html" with navbar=page.navbar %}
    {% endif %}
{% endblock %}

{% block content %}
    {% if page.menu %}
        {% include "enap_designsystem/semana_inovacao/blocks_menu_navigation.html" with value=page.menu %}
    {% endif %}

    <!-- Menu de Navegação do Concurso (herdado da página pai) -->
    {% if menu_concurso %}
        {% for block in menu_concurso %}
            {% include_block block %}
        {% endfor %}
    {% endif %}

    <div class="concurso-inovacao-page padding-mobile">
        <!-- Banner do Concurso -->
        {% if page.banner %}
            <section class="banner-section">
                {% for block in page.banner %}
                    {% include_block block %}
                {% endfor %}
            </section>
        {% endif %}

        <!-- Material de Apoio -->
        {% if page.material %}
            <section class="material-section">
                {% for block in page.material %}
                    {% include_block block %}
                {% endfor %}
            </section>
        {% endif %}

        <!-- Patrocinadores -->
        {% if page.patrocinadores %}
            <section class="patrocinadores-section">
                {% for block in page.patrocinadores %}
                    {% include_block block %}
                {% endfor %}
            </section>
        {% endif %}
    </div>

    <style>
    .concurso-inovacao-page {
        width: 100%;
    }

    .img-newslettertwo {
        width: 100px;
        object-fit: cover;
        object-position: center;
    }

    .banner-section {
        margin-bottom: 0;
    }

    .material-section,
    .patrocinadores-section {
        margin-bottom: 0;
    }

    @media (max-width: 768px) {
        .conteudo-adicional {
            padding: 40px 0;
        }
    }
    </style>
{% endblock %}

{% block footer %}
    {% include "enap_designsystem/includes/footer.html" %}
{% endblock %}