#vans #intro{width:100%;height:44vw;display:flex;position:relative}#vans #intro.dark{color:#fff;background-color:#000}#vans #intro.dark .fadeVertical{z-index:1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);opacity:1;background:linear-gradient(#0000 0%,#000 100%);position:absolute;inset:75% 0 0}#vans #intro.dark .fadeHorizontal{z-index:2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);opacity:.4;background:linear-gradient(90deg,#000 6%,#0000 100%);position:absolute;inset:0}#vans #intro.light{color:#000;background-color:#fff}#vans #intro.light .fadeVertical{z-index:1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1);opacity:1;background:linear-gradient(#fff0 0%,#fff 100%);position:absolute;inset:75% 0 0}#vans #intro.light .fadeHorizontal{z-index:2;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);opacity:.7;background:linear-gradient(90deg,#fff 6%,#fff0 50%);position:absolute;inset:0}#vans #intro .pageWidth{z-index:10;flex-direction:column;justify-content:center;display:flex;position:relative}#vans #intro .content{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}#vans #intro .content h1{z-index:1;margin-bottom:.3em;font-family:DaimlerCACRegular,serif;font-size:clamp(2.3rem,4.5vw,3.4rem);font-weight:400;position:relative}#vans #intro .content p{max-width:500px;margin-bottom:1.3em;font-size:clamp(.7rem,3.5vw,1.2rem);line-height:1.4em}#vans #intro .content p span{white-space:nowrap}#vans #intro picture{z-index:0;display:flex;position:absolute;inset:0}#vans #intro picture img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:all .3s}@media screen and (width<=1024px){#vans #intro{min-height:66.7vw}:is(#vans #intro.light,#vans #intro.dark) .fadeVertical{top:50%}:is(#vans #intro.light,#vans #intro.dark) .fadeHorizontal{display:none}#vans #intro .pageWidth{justify-content:flex-end;padding-bottom:3em}}@media screen and (width<=768px){#vans #intro{height:115vw}#vans #intro .pageWidth{justify-content:flex-end;align-items:center;padding-bottom:1em}:is(#vans #intro.light,#vans #intro.dark) .fadeVertical{top:50%;bottom:15vw}#vans #intro .content{align-items:center}#vans #intro .content h2,#vans #intro .content p{text-align:center;max-width:100%}#vans #intro picture{bottom:15vw}}#camiones #intro{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#050505",endColorstr="#000000",GradientType=1);background:linear-gradient(#000 0%,#2e2e2e 52%,#050505 100%);justify-content:center;width:100%;height:33.2vw;max-height:520px;display:flex;position:relative}#camiones #intro .wrapper{z-index:0;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:relative}#camiones #intro .pageWidth{z-index:10;flex-direction:column;justify-content:center;display:flex;position:relative}#camiones #intro .content{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}#camiones #intro .content h1{text-transform:uppercase;z-index:1;margin-bottom:.1em;font-family:MBCorpoSTitleCondOfficeBold,serif;font-size:clamp(2.3rem,4.5vw,3.4rem);font-weight:700;line-height:1;position:relative}#camiones #intro .content h1 span{color:var(--wb-blue-65)}#camiones #intro .content h3{z-index:1;max-width:500px;margin-bottom:.8em;padding-bottom:.7em;font-family:MBCorpoSTextRegular;font-size:clamp(.7rem,3.5vw,1.1rem);font-weight:400;line-height:1.4em;position:relative}#camiones #intro .content h3:after{content:"";border-top:1px solid #fff;width:40px;position:absolute;bottom:0;left:0}#camiones #intro .content p{max-width:500px;margin-bottom:1em;font-family:MBCorpoSTitleCondOfficeRegular;font-size:clamp(1.3rem,3vw,1.6rem);line-height:1.2em}#camiones #intro .content p span{white-space:nowrap}#camiones #intro.light .content{color:#333}#camiones #intro.light .content h3:after{border-top:1px solid #333}#camiones #intro picture{z-index:0;display:flex;position:absolute;inset:0}#camiones #intro picture img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;transition:all .3s}@media screen and (width<=1400px){#camiones #intro .content p{max-width:400px;margin-bottom:.6em}}@media screen and (width<=768px){#camiones #intro{height:auto;max-height:initial}#camiones #intro .wrapper{flex-direction:column;display:flex}#camiones #intro .pageWidth{justify-content:flex-end;align-items:center;padding-bottom:1em}#camiones #intro .content{align-items:flex-start;width:100%;padding:1em 0}#camiones #intro .content h2,#camiones #intro .content p{max-width:100%}#camiones #intro.light .content{color:#fff}#camiones #intro.light .content h3:after{border-top:1px solid #fff}#camiones #intro picture{position:relative}}