{# ----------------------------
------------ ITEMS ------------
-------------------------------
    tipo_imagem (none/icon/image)
    imagem
    titulo
    tamanho_titulo
    texto
    link (none/button/full)
    botao
---------------------------- #}

{% set item = item %}
{% set layout = layout ? layout : 'no_fill' %}

<div class="Card {{ layout != 'no_fill' ? '_' ~ layout : '' }} {{ item.tipo_imagem != 'image' ? '_full_padd' : ''}}">
	{% if item.link == 'full' %}
		<a href="{{ item.botao.url }}" {% if item.botao.target %} target="_blank" {% endif %}>
		{% endif %}

		{% if item.tipo_imagem == 'icon' %}
			<div class="content-icon _flex _flex-column">
				{% if item.icon %}
					<img class="icon" src="{{ Image(item.icon).src }} " alt="{{ item.icon.alt }}">
				{% endif %}
			{% endif %}

			{% if item.tipo_imagem == "image" %}
				<div class="box-image" style="background-image: url({{ Image(item.imagem) }})"></div>
			{% endif %}

			<div class="content-text {{ item.tipo_imagem == 'image' ? '_with_padd' : ''}} _flex _flex-column _items-left">
				<div class="text _flex _flex-column">
					<h3 class="Title {{ item.tamanho_titulo != 'df' ? '_' ~ item.tamanho_titulo : '' }}">{{item.titulo}}</h3>
					<div class="Body _sm">{{item.texto}}</div>
				</div>
				{% if item.link == 'button' %}
					{% include "componentes/button.twig" with {button: item.botao, variant: layout != 'fill' ? 'ghost' : '', icon: layout != 'fill' ? true } %}
				{% endif %}
			</div>

			{% if item.tipo_imagem == 'icon' %}
			</div>
		{% endif %}
		{% if item.link == 'full' %}
		</a>
	{% endif %}
</div>