{"id":8761,"date":"2024-02-06T11:01:16","date_gmt":"2024-02-06T10:01:16","guid":{"rendered":"https:\/\/b2b.atom-sport.com\/home__trashed\/trail-running\/"},"modified":"2025-07-31T11:14:19","modified_gmt":"2025-07-31T09:14:19","slug":"trail-running","status":"publish","type":"page","link":"https:\/\/b2b.atom-sport.com\/en\/trail-running\/","title":{"rendered":"TRAIL RUNNING"},"content":{"rendered":"<div id='av_section_1' class='avia-section main_color avia-section-no-padding avia-no-border-styling avia-bg-style-scroll  avia-builder-el-0  el_before_av_textblock  avia-builder-el-first    av-minimum-height av-minimum-height-50  av-section-with-video-bg container_wrap fullsize' style='background-color: #f7f7f7;  '   data-av_minimum_height_pc='50' data-section-video-ratio='16:9'><div  data-size='featured'  data-lightbox_size='large'  data-animation='slide'  data-conditional_play=''  data-ids=''  data-video_counter='1'  data-autoplay='false'  data-bg_slider='false'  data-slide_height=''  data-handle=''  data-interval='5'  data-class=' av-section-video-bg'  data-css_id=''  data-scroll_down=''  data-control_layout=''  data-custom_markup=''  data-perma_caption=''  data-autoplay_stopper=''  data-image_attachment=''  data-min_height='0px'  data-default-height='28.666666666667'  class='avia-slideshow avia-slideshow-1  av-default-height-applied avia-slideshow-featured   av-section-video-bg avia-slide-slider '  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><ul class='avia-slideshow-inner ' style='padding-bottom: 28.666666666667%;' ><li  data-controls='disabled' data-mute='1' data-loop='1' data-disable-autoplay=''  data-video-ratio='3.4883720930233' class=' av-video-slide  av-video-service-html5  av-hide-video-controls av-mute-video av-loop-video av-single-slide slide-1 ' ><div data-rel='slideshow-1' class='avia-slide-wrap '   ><div class='av-click-overlay'><\/div><video class=\"avia_video\"  autoplay loop preload=\"metadata\" muted controls id=\"player_8761_1652041618_1659922465\" >\t<source src=\"https:\/\/b2b.atom-sport.com\/wp-content\/uploads\/2024\/02\/atom-gc-sm.mp4\" type=\"video\/mp4\" \/><\/video><div class='av-click-to-play-overlay'><div class=\"avia_playpause_icon\"><\/div><\/div><\/div><\/li><\/ul><\/div><div class='container' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-8761'><div class='entry-content-wrapper clearfix'><\/div><\/div><\/main><!-- close content main element --><\/div><\/div><div id='after_section_1' class='main_color av_default_container_wrap container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-8761'><div class='entry-content-wrapper clearfix'>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><h1 style=\"text-align: center;\">TRAIL RUNNING<\/h1>\n<p style=\"text-align: center;\">Run, jump, dominate the mountain. Designed for maximum performance on every trail, these trail running shoes give you the grip, stability and comfort you need. <\/p>\n<p style=\"text-align: center;\">Nothing stops you. Challenge the terrain, conquer every kilometer and feel the freedom in every stride. <\/p>\n<\/div><\/section>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_2' class='avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll  avia-builder-el-2  el_after_av_textblock  avia-builder-el-last    container_wrap fullsize' style=' '  ><div class='container' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-8761'><div class='entry-content-wrapper clearfix'>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><div class=\"titular2\" style=\"text-align: center;\"> Men<\/div>\n<\/div><\/section>\n<!-- Template Menu -->\n<script type=\"text\/x-template\"  id=\"template-menu-catalogo\">\n    <transition appear name=\"slide-fade\">\n        <!-- Menu izquierdo -->\n        <section class=\"e-catalogo\" :id=\"id\">\n            \n            <header v-if=\"styleJson.menu_opcion_formato == 'botones' && styleJson.titulo_menu_opcion == '1'\" class=\"titulo-ecatalogo\">\n                <h2>{{ catalogoNombre }}<\/h2>\n            <\/header>\n\n            <!-- Menu con formato Underline -->\n            <section class=\"underline-container\" v-bind:style=\"{height: heightTabContainer}\" v-if=\"styleJson.menu_opcion_formato == 'underline' && mostrarMenu == 1 && styleJson.opcion_tipo_catalogo == 0\">\n                <!-- Solo se muestra si el titulo es visible o si hay subcategorias -->\n                <div v-bind:class=\"['columna-12', (typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1) || styleJson.titulo_menu_opcion == '1' ? 'linea-menu-underline': '']\">\n                    <!-- Catalogo -->\n                    <div class=\"columna-1-4\" v-if=\"styleJson.titulo_menu_opcion == '1'\">\n                        <h2>\n                            {{ catalogoNombre }}\n                        <\/h2>\n                    <\/div>\n                    <!-- Tabs -->\n                    <div v-bind:class=\"[styleJson.titulo_menu_opcion == '1' ? 'columna-3-4':'columna-12', 'no-padding']\">\n                        <i class=\"fas fa-bars icono-menu\" v-if=\"esMovil\" v-on:click=\"mostrarCategoria(); heightTabContainer = 'auto'; \"><\/i>\n                        <nav v-bind:class=\"menuClases\" v-if=\"categoriasMostrar\">\n                            <ul>\n                                <!-- MENU NIVEL 0 -->\n                                <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                                    <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\" v-bind:class=\"[menuSelected == idMenuAll ? 'selected' : '']\">\n                                        {{ traduccionesJson.todos }}\n                                    <\/a>\n                                <\/li>\n                                <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\" v-for=\"menu in menuCatalogo.nivel0\">\n                                    <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" v-bind:class=\"[menuSelected == menu.id ? 'selected' : '']\">\n                                        {{ menu.titulo }}\n                                    <\/a>\n                                <\/li>\n                            <\/ul>\n                        <\/nav>\n                        \n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Menu con formato Tabs -->\n            <section class=\"tab-container\" v-bind:style=\"{height: heightTabContainer}\" v-if=\"styleJson.menu_opcion_formato == 'tabs' && mostrarMenu == 1 && styleJson.opcion_tipo_catalogo == 0\">\n                <!-- Solo se muestra si el titulo es visible o si hay subcategorias -->\n                <div v-bind:class=\"['columna-12', 'no-padding', (menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1) || styleJson.titulo_menu_opcion == '1' ? 'linea-menu-tab': '']\">\n                    <!-- Nombre catalogo -->\n                    <div class=\"columna-1-4\" v-if=\"styleJson.titulo_menu_opcion == '1'\">\n                        <h2>\n                            {{ catalogoNombre }}\n                        <\/h2>\n                        <i class=\"flecha-arriba fas fa-caret-up\" v-if=\"esMovil && categoriasMostrar\" v-on:click=\"categoriasMostrar = false; heightTabContainer = '40px';\"><\/i>\n                        <i class=\"flecha-abajo fas fa-caret-down\" v-if=\"esMovil && !categoriasMostrar\" v-on:click=\"categoriasMostrar = true; heightTabContainer = 'auto';\"><\/i>\n                    <\/div>\n                    <!-- Tabs -->\n                    <div v-bind:class=\"['no-padding', styleJson.titulo_menu_opcion == '1' ? 'columna-3-4':'columna-12']\">\n                        <i class=\"fas fa-bars icono-menu columna-2\" v-if=\"esMovil && styleJson.titulo_menu_opcion == '0'\" v-on:click=\"mostrarCategoria(); heightTabContainer = 'auto'; \"><\/i>\n                        <nav v-bind:class=\"menuClases\" v-if=\"categoriasMostrar\"> \n                            \n                            <ul>\n                                <!-- MENU NIVEL 0 -->\n                                <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                                    <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\" v-bind:class=\"[menuSelected == idMenuAll ? 'selected' : '']\">\n                                        {{ traduccionesJson.todos }}\n                                    <\/a>\n                                <\/li>\n                                <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\" v-for=\"menu in menuCatalogo.nivel0\">\n                                    <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" v-bind:class=\"[menuSelected == menu.id ? 'selected' : '']\">\n                                        {{ menu.titulo }}\n                                    <\/a>\n                                <\/li>\n                            <\/ul>\n                        <\/nav>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Menu con formato de botones -->\n            <nav v-bind:class=\"menuClases\" v-if=\"styleJson.menu_opcion_formato == 'botones'\">\n                <ul class=\"columna-12\">\n                    <!-- MENU NIVEL 0 -->\n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                        <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\" v-bind:class=\"[(menuSelected == idMenuAll ? 'selected' : ''), 'avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center']\">\n                            {{ traduccionesJson.todos }}\n                        <\/a>\n                    <\/li>\n                    \n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\" v-for=\"menu in menuCatalogo.nivel0\">\n                        <a href=\"Javascript:void(0)\" v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" v-bind:class=\"[(menuSelected == menu.id || submenuActivo(menu, menuSelected) ? 'selected' : ''), 'avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center']\">\n                            {{ menu.titulo }}\n                        <\/a>\n                        <!-- MENU NIVEL 1 -->\n                        <ul class=\"botones-submenu\" v-if=\"menu.hasOwnProperty('submenu')\">\n                            <li v-for=\"submenu in menu.submenu\">\n                                <a href=\"Javascript:void(0)\" v-on:click=\"seleccionarMenuCatalogo(submenu.id, 'click')\" v-bind:class=\"[menuSelected == submenu.id ? 'selected' : '', 'avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center']\">\n                                    {{ submenu.titulo }}\n                                <\/a>\n                            <\/li>\n                        <\/ul>\n                    <\/li>\n                <\/ul>\n            <\/nav>\n\n            <!-- Menu con formato camino de migas -->\n            <header v-if=\"styleJson.menu_opcion_formato == 'breadcrumb' && styleJson.titulo_menu_opcion == '1' && mostrarMenu == 1\" class=\"titulo-ecatalogo left\">\n                <h2>{{ catalogoNombre }}<\/h2>\n            <\/header>\n            <nav v-bind:class=\"menuClases\" v-if=\"styleJson.menu_opcion_formato == 'breadcrumb' && mostrarMenu == 1\">\n                <ul class=\"columna-12\">\n                    <!-- MENU NIVEL 0 -->\n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                        <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\" v-bind:class=\"[menuSelected == idMenuAll ? 'selected' : '']\">\n                            {{ traduccionesJson.todos }}\n                        <\/a>\n                    <\/li>\n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\" v-for=\"menu in menuCatalogo.nivel0\">\n                        <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" v-bind:class=\"[menuSelected == menu.id ? 'selected' : '']\">\n                            {{ menu.titulo }}\n                        <\/a>\n                    <\/li>\n\n                <\/ul>\n            <\/nav>\n\n            <!-- Menu con formato clasico -->\n            <nav v-bind:class=\"menuClases\" v-if=\"styleJson.menu_opcion_formato == 'clasico' && mostrarMenu == 1\">\n                <ul class=\"columna-12\">\n                    <!-- Menu primer nivel -->\n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                        <a href=\"Javascript:void(0);\" \n                            v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\"\n                            v-bind:class=\"[menuSelected == idMenuAll ? 'selected' : '', 'submenu-1']\">\n                            {{ traduccionesJson.todos }}\n                        <\/a>\n                    <\/li>\n                    <li v-for=\"menu in menuCatalogo.nivel0\" v-bind:class=\"[{ 'submenu-1' : menu.submenu}]\">\n                        <a href=\"Javascript:void(0);\" \n                            v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" \n                            v-bind:style=\"{color: styleJson.style_menu_classic_selected_color }\" \n                            v-bind:class=\"[menu.submenu ? claseFlechas.submenu1 : '', menuSelected == menu.id ? 'selected' : '']\"\n                        >\n                            {{ menu.titulo }}\n                        <\/a>\n\n                        <!-- Submenu 1 -->\n                        <nav class=\"sub-menu\" v-if=\"menu.submenu\">\n                            <ul>                                \n                                <li v-for=\"submenu1 in menu.submenu\" v-bind:class=\"[{'submenu-2' : submenu1.submenu}]\">\n                                    \n                                   \n                                    <!-- Horizontal -->\n                                    <a href=\"Javascript:void(0);\" \n                                        v-on:click=\"seleccionarMenuCatalogo(submenu1.id, 'click')\" \n                                        v-bind:style=\"{color: menuSelected == submenu1.id ? styleJson.style_menu_classic_selected_color : ''}\" \n                                        v-bind:class=\"[submenu1.submenu ? claseFlechas.submenu2 : '', menuSelected == submenu1.id ? 'selected' : '']\"\n                                    >\n                                        {{ submenu1.titulo }}\n                                    <\/a>\n\n                                    <!-- Submenu 2 -->\n                                    <nav class=\"sub-menu\" v-if=\"submenu1.submenu\">\n                                        <ul>\n                                            <li v-for=\"submenu2 in submenu1.submenu\">\n                                                <a href=\"Javascript:void(0);\"\n                                                    v-on:click=\"seleccionarMenuCatalogo(submenu2.id, 'click')\"\n                                                    v-bind:style=\"{color: menuSelected == submenu2.id ? styleJson.style_menu_classic_selected_color : ''}\" \n                                                    v-bind:class=\"[menuSelected == submenu2.id ? 'selected' : '']\">\n                                                    {{ submenu2.titulo }}\n                                                <\/a>\n                                               \n                                            <\/li>\n                                        <\/ul>\n                                    <\/nav>\n                                <\/li>\n                            <\/ul>                        \n                        <\/nav>\n                    <\/li>\n                <\/ul>\n            <\/nav>\n\n            <!-- Filter a la derecha cuando el titulo NO es visible -->\n            <div class=\"columna-filter\" v-if=\"styleJson.opcion_filtro_catalogo !== '0'\">\n                <!-- Filtrados -->\n                <menu-filtro \n                    :filtros=\"styleJson.opcion_filtro_catalogo\" \n                    :id-referencia-catalogo=\"idReferenciaCatalogo\"   \n                    :url-api-tallas-colores=\"urlApiTallasColores\" \n                    :id-catalogo=\"catalogoSeleccionado\" \n                    :token=\"token\" \n                    :traducciones=\"traduccionesJson\" \n                    :precio-inferior=\"precioInferior\" \n                    :precio-superior=\"precioSuperior\">\n                <\/menu-filtro>\n            <\/div>\n        <\/section>\n    <\/transition>\n<\/script>\n\n<!-- Template filtro -->\n<script type=\"text\/x-template\"  id=\"template-menu-filtro\">\n    <transition appear name=\"slide-fade\">\n        <section class=\"columna-12 text-right\" :id=\"id\">\n            <a href=\"Javascript:void(0)\" class=\"accion\" v-on:click=\"mostrarOcultarFiltros()\">{{ traducciones.filtro_titulo }} <i class=\"fas fa-caret-down\" v-if=\"!mostrarFiltro\"><\/i> <i class=\"fas fa-caret-up\" v-if=\"mostrarFiltro\"><\/i> <\/a>\n            <section class=\"menu-filtros text-left\" v-bind:style=\"{display: mostrarFiltro ? 'block' : 'none'}\">\n                <div class=\"precios\" v-if=\"filtros == '1' || filtros == '2' || filtros == '3' || filtros == '6'\">\n                    <span class=\"etiqueta\">\n                        {{ traducciones.precios }}:\n                    <\/span>\n                    <div class=\"input\">\n                        <input type=\"text\" class=\"input-rango-precios\" value=\"\" \/>\n                    <\/div>\n                <\/div>\n\n                <!-- Tallas -->\n                <div v-if=\"listadoFiltros !== null && listadoFiltros.hasOwnProperty('tallas') && listadoFiltros.tallas.length > 0 && listadoFiltros.tallas !== null && (filtros == '1' || filtros == '2' || filtros == '4' || filtros == '5')\" class=\"tallas\">\n                    <span class=\"etiqueta\">\n                        {{ traducciones.tallas }}:\n                    <\/span>\n                    <div class=\"input\">\n                        <a href=\"Javascript:void(0)\" v-for=\"talla in listadoFiltros.tallas\" v-on:click=\"tallaElegida= tallaElegida == talla ? '' : talla\" v-bind:class=\"['talla', tallaElegida == talla ? 'avia-color-theme-color-highlight' : '']\">\n                            {{talla}}\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Colores -->\n                <div v-if=\"listadoFiltros !== null && listadoFiltros.hasOwnProperty('colores') && listadoFiltros.colores !== null && (filtros == '1' || filtros == '4' || filtros == '6' || filtros == '7')\" class=\"colores\">\n                    <span class=\"etiqueta\">\n                        {{ traducciones.colores }}:\n                    <\/span>\n                    <div class=\"input\">\n                        <a href=\"Javascript:void(0)\" \n                            v-for=\"color in listadoFiltros.colores\" \n                            v-bind:style=\"{backgroundColor: 'rgb(' + color.rojo + ',' + color.verde + ',' + color.azul +')'}\" \n                            v-on:click=\"colorElegido= colorElegido == color.rojo + ',' + color.verde + ',' + color.azul ? '' : color.rojo + ',' + color.verde + ',' + color.azul\" \n                            v-bind:class=\"['color-disponible', colorElegido == color.rojo + ',' + color.verde + ',' + color.azul ? 'selected' : '']\">\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Aplicar filtros -->\n                <button class=\"boton-filtrar avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-right\" v-on:click=\"aplicarFiltro()\">\n                    {{ traducciones.aplicar }}\n                <\/button>\n                <button class=\"boton-filtrar avia-button avia-icon_select-no avia-color-theme-color-subtle avia-size-small avia-position-right\" v-on:click=\"resetearFiltro()\">\n                    {{ traducciones.resetear }}\n                <\/button>\n            <\/section>\n        <\/section>\n    <\/transition>\n<\/script>\n<!-- Template Grilla -->\n<script type=\"text\/x-template\"  id=\"template-grid\">\n    <transition appear name=\"slide-fade\">\n        <section class=\"product-container\" v-bind:style=\"{minHeight: gridAlturaMinima}\">\n            <!-- No hay contenido -->\n            <h5 class=\"not-found\" v-if=\"arrayProductos.length < 1 && !loading\">\n                    {{ traduccionesJson.no_hay_registros }}\n            <\/h5>\n\n            <!-- Contenedor de art\u00edculos -->\n            <ul v-bind:class=\"['grid-catalogo', clases]\" v-bind:style=\"{height: ultimaAltura > 0 && loading ? (ultimaAltura + 'px') : 'auto'}\" :id=\"id\">\n                <!-- Listar productos -->\n                <li v-for=\"productoData in arrayProductos\" v-bind:class=\"[!productoData.hasOwnProperty('tipo') ? 'li-articulo' : 'li-promocion']\">\n                    <!-- Creamos un elemento de art\u00edculo -->\n                    <articulo v-if=\"!productoData.hasOwnProperty('tipo')\" :producto='productoData' :styles='stylesJson' :traducciones='traducciones'><\/articulo>\n                    \n                    <!-- A\u00f1adimos un objeto de promociones al azar -->\n                    <article class=\"columna-12\" v-if=\"productoData.hasOwnProperty('tipo')\"><div v-html=\"productoData.html\"><\/div><\/article>\n\n                <\/li>\n            <\/ul>\n\n            <!-- Paginados -->\n            <!-- Paginado tipo num\u00e9rico -->\n            <section v-if=\"paginarResultados && paginadoNumericoActivo\" v-bind:class=\"['paginado-numerico-grid', paginadoAlineacion]\">\n                <a href=\"Javascript:void(0)\" v-if=\"paginaActual > 1 && botonesAnteriorSiguiente\" v-on:click=\"paginacionNumerica(paginaActual - 1)\">\n                    <i class=\"circulo-destacado fas fa-circle\"><\/i>\n                    <span>\n                        <img decoding=\"async\" class=\"icono-base64\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf\/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L\/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X\/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP\/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAXRaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI\/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDUtMjBUMTE6Mjc6MTQrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDUtMjBUMTE6Mjc6MTQrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA1LTIwVDExOjI3OjE0KzAyOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJhZDY1Y2VlLTBlYzktYWE0NC04ZTE0LTgyNTljOGNlNzYwYSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ0OTk2ZWU4LTc2YmEtYWQ0Yy1hZDViLWJmYzEzMDFjNmVhNiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjI2MTUwMTA4LWFjMzgtNzU0Ni1iODdkLTgwY2Q0MTRlZTIyMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MTUwMTA4LWFjMzgtNzU0Ni1iODdkLTgwY2Q0MTRlZTIyMyIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0yMFQxMToyNzoxNCswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyYWQ2NWNlZS0wZWM5LWFhNDQtOGUxNC04MjU5YzhjZTc2MGEiIHN0RXZ0OndoZW49IjIwMTktMDUtMjBUMTE6Mjc6MTQrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw\/eHBhY2tldCBlbmQ9InIiPz6Jmp2vAAAA\/ElEQVQokXXSPS8EURiG4WutRCQShUKyUSpEKRHxFxQkPiqdbiKTGNsRhQiFWIeMZH6BTimi0ErW2mgptvTR+wOjMDas2ae+z\/2e8z6nkue5soQ0G8EJ7gb7AEM4xwZqA6UaGgXwiHrl97iQZlUcYxvPWEziqNNr2iuAF6wmcdSBrimk2Q4O8YqlJI6efk5W8jwX0mwLAe9YTuLo4be+Ojo2HhfAB1Z6Aej3uj+p3t5ct5qt9ifWsNBste\/n52bf\/pmSODrDLmq4Cmk2UzouiaMj7GMClyHNpvvd6QCnmCqMk90V9Cak2QU2fdeyXlow6hj23V+j1FTYul\/lC3NvVmizsw2CAAAAAElFTkSuQmCC\">\n                    <\/span>\n                <\/a>\n\n                <a href=\"Javascript:void(0)\" v-on:click=\"paginacionNumerica(index)\" v-if=\"(index >= inicioPaginado && index <= inicioPaginado + numeroPaginas - 1) && index <= finPaginado\" v-for=\"index in numeroPaginas\" v-bind:class=\"[paginaActual == index ? 'selected': '']\" :key=\"index\">\n                    <i class=\"circulo-destacado fas fa-circle\"><\/i>\n                    <span>\n                    {{ index }}\n                    <\/span>\n                <\/a>\n\n                <a href=\"Javascript:void(0)\" v-if=\"paginaActual < numeroPaginas && botonesAnteriorSiguiente\" v-on:click=\"paginacionNumerica(paginaActual + 1)\">\n                    <i class=\"circulo-destacado fas fa-circle\"><\/i>\n                    <span>\n                        <img decoding=\"async\" class=\"icono-base64\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf\/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L\/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X\/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP\/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAXRaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI\/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDUtMjBUMTE6Mjc6MjkrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDUtMjBUMTE6Mjc6MjkrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA1LTIwVDExOjI3OjI5KzAyOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlkNmNlY2Y1LWE5MmItZjU0Ni1hYjM1LTgxMTVmNjkyN2E0OCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjlkZjkwODU4LTU2NjUtZDY0MC1hZmNkLThhMTE0ZTQxYTVkYiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmE5YTc2OTk5LTlmNjMtOTI0OS04NWVkLTExMjM0MGY5NTU1NCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTc2OTk5LTlmNjMtOTI0OS04NWVkLTExMjM0MGY5NTU1NCIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0yMFQxMToyNzoyOSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ZDZjZWNmNS1hOTJiLWY1NDYtYWIzNS04MTE1ZjY5MjdhNDgiIHN0RXZ0OndoZW49IjIwMTktMDUtMjBUMTE6Mjc6MjkrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw\/eHBhY2tldCBlbmQ9InIiPz49EzTsAAAA8ElEQVQokW3SMUtCYRTG8Z+3oLGhoYjGgmoJBLH2PoJzQ0tc6IJvRYs0RNCWWpdyawhq0qA+TUNzn0CIhrDBVzG9Z\/5zHv7POaXm3UMN+zgLWdpXMAkOcITbVt5ZKILmcYoVHOIbx9NQaTAYaOWddbxjC02chyz9nYwTsvQTNXzgBBczm0bTyjtlvGENjZCl1zNQBKt4xSpCyNL2DBTBXfSiUD0pUi6qoCiuNxGXJ1NAGd0INEKWtscVRGAbz9HscmQ2hmKZXWwalnk1mTC3uLS8gRfs4D5kaX2vWvmnnOAGFTwa3rHQ7glfhq\/yUwT9AY\/tS8nL1sLpAAAAAElFTkSuQmCC\">\n                    <\/span>\n                <\/a>\n            <\/section>\n\n            <!-- Paginado tipo \"cargar m\u00e1s\" -->\n            <section v-if=\"paginarResultados && paginadoLoadMoreActivo\" v-bind:class=\"['paginado-numerico-infinito', paginadoAlineacion]\">\n                <a href=\"Javascript:void(0)\" v-if=\"paginaActual < numeroPaginas\" v-on:click=\"paginacionLoadMore()\">\n                    <button class=\"boton-filtrar avia-button avia-icon_select-no avia-color-theme-color avia-size-small cursor-pointer\">\n                        {{ traduccionesJson.cargar_mas }}\n                    <\/button>\n                <\/a>\n            <\/section>\n            <!-- Fin paginados -->\n            <!-- Spinner de precarga\n            <loading v-if=\"loading\" height=\"8\" width=\"8\"><\/loading> -->\n        <\/section>\n    <\/transition>\n<\/script><!-- Template Articulo, hay que separar las variantes en otro fichero para reciclar codigo -->\n<script type=\"text\/x-template\"  id=\"template-articulo\">\n    <transition appear name=\"slide-fade\">\n      <!-- FICHA HORIZONTAL -->\n      <article v-if=\"stylesJson.opcion_tipo_ficha == 'box-horizontal'\" class=\"caja-articulo-horizontal noselect\" :id=\"id\">\n        <div>\n          <section class=\"imagen\">\n            <figure>\n              <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                <img v-if=\"imagenesJson.imagen !== null\" :src=\"imagenesJson.imagen\" class=\"imagen-default noselect\" :alt=\"productoJson.nombre\" \/>\n\n                <img v-if=\"imagenesJson.imagen_hover !== null\" :src=\"imagenesJson.imagen_hover\" class=\"imagen-hover\" :alt=\"productoJson.nombre\" \/>\n              <\/a>\n            <\/figure>\n            \n          <\/section>\n          <section class=\"descripciones\">\n              <!-- ORDEN TIPO 1 O POR DEFECTO -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo1' || stylesJson.style_layout_orden == ''\">\n                  <!-- Descripcion -->\n                  <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                          {{ productoJson.nombre }}\n                      <\/a>\n                  <\/h3>\n                  \n                  <p>\n                      {{ productoJson.modelo }}\n                  <\/p>\n\n                  <!-- Precios -->\n                  <div class=\"precio\">\n                    <!-- Segun tipo de oferta -->\n                    <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                    <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                      \/\n                    <\/span>\n                    <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n\n                  <\/div>\n                  <!-- Colores -->\n                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                            +\n                        <\/a>\n                    <\/ul>\n              <\/div>\n\n              <!-- ORDEN TIPO 2 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo2'\">\n                  <!-- Titulo -->\n                  <h3>\n                    <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                      {{ productoJson.nombre }}\n                    <\/a>\n                  <\/h3>\n              \n                  <!-- Precios -->\n                  <div class=\"precio\">\n                    <!-- Segun tipo de oferta -->\n                    <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                    <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                      \/\n                    <\/span>\n                    \n                    <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                  <\/div>\n              <\/div>\n\n              <!-- ORDEN TIPO 4 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo4'\">\n                  <!-- Precios -->\n                  <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                        <\/span>\n                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                          \/\n                        <\/span>\n                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                        <\/span>\n                  <\/div>\n\n                  <!-- Titulo -->\n                  <h3>\n                    <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                      {{ productoJson.nombre }}\n                    <\/a>\n                  <\/h3>\n\n                  <!-- Descripcion larga -->\n                  <p>\n                      {{ formatearDescripcion(productoJson.descripcionLarga, 65) }}\n                  <\/p>\n\n                  <!-- Calificaciones -->\n                  <section class=\"rating\" v-if=\"estrellasDisponibles\">\n                      <i v-bind:class=\"estrella.class\" v-for=\"estrella in estrellasDisponibles\"><\/i>\n                  <\/section>\n\n              <\/div>\n\n              <!-- ORDEN TIPO 5 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo5' || stylesJson.style_layout_orden == ''\">\n                  <!-- Descripcion -->\n                  <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                          {{ productoJson.nombre }}\n                      <\/a>\n                  <\/h3>\n                  \n                  <p>\n                      {{ productoJson.modelo }}\n                  <\/p>\n\n                  <!-- Precios -->\n                  <div class=\"precio\">\n                    <!-- Segun tipo de oferta -->\n                    <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                    <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                      \/\n                    <\/span>\n                    <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n\n                  <\/div>\n                  <!-- Colores -->\n                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                            +\n                        <\/a>\n                  <\/ul>\n              <\/div>\n\n              <!-- ORDEN TIPO 6 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo6'\">\n                  <!-- Modelo -->\n                  <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                          {{ productoJson.modelo }}\n                      <\/a>\n                  <\/h3>\n\n                  <p>\n                      {{ productoJson.color }}\n                  <\/p>\n                  \n                  <!-- Precios -->\n                  <div class=\"precio\">\n                    <!-- Segun tipo de oferta -->\n                    <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                    <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                      \/\n                    <\/span>\n                    <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                  <\/div>\n\n                  <p>\n                      {{ productoJson.color }}\n                  <\/p>\n\n                  <!-- Colores -->\n                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                            +\n                        <\/a>\n                  <\/ul>\n              <\/div>\n\n              <!-- ORDEN TIPO 7 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo7'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.codificacionDescripcion }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                    <\/div>\n                    \n                <\/div>\n\n                <!-- ORDEN TIPO 8 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo8'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.nombre }}\n                        <\/a>\n                    <\/h3>\n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n                    <p>\n                        {{ productoJson.color }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                          <!-- Segun tipo de oferta -->\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                          <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                            \/\n                          <\/span>\n                          <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                    <\/div>\n\n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                          <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                          <\/a>\n                    <\/ul>\n                <\/div>\n          <\/section>  \n        <\/div>     \n      <\/article>\n\n      <!-- FICHA VERTICAL -->\n      <article v-if=\"stylesJson.opcion_tipo_ficha == 'box-vertical'\" class=\"caja-articulo-vertical noselect\" :id=\"id\">\n        <div>\n          <section class=\"imagen\">\n              <figure>\n                  <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                      <img v-if=\"imagenesJson.imagen !== null\" :src=\"imagenesJson.imagen\" class=\"imagen-default noselect\" :alt=\"productoJson.nombre\" \/>\n\n                      <img v-if=\"imagenesJson.imagen_hover !== null\" :src=\"imagenesJson.imagen_hover\" class=\"imagen-hover\" :alt=\"productoJson.nombre\" \/>\n                  <\/a>\n              <\/figure>\n          <\/section>\n\n          <section class=\"descripciones\">\n              <!-- ORDEN TIPO 1 O POR DEFECTO -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo1' || stylesJson.style_layout_orden == ''\">\n                    <!-- Descripcion -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.nombre }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        <a :href=\"productoJson.url\">{{ productoJson.modelo }}<\/a>\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                          <!-- Segun tipo de oferta -->\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                          <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                            \/\n                          <\/span>\n                          <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                    <\/div>\n                    \n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                          <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                          <\/a>\n                      <\/ul>\n                    \n              <\/div>\n\n              <!-- ORDEN TIPO 2 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo2'\" class=\"descripciones\">\n                    <!-- Descripcion -->\n                    <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                        {{ productoJson.nombre }}\n                      <\/a>\n                    <\/h3>\n\n                \n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n\n                    <\/div>\n                <\/div>\n\n                <!-- ORDEN TIPO 4 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo4'\" class=\"descripciones\">\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                        <!-- Segun tipo de oferta -->\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                        <\/span>\n                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                          \/\n                        <\/span>\n                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                        <\/span>\n                    <\/div>\n\n                    <!-- Titulo -->\n                    <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                        {{ productoJson.nombre }}\n                      <\/a>\n                    <\/h3>\n\n                    <!-- Descripcion larga -->\n                    <p>\n                        {{ formatearDescripcion(productoJson.descripcionLarga, 65) }}\n                    <\/p>\n\n                    <!-- Calificaciones -->\n                    <section class=\"rating\" v-if=\"estrellasDisponibles\">\n                        <i v-bind:class=\"estrella.class\" v-for=\"estrella in estrellasDisponibles\"><\/i>\n                    <\/section>\n                <\/div>\n\n                <!-- ORDEN TIPO 5 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo5' || stylesJson.style_layout_orden == ''\">\n                    <!-- Descripcion -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.nombre }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      \n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n\n                    <\/div>\n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                        <\/a>\n                    <\/ul>\n                <\/div>\n\n                <!-- ORDEN TIPO 6 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo6'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.modelo }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        {{ productoJson.color }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                    <\/div>\n\n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                          <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                          <\/a>\n                    <\/ul>\n                <\/div>\n\n                <!-- ORDEN TIPO 7 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo7'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                          {{ productoJson.codificacionDescripcion }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                    <\/div>\n                    \n                <\/div>\n\n                <!-- ORDEN TIPO 8 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo8'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.nombre }}\n                        <\/a>\n                    <\/h3>\n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n                    <p>\n                        {{ productoJson.color }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                          <!-- Segun tipo de oferta -->\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                          <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                            \/\n                          <\/span>\n                          <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                    <\/div>\n\n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                          <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                          <\/a>\n                    <\/ul>\n                <\/div>\n          <\/section>\n        <\/div>\n      <\/article>\n\n      <!-- FICHA PROMOCIONAL -->\n      <article         \n          v-if=\"stylesJson.opcion_tipo_ficha == 'especial-promocion'\"\n          class=\"caja-articulo-promocional noselect\"\n          :id=\"id\">\n          <div>\n            <section class=\"contenido\" \n                v-on:click=\"abrirUrl(productoJson.url); recordarPosicion(productoJson);\"\n                v-bind:style=\"{ 'background-image': 'url(' + imagenesJson.imagen + ')' }\">\n                <div v-bind:class=\"['flotante', stylesJson.opcion_posicion_vertical_ficha, 'descripciones']\">\n                    <h3>\n                        {{ productoJson.nombre }}\n                    <\/h3>\n                    <strong>\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                    <\/strong>\n\n                    <section class=\"botones\">\n                        <button class=\"boton-comprar avia-button avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-center\">\n                            <i class=\"fas fa-shopping-cart\"><\/i>\n                            {{ traduccionesJson.texto_comprar }}\n                        <\/button>\n                    <\/section>\n                <\/div>\n            <\/section>\n          <\/div>\n      <\/article>\n\n      <!-- FICHA IMAGENES -->\n      <article v-if=\"stylesJson.opcion_tipo_ficha == 'especial-imagenes-slider'\" class=\"caja-articulo-imagenes-slider noselect\" :id=\"id\">\n        <div>\n          <section class=\"imagen\">\n              <ul class=\"grid-imagenes-slider\">\n                  <li v-for=\"imagenVista in imagenesJson.vistas\">\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\" >\n                          <img \n                              v-if=\"imagenVista.imagen !== null\" \n                              :src=\"imagenVista.url\" \n                              class=\"imagen-default noselect\"\n                          \/>\n                      <\/a>\n                  <\/li>\n              <\/ul>\n              <div class=\"contenedor-detalles\">\n                  <!-- Colores -->\n                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                      <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                          +\n                      <\/a>\n                  <\/ul>\n\n                  <!-- Nombre, precios -->\n                  <section class=\"contenido\">\n                      <h3>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\" >\n                              {{ productoJson.nombre }}\n                          <\/a>\n                      <\/h3>\n                      <div>\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                          \n                          <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                            \/\n                          <\/span>\n                          <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                      <\/div>\n                  <\/section>\n              <\/div>\n          <\/section>\n        <\/div>\n      <\/article>\n\n      <!-- FICHA IMAGENES BUSCADOR -->\n      <article v-if=\"stylesJson.opcion_tipo_ficha == 'buscador'\" class=\"caja-articulo-imagenes-slider noselect\" :id=\"id\">\n        <div>\n            <section class=\"imagen\">\n                <ul class=\"grid-imagenes-slider\">\n                    <li v-for=\"imagenVista in imagenesJson.vistas\">\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\" >\n                            <img \n                                v-if=\"imagenVista.imagen !== null\" \n                                :src=\"imagenVista.url\" \n                                class=\"imagen-default noselect\"\n                            \/>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n                <div class=\"contenedor-detalles\">\n                    <!-- Nombre, precios -->\n                    <section class=\"contenido\">\n                            <!-- ORDEN TIPO 1 O POR DEFECTO -->\n                            <div v-if=\"stylesJson.style_layout_orden == 'tipo1' || stylesJson.style_layout_orden == ''\">\n                                  <!-- Descripcion -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                          {{ productoJson.nombre }}\n                                      <\/a>\n                                  <\/h3>\n                                  \n                                  <p>\n                                      <a :href=\"productoJson.url\">{{ productoJson.modelo }}<\/a>\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n                                  \n                                  <!-- Colores -->\n                                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                                            +\n                                        <\/a>\n                                    <\/ul>\n                                  \n                            <\/div>\n\n                            <!-- ORDEN TIPO 2 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo2'\" class=\"descripciones\">\n                                  <!-- Descripcion -->\n                                  <h3>\n                                    <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                      {{ productoJson.nombre }}\n                                    <\/a>\n                                  <\/h3>\n\n                              \n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n                              <\/div>\n\n                              <!-- ORDEN TIPO 4 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo4'\" class=\"descripciones\">\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                      <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                        {{ productoJson.precio_moneda_simbolo }}\n                                      <\/span>\n                                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                        {{ productoJson.precio_moneda_simbolo }}\n                                        \/\n                                      <\/span>\n                                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                        {{ productoJson.precio_moneda_simbolo }}\n                                      <\/span>\n                                  <\/div>\n\n                                  <!-- Titulo -->\n                                  <h3>\n                                    <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                      {{ productoJson.nombre }}\n                                    <\/a>\n                                  <\/h3>\n\n                                  <!-- Descripcion larga -->\n                                  <p>\n                                      {{ formatearDescripcion(productoJson.descripcionLarga, 65) }}\n                                  <\/p>\n\n                                  <!-- Calificaciones -->\n                                  <section class=\"rating\" v-if=\"estrellasDisponibles\">\n                                      <i v-bind:class=\"estrella.class\" v-for=\"estrella in estrellasDisponibles\"><\/i>\n                                  <\/section>\n                              <\/div>\n\n                              <!-- ORDEN TIPO 5 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo5' || stylesJson.style_layout_orden == ''\">\n                                  <!-- Descripcion -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                          {{ productoJson.nombre }}\n                                      <\/a>\n                                  <\/h3>\n                                  \n                                  <p>\n                                      {{ productoJson.modelo }}\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n                                  <!-- Colores -->\n                                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                                      <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                                            +\n                                      <\/a>\n                                  <\/ul>\n                              <\/div>\n\n                              <!-- ORDEN TIPO 6 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo6'\">\n                                  <!-- Modelo -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                          {{ productoJson.modelo }}\n                                      <\/a>\n                                  <\/h3>\n                                  \n                                  <p>\n                                      {{ productoJson.color }}\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n\n                                  <!-- Colores -->\n                                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                                            +\n                                        <\/a>\n                                  <\/ul>\n                              <\/div>\n\n                              <!-- ORDEN TIPO 7 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo7'\">\n                                  <!-- Modelo -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                        {{ productoJson.codificacionDescripcion }}\n                                      <\/a>\n                                  <\/h3>\n                                  \n                                  <p>\n                                      {{ productoJson.modelo }}\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n                                  \n                              <\/div>\n\n                              <!-- ORDEN TIPO 8 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo8'\">\n                                  <!-- Modelo -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                          {{ productoJson.nombre }}\n                                      <\/a>\n                                  <\/h3>\n                                  <p>\n                                      {{ productoJson.modelo }}\n                                  <\/p>\n                                  <p>\n                                      {{ productoJson.color }}\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n\n                                  <!-- Colores -->\n                                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                                            +\n                                        <\/a>\n                                  <\/ul>\n                              <\/div>\n\n                              <!-- Incluimos el catalogo por defecto en el buscador -->\n                              <p>{{ productoJson.catalogo }}<\/p>\n                    <\/section>\n                <\/div>\n            <\/section>\n          <\/div>\n      <\/article>\n\n    <\/transition>\n<\/script>\n<section class=\"columna-12 font-size-1-3\">\n                            <p class=\"permiso-denegado\">You are not logged, please <a href=\"https:\/\/b2b.atom-sport.com\/en\/trail-running\/\">login or register<\/a> to see the content<\/p>\n                        <\/section>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><div class=\"titular2\" style=\"text-align: center;\"> Women<\/div>\n<div><\/div>\n<\/div><\/section>\n<!-- Template Menu -->\n<script type=\"text\/x-template\"  id=\"template-menu-catalogo\">\n    <transition appear name=\"slide-fade\">\n        <!-- Menu izquierdo -->\n        <section class=\"e-catalogo\" :id=\"id\">\n            \n            <header v-if=\"styleJson.menu_opcion_formato == 'botones' && styleJson.titulo_menu_opcion == '1'\" class=\"titulo-ecatalogo\">\n                <h2>{{ catalogoNombre }}<\/h2>\n            <\/header>\n\n            <!-- Menu con formato Underline -->\n            <section class=\"underline-container\" v-bind:style=\"{height: heightTabContainer}\" v-if=\"styleJson.menu_opcion_formato == 'underline' && mostrarMenu == 1 && styleJson.opcion_tipo_catalogo == 0\">\n                <!-- Solo se muestra si el titulo es visible o si hay subcategorias -->\n                <div v-bind:class=\"['columna-12', (typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1) || styleJson.titulo_menu_opcion == '1' ? 'linea-menu-underline': '']\">\n                    <!-- Catalogo -->\n                    <div class=\"columna-1-4\" v-if=\"styleJson.titulo_menu_opcion == '1'\">\n                        <h2>\n                            {{ catalogoNombre }}\n                        <\/h2>\n                    <\/div>\n                    <!-- Tabs -->\n                    <div v-bind:class=\"[styleJson.titulo_menu_opcion == '1' ? 'columna-3-4':'columna-12', 'no-padding']\">\n                        <i class=\"fas fa-bars icono-menu\" v-if=\"esMovil\" v-on:click=\"mostrarCategoria(); heightTabContainer = 'auto'; \"><\/i>\n                        <nav v-bind:class=\"menuClases\" v-if=\"categoriasMostrar\">\n                            <ul>\n                                <!-- MENU NIVEL 0 -->\n                                <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                                    <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\" v-bind:class=\"[menuSelected == idMenuAll ? 'selected' : '']\">\n                                        {{ traduccionesJson.todos }}\n                                    <\/a>\n                                <\/li>\n                                <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\" v-for=\"menu in menuCatalogo.nivel0\">\n                                    <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" v-bind:class=\"[menuSelected == menu.id ? 'selected' : '']\">\n                                        {{ menu.titulo }}\n                                    <\/a>\n                                <\/li>\n                            <\/ul>\n                        <\/nav>\n                        \n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Menu con formato Tabs -->\n            <section class=\"tab-container\" v-bind:style=\"{height: heightTabContainer}\" v-if=\"styleJson.menu_opcion_formato == 'tabs' && mostrarMenu == 1 && styleJson.opcion_tipo_catalogo == 0\">\n                <!-- Solo se muestra si el titulo es visible o si hay subcategorias -->\n                <div v-bind:class=\"['columna-12', 'no-padding', (menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1) || styleJson.titulo_menu_opcion == '1' ? 'linea-menu-tab': '']\">\n                    <!-- Nombre catalogo -->\n                    <div class=\"columna-1-4\" v-if=\"styleJson.titulo_menu_opcion == '1'\">\n                        <h2>\n                            {{ catalogoNombre }}\n                        <\/h2>\n                        <i class=\"flecha-arriba fas fa-caret-up\" v-if=\"esMovil && categoriasMostrar\" v-on:click=\"categoriasMostrar = false; heightTabContainer = '40px';\"><\/i>\n                        <i class=\"flecha-abajo fas fa-caret-down\" v-if=\"esMovil && !categoriasMostrar\" v-on:click=\"categoriasMostrar = true; heightTabContainer = 'auto';\"><\/i>\n                    <\/div>\n                    <!-- Tabs -->\n                    <div v-bind:class=\"['no-padding', styleJson.titulo_menu_opcion == '1' ? 'columna-3-4':'columna-12']\">\n                        <i class=\"fas fa-bars icono-menu columna-2\" v-if=\"esMovil && styleJson.titulo_menu_opcion == '0'\" v-on:click=\"mostrarCategoria(); heightTabContainer = 'auto'; \"><\/i>\n                        <nav v-bind:class=\"menuClases\" v-if=\"categoriasMostrar\"> \n                            \n                            <ul>\n                                <!-- MENU NIVEL 0 -->\n                                <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                                    <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\" v-bind:class=\"[menuSelected == idMenuAll ? 'selected' : '']\">\n                                        {{ traduccionesJson.todos }}\n                                    <\/a>\n                                <\/li>\n                                <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\" v-for=\"menu in menuCatalogo.nivel0\">\n                                    <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" v-bind:class=\"[menuSelected == menu.id ? 'selected' : '']\">\n                                        {{ menu.titulo }}\n                                    <\/a>\n                                <\/li>\n                            <\/ul>\n                        <\/nav>\n                    <\/div>\n                <\/div>\n            <\/section>\n            \n            <!-- Menu con formato de botones -->\n            <nav v-bind:class=\"menuClases\" v-if=\"styleJson.menu_opcion_formato == 'botones'\">\n                <ul class=\"columna-12\">\n                    <!-- MENU NIVEL 0 -->\n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                        <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\" v-bind:class=\"[(menuSelected == idMenuAll ? 'selected' : ''), 'avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center']\">\n                            {{ traduccionesJson.todos }}\n                        <\/a>\n                    <\/li>\n                    \n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\" v-for=\"menu in menuCatalogo.nivel0\">\n                        <a href=\"Javascript:void(0)\" v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" v-bind:class=\"[(menuSelected == menu.id || submenuActivo(menu, menuSelected) ? 'selected' : ''), 'avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center']\">\n                            {{ menu.titulo }}\n                        <\/a>\n                        <!-- MENU NIVEL 1 -->\n                        <ul class=\"botones-submenu\" v-if=\"menu.hasOwnProperty('submenu')\">\n                            <li v-for=\"submenu in menu.submenu\">\n                                <a href=\"Javascript:void(0)\" v-on:click=\"seleccionarMenuCatalogo(submenu.id, 'click')\" v-bind:class=\"[menuSelected == submenu.id ? 'selected' : '', 'avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-center']\">\n                                    {{ submenu.titulo }}\n                                <\/a>\n                            <\/li>\n                        <\/ul>\n                    <\/li>\n                <\/ul>\n            <\/nav>\n\n            <!-- Menu con formato camino de migas -->\n            <header v-if=\"styleJson.menu_opcion_formato == 'breadcrumb' && styleJson.titulo_menu_opcion == '1' && mostrarMenu == 1\" class=\"titulo-ecatalogo left\">\n                <h2>{{ catalogoNombre }}<\/h2>\n            <\/header>\n            <nav v-bind:class=\"menuClases\" v-if=\"styleJson.menu_opcion_formato == 'breadcrumb' && mostrarMenu == 1\">\n                <ul class=\"columna-12\">\n                    <!-- MENU NIVEL 0 -->\n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                        <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\" v-bind:class=\"[menuSelected == idMenuAll ? 'selected' : '']\">\n                            {{ traduccionesJson.todos }}\n                        <\/a>\n                    <\/li>\n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\" v-for=\"menu in menuCatalogo.nivel0\">\n                        <a href=\"Javascript:void(0);\" v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" v-bind:class=\"[menuSelected == menu.id ? 'selected' : '']\">\n                            {{ menu.titulo }}\n                        <\/a>\n                    <\/li>\n\n                <\/ul>\n            <\/nav>\n\n            <!-- Menu con formato clasico -->\n            <nav v-bind:class=\"menuClases\" v-if=\"styleJson.menu_opcion_formato == 'clasico' && mostrarMenu == 1\">\n                <ul class=\"columna-12\">\n                    <!-- Menu primer nivel -->\n                    <li v-if=\"typeof menuCatalogo.nivel0 !== 'undefined' && menuCatalogo.nivel0.length > 1\">\n                        <a href=\"Javascript:void(0);\" \n                            v-on:click=\"seleccionarMenuCatalogo(idMenuAll, 'click')\"\n                            v-bind:class=\"[menuSelected == idMenuAll ? 'selected' : '', 'submenu-1']\">\n                            {{ traduccionesJson.todos }}\n                        <\/a>\n                    <\/li>\n                    <li v-for=\"menu in menuCatalogo.nivel0\" v-bind:class=\"[{ 'submenu-1' : menu.submenu}]\">\n                        <a href=\"Javascript:void(0);\" \n                            v-on:click=\"seleccionarMenuCatalogo(menu.id, 'click')\" \n                            v-bind:style=\"{color: styleJson.style_menu_classic_selected_color }\" \n                            v-bind:class=\"[menu.submenu ? claseFlechas.submenu1 : '', menuSelected == menu.id ? 'selected' : '']\"\n                        >\n                            {{ menu.titulo }}\n                        <\/a>\n\n                        <!-- Submenu 1 -->\n                        <nav class=\"sub-menu\" v-if=\"menu.submenu\">\n                            <ul>                                \n                                <li v-for=\"submenu1 in menu.submenu\" v-bind:class=\"[{'submenu-2' : submenu1.submenu}]\">\n                                    \n                                   \n                                    <!-- Horizontal -->\n                                    <a href=\"Javascript:void(0);\" \n                                        v-on:click=\"seleccionarMenuCatalogo(submenu1.id, 'click')\" \n                                        v-bind:style=\"{color: menuSelected == submenu1.id ? styleJson.style_menu_classic_selected_color : ''}\" \n                                        v-bind:class=\"[submenu1.submenu ? claseFlechas.submenu2 : '', menuSelected == submenu1.id ? 'selected' : '']\"\n                                    >\n                                        {{ submenu1.titulo }}\n                                    <\/a>\n\n                                    <!-- Submenu 2 -->\n                                    <nav class=\"sub-menu\" v-if=\"submenu1.submenu\">\n                                        <ul>\n                                            <li v-for=\"submenu2 in submenu1.submenu\">\n                                                <a href=\"Javascript:void(0);\"\n                                                    v-on:click=\"seleccionarMenuCatalogo(submenu2.id, 'click')\"\n                                                    v-bind:style=\"{color: menuSelected == submenu2.id ? styleJson.style_menu_classic_selected_color : ''}\" \n                                                    v-bind:class=\"[menuSelected == submenu2.id ? 'selected' : '']\">\n                                                    {{ submenu2.titulo }}\n                                                <\/a>\n                                               \n                                            <\/li>\n                                        <\/ul>\n                                    <\/nav>\n                                <\/li>\n                            <\/ul>                        \n                        <\/nav>\n                    <\/li>\n                <\/ul>\n            <\/nav>\n\n            <!-- Filter a la derecha cuando el titulo NO es visible -->\n            <div class=\"columna-filter\" v-if=\"styleJson.opcion_filtro_catalogo !== '0'\">\n                <!-- Filtrados -->\n                <menu-filtro \n                    :filtros=\"styleJson.opcion_filtro_catalogo\" \n                    :id-referencia-catalogo=\"idReferenciaCatalogo\"   \n                    :url-api-tallas-colores=\"urlApiTallasColores\" \n                    :id-catalogo=\"catalogoSeleccionado\" \n                    :token=\"token\" \n                    :traducciones=\"traduccionesJson\" \n                    :precio-inferior=\"precioInferior\" \n                    :precio-superior=\"precioSuperior\">\n                <\/menu-filtro>\n            <\/div>\n        <\/section>\n    <\/transition>\n<\/script>\n\n<!-- Template filtro -->\n<script type=\"text\/x-template\"  id=\"template-menu-filtro\">\n    <transition appear name=\"slide-fade\">\n        <section class=\"columna-12 text-right\" :id=\"id\">\n            <a href=\"Javascript:void(0)\" class=\"accion\" v-on:click=\"mostrarOcultarFiltros()\">{{ traducciones.filtro_titulo }} <i class=\"fas fa-caret-down\" v-if=\"!mostrarFiltro\"><\/i> <i class=\"fas fa-caret-up\" v-if=\"mostrarFiltro\"><\/i> <\/a>\n            <section class=\"menu-filtros text-left\" v-bind:style=\"{display: mostrarFiltro ? 'block' : 'none'}\">\n                <div class=\"precios\" v-if=\"filtros == '1' || filtros == '2' || filtros == '3' || filtros == '6'\">\n                    <span class=\"etiqueta\">\n                        {{ traducciones.precios }}:\n                    <\/span>\n                    <div class=\"input\">\n                        <input type=\"text\" class=\"input-rango-precios\" value=\"\" \/>\n                    <\/div>\n                <\/div>\n\n                <!-- Tallas -->\n                <div v-if=\"listadoFiltros !== null && listadoFiltros.hasOwnProperty('tallas') && listadoFiltros.tallas.length > 0 && listadoFiltros.tallas !== null && (filtros == '1' || filtros == '2' || filtros == '4' || filtros == '5')\" class=\"tallas\">\n                    <span class=\"etiqueta\">\n                        {{ traducciones.tallas }}:\n                    <\/span>\n                    <div class=\"input\">\n                        <a href=\"Javascript:void(0)\" v-for=\"talla in listadoFiltros.tallas\" v-on:click=\"tallaElegida= tallaElegida == talla ? '' : talla\" v-bind:class=\"['talla', tallaElegida == talla ? 'avia-color-theme-color-highlight' : '']\">\n                            {{talla}}\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Colores -->\n                <div v-if=\"listadoFiltros !== null && listadoFiltros.hasOwnProperty('colores') && listadoFiltros.colores !== null && (filtros == '1' || filtros == '4' || filtros == '6' || filtros == '7')\" class=\"colores\">\n                    <span class=\"etiqueta\">\n                        {{ traducciones.colores }}:\n                    <\/span>\n                    <div class=\"input\">\n                        <a href=\"Javascript:void(0)\" \n                            v-for=\"color in listadoFiltros.colores\" \n                            v-bind:style=\"{backgroundColor: 'rgb(' + color.rojo + ',' + color.verde + ',' + color.azul +')'}\" \n                            v-on:click=\"colorElegido= colorElegido == color.rojo + ',' + color.verde + ',' + color.azul ? '' : color.rojo + ',' + color.verde + ',' + color.azul\" \n                            v-bind:class=\"['color-disponible', colorElegido == color.rojo + ',' + color.verde + ',' + color.azul ? 'selected' : '']\">\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n                <!-- Aplicar filtros -->\n                <button class=\"boton-filtrar avia-button avia-icon_select-no avia-color-theme-color avia-size-small avia-position-right\" v-on:click=\"aplicarFiltro()\">\n                    {{ traducciones.aplicar }}\n                <\/button>\n                <button class=\"boton-filtrar avia-button avia-icon_select-no avia-color-theme-color-subtle avia-size-small avia-position-right\" v-on:click=\"resetearFiltro()\">\n                    {{ traducciones.resetear }}\n                <\/button>\n            <\/section>\n        <\/section>\n    <\/transition>\n<\/script>\n<!-- Template Grilla -->\n<script type=\"text\/x-template\"  id=\"template-grid\">\n    <transition appear name=\"slide-fade\">\n        <section class=\"product-container\" v-bind:style=\"{minHeight: gridAlturaMinima}\">\n            <!-- No hay contenido -->\n            <h5 class=\"not-found\" v-if=\"arrayProductos.length < 1 && !loading\">\n                    {{ traduccionesJson.no_hay_registros }}\n            <\/h5>\n\n            <!-- Contenedor de art\u00edculos -->\n            <ul v-bind:class=\"['grid-catalogo', clases]\" v-bind:style=\"{height: ultimaAltura > 0 && loading ? (ultimaAltura + 'px') : 'auto'}\" :id=\"id\">\n                <!-- Listar productos -->\n                <li v-for=\"productoData in arrayProductos\" v-bind:class=\"[!productoData.hasOwnProperty('tipo') ? 'li-articulo' : 'li-promocion']\">\n                    <!-- Creamos un elemento de art\u00edculo -->\n                    <articulo v-if=\"!productoData.hasOwnProperty('tipo')\" :producto='productoData' :styles='stylesJson' :traducciones='traducciones'><\/articulo>\n                    \n                    <!-- A\u00f1adimos un objeto de promociones al azar -->\n                    <article class=\"columna-12\" v-if=\"productoData.hasOwnProperty('tipo')\"><div v-html=\"productoData.html\"><\/div><\/article>\n\n                <\/li>\n            <\/ul>\n\n            <!-- Paginados -->\n            <!-- Paginado tipo num\u00e9rico -->\n            <section v-if=\"paginarResultados && paginadoNumericoActivo\" v-bind:class=\"['paginado-numerico-grid', paginadoAlineacion]\">\n                <a href=\"Javascript:void(0)\" v-if=\"paginaActual > 1 && botonesAnteriorSiguiente\" v-on:click=\"paginacionNumerica(paginaActual - 1)\">\n                    <i class=\"circulo-destacado fas fa-circle\"><\/i>\n                    <span>\n                        <img decoding=\"async\" class=\"icono-base64\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf\/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L\/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X\/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP\/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAXRaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI\/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDUtMjBUMTE6Mjc6MTQrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDUtMjBUMTE6Mjc6MTQrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA1LTIwVDExOjI3OjE0KzAyOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJhZDY1Y2VlLTBlYzktYWE0NC04ZTE0LTgyNTljOGNlNzYwYSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ0OTk2ZWU4LTc2YmEtYWQ0Yy1hZDViLWJmYzEzMDFjNmVhNiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjI2MTUwMTA4LWFjMzgtNzU0Ni1iODdkLTgwY2Q0MTRlZTIyMyIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI2MTUwMTA4LWFjMzgtNzU0Ni1iODdkLTgwY2Q0MTRlZTIyMyIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0yMFQxMToyNzoxNCswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyYWQ2NWNlZS0wZWM5LWFhNDQtOGUxNC04MjU5YzhjZTc2MGEiIHN0RXZ0OndoZW49IjIwMTktMDUtMjBUMTE6Mjc6MTQrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw\/eHBhY2tldCBlbmQ9InIiPz6Jmp2vAAAA\/ElEQVQokXXSPS8EURiG4WutRCQShUKyUSpEKRHxFxQkPiqdbiKTGNsRhQiFWIeMZH6BTimi0ErW2mgptvTR+wOjMDas2ae+z\/2e8z6nkue5soQ0G8EJ7gb7AEM4xwZqA6UaGgXwiHrl97iQZlUcYxvPWEziqNNr2iuAF6wmcdSBrimk2Q4O8YqlJI6efk5W8jwX0mwLAe9YTuLo4be+Ojo2HhfAB1Z6Aej3uj+p3t5ct5qt9ifWsNBste\/n52bf\/pmSODrDLmq4Cmk2UzouiaMj7GMClyHNpvvd6QCnmCqMk90V9Cak2QU2fdeyXlow6hj23V+j1FTYul\/lC3NvVmizsw2CAAAAAElFTkSuQmCC\">\n                    <\/span>\n                <\/a>\n\n                <a href=\"Javascript:void(0)\" v-on:click=\"paginacionNumerica(index)\" v-if=\"(index >= inicioPaginado && index <= inicioPaginado + numeroPaginas - 1) && index <= finPaginado\" v-for=\"index in numeroPaginas\" v-bind:class=\"[paginaActual == index ? 'selected': '']\" :key=\"index\">\n                    <i class=\"circulo-destacado fas fa-circle\"><\/i>\n                    <span>\n                    {{ index }}\n                    <\/span>\n                <\/a>\n\n                <a href=\"Javascript:void(0)\" v-if=\"paginaActual < numeroPaginas && botonesAnteriorSiguiente\" v-on:click=\"paginacionNumerica(paginaActual + 1)\">\n                    <i class=\"circulo-destacado fas fa-circle\"><\/i>\n                    <span>\n                        <img decoding=\"async\" class=\"icono-base64\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf\/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L\/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X\/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP\/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAXRaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI\/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDUtMjBUMTE6Mjc6MjkrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDUtMjBUMTE6Mjc6MjkrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA1LTIwVDExOjI3OjI5KzAyOjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlkNmNlY2Y1LWE5MmItZjU0Ni1hYjM1LTgxMTVmNjkyN2E0OCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjlkZjkwODU4LTU2NjUtZDY0MC1hZmNkLThhMTE0ZTQxYTVkYiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmE5YTc2OTk5LTlmNjMtOTI0OS04NWVkLTExMjM0MGY5NTU1NCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmE5YTc2OTk5LTlmNjMtOTI0OS04NWVkLTExMjM0MGY5NTU1NCIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0yMFQxMToyNzoyOSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ZDZjZWNmNS1hOTJiLWY1NDYtYWIzNS04MTE1ZjY5MjdhNDgiIHN0RXZ0OndoZW49IjIwMTktMDUtMjBUMTE6Mjc6MjkrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw\/eHBhY2tldCBlbmQ9InIiPz49EzTsAAAA8ElEQVQokW3SMUtCYRTG8Z+3oLGhoYjGgmoJBLH2PoJzQ0tc6IJvRYs0RNCWWpdyawhq0qA+TUNzn0CIhrDBVzG9Z\/5zHv7POaXm3UMN+zgLWdpXMAkOcITbVt5ZKILmcYoVHOIbx9NQaTAYaOWddbxjC02chyz9nYwTsvQTNXzgBBczm0bTyjtlvGENjZCl1zNQBKt4xSpCyNL2DBTBXfSiUD0pUi6qoCiuNxGXJ1NAGd0INEKWtscVRGAbz9HscmQ2hmKZXWwalnk1mTC3uLS8gRfs4D5kaX2vWvmnnOAGFTwa3rHQ7glfhq\/yUwT9AY\/tS8nL1sLpAAAAAElFTkSuQmCC\">\n                    <\/span>\n                <\/a>\n            <\/section>\n\n            <!-- Paginado tipo \"cargar m\u00e1s\" -->\n            <section v-if=\"paginarResultados && paginadoLoadMoreActivo\" v-bind:class=\"['paginado-numerico-infinito', paginadoAlineacion]\">\n                <a href=\"Javascript:void(0)\" v-if=\"paginaActual < numeroPaginas\" v-on:click=\"paginacionLoadMore()\">\n                    <button class=\"boton-filtrar avia-button avia-icon_select-no avia-color-theme-color avia-size-small cursor-pointer\">\n                        {{ traduccionesJson.cargar_mas }}\n                    <\/button>\n                <\/a>\n            <\/section>\n            <!-- Fin paginados -->\n            <!-- Spinner de precarga\n            <loading v-if=\"loading\" height=\"8\" width=\"8\"><\/loading> -->\n        <\/section>\n    <\/transition>\n<\/script><!-- Template Articulo, hay que separar las variantes en otro fichero para reciclar codigo -->\n<script type=\"text\/x-template\"  id=\"template-articulo\">\n    <transition appear name=\"slide-fade\">\n      <!-- FICHA HORIZONTAL -->\n      <article v-if=\"stylesJson.opcion_tipo_ficha == 'box-horizontal'\" class=\"caja-articulo-horizontal noselect\" :id=\"id\">\n        <div>\n          <section class=\"imagen\">\n            <figure>\n              <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                <img v-if=\"imagenesJson.imagen !== null\" :src=\"imagenesJson.imagen\" class=\"imagen-default noselect\" :alt=\"productoJson.nombre\" \/>\n\n                <img v-if=\"imagenesJson.imagen_hover !== null\" :src=\"imagenesJson.imagen_hover\" class=\"imagen-hover\" :alt=\"productoJson.nombre\" \/>\n              <\/a>\n            <\/figure>\n            \n          <\/section>\n          <section class=\"descripciones\">\n              <!-- ORDEN TIPO 1 O POR DEFECTO -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo1' || stylesJson.style_layout_orden == ''\">\n                  <!-- Descripcion -->\n                  <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                          {{ productoJson.nombre }}\n                      <\/a>\n                  <\/h3>\n                  \n                  <p>\n                      {{ productoJson.modelo }}\n                  <\/p>\n\n                  <!-- Precios -->\n                  <div class=\"precio\">\n                    <!-- Segun tipo de oferta -->\n                    <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                    <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                      \/\n                    <\/span>\n                    <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n\n                  <\/div>\n                  <!-- Colores -->\n                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                            +\n                        <\/a>\n                    <\/ul>\n              <\/div>\n\n              <!-- ORDEN TIPO 2 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo2'\">\n                  <!-- Titulo -->\n                  <h3>\n                    <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                      {{ productoJson.nombre }}\n                    <\/a>\n                  <\/h3>\n              \n                  <!-- Precios -->\n                  <div class=\"precio\">\n                    <!-- Segun tipo de oferta -->\n                    <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                    <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                      \/\n                    <\/span>\n                    \n                    <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                  <\/div>\n              <\/div>\n\n              <!-- ORDEN TIPO 4 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo4'\">\n                  <!-- Precios -->\n                  <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                        <\/span>\n                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                          \/\n                        <\/span>\n                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                        <\/span>\n                  <\/div>\n\n                  <!-- Titulo -->\n                  <h3>\n                    <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                      {{ productoJson.nombre }}\n                    <\/a>\n                  <\/h3>\n\n                  <!-- Descripcion larga -->\n                  <p>\n                      {{ formatearDescripcion(productoJson.descripcionLarga, 65) }}\n                  <\/p>\n\n                  <!-- Calificaciones -->\n                  <section class=\"rating\" v-if=\"estrellasDisponibles\">\n                      <i v-bind:class=\"estrella.class\" v-for=\"estrella in estrellasDisponibles\"><\/i>\n                  <\/section>\n\n              <\/div>\n\n              <!-- ORDEN TIPO 5 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo5' || stylesJson.style_layout_orden == ''\">\n                  <!-- Descripcion -->\n                  <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                          {{ productoJson.nombre }}\n                      <\/a>\n                  <\/h3>\n                  \n                  <p>\n                      {{ productoJson.modelo }}\n                  <\/p>\n\n                  <!-- Precios -->\n                  <div class=\"precio\">\n                    <!-- Segun tipo de oferta -->\n                    <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                    <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                      \/\n                    <\/span>\n                    <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n\n                  <\/div>\n                  <!-- Colores -->\n                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                            +\n                        <\/a>\n                  <\/ul>\n              <\/div>\n\n              <!-- ORDEN TIPO 6 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo6'\">\n                  <!-- Modelo -->\n                  <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                          {{ productoJson.modelo }}\n                      <\/a>\n                  <\/h3>\n\n                  <p>\n                      {{ productoJson.color }}\n                  <\/p>\n                  \n                  <!-- Precios -->\n                  <div class=\"precio\">\n                    <!-- Segun tipo de oferta -->\n                    <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                    <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                      {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                      \/\n                    <\/span>\n                    <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                      {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                      {{ productoJson.precio_moneda_simbolo }}\n                    <\/span>\n                  <\/div>\n\n                  <p>\n                      {{ productoJson.color }}\n                  <\/p>\n\n                  <!-- Colores -->\n                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                            +\n                        <\/a>\n                  <\/ul>\n              <\/div>\n\n              <!-- ORDEN TIPO 7 -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo7'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.codificacionDescripcion }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                    <\/div>\n                    \n                <\/div>\n\n                <!-- ORDEN TIPO 8 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo8'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.nombre }}\n                        <\/a>\n                    <\/h3>\n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n                    <p>\n                        {{ productoJson.color }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                          <!-- Segun tipo de oferta -->\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                          <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                            \/\n                          <\/span>\n                          <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                    <\/div>\n\n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                          <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                          <\/a>\n                    <\/ul>\n                <\/div>\n          <\/section>  \n        <\/div>     \n      <\/article>\n\n      <!-- FICHA VERTICAL -->\n      <article v-if=\"stylesJson.opcion_tipo_ficha == 'box-vertical'\" class=\"caja-articulo-vertical noselect\" :id=\"id\">\n        <div>\n          <section class=\"imagen\">\n              <figure>\n                  <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                      <img v-if=\"imagenesJson.imagen !== null\" :src=\"imagenesJson.imagen\" class=\"imagen-default noselect\" :alt=\"productoJson.nombre\" \/>\n\n                      <img v-if=\"imagenesJson.imagen_hover !== null\" :src=\"imagenesJson.imagen_hover\" class=\"imagen-hover\" :alt=\"productoJson.nombre\" \/>\n                  <\/a>\n              <\/figure>\n          <\/section>\n\n          <section class=\"descripciones\">\n              <!-- ORDEN TIPO 1 O POR DEFECTO -->\n              <div v-if=\"stylesJson.style_layout_orden == 'tipo1' || stylesJson.style_layout_orden == ''\">\n                    <!-- Descripcion -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.nombre }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        <a :href=\"productoJson.url\">{{ productoJson.modelo }}<\/a>\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                          <!-- Segun tipo de oferta -->\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                          <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                            \/\n                          <\/span>\n                          <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                    <\/div>\n                    \n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                          <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                          <\/a>\n                      <\/ul>\n                    \n              <\/div>\n\n              <!-- ORDEN TIPO 2 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo2'\" class=\"descripciones\">\n                    <!-- Descripcion -->\n                    <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                        {{ productoJson.nombre }}\n                      <\/a>\n                    <\/h3>\n\n                \n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n\n                    <\/div>\n                <\/div>\n\n                <!-- ORDEN TIPO 4 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo4'\" class=\"descripciones\">\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                        <!-- Segun tipo de oferta -->\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                        <\/span>\n                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                          \/\n                        <\/span>\n                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                        <\/span>\n                    <\/div>\n\n                    <!-- Titulo -->\n                    <h3>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                        {{ productoJson.nombre }}\n                      <\/a>\n                    <\/h3>\n\n                    <!-- Descripcion larga -->\n                    <p>\n                        {{ formatearDescripcion(productoJson.descripcionLarga, 65) }}\n                    <\/p>\n\n                    <!-- Calificaciones -->\n                    <section class=\"rating\" v-if=\"estrellasDisponibles\">\n                        <i v-bind:class=\"estrella.class\" v-for=\"estrella in estrellasDisponibles\"><\/i>\n                    <\/section>\n                <\/div>\n\n                <!-- ORDEN TIPO 5 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo5' || stylesJson.style_layout_orden == ''\">\n                    <!-- Descripcion -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.nombre }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      \n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n\n                    <\/div>\n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                        <\/a>\n                    <\/ul>\n                <\/div>\n\n                <!-- ORDEN TIPO 6 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo6'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.modelo }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        {{ productoJson.color }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                    <\/div>\n\n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                          <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                          <\/a>\n                    <\/ul>\n                <\/div>\n\n                <!-- ORDEN TIPO 7 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo7'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                          {{ productoJson.codificacionDescripcion }}\n                        <\/a>\n                    <\/h3>\n                    \n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                      <!-- Segun tipo de oferta -->\n                      <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                        \/\n                      <\/span>\n                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                      <\/span>\n                    <\/div>\n                    \n                <\/div>\n\n                <!-- ORDEN TIPO 8 -->\n                <div v-if=\"stylesJson.style_layout_orden == 'tipo8'\">\n                    <!-- Modelo -->\n                    <h3>\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                            {{ productoJson.nombre }}\n                        <\/a>\n                    <\/h3>\n                    <p>\n                        {{ productoJson.modelo }}\n                    <\/p>\n                    <p>\n                        {{ productoJson.color }}\n                    <\/p>\n\n                    <!-- Precios -->\n                    <div class=\"precio\">\n                          <!-- Segun tipo de oferta -->\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                          <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                            \/\n                          <\/span>\n                          <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                            {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                    <\/div>\n\n                    <!-- Colores -->\n                    <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                          <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                              +\n                          <\/a>\n                    <\/ul>\n                <\/div>\n          <\/section>\n        <\/div>\n      <\/article>\n\n      <!-- FICHA PROMOCIONAL -->\n      <article         \n          v-if=\"stylesJson.opcion_tipo_ficha == 'especial-promocion'\"\n          class=\"caja-articulo-promocional noselect\"\n          :id=\"id\">\n          <div>\n            <section class=\"contenido\" \n                v-on:click=\"abrirUrl(productoJson.url); recordarPosicion(productoJson);\"\n                v-bind:style=\"{ 'background-image': 'url(' + imagenesJson.imagen + ')' }\">\n                <div v-bind:class=\"['flotante', stylesJson.opcion_posicion_vertical_ficha, 'descripciones']\">\n                    <h3>\n                        {{ productoJson.nombre }}\n                    <\/h3>\n                    <strong>\n                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                        {{ productoJson.precio_moneda_simbolo }}\n                    <\/strong>\n\n                    <section class=\"botones\">\n                        <button class=\"boton-comprar avia-button avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-center\">\n                            <i class=\"fas fa-shopping-cart\"><\/i>\n                            {{ traduccionesJson.texto_comprar }}\n                        <\/button>\n                    <\/section>\n                <\/div>\n            <\/section>\n          <\/div>\n      <\/article>\n\n      <!-- FICHA IMAGENES -->\n      <article v-if=\"stylesJson.opcion_tipo_ficha == 'especial-imagenes-slider'\" class=\"caja-articulo-imagenes-slider noselect\" :id=\"id\">\n        <div>\n          <section class=\"imagen\">\n              <ul class=\"grid-imagenes-slider\">\n                  <li v-for=\"imagenVista in imagenesJson.vistas\">\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\" >\n                          <img \n                              v-if=\"imagenVista.imagen !== null\" \n                              :src=\"imagenVista.url\" \n                              class=\"imagen-default noselect\"\n                          \/>\n                      <\/a>\n                  <\/li>\n              <\/ul>\n              <div class=\"contenedor-detalles\">\n                  <!-- Colores -->\n                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                      <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                          +\n                      <\/a>\n                  <\/ul>\n\n                  <!-- Nombre, precios -->\n                  <section class=\"contenido\">\n                      <h3>\n                          <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\" >\n                              {{ productoJson.nombre }}\n                          <\/a>\n                      <\/h3>\n                      <div>\n                          <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                          \n                          <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                            {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                            {{ productoJson.precio_moneda_simbolo }}\n                            \/\n                          <\/span>\n                          <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                          {{ productoJson.precio_moneda_simbolo }}\n                          <\/span>\n                      <\/div>\n                  <\/section>\n              <\/div>\n          <\/section>\n        <\/div>\n      <\/article>\n\n      <!-- FICHA IMAGENES BUSCADOR -->\n      <article v-if=\"stylesJson.opcion_tipo_ficha == 'buscador'\" class=\"caja-articulo-imagenes-slider noselect\" :id=\"id\">\n        <div>\n            <section class=\"imagen\">\n                <ul class=\"grid-imagenes-slider\">\n                    <li v-for=\"imagenVista in imagenesJson.vistas\">\n                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\" >\n                            <img \n                                v-if=\"imagenVista.imagen !== null\" \n                                :src=\"imagenVista.url\" \n                                class=\"imagen-default noselect\"\n                            \/>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n                <div class=\"contenedor-detalles\">\n                    <!-- Nombre, precios -->\n                    <section class=\"contenido\">\n                            <!-- ORDEN TIPO 1 O POR DEFECTO -->\n                            <div v-if=\"stylesJson.style_layout_orden == 'tipo1' || stylesJson.style_layout_orden == ''\">\n                                  <!-- Descripcion -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                          {{ productoJson.nombre }}\n                                      <\/a>\n                                  <\/h3>\n                                  \n                                  <p>\n                                      <a :href=\"productoJson.url\">{{ productoJson.modelo }}<\/a>\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n                                  \n                                  <!-- Colores -->\n                                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                                            +\n                                        <\/a>\n                                    <\/ul>\n                                  \n                            <\/div>\n\n                            <!-- ORDEN TIPO 2 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo2'\" class=\"descripciones\">\n                                  <!-- Descripcion -->\n                                  <h3>\n                                    <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                      {{ productoJson.nombre }}\n                                    <\/a>\n                                  <\/h3>\n\n                              \n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n                              <\/div>\n\n                              <!-- ORDEN TIPO 4 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo4'\" class=\"descripciones\">\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                      <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                        {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                        {{ productoJson.precio_moneda_simbolo }}\n                                      <\/span>\n                                      <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                        {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                        {{ productoJson.precio_moneda_simbolo }}\n                                        \/\n                                      <\/span>\n                                      <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                        {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                        {{ productoJson.precio_moneda_simbolo }}\n                                      <\/span>\n                                  <\/div>\n\n                                  <!-- Titulo -->\n                                  <h3>\n                                    <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                      {{ productoJson.nombre }}\n                                    <\/a>\n                                  <\/h3>\n\n                                  <!-- Descripcion larga -->\n                                  <p>\n                                      {{ formatearDescripcion(productoJson.descripcionLarga, 65) }}\n                                  <\/p>\n\n                                  <!-- Calificaciones -->\n                                  <section class=\"rating\" v-if=\"estrellasDisponibles\">\n                                      <i v-bind:class=\"estrella.class\" v-for=\"estrella in estrellasDisponibles\"><\/i>\n                                  <\/section>\n                              <\/div>\n\n                              <!-- ORDEN TIPO 5 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo5' || stylesJson.style_layout_orden == ''\">\n                                  <!-- Descripcion -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                          {{ productoJson.nombre }}\n                                      <\/a>\n                                  <\/h3>\n                                  \n                                  <p>\n                                      {{ productoJson.modelo }}\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n                                  <!-- Colores -->\n                                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                                      <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                                            +\n                                      <\/a>\n                                  <\/ul>\n                              <\/div>\n\n                              <!-- ORDEN TIPO 6 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo6'\">\n                                  <!-- Modelo -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                          {{ productoJson.modelo }}\n                                      <\/a>\n                                  <\/h3>\n                                  \n                                  <p>\n                                      {{ productoJson.color }}\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n\n                                  <!-- Colores -->\n                                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                                            +\n                                        <\/a>\n                                  <\/ul>\n                              <\/div>\n\n                              <!-- ORDEN TIPO 7 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo7'\">\n                                  <!-- Modelo -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                        {{ productoJson.codificacionDescripcion }}\n                                      <\/a>\n                                  <\/h3>\n                                  \n                                  <p>\n                                      {{ productoJson.modelo }}\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n                                  \n                              <\/div>\n\n                              <!-- ORDEN TIPO 8 -->\n                              <div v-if=\"stylesJson.style_layout_orden == 'tipo8'\">\n                                  <!-- Modelo -->\n                                  <h3>\n                                      <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" class=\"link\">\n                                          {{ productoJson.nombre }}\n                                      <\/a>\n                                  <\/h3>\n                                  <p>\n                                      {{ productoJson.modelo }}\n                                  <\/p>\n                                  <p>\n                                      {{ productoJson.color }}\n                                  <\/p>\n\n                                  <!-- Precios -->\n                                  <div class=\"precio\">\n                                        <!-- Segun tipo de oferta -->\n                                        <span class=\"precio-venta-recomendado\" v-if=\"productoJson.precio_pvpr!=='' && productoJson.precio_pvpr > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvpr')\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvpr) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                        <span class=\"precio-anterior\" v-if=\"productoJson.precio_anterior_pvp!== null && productoJson.precio_anterior_pvp > 0.00  && stylesJson.style_layout_precio == ''\">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_anterior_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                          \/\n                                        <\/span>\n                                        <span class=\"precio-real\" v-if=\"productoJson.precio_pvp!=='' && productoJson.precio_pvp > 0.00 && (stylesJson.style_layout_precio == '' || stylesJson.style_layout_precio == 'pvp') \">\n                                          {{ agregarDecimalesMinimos(productoJson.precio_pvp) }}\n                                          {{ productoJson.precio_moneda_simbolo }}\n                                        <\/span>\n                                  <\/div>\n\n                                  <!-- Colores -->\n                                  <ul class=\"colores\" v-if=\"productoJson.hasOwnProperty('modelos') && productoJson.modelos.length > 0\">\n                                        <a v-for=\"modelo in productoJson.modelos.slice(0, 4)\" v-on:click=\"cambiarModelo(modelo)\" href=\"Javascript:void(0);\" class=\"color\" v-bind:style=\"{backgroundColor: 'rgb('+ modelo.rgb +')'}\"><\/a>\n                                        <a :href=\"productoJson.url\" v-on:click=\"recordarPosicion(productoJson)\" v-if=\"productoJson.modelos.length > 4\"  data-microtip-position=\"top\" role=\"tooltip\" :aria-label=\"traduccionesJson.view_all\" class=\"color-mas\">\n                                            +\n                                        <\/a>\n                                  <\/ul>\n                              <\/div>\n\n                              <!-- Incluimos el catalogo por defecto en el buscador -->\n                              <p>{{ productoJson.catalogo }}<\/p>\n                    <\/section>\n                <\/div>\n            <\/section>\n          <\/div>\n      <\/article>\n\n    <\/transition>\n<\/script>\n<section class=\"columna-12 font-size-1-3\">\n                            <p class=\"permiso-denegado\">You are not logged, please <a href=\"https:\/\/b2b.atom-sport.com\/en\/trail-running\/\">login or register<\/a> to see the content<\/p>\n                        <\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":129,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/b2b.atom-sport.com\/en\/wp-json\/wp\/v2\/pages\/8761"}],"collection":[{"href":"https:\/\/b2b.atom-sport.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/b2b.atom-sport.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/b2b.atom-sport.com\/en\/wp-json\/wp\/v2\/users\/129"}],"replies":[{"embeddable":true,"href":"https:\/\/b2b.atom-sport.com\/en\/wp-json\/wp\/v2\/comments?post=8761"}],"version-history":[{"count":1,"href":"https:\/\/b2b.atom-sport.com\/en\/wp-json\/wp\/v2\/pages\/8761\/revisions"}],"predecessor-version":[{"id":8909,"href":"https:\/\/b2b.atom-sport.com\/en\/wp-json\/wp\/v2\/pages\/8761\/revisions\/8909"}],"wp:attachment":[{"href":"https:\/\/b2b.atom-sport.com\/en\/wp-json\/wp\/v2\/media?parent=8761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}