{% extends "base.twig" %}

{% block content %}

	<div class="header-video p-0">
		<div class="overlay bg-gradient-1"></div>
		{#<video class="videobg" playsinline="playsinline" autoplay="autoplay" muted="muted">
			<source src="{{site.theme.link}}/public/video/videowebandaira.mp4" type="video/mp4">
		</video>#}
		<div class="container-fluid h-100">
			<div class="d-flex h-100 text-center align-items-center">
				<div class="w-100">
					<h1 class="scrolldown-1">
						<a href="#section-1-bis">
							<img src="{{site.theme.link}}/public/img/logo-central.png" alt="{{ site.name }}">
							<img class="down-arrow" src="{{site.theme.link}}/public/img/flecha-logo-central.png">
						</a>
					</h1>
				</div>
			</div>
		</div>
		
		<p class="lead mb-0 text-center font-weight-bold text-white">
			Andaira es una consultora social que<br />
			desarrolla investigaciones y proyectos para<br />
			comprender y transformar nuestro entorno
		</p>
	</div>
	
	
	{#<!--<div id="section-1" class="container-fluid">
		<div class="row">
			<div class="servicios col-lg-5 item-1">

				{% include 'frontpage-servicios.twig' %}
				
			</div>
			<div class="col-lg-7 item-2">
				<h2 class="ml-6 title destacamos-title">Destacamos</h2>
				<div class="d-flex flex-column h-100">
					<div class="frontpage-slider">
						
						{{ frontpage_posts(3,'frontpage-slider.twig') }}
						
					</div>
				
					<div class="somos mt-3 d-flex h-100 align-items-center">
						<div>
							<h3 class="mb-3 mt-1">Quiénes somos</h3>
							<p class="lead font-weight-bold mb-4">Somos un equipo interdisciplinar, caracterizado por la horizontalidad, la gestión democrática y la participación.</p>
							<p class="mb-0"><a href="" class="btn btn-outline-light">Conócenos</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>-->#}
	
	<div id="section-1-bis" class="container mt-4">
		
		{% include 'frontpage-servicios.twig' %}
		
	</div>
	
	<div id="section-1-1" class="mt-4">
		<div class="quienes-somos container">
			<div class="row">
				<div class="col-md-5">
					<h3 class="m-0 p-0 mb-4 letter-spacing-3 text-uppercase">Quiénes somos</h3>
				</div>
				<div class="col-md-7">
					<p class="lead mb-4 font-weight-bold">Somos un equipo interdisciplinar,<br/>caracterizado por la horizontalidad,<br />la gestión democrática y la participación.</p>
					<p class="mb-0"><a href="/quienes-somos" class="btn btn-danger">Conócenos</a></p>
				</div>
			</div>
		</div>
	</div>
	
	{#<!--<div id="section-2" class="container mt-5">
		
		<div class="d-flex justify-content-between">
			<div><h2 class="title proyectos-title">Proyectos</h2></div>
			<div><a href="{{ site.url }}/proyectos" class="btn btn-danger">Ver todos</a></div>
		</div>
		
		{% if is_mobile %}
			{{ posts_by_term('category','proyectos',-1,'post','frontpage-proyectos-slider.twig') }}
		{% elseif is_tablet %}
			{{ posts_by_term('category','proyectos',-1,'post','frontpage-proyectos-slider_md.twig') }}
		{% elseif is_desktop %}
			{{ posts_by_term('category','proyectos',-1,'post','frontpage-proyectos-slider_lg.twig') }}
		{% endif %}

	</div>-->#}
	
	<div id="section-2-bis" class="container mt-5">
		
		<div class="row text-right project-row">
			<div class="col-md-4 mb-2 mb-sm-0">
				<div class="h-100 pl-3 pr-3 pb-1 d-flex align-items-end justify-content-end" style="background-color:#fba451; ">
					<h3 class="text-right text-white text-uppercase letter-spacing-3">Proyectos</h3>
				</div>
			</div>
			<div class="col-md-4 mb-2 mb-sm-0">
				{{ posts_by_term('category','consultoria',1,'post','frontpage-proyectos.twig') }}
			</div>
			<div class="col-md-4 mb-2 mb-sm-0">
				{{ posts_by_term('category','investigacion-social-aplicada',1,'post','frontpage-proyectos.twig') }}
			</div>
		</div>
		<div class="row text-right mt-sm-4 project-row">
			<div class="col-md-4 mb-2 mb-sm-0">
				{{ posts_by_term('category','evaluacion-externa-y-participativa',1,'post','frontpage-proyectos.twig') }}
			</div>
			<div class="col-md-4 mb-2 mb-sm-0">
				{{ posts_by_term('category','intervencion-social-y-educativa',1,'post','frontpage-proyectos.twig') }}
			</div>
			<div class="col-md-4">
				{{ posts_by_term('category','formacion',1,'post','frontpage-proyectos.twig') }}
			</div>
		</div>
		
		<div class="container mt-4">
			<div class="row d-flex justify-content-end">
				<div><a href="{{ site.url }}/proyectos" class="btn btn-danger">Ver todos</a></div>
			</div>
		</div>
	</div>
	
	<div id="section-2-datos" class="pt-5 pb-5 mt-5">
		<div class="container">
			<div class="row">
				<div class="col-sm-4 text-center">
					<div class="dato dato-fecha text-uppercase">Desde 2005</div>
					<div class="dato dato-numero text-turquesa font-weight-bold">20</div>
					<div class="dato dato-desc text-uppercase mb-0">años de<br/>experiencia</div>
				</div>
				<div class="col-sm-4 text-center">
					<div class="dato dato-fecha text-uppercase">Más de</div>
					<div class="dato dato-numero text-naranja font-weight-bold">300</div>
					<div class="dato dato-desc text-uppercase mb-0">proyectos<br/>desarrollados</div>
				</div>
				<div class="col-sm-4 text-center">
					<div class="dato dato-fecha text-uppercase">Más de</div>
					<div class="dato dato-numero text-salmon font-weight-bold">40</div>
					<div class="dato dato-desc text-uppercase mb-0">instituciones con las<br/>que hemos colaborado</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="section-3">
		
		<div class="container-fluid ">
		<div class="border-bottom section-3-heading">
			<div class="container">
				<div class="d-flex justify-content-between">
					<div><h2 class="title actualidad-title">Actualidad</h2></div>
					{#<!--<div><a href="{{ site.url }}/actualidad" class="btn btn-outline-primary">Ver todo</a></div>-->#}
				</div>
			</div>
		</div>
		</div>
		
		<div class="container-fluid mt-2 mb-4">
			
			{% if is_desktop %}
			<div id="frontpage-actualidad-lg">
			{{ posts_by_type('post',5,'frontpage-actualidad.twig') }}
			</div>
			{% elseif is_tablet %}
			<div id="frontpage-actualidad-md">
			{{ posts_by_type('post',3,'frontpage-actualidad.twig') }}
			</div>
			{% elseif is_mobile %}
			<div id="frontpage-actualidad-xs">
			{{ posts_by_type('post',1,'frontpage-actualidad.twig') }}
			</div>
			{% endif %}
			
		</div>
		
		<div class="container">
			<div class="d-flex justify-content-end">
				<div><a href="{{ site.url }}/actualidad" class="btn btn-outline-primary">Ver todo</a></div>
			</div>
		</div>

	</div>
	
	{% include 'block-clientes.twig' %}
	
	<div id="section-4 container-fluid">
		<div class="presupuesto">
			<div class="overlay"></div>
			<div class="caption">
				<div class="row d-flex justify-content-between align-items-center">
					<div class="col-md-3 text-center">
						<div class="title">
							<h2 class="text-uppercase letter-spacing-3">Solicita<br />un presupuesto</h2>
						</div>
						<a href="{{site.url}}/solicita-un-presupuesto" class="btn btn-danger">Iniciar solicitud</a>
					</div>
					<div class="col-md-5">
						<div class="text">
							<p class="lead text-center font-weight-bold">Somos un equipo interdisciplinar,<br />caracterizado por la horizontalidad,<br />la gestión democrática y la participación</p>
						</div>
					</div>
					{#<!--<div class="col-md-3 text-center">
						<div class="button">
							<a href="{{site.url}}/solicita-un-presupuesto" class="btn btn-info">Iniciar solicitud</a>
						</div>
					</div>-->#}
				</div>
			</div>
			{#<!--<div id="budget-form" class="collapse">
				<div class="row">
					<div class="col-md-6 offset-md-3">
						
						{{ function('do_shortcode', '[gravityform id="2" title="false" description="false"]') }}
						
						<div class="form">
							
							<form id="contact-form" name="" method="post" action="/contacto">
								<div class="form-group">
									<input type="text" class="form-control text-center" name="name" id="name" value="" placeholder="Nombre">
								</div>
								<div class="form-group">
									<input type="email" class="form-control text-center" name="email" id="email" value="" placeholder="Email">
								</div>
								<div class="form-group">
									<input type="text" class="form-control text-center" name="organization" id="organization" value="" placeholder="Organización">
								</div>
								<div class="form-group">
									<textarea class="form-control text-center" name="message" id="message" value="" rows="10" placeholder="Mensaje"></textarea>
								</div>
								<div class="form-group form-check text-left text-body">
									<input class="form-check-input" type="checkbox" name="rgpd" value="Si" id="rgpd">
									<label class="form-check-label" for="rgpd">
										Acepto las condiciones de <a href="/politica-de-privacidad">política de privacidad</a>.
									</label>
								</div>
								<div class="text-right">
									<input type="hidden" name="form_type" value="{{form_type}}" id="form_type">
									<button type="submit" class="btn btn-info">Enviar solicitud</button>
								</div>
							</form>
							
						</div>
						
					</div>
				</div>
			</div>-->#}
		</div>
	</div>
	
	{% include 'block-network.twig' %}
	
	{#
		{{ posts_by_taxonomy('confederacion',4,'posts_by_taxonomy.twig') }}

		{{ posts_by_term('ideas','comunicados',4,'post','posts_by_taxonomy.twig') }}
					
		{{ posts_by_type('publicacion',10,'posts_featured_image.twig') }}
	#}

	{#
		{{ dump(terms) }}
	#}

{% endblock %}
