<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block meta_title %}Tectónica: arquitectura y soluciones constructivas{% endblock %}</title>
<base href="/">
<meta name="description" content="{% block meta_description %}La primera web de arquitectura donde se relacionan directamente soluciones constructivas y productos.{% endblock %}">
<meta name="keywords" content="tectonica-online, tectonica, arquitectura, soluciones constructivas, construcción, productos, detalles, detalles constructivos, proyectos, temas, artículos">
<link rel="canonical" href="{{url(app.request.attributes.get('_route'), app.request.attributes.get('_route_params'))|replace({'http:':'https:'})}}" />
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css"></noscript>
<link rel="stylesheet" href="{{ asset('assetsv2/fonts/feather/style.min.css') }}" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="{{ asset('assetsv2/fonts/feather/style.min.css') }}"></noscript>
{#<link href="{{ asset('assetsv2/fonts/simple-line-icons/style.min.css') }}" rel="stylesheet">#}
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900|Montserrat:300,400,500,600,700,800,900">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700,900" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('assetsv2/vendor/pace/themes/black/pace-theme-flash.css') }}" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="{{ asset('assetsv2/vendor/pace/themes/black/pace-theme-flash.css') }}"></noscript>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Facebook Pixel Code -->
<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-5N6JG3J"></script>
<script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script>
<script>
! function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2166688003579365');
fbq('init', '3682907741835209');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2166688003579365&ev=PageView&noscript=1"/>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=3682907741835209&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
<!-- Google Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
{% if user %}
'user_id':'{{ user.id }}'
{% else %}
'user_id':null
{% endif %}
});
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-5N6JG3J');
</script>
<!-- End Google Tag Manager -->
{#
<link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/style.min.css" type="text/css">
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/6.*/viewer3D.min.js"></script>
#}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-139349638-1"></script>
<script>
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
</script>
<link rel="stylesheet" href="{{ asset('assetsv2/css/app_v2.min.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/global.min.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/menu.min.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/footer.min.css') }}">
{#
<link rel="stylesheet" href="{{ asset('assetsv2/css/app.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/global.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/menu.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/breadcrumbs.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/card.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/charts.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/footer.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/gallery.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/headercontact.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/paginator.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/scroll.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/sidebar.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/material-buttons.css') }}">
<link rel="stylesheet" href="{{ asset('assetsv2/css/material-expansionpanel.css') }}">
#}
<link rel="stylesheet" href="{{ asset('assetsv2/js/cookieBar/cookieBar.min.css') }}" media="none" onload="if(media!='all')media='all'">
<noscript><link rel="stylesheet" href="{{ asset('assetsv2/js/cookieBar/cookieBar.min.css') }}"></noscript>
<style>
.cookie-message {
position:fixed;
top:unset;bottom:0;left:0;right:0;
padding:0 85px 0 20px;
background:#333;
border-bottom:none;
box-shadow:none;
z-index: 99;
}
.cookie-message a.cookiebar-close { color: #fff }
.cookie-message p, .cookie-message p a { font-weight: 400 !important; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important }
.cookie-message p a { position: static; text-decoration: underline; color: #bbb !important; font-size: 14px; }
.cookie-message p {
font-size: 18px;
line-height: 24px;
color: #fff
}
@media (max-width:575.98px) {
.cookie-message p { font-size: 14px; line-height: 20px; }
}
</style>
<script>
function gotoLogin(){
document.cookie = "urlRef="+window.location.pathname+";path=/";
window.location.href = '/login';
return false;
}
</script>
{% block head %}{% endblock %}
</head>
<body class="pace-done" cz-shortcut-listen="true">
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5N6JG3J" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top white-bg">
<!---->
<a class="navbar-brand d-none d-sm-flex {% if not isHomepage %}tiny{% endif %}" href="/"></a>
<!---->
<a class="navbar-brand d-inline-block d-sm-none tiny mbl" href="/"></a>
<!---->
<!---->
<button aria-controls="navbarsDefault" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler hidden-sm-up" data-toggle="collapse" data-target="#navbarsDefault" type="button"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarsDefault">
<ul class="navbar-nav mr-auto d-md-block d-lg-none">
{% if user %}
{% if user.collective %}
<li class="nav-item secondary py-3">
<a class="nav-link link w-50 d-inline-block" href="javascript:void(0);">
{% if user.avatar %}
<img src="{{user.avatar}}" class="avatar" alt="">
{% else %}
<img src="assetsv2/img/profile-img.jpg" class="avatar" alt="">
{% endif %}
Hola, {{ user.firstName }}
</a><!--
--><a class="nav-link link w-50 d-inline-block text-right logout" href="{{absolute_url('/logout')|add_ssl}}">
<i class="fa fa-sign-out"></i>
</a>
</li>
{% elseif not user.isAdmin %}
<li class="nav-item secondary py-3">
<a class="nav-link link w-50 d-inline-block" href="{{absolute_url('/account')|add_ssl}}">
{% if user.avatar %}
<img src="{{user.avatar}}" class="avatar" alt="">
{% else %}
<img src="assetsv2/img/profile-img.jpg" class="avatar" alt="">
{% endif %}
Hola, {{ user.firstName }}
</a><!--
--><a class="nav-link link w-50 d-inline-block text-right logout" href="{{absolute_url('/logout')|add_ssl}}">
<i class="fa fa-sign-out"></i>
</a>
</li>
{% else %}
<li class="nav-item secondary py-3">
<a class="nav-link link w-50 d-inline-block" href="{{absolute_url('/admin')|add_ssl}}">
{% if user.avatar %}
<img src="{{user.avatar}}" class="avatar" alt="">
{% else %}
<img src="assetsv2/img/profile-img.jpg" class="avatar" alt="">
{% endif %}
Hola, {{ user.firstName }}
</a><!--
--><a class="nav-link link w-50 d-inline-block text-right logout" href="{{absolute_url('/logout')|add_ssl}}">
<i class="fa fa-sign-out"></i>
</a>
</li>
{% endif %}
{% else %}
<!---->
<li class="nav-item secondary"><a class="nav-link link" href="{{absolute_url('/login/')|add_ssl}}" onclick="return gotoLogin();">Log in</a></li>
<!---->
<li class="nav-item secondary"><a class="nav-link link" href="{{absolute_url('/subscription/')|add_ssl}}">Registro</a></li>
<!---->
{% endif %}
<!---->
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/projects/')|add_ssl}}" title="Proyectos">Proyectos</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/articles/')|add_ssl}}" title="Artículos">Artículos</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/constructive-details/')|add_ssl}}" title="Detalles constructivos">Detalles constructivos</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/materials/')|add_ssl}}" title="Materiales">Materiales</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/manufacturers/')|add_ssl}}" title="Empresas">Empresas</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/search/')|add_ssl}}" title="Buscador">Buscador</a></li>
{#<li class="nav-item"><a class="nav-link link" href="https://bildia.com/" title="Bildia" target="_blank">Bildia</a></li>#}
<li class="nav-item"><a class="nav-link link color-madera" href="{{absolute_url('/madera/')|add_ssl}}" title="Construcción con madera">Construcción con madera</a></li>
<li class="nav-item secondary"><a class="nav-link link" href="{{absolute_url('/about-us/')|add_ssl}}" title="Quiénes somos">QUIÉNES SOMOS</a></li>
<li class="nav-item secondary"><a class="nav-link link" href="{{absolute_url('/contact/')|add_ssl}}" title="Contacto">CONTACTO</a></li>
<li class="nav-item secondary"><a class="nav-link link" href="{{absolute_url('/subscription/')|add_ssl}}" title="Suscripción">SUSCRIPCIÓN</a></li>
<li class="nav-item secondary"><a class="nav-link link" href="{{absolute_url('/advertising/')|add_ssl}}" title="Publicidad">PUBLICIDAD</a></li>
<li class="nav-item secondary"><a class="nav-link link" href="https://www.tectonica.es/revista/suscripcion_y_compra.html" title="Revista">REVISTA</a></li>
{% if user and not user.isAdmin and user.isFreeUser %}
<li class="nav-item secondary py-1 text-center text-uppercase header-subscription-responsive">
¿Quieres sacarle todo el partido a tectónica? <a href="{{absolute_url('/account/subscription')|add_ssl}}">Suscríbete!</a>
</li>
{% endif %}
</ul>
<!---->
<ul class="navbar-nav mr-auto d-none d-sm-none d-md-none d-lg-flex">
<li class="nav-item {% if app.request.attributes.get('_route') starts with 'project' %}active{% endif %}"><a class="nav-link link" href="{{absolute_url('/projects/')|add_ssl}}" title="Proyectos">Proyectos</a></li>
<li class="nav-item {% if app.request.attributes.get('_route') starts with 'article' %}active{% endif %}"><a class="nav-link link" href="{{absolute_url('/articles/')|add_ssl}}" title="Artículos">Artículos</a></li>
<li class="nav-item {% if app.request.attributes.get('_route') starts with 'constructive-detail' %}active{% endif %}"><a class="nav-link link" href="{{absolute_url('/constructive-details/')|add_ssl}}" title="Detalles constructivos">Detalles constructivos</a></li>
<li class="nav-item {% if app.request.attributes.get('_route') starts with 'material' %}active{% endif %}"><a class="nav-link link" href="{{absolute_url('/materials/')|add_ssl}}" title="Materiales">Materiales</a></li>
<li class="nav-item {% if app.request.attributes.get('_route') starts with 'manufacturer' %}active{% endif %}"><a class="nav-link link" href="{{absolute_url('/manufacturers/')|add_ssl}}" title="Empresas">Empresas</a></li>
{#<li class="nav-item"><a class="nav-link link" href="https://bildia.com/" target="_blank" title="Bildia">Bildia</a></li>#}
<li class="nav-item"><a class="nav-link link color-madera" href="{{absolute_url('/madera/')|add_ssl}}" title="Construcción con madera">Construcción con madera</a></li>
</ul>
<ul class="navbar-nav-login d-none d-sm-none d-md-none d-lg-flex">
{% if user %}
{% if user.collective %}
<li class="nav-item">
<a class="nav-link link logged" href="javascript:void(0);">
Hola, {{ user.firstName }}
{% if user.avatar %}
<img src="{{user.avatar}}" class="avatar" alt="">
{% else %}
<img src="assetsv2/img/profile-img.jpg" class="avatar" alt="">
{% endif %}
</a>
</li>
{% elseif not user.isAdmin %}
<li class="nav-item">
<a class="nav-link link logged" href="{{absolute_url('/account')|add_ssl}}">
Hola, {{ user.firstName }}
{% if user.avatar %}
<img src="{{user.avatar}}" class="avatar" alt="">
{% else %}
<img src="assetsv2/img/profile-img.jpg" class="avatar" alt="">
{% endif %}
</a>
</li>
{% if user.isFreeUser %}
<li class="nav-item secondary py-1 text-center text-uppercase header-subscription">
<span>¿Quieres sacarle todo el partido a tectónica?</span>
<a href="{{absolute_url('/account/subscription')|add_ssl}}">Suscríbete!</a>
</li>
{% endif %}
{% else %}
<li class="nav-item">
<a class="nav-link link logged" href="{{absolute_url('/admin')|add_ssl}}">
Hola, {{ user.firstName }}
{% if user.avatar %}
<img src="{{user.avatar}}" class="avatar" alt="">
{% else %}
<img src="assetsv2/img/profile-img.jpg" class="avatar" alt="">
{% endif %}
</a>
</li>
{% endif %}
{% else %}
<!---->
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/login/')|add_ssl}}" title="Log in" onclick="return gotoLogin();">Log in</a></li>
<!---->
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/subscription/')|add_ssl}}" title="Registro">Registro</a></li>
<!---->
{% endif %}
<!---->
<li class="nav-item">
<!---->
<a class="nav-icon" href="{{absolute_url('/search/')|add_ssl}}"><img class="search-icon" src="assetsv2/img/homepage/search-1.png" title="Buscar"></a>
</li>
</ul>
</div>
</nav>
{% block body %}{% endblock %}
<div class="container-fluid footer">
<!---->
<div class="row pt-4 d-flex justify-content-center">
<div class="col-2 d-none d-sm-block">
<ul class="navbar-footer">
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/about-us/')|add_ssl}}" title="Quiénes somos">Quiénes somos</a></li>
{#<li class="nav-item"><a class="nav-link link" href="https://bildia.com/" target="_blank" title="Bildia">Bildia</a></li>#}
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/contact/')|add_ssl}}" {# onclick="$('#contactFooter').modal(); return false;" #}title="Contacto">Contacto</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/subscription/')|add_ssl}}" title="Suscripción">Suscripción</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/advertising/')|add_ssl}}" title="Publicidad">Publicidad</a></li>
<li class="nav-item"><a class="nav-link link" href="https://www.tectonica.es/revista/suscripcion_y_compra.html" target="_blank" title="Revista">Revista</a></li>
</ul>
</div>
<div class="col-3 d-none d-sm-block">
<ul class="navbar-footer">
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/projects/')|add_ssl}}" title="Proyectos">Proyectos</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/articles/')|add_ssl}}" title="Artículos">Artículos</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/constructive-details/')|add_ssl}}" title="Detalles constructivos">Detalles constructivos</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/materials/')|add_ssl}}" title="Materiales">Materiales</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/manufacturers/')|add_ssl}}" title="Empresas">Empresas</a></li>
<li class="nav-item"><a class="nav-link link" href="{{absolute_url('/madera/')|add_ssl}}" title="Construcción con madera">Construcción con madera</a></li>
</ul>
</div>
<div class="col-12 col-sm-5">
<div class="row">
<div class="col-5 col-sm-12 footer-logo"><img class="tectonica-logo" src="assetsv2/img/logos/logo-mbl.png"></div>
<div class="col-7 col-sm-12 footer-rrss">
<ul class="list-inline">
<li><a href="https://www.youtube.com/channel/UCKOTeY_n3Df_gCRU3IvMFWQ/videos" target="_blank" title="Tectónica en YouTube"><i class="fa fa-youtube-play"></i></a></li><!--
--><li><a href="http://www.linkedin.com/company/tectonica-archi" target="_blank" title="Tectónica en LinkedIn"><i class="fa fa-linkedin"></i></a></li><!--
--><li><a href="https://www.instagram.com/tectonica_" target="_blank" title="Tectónica en Instagram"><i class="fa fa-instagram"></i></a></li><!--
--><li><a href="http://www.facebook.com/tectonica.archi" target="_blank" title="Tectónica en Facebook"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-12 col-sm-10">
<hr>
</div>
</div>
<div class="row d-flex justify-content-center pb-4">
<div class="col-12 col-sm-5 footer-copyright"><span>© Tectónica</span></div>
<div class="col-12 col-sm-5 footer-legal">
<!---->
<div class="links"><a href="{{absolute_url('/section/privacy/')|add_ssl}}" title="Política de privacidad">Política de privacidad</a> | <a href="{{absolute_url('/section/legal/')|add_ssl}}" title="Aviso legal">Aviso legal</a> | <a href="{{absolute_url('/section/cookies/')|add_ssl}}" title="Cookies">Cookies</a> | <a href="{{absolute_url('/section/faqs/')|add_ssl}}" title="FAQs">FAQs</a></div>
</div>
</div>
</div>
<div class="cookie-message">
<p>Utilizamos cookies propias y de terceros para obtener datos estadísticos de la navegación de nuestros usuarios y mejorar nuestros servicios. Si acepta o continúa navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información <a href="{{absolute_url('/section/cookies/')|add_ssl}}" title="Cookies">aquí</a>.</p>
<a class="cookiebar-close"><i class="material-icons">close</i></a>
</div>
{#
<div class="modal fade" id="contactFooter" tabindex="-1" role="dialog" aria-labelledby="contactFooterLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-body">
<h2 class="mb-3">¿Qué necesitas?</h2>
<p>
Solicitar presupuesto o encontrar fabricantes y subcontratistas mediante nuestro partner <strong>Bildia</strong>
</p>
<div class="text-center mb-2">
<a class="boton" href="https://bildia.com/#modal-presupuesto-directo" title="Solicitar un presupuesto">Solicitar un presupuesto</a>
</div>
<p>
Quiero contactar con <strong>Tectónica</strong> para otro asunto
</p>
<div class="text-center mb-2">
<a class="boton" href="{{absolute_url('/contact/')|add_ssl}}" title="Contáctanos">CONTÁCTANOS</a>
</div>
</div>
</div>
</div>
</div>
#}
<script src="{{ asset('assetsv2/js/jquery-3.4.1.min.js') }}"></script>
<script src="{{ asset('assetsv2/js/popper.min.js') }}"></script>
<script src="{{ asset('assetsv2/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('assetsv2/js/cookieBar/jquery.cookieBar.min.js') }}"></script>
<script>
$('.cookie-message').cookieBar({
'closeButton': '.cookiebar-close',
'name': 'cookielaw'
});
</script>
{% block scripts_body %}{% endblock %}
</body>
</html>