{{#fields}}

<div class="promotion-card o-col-md-6">
    <a href="{{enlace}}" class="c-card c-card--product c-card--animation c-card--bg-image c-card--vertical">
        {{#archivo_imagen}}
        {{#alt}}
        <div class="c-card__img-box">
            <img src="{{url}}" alt="{{alt}}" class="c-card__img">
        </div>
        {{/alt}}
        {{/archivo_imagen}}

        <div class="c-card__details">

            {{#titulo_1}}
            <div class="c-card__text">
                <h3 class="c-card__title o-mb--1">
                    {{{titulo_1}}}
                    {{#titulo_2}}
                    <span class="c-card__title-description">{{{titulo_2}}}</span>
                    {{/titulo_2}}
                </h3>
                {{#subtitulo}}
                <p class="c-card__date o-mb--1">{{{subtitulo}}}</p>
                {{/subtitulo}}
            </div>
            {{/titulo_1}}

            {{#titulo_enlace}}
            <div class="c-card__link">
                <button class="c-btn c-btn--text-white bg-image ">
                    <div class="c-btn__inner">
                        <span class="c-btn__text u-text-center">{{{titulo_enlace}}}</span>
                        <i class="c-btn__icon next-icon icon-link" aria-hidden="true"></i>
                    </div>
                </button>
            </div>
            {{/titulo_enlace}}
        </div>
    </a>
</div>

{{/fields}}