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

{% set item = item %}

<div class="Secao-video-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}}">
			<a class="Thumb-video" href="https://www.youtube.com/watch?v={{ item.url_youtube | youtube_id }}" rel="modal:video" aria-label="Ver vídeo">
             <div class="Thumb">
                <img src="{{ Image(item.imagem).src}}" alt="{{item.imagem.alt }}">
                </div>
                <span class="Button-play"><i class="icon-play"></i></span>
            </a>
		</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 } only %}
			{% endif %}

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

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