{# ----------------------------
------------ ITEMS ------------
-------------------------------
    titulo
    texto
    imagem
    botoes
    tamanho
    fundo
    tamanho_titulo
    tamanho_texto
    alinhamento
---------------------------- #}
{% set item = item %}

<div class="Secao-cta Row _content-center">
	<div class="base {{classBackground(item.fundo)}} col-{{ item.tamanho }} {{item.imagem ? '_thin' : ''}}">
		<div class="Row _gutters-x">
			{% if item.imagem %}
				<div class="col-4"><img src="{{Image(item.imagem).src}}" alt="{{item.imagem.alt}}"></div>
			{% endif %}
			<div class="conteudo _flex _flex-column col-{{item.imagem ? 8 : 12}} _text-{{item.alinhamento}}">
				<div>
					{% if item.titulo %}
						<h2 class="Title {{ item.tamanho_titulo != 'df' ? '_' ~ item.tamanho_titulo : '' }} _pb-14">{{ item.titulo }}</h2>
					{% endif %}
					{% if item.texto %}
						<div class="Body {{ item.tamanho_texto != 'df' ? '_' ~ item.tamanho_texto : '' }}">{{item.texto | wpautop}}</div>
					{% endif %}
				</div>

				{% if item.botoes %}
					<div class="Lista-botoes">
						{% for item in item.botoes %}
							<a class="Button" href="{{item.botao.url}}" {% if item.botao.target %} target="_blank" {% endif %}>{{item.botao.title}}</a>
						{% endfor %}
					</div>
				{% endif %}
			</div>
		</div>
	</div>
</div>