.pasos-a
.pasos-a__item(v-if="elements.length" v-for="(item, index) in elements")
.row.align-items-center.d-flex(
:class="!isEven(index) && 'flex-row-reverse'"
)
.col-3.col-sm-2.col-lg-1.pasos-a__numero.text-center.d-inline-flex.justify-content-center.align-items-center(
:class="getClass(index)"
)
.pasos-a__circle
.h2(v-if="tipo === 'n'") {{index + 1}}
.h2(v-else-if="tipo === 'l'") {{abecedario[index]}}
.col.py-3(v-child="item.elm" :class="!isEven(index) && 'text-end'")
.col-1
.row.pasos-a__linea(v-if="index + 1 != elements.length")
.col-3.col-sm-2.col-lg-1.pasos-a__linea__esquina
.pasos-a__linea__esquina__linea.top-right(v-if="isEven(index)")
.pasos-a__linea__esquina__linea.right-bottom(v-else)
.col-6.col-sm-8.col-lg-10
.hor-line
.col-3.col-sm-2.col-lg-1.pasos-a__linea__esquina
.pasos-a__linea__esquina__linea.left-bottom(v-if="isEven(index)")
.pasos-a__linea__esquina__linea.top-left(v-else)
.hidden-slot
slot