{# ----------------------------
------------ ITEMS ------------
-------------------------------
    titulo
    texto
	links
---------------------------- #}

{% set titulo = titulo %}
{% set texto = texto %}
{% set links = links %}
{% set return = return ? return : '/' %}

<section class="Hero">
	<div class="Container _flex _flex-column">
		<div class="hero-head ">
			{% if links %}
				<ul class="breadcrumb _flex">
					{% for link in links %}
						<li class="_flex _items-center">
							{% if not loop.first %}
								<i class="icon-right"></i>
							{% endif %}
							{% if loop.last %}
								<span>{{ link.title|slice(0,50) }}
									{% if link.title|length > 50 %}...
									{% endif %}
								</span>
							{% else %}
								<a href="{{ link.url }}">{{ link.title }}</a>
							{% endif %}
						</li>
					{% endfor %}
				</ul>
			{% endif %}

			<a class="return _flex _items-center" href="{{return}}">
				<i class="icon-left"></i>Voltar</a>
		</div>

		{% if texto %}
			<div class="Row">
				<div class="col-8">
					<div class="Title _xl">{{ texto|nl2br|span }}</div>
				</div>
			</div>
		{% endif %}
	</div>
</section>
