{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% include 'part_menu_puntos_priv.html' %}
{% include 'part_menu_priv_small.html' %}
<script>
    {% include 'page_puntos.js' %}
</script>
<!-- <div class="row bg-gris hide-for-large login-small">
    <div class="column small-24 medium-12">
        {% include 'part_login.html' %}
    </div>
    <div class="column small-24 medium-12">
        {% include 'part_menu_banner_small.html' %}
    </div>
</div> -->
<div class="content">
    <div class="row">
        <div class="column small-24">
            <div id="owl-banner" class="owl-carousel owl-theme">
    			  <div class="item">
                      <img class="slider-principal" data-interchange="[tw{{puntos.attrs.banner_small.data[0]|image}}, small], [tw{{puntos.attrs.banner_medium.data[0]|image}}, medium], [tw{{puntos.attrs.banner.data[0]|image}}, large]">
    			  </div>
    		</div>
        </div>
    </div>
    <br/>
	<div class="row">
        <div class="column small-24">
            <div class="show-for-large contenido-cms">
                tw{{puntos.attrs.contenido.data[0]|raw}}
            </div>
            <div class="hide-for-large contenido-cms">
                tw{{puntos.attrs.contenido_small.data[0]|raw}}
            </div>
        </div>
	</div>
    <br/>
    <br/>
    <div class="row">
        <div class="column small-24 medium-12 large-8 large-offset-4 text-center">
            <a href="tw{{site_url}}/terminos-y-condiciones" class="button radius">VER TÉRMINOS Y CONDICIONES</a>
        </div>
        <div class="column small-24 medium-12 large-8 end text-center">
            <a href="tw{{site_url}}/preguntas-frecuentes-puntos" class="button radius boton-blanco">PREGUNTAS FRECUENTES</a>
        </div>
    </div>
</div>
<br/>
<br/>
<br/>
<br/>

{% include 'part_footer.html' %}