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