#vans #introSlider{height:44vw;position:relative}#vans #introSlider .splide__track{height:100%}#vans #introSlider ul.splide__list li{display:flex;position:relative;width:100%}#vans #introSlider ul.splide__list li.dark{color:#fff}#vans #introSlider ul.splide__list li.dark .fadeVertical{background:#000;background:linear-gradient(0deg,#000,transparent);opacity:1;top:75%;z-index:1}#vans #introSlider ul.splide__list li.dark .fadeHorizontal,#vans #introSlider ul.splide__list li.dark .fadeVertical{bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);left:0;position:absolute;right:0}#vans #introSlider ul.splide__list li.dark .fadeHorizontal{background:#000;background:linear-gradient(90deg,#000 26%,transparent);opacity:.4;top:0;z-index:2}#vans #introSlider ul.splide__list li.light{color:#000}#vans #introSlider ul.splide__list li.light .fadeVertical{background:#fff;background:linear-gradient(0deg,#fff,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1);opacity:1;top:75%;z-index:1}#vans #introSlider ul.splide__list li.light .fadeHorizontal,#vans #introSlider ul.splide__list li.light .fadeVertical{bottom:0;left:0;position:absolute;right:0}#vans #introSlider ul.splide__list li.light .fadeHorizontal{background:#fff;background:linear-gradient(90deg,#fff 26%,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);opacity:.5;top:0;z-index:2}#vans #introSlider ul.splide__list li .pageWidth{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:10}#vans #introSlider ul.splide__list li .content{align-items:flex-start;display:flex;flex-direction:column;position:relative;z-index:1}#vans #introSlider ul.splide__list li .content h2{font-family:DaimlerCACRegular,serif;font-size:clamp(2.3rem,4.5vw,3.4rem);font-weight:400;margin-bottom:.3em;position:relative;z-index:1}#vans #introSlider ul.splide__list li .content h2,#vans #introSlider ul.splide__list li .content p{max-width:500px}#vans #introSlider ul.splide__list li .content p{font-size:clamp(1rem,3.5vw,1.2rem);line-height:1.4em;margin-bottom:1.3em}#vans #introSlider ul.splide__list li .content p span{white-space:nowrap}#vans #introSlider ul.splide__list li picture{bottom:0;display:flex;left:0;position:absolute;right:0;top:0;z-index:0}#vans #introSlider ul.splide__list li picture img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;transition:.3s;width:100%}#vans #introSlider .splide__pagination{align-items:center;bottom:25px;flex-direction:row;gap:18px}#vans #introSlider .splide__pagination .splide__pagination__page{background:#fff;border:0;border-radius:0;box-shadow:0 0 6px #0003;display:inline-block;height:4px;margin:0;opacity:1;padding:0;position:relative;transition:transform .2s linear;width:75px}#vans #introSlider .splide__pagination .splide__pagination__page.is-active{background:var(--wb-blue-65);opacity:1;transform:scale(1);z-index:1}@media screen and (max-width:1024px){#vans #introSlider{height:66.7vw}#vans #introSlider ul.splide__list li.dark .fadeHorizontal,#vans #introSlider ul.splide__list li.light .fadeHorizontal{display:none}#vans #introSlider ul.splide__list li.dark .fadeVertical,#vans #introSlider ul.splide__list li.light .fadeVertical{top:50%}#vans #introSlider ul.splide__list li .pageWidth{justify-content:flex-end;padding-bottom:3em}}@media screen and (max-width:768px){#vans #introSlider{height:115vw}#vans #introSlider ul.splide__list li.light{background-color:#fff}#vans #introSlider ul.splide__list li.light .fadeVertical{bottom:15vw;top:50%}#vans #introSlider ul.splide__list li.dark{background-color:#000}#vans #introSlider ul.splide__list li.dark .fadeVertical{bottom:15vw;top:50%}#vans #introSlider ul.splide__list li .pageWidth{align-items:center;justify-content:flex-end;padding-bottom:2em}#vans #introSlider ul.splide__list li .content{align-items:center;margin-bottom:1em}#vans #introSlider ul.splide__list li .content h2,#vans #introSlider ul.splide__list li .content p{max-width:100%;text-align:center}#vans #introSlider ul.splide__list li picture{bottom:15vw}}@media screen and (max-width:500px){#vans #introSlider{height:140vw}#vans #introSlider ul.splide__list li.light{background-color:#fff}#vans #introSlider ul.splide__list li.light .fadeVertical{bottom:40vw;top:50%}#vans #introSlider ul.splide__list li.dark{background-color:#000}#vans #introSlider ul.splide__list li.dark .fadeVertical{bottom:40vw;top:50%}#vans #introSlider ul.splide__list li picture{bottom:40vw}}@media screen and (max-width:380px){#vans #introSlider{height:160vw}#vans #introSlider ul.splide__list li.light{background-color:#fff}#vans #introSlider ul.splide__list li.light .fadeVertical{bottom:60vw;top:30%}#vans #introSlider ul.splide__list li.dark{background-color:#000}#vans #introSlider ul.splide__list li.dark .fadeVertical{bottom:60vw;top:30%}#vans #introSlider ul.splide__list li picture{bottom:60vw}}#vans #recomendaciones{position:relative}#vans #recomendaciones h2{font-family:DaimlerCACRegular,serif;font-size:clamp(2.3rem,4.5vw,3.1rem);font-weight:400;margin-bottom:.6em;margin-top:.6em;position:relative;z-index:1}#vans #recomendaciones ul{display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-bottom:5em}#vans #recomendaciones ul li{color:#fff;display:flex;height:0;overflow:hidden;padding:156% 30px 30px;position:relative;width:100%}#vans #recomendaciones ul li .content{align-items:flex-start;display:flex;flex-direction:column;justify-content:end;position:relative;z-index:10}#vans #recomendaciones ul li .content p{font-size:clamp(.9rem,4.5vw,.9rem);line-height:1.4em;margin-bottom:.4em;max-width:500px}#vans #recomendaciones ul li .content h3{font-family:DaimlerCACRegular,serif;font-size:clamp(1rem,4.8vw,2rem);font-weight:400;margin-bottom:20px;position:relative;z-index:1}#vans #recomendaciones ul li .content p span{white-space:nowrap}#vans #recomendaciones ul li .content a{display:flex}#vans #recomendaciones ul li .content a img{margin-left:8px;width:15px}#vans #recomendaciones ul li .fadeVertical{background:#000;background:linear-gradient(0deg,#000 20%,transparent 34%);bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);left:0;opacity:1;position:absolute;right:0;top:0;z-index:1}#vans #recomendaciones ul li picture{bottom:0;display:flex;left:0;position:absolute;right:0;top:0;z-index:0}#vans #recomendaciones ul li picture img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;transition:.3s;width:100%}#vans #recomendaciones ul li:hover img{transform:scale(107%)}@media screen and (max-width:950px){#vans #recomendaciones ul{gap:30px;grid-template-columns:repeat(2,1fr);margin-inline:auto;max-width:568px}}@media screen and (max-width:568px){#vans #recomendaciones ul{gap:30px;grid-template-columns:repeat(1,1fr)}#vans #recomendaciones ul li .content h3{font-size:clamp(2rem,4.8vw,2rem);margin-bottom:20px}}
