{#
--- Configs ---
    alinhamento
    tamanho_titulo
    tamanho_texto
    tamanho_imagem
    offset
#}
{#
--- Content ---
    titulo
    texto
    headline
    imagem
#}
{#
--- Adicionais ---
    botoes
    arquivos
#}

{% set item = item %}

<div class="Secao-imagem-texto Row _gutters-x {{item.alinhamento == 'right' ? '_reversed' : '' }} {{item.alinhamento == 'center' ? '_content-center' : '' }} {{ item.offset ? '_content-between' }}">
	{% if item.imagem %}
		<div class="Secao-content-image col-{{item.tamanho_imagem}}">
			<img src="{{ Image(item.imagem).src }} " alt="{{item.imagem.alt}}">
		</div>
	{% endif %}
	{% if item.headline or item.titulo or item.texto or item.lista_expansivel or item.botoes or item.arquivos %}
		{% set col = 12 %}
		{% if item.imagem and item.tamanho_imagem != "12" %}
			{% set col = 12 - item.tamanho_imagem %}
			{% if item.offset == true %}
				{% set col = col - 1 %}
			{% endif %}
		{% endif %}
		<div class="secao-content-text col-{{ col }} _flex _flex-column">
			{% include "componentes/secao-cabecalho.twig" with {
                item: item
                }
            only %}

			{% if item.botoes %}
				{% include "componentes/lista-botoes.twig" with { botoes: item.botoes } only  %}
			{% endif %}

			{% if item.arquivos %}
				{% include "componentes/lista-arquivos.twig" with { arquivos: item.arquivos,tipo: 'adicional' } only %}
			{% endif %}

            {% if item.lista_expansivel %}
            {% include "componentes/lista-expansivel.twig" with {
                items: item.lista_expansivel
            } %}{% endif %}

		</div>
	{% endif %}
</div>