{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% include 'part_menu_puntos_priv.html' %}
{% include 'part_menu_priv_small.html' %}
<!-- <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="content-titulo">
        <div class="row">
            <div class="column small-24">
                <h1 class="titulo-pagina">
                    {% if site_env=='cusa' %}
                    Como Comprar
                    <img src="tw{{template_url}}/img/icon-titulo.png" alt="" />
                    {% else %}
                    Como Comprar
                    {% endif %}
                </h1>
            </div>
        </div>
    </div>
	<div class="row">
		<div class="column small-24 large-17 contenido-cms" id="info">
            <div class="show-for-medium">
                tw{{como_comprar.attrs.contenido.data[0]|raw}}
            </div>
            <div class="hide-for-medium">
                tw{{como_comprar.attrs.contenido_small.data[0]|raw}}
            </div>
		</div>
        <div class="column small-24 large-7 show-for-large">
            <div data-sticky-container>
                <div class="sticky" data-sticky data-anchor="info">
                    {% if site_env == 'cyem' %}
                        {% include 'part_servicios_online.html' %}
                    {% endif %}
                    <div class="content-login">
                        {% include 'part_login.html' %}
                    </div>
                </div>
            </div>
        </div>
	</div>
</div>
<br/>
<br/>
{% include 'part_footer.html' %}