@model Site.Models.InstitucionalModel

@if (Model.ConteudoPagina.NotIsNull() && Model.ConteudoPaginaFilhos.NotIsNull() && Model.ConteudoPaginaFilhos.Count > 4)
{
    <div class="sobre-content-container">
        <div class="conteudo-site">
            <h1 id="titulo-interna" class="titulo-sobre"><span class="sr-only">Sobre a Concisa</span></h1>
            <br>
            <div class="firstline">
                <div class="construindo">
                    <h2>@Model.ConteudoPaginaFilhos[0].Assunto</h2>
                    <br>
                    @if (Model.ConteudoPaginaFilhos[0].Imagens.NotIsNull() && Model.ConteudoPaginaFilhos[0].Imagens.Any())
                    {
                        <div><img src="@Model.ConteudoPaginaFilhos[0].ImagemUrl" alt="@Model.ConteudoPaginaFilhos[0].Imagens[0].Legenda" class="object-fit object-fit-cover" /></div>
                    }
                </div>

                <div class="text-contruindo">
                    @Html.Raw(Model.ConteudoPagina.Descricao)
                </div>
            </div>

            <div>
                <div class="categoria-inst">
                    <h2 class="item-categoria">@Model.ConteudoPaginaFilhos[1].Assunto</h2>
                    @Html.Raw(Model.ConteudoPaginaFilhos[1].Descricao)
                    <h2 class="item-categoria">@Model.ConteudoPaginaFilhos[2].Assunto</h2>
                    @Html.Raw(Model.ConteudoPaginaFilhos[2].Descricao)
                    <h2 class="item-categoria">@Model.ConteudoPaginaFilhos[3].Assunto</h2>
                    @Html.Raw(Model.ConteudoPaginaFilhos[3].Descricao)
                </div>

                @if (Model.ConteudoPaginaFilhos[4].Imagens.NotIsNull())
                {
                    <div class="nossa-estrutura">
                        <div class="estrutura-container">
                            @foreach (var imagem in Model.ConteudoPaginaFilhos[4].Imagens)
                            {

                                <div><img src="@imagem.Url" alt="@imagem.Legenda" class="object-fit object-fit-cover" /></div>
                            }
                        </div>
                    </div>
                }
                <div class="button-container">
                    <a href="~/Servicos" class="btn-bg" style="background-size:300px; width:300px">CONHEÇA NOSSOS SERVIÇOS!</a>
                </div>
            </div>
        </div>
    </div>
}

@Html.Partial("PartialFooter")