header.header.container-fluid
.row.align-items-center.justify-content-between
.col.col-sm-auto.d-flex.align-items-center.justify-content-between.justify-content-sm-start
.header__menu.me-4.me-sm-5(v-if="$route.name != 'inicio'" @click="toggleMenu")
.header__menu__btn(:class="{'header__menu__btn--open': menuOpen}")
.line-2
.line-1
.line-3
span MENÚ
img.header__logo.me-4.me-sm-5(src="@/assets/template/logo-sena.svg", alt="Imagen decorativa")
.d-none.d-md-flex.align-items-center(v-if="isInicio")
a(href="#contenidos").me-5 Contenidos
.header__componente-formativo(v-else)
span(v-html="globalData.componenteFormativo")
.col-auto(v-if="isInicio")
router-link.boton(:to="{name: iniciarLnk.nombreRuta }")
span.me-1 Ver contenido
i(class="fas fa-angle-right")