#vin_shipMarquee { --vin_text-color: #fff; --vin_sep-color: #fff; --vin_speed: 60s; width: 100%; overflow: hidden; background: transparent; font-family: 'Poppins', sans-serif; white-space: nowrap; } #vin_shipMarquee .vin_track { display: inline-flex; align-items: center; will-change: transform; animation: vin_scroll var(--vin_speed) linear infinite; } #vin_shipMarquee .vin_item { display: inline-flex; align-items: center; font-size: clamp(1rem, 1vw, 1rem); font-weight: 500; letter-spacing: 0.06em; color: var(--vin_text-color); padding: 0 1.5rem; } #vin_shipMarquee .vin_dot { color: var(--vin_sep-color); font-size: 0.6em; padding: 0 0.5rem; } @keyframes vin_scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { #vin_shipMarquee .vin_track { animation: none; } }
Transporte gratuito para 12-18-24... botellas, o mayor de 150 €
(function () { var wrap = document.querySelector('#vin_shipMarquee'); if (!wrap) return; var track = wrap.querySelector('.vin_track'); var baseHTML = track.innerHTML; function build() { track.innerHTML = baseHTML; var guard = 0; while (track.scrollWidth < wrap.clientWidth * 2 && guard < 40) { track.innerHTML += baseHTML; guard++; } track.innerHTML += track.innerHTML; } build(); var resizeTimer; window.addEventListener('resize', function () { clearTimeout(resizeTimer); resizeTimer = setTimeout(build, 200); }); })();

Envío gratuito para pedidos con cajas completas (múltiplos de 6) ó para pedidos a partir de 150€

document.addEventListener('DOMContentLoaded', function () { let scrollableNavigations = document.querySelectorAll('.horizontalNav .elementor-nav-menu'), svgIcon; /* delete this line if you don't want arrows, or change the markup to your own to have your left pointing icon */ svgIcon = ``; scrollableNavigations.forEach((scrollableNavigation) => { let navigationItems = Array.from(scrollableNavigation.querySelectorAll('.menu-item')).filter(e => e.parentElement.closest('.menu-item') == null); let activeNavigationItemIndex = navigationItems.findIndex((navigationItem) => navigationItem.classList.contains('current-menu-item')); scrollableNavigation.style.scrollBehavior = "smooth"; navigationItems.forEach((navigationItem, i) => { let scrollToPosition = (navigationItem.getBoundingClientRect().left + navigationItem.offsetWidth / 2) - (window.innerWidth / 2); navigationItem.addEventListener('click', function () { scrollableNavigation.scrollTo(scrollToPosition, 0); }); if (i === activeNavigationItemIndex) scrollableNavigation.scrollTo(scrollToPosition, 0); updateMask(scrollableNavigation); }); scrollableNavigation.addEventListener('scroll', function () { updateMask(scrollableNavigation); }); let navContainer = scrollableNavigation.parentElement; let navWidth = navContainer.offsetWidth; /* add class if can't scroll */ if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) { navContainer.classList.add('no-scroll'); } /* on resize */ let windowWidth = window.innerWidth; window.addEventListener('resize', function () { if (windowWidth === window.innerWidth) return; navWidth = navContainer.offsetWidth; if (scrollableNavigation.scrollWidth <= scrollableNavigation.offsetWidth) { navContainer.classList.add('no-scroll'); } else { navContainer.classList.remove('no-scroll'); } }); if (svgIcon) { navContainer.insertAdjacentHTML('afterBegin', `Scroll left`); navContainer.insertAdjacentHTML('afterBegin', ``); navContainer.querySelector('.scrollable-navigation-left').addEventListener('click', function () { scrollableNavigation.scrollBy(navWidth * -0.78, 0); }); navContainer.querySelector('.scrollable-navigation-right').addEventListener('click', function () { scrollableNavigation.scrollBy(navWidth * 0.78, 0); }); } }); function updateMask(scrollableNavigation) { const maxScroll = scrollableNavigation.scrollWidth - scrollableNavigation.clientWidth; const currentScroll = scrollableNavigation.scrollLeft; if (currentScroll > 8) { scrollableNavigation.parentElement.classList.add('show-left-mask'); } else { scrollableNavigation.parentElement.classList.remove('show-left-mask'); } if (currentScroll < maxScroll - 8) { scrollableNavigation.parentElement.classList.add('show-right-mask'); } else { scrollableNavigation.parentElement.classList.remove('show-right-mask'); } } }); .horizontalNav .elementor-nav-menu.elementor-nav-menu.elementor-nav-menu { overflow-x: auto; display: flex; flex-wrap: nowrap; justify-content: start; position: relative; padding: 5px 10px 0 10px; /* delete if you don't use the SVG arrows */ } .horizontalNav .elementor-nav-menu>.menu-item { white-space: nowrap; margin: 0 10px; /* spacing between nav items */ } /* styles of nav items, edit to fit your design */ .horizontalNav .elementor-nav-menu>.menu-item>.elementor-item { padding: 16px 16px; border-radius: 0px; color: #fff; font-weight: 700; font-size: 1rem; } /* styles of active nav item */ .horizontalNav .elementor-nav-menu>.menu-item>.elementor-item.elementor-item-active { background-color: #00000000; color: #ffffff; } /* SVG arrows */ .horizontalNav .scrl-button.scrl-button.scrl-button.scrl-button.scrl-button { background: none; color: white; outline: none; border: none; padding: 0; margin: 0; } .horizontalNav .scrl-button.scrl-button.scrl-button.scrl-button.scrl-button:focus-visible { outline: auto; } .horizontalNav .scrollable-navigation { position: absolute; height: 100%; left: 0; width: 30px; display: grid; place-content: center; z-index: 7; } .horizontalNav .scrollable-navigation-right { left: initial; right: 0; } .horizontalNav .scrollable-navigation svg { width: 30px; height: 30px; } .horizontalNav .scrollable-navigation-right svg { transform: rotate(180deg); } .horizontalNav .elementor-nav-menu__container:not(.show-right-mask) .scrollable-navigation-right, .horizontalNav .elementor-nav-menu__container:not(.show-left-mask) .scrollable-navigation-left { opacity: 0.4; pointer-events: none; } /* hide the svg arrows from 800px viewport and up, adjust as you need */ @media (min-width: 800px) { .horizontalNav .scrl-button { display: none; } } /* END OF SVG arrows */ /* gradients on each side when it is possible to scroll more */ .horizontalNav .elementor-nav-menu__container { position: relative; } .horizontalNav .elementor-nav-menu__container::before, .horizontalNav .elementor-nav-menu__container::after { content: ""; position: absolute; width: 50px; /* width of gradients */ --nav-gradient-color: #FFFFFF47; /* color of gradients */ top: 0; bottom: 0; transform: scaleX(0); background: linear-gradient(to right, var(--nav-gradient-color) , transparent); transition: transform 0.4s ease-in-out; z-index: 4; pointer-events: none; } .horizontalNav .elementor-nav-menu__container::before { left: -2px; transform-origin: 0 50%; } .horizontalNav .elementor-nav-menu__container::after { right: -2px; transform-origin: 100% 50%; background: linear-gradient(to left, var(--nav-gradient-color), transparent); } .horizontalNav .elementor-nav-menu__container.show-left-mask::before { transform: scaleX(1); } .horizontalNav .elementor-nav-menu__container.show-right-mask::after { transform: scaleX(1); } /* END OF gradients on each side when it is possible to scroll more */ /* remove the scroll bar */ .horizontalNav .elementor-nav-menu::-webkit-scrollbar { display: none; } /* screen reader only styles */ .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
nuestro catalogo de vinos
Champagne
Precio
Color
Estilo
Denominación de Origen
Composición
País de Origen
Método de Cultivo
Perfil
Maridaje
47 productos

Suscríbete a nuestra NEWSLETTER

Y consigue un REGALO
en tu primera compra mínima de 50€ en la web