{% extends "layout/base.html" %}
{% block content %}
<section id="main-content" class="main-content pad-60">
    <div class="container">
        <div class="row">
            <!-- page content start -->
            <div class="col-md-9 col-xs-12">        
                <div class="row">
                	<div class="col-sm-12 col-xs-12">
                		<h3 class="sm-title no-margin"><span>{{producto.nombre}}</span></h3>
                    </div>
                    
                    <div class="col-sm-5 col-xs-12">                    	                      
                        <div class="gallery">                            
                            <div class="gallery-item isotope-item">
                                <img class="img-responsive" src="{{ producto.imagen['ficha'] }}" alt="{{ producto.nombre }}">
                                <div class="hover-icon">
                                    <a href="{{ producto.imagen['ficha'] }}" class="fancybox">
                                        <i class="fa fa-search-plus fa-3x"></i>
                                    </a>
                                </div>
                            </div>
                        </div>                                
                    </div>
                    
                    <div class="col-sm-7 col-xs-12">
                    	<span class="text-justify">{{producto.desc_larga|raw}}</span>
                        
                        <a class="btn btn-primary" href="{{producto.enlace_tienda}}" target="_blank"><i class="fa fa-shopping-cart"></i> Comprar producto</a>
                    </div>
                    
                    <div class="col-sm-12 col-xs-12">
                    	<div class="divider style2"></div>
                    	{{Galerias.render(producto.id_galeria, 'portfolio') }} 
                    </div> 
                </div> <!--/row-->              
        	</div><!--/col9-->
            
            <!--columna de banners-->
            <div class="col-md-3 col-xs-12">
                {# {% include 'layout/buscador.html' %} #}
                {% include "macros/arbol-categorias.html" %}
            </div>
        </div><!--/row-->
    </div><!--/container-->
</section>
{% endblock %}