[promos.length]
<section class="promos wrapper">
  [promos]
  [carrousel]
  <section class="slider-productos mt-2" data-util="scroll">
    <div class="wrapper">
      <header class="ribbon">
        <h4 class="ff-header fs-xxl">{titulo}</h4>
      </header>
      <nav>
        <a href="#" data-arrow="-1">
          <i class="line left-7"></i>
        </a>
        <a href="#" data-arrow="1">
          <i class="line right-7"></i>
        </a>
      </nav>

      <div class="productos" data-carousel-destacados="{carrousel_destacados}">
        <ul class="scroll-snap-x" data-scrollable="">
          [carrousel_destacados]
          <li><include producto="{id}" src="includes/producto-tarjeta.html"></include></li>
          [/carrousel_destacados]
        </ul>
      </div>
    </div>
  </section>
  [/carrousel]
  [listado]
  <section class="home-listado">
    <div class="nuevo wrapper" data-lista-destacados>
      <h4>{titulo}</h4>
      <ul>
        [listado_destacados]
        <li><include producto="{id}" src="includes/producto-tarjeta.html"></include></li>
        [/listado_destacados]
      </ul>
    </div>
  </section>
  [/listado]
  [/promos]
</section>
[/promos.length]