:root{--red:#ed2027;--ink:#141414;--gray:#777;--line:#e9e9e9;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:Barlow,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:6px}button{color:inherit}::selection{background:var(--red);color:white}.skip{position:fixed;top:-60px;background:var(--ink);color:#fff;padding:12px;z-index:20}.skip:focus{top:5px}.header{height:110px;display:flex;align-items:center;padding:0 4%;border-bottom:1px solid var(--line);position:relative;z-index:5;background:white}.logo{display:flex;gap:9px;align-items:center;width:25%;font:italic 900 44px/.74 var(--display);letter-spacing:-1px}.logo small{font-size:16px;letter-spacing:5px;display:block;margin-top:9px}.logo i{height:43px;width:5px;background:var(--red);transform:skew(-15deg);margin-left:6px}.flag{font-size:65px;line-height:1;transform:skew(-13deg)}nav{display:flex;height:100%;align-items:center;gap:35px}nav a,.header-contact{font:700 15px var(--display);letter-spacing:1.6px;text-transform:uppercase;white-space:nowrap}nav a{position:relative;height:100%;display:flex;align-items:center}nav a:after{content:'';position:absolute;bottom:26px;height:2px;width:0;background:var(--red);transition:width .2s}nav a:hover:after,nav a.active:after{width:100%}.header-contact{margin-left:auto;padding-left:25px}.header-contact span{margin-left:20px;color:var(--red);font-size:24px}.menu-toggle{border:0;background:var(--red);width:56px;height:56px;margin-left:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-toggle span{width:20px;height:2px;background:white}.hero{min-height:650px;height:calc(100svh - 110px);max-height:900px;position:relative;display:grid;grid-template-columns:48% 46% 6%;align-items:center;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#f3f3f3 calc(20% - 1px),#f3f3f3 20%)}.hero-watermark{position:absolute;left:32%;top:3%;font:900 clamp(150px,22vw,350px) var(--display);letter-spacing:-9px;color:#f6f6f6;pointer-events:none}.hero-bike{position:relative;margin-left:-15%;width:120%;z-index:1}.hero-bike img{display:block;width:100%;mix-blend-mode:multiply;animation:bike-enter 1s ease both}.image-caption{display:block;margin-left:20%;font:600 10px Barlow,Arial;letter-spacing:2px;color:#888}.hero-copy{z-index:2;position:relative;padding:0 4% 28px 4%}.eyebrow{font:600 12px Barlow,sans-serif;letter-spacing:5px;color:var(--red);text-transform:uppercase;margin:0 0 20px}h1{font:800 clamp(54px,5.9vw,94px)/.96 var(--display);letter-spacing:-1px;margin:0 0 28px}em{font-style:normal;color:var(--red)}.hero-description{font-size:16px;line-height:1.85;color:var(--gray);max-width:420px;margin-bottom:36px}.hero-actions{display:flex;gap:15px}.button{border:1px solid #dedede;background:transparent;min-height:55px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:30px;text-transform:uppercase;letter-spacing:1.5px;font:700 13px var(--display);transition:background .2s,transform .2s}.button span{font:400 28px Arial}.button:hover{background:#f1f1f1;transform:translateY(-2px)}.button.red{background:var(--red);border-color:var(--red);color:white}.button.red:hover{background:#c9161c}.hero-rail{height:60%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-left:1px solid var(--line);font:600 12px var(--display);letter-spacing:2px}.hero-rail>span{writing-mode:vertical-rl}.hero-rail b{color:#bcbcbc;font-weight:500;margin-top:8px}.hero-rail a{writing-mode:vertical-rl}.hero-rail a span{margin-top:20px}.hero-bottom{position:absolute;bottom:24px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.hero-bottom>button{border:0;background:transparent;display:flex;gap:25px;align-items:center;font:700 12px var(--display);letter-spacing:1.5px;padding:12px 0}.hero-bottom>button>span{font:400 38px Arial}.slide-dots{display:flex;gap:10px}.slide-dots button{width:22px;height:3px;padding:0;border:0;background:#ddd}.slide-dots button.selected{background:var(--red);width:40px}.section{padding:110px max(6%,calc((100% - 1200px)/2))}h2{font:700 clamp(36px,4vw,58px)/1.04 var(--display);letter-spacing:-.3px;margin:0}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:55px 75px}.intro-text>p{margin:0 0 26px;color:var(--gray);line-height:1.9}.text-link{font:700 13px var(--display);letter-spacing:1px;display:flex;align-items:center;gap:25px}.text-link span{font:28px Arial;color:var(--red)}.values{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid var(--line);padding-top:45px}.values article{position:relative;padding-left:65px}.line-icon{position:absolute;left:0;top:5px;font:50px/1 var(--display);color:var(--red)}h3{font:700 24px var(--display);margin:0 0 12px}.values p{font-size:14px;color:var(--gray);line-height:1.8;margin:0}.manifesto{background:#141414;color:white;position:relative;overflow:hidden;padding:95px 9%;display:grid;grid-template-columns:12% 55% 33%;min-height:620px}.manifesto-number{writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;align-self:start;color:#aaa}.manifesto h2{font-size:clamp(50px,6vw,90px);line-height:.98;position:relative}.manifesto h2 span{color:transparent;-webkit-text-stroke:1px #aaa}.manifesto .button{margin-top:34px}.manifesto-bg{position:absolute;right:-25px;bottom:-90px;font:900 430px var(--display);color:#1b1b1b;transform:skew(-12deg);pointer-events:none}.manifesto-aside{align-self:center;z-index:1;padding-left:35px}.manifesto-aside p{font:600 22px/1.2 var(--display);letter-spacing:2px}.manifesto-aside>span{font-size:10px;letter-spacing:3px;color:#aaa}.track{width:150px;height:190px;border:18px solid var(--red);border-radius:55% 30% 50% 35%;transform:rotate(30deg) skew(-8deg);box-shadow:0 0 0 1px #555,inset 0 0 0 1px #555;margin-bottom:50px}.universe{display:grid;grid-template-columns:1fr 280px;gap:50px}.universe-intro{color:var(--gray);line-height:1.8;align-self:end}.routes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.route-index{font:600 12px var(--display);letter-spacing:2px;display:block;margin-bottom:12px}.route-art{height:260px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.route-art:after{content:'';position:absolute;inset:0;transition:transform .5s;background:url('assets/moto-hero.png') center/110% auto no-repeat;mix-blend-mode:multiply}.route-art span{position:absolute;top:15px;left:15px;font:800 70px var(--display);color:#d4d4d4}.route-art.urban{background:#e6e7e8}.route-art.sport{background:#f2e7e7}.sport:after{transform:scale(1.6) rotate(-12deg);background-position:35% 70%}.sport span{color:#e3caca}.route-art.adventure{background:#e5e7e0}.adventure:after{transform:scale(1.2);background-position:65% 70%;filter:grayscale(1)}.adventure span{color:#cfd3c4}.route-caption{display:flex;justify-content:space-between;gap:10px;padding:24px 0}.route-caption p{font-size:9px;color:var(--gray);letter-spacing:1.5px;margin:0 0 9px}.route-caption h3{font-size:23px}.route-caption button{width:38px;height:38px;background:white;border:1px solid #ddd;font-size:23px;flex-shrink:0}.route-caption button:hover{color:white;background:var(--red);border-color:var(--red)}.routes article:hover .urban:after{transform:scale(1.07)}.contact{background:#f4f4f4;padding:85px 6%;text-align:center;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#ebebeb calc(20% - 1px),#ebebeb 20%)}.contact h2{font-size:clamp(45px,5.2vw,74px)}.contact>p:not(.eyebrow){color:var(--gray);margin:25px 0}.button.dark{background:var(--ink);color:white;border-color:var(--ink)}.button.dark:hover{background:var(--red);border-color:var(--red)}footer{background:#111;color:white;display:flex;align-items:center;flex-wrap:wrap;gap:35px;padding:50px 6% 25px}.footer-logo{font:italic 800 37px var(--display)}.footer-logo span{font-size:16px;letter-spacing:3px;color:#aaa}footer>p{font-size:10px;letter-spacing:2px;color:#999}footer>a:last-of-type{margin-left:auto;font:600 12px var(--display);letter-spacing:2px}.footer-bottom{width:100%;border-top:1px solid #333;padding-top:24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#777}dialog{border:0;max-width:530px;width:calc(100% - 40px);padding:55px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog h2{font-size:38px}dialog>p:not(.eyebrow){line-height:1.8;color:var(--gray)}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:30px}.dialog-done{margin-top:15px}@keyframes bike-enter{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@media(min-width:1100px){.menu-toggle{display:none}}@media(max-width:1099px){.header{height:90px}.logo{width:auto}nav{display:none;position:absolute;top:90px;left:0;right:0;height:auto;background:#fff;padding:25px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:22px}nav.open{display:flex}nav a:after{bottom:-7px}.hero{height:680px;min-height:620px;grid-template-columns:46% 48% 6%}h1{font-size:65px}.hero-actions{gap:10px}.button{padding:0 18px;gap:20px}.hero-bike{margin-left:-25%;width:145%}.hero-copy{padding-left:0}.section{padding:80px 6%}.intro{gap:40px}.values{gap:25px}.values article{padding-left:45px}.manifesto{padding:75px 6%;grid-template-columns:8% 60% 32%}.manifesto-aside{padding-left:10px}.routes{gap:20px}.route-art{height:220px}.route-caption h3{font-size:19px}}@media(max-width:700px){html{scroll-padding-top:80px}.header{height:80px;padding:0 6%}.logo{font-size:34px}.logo small{font-size:12px}.flag{font-size:47px}.logo i{height:34px}.header-contact{font-size:12px;margin-left:auto;padding-left:0}.header-contact span{margin-left:6px}.menu-toggle{width:42px;height:42px;margin-left:18px}nav{top:80px}.hero{height:auto;min-height:820px;display:flex;flex-direction:column;padding-top:40px;justify-content:flex-start;background-size:auto}.hero-watermark{top:10px;left:8%;font-size:180px}.hero-copy{order:0;width:100%;padding:0 8%;}.hero-copy .eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:17px}h1{font-size:64px;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.75;margin-bottom:25px;max-width:320px}.hero-description br{display:none}.hero-actions{gap:12px}.button{font-size:12px;min-height:51px;padding:0 17px;gap:22px}.hero-bike{order:1;width:110%;margin:-10px 0 35px -9%}.hero-bike img{max-height:340px;object-fit:contain}.image-caption{font-size:8px;margin-left:16%;margin-top:-10px}.hero-rail{display:none}.hero-bottom{bottom:15px;left:6%;right:6%}.hero-bottom>button{font-size:10px;gap:8px}.hero-bottom>button>span{font-size:27px}.slide-dots{gap:6px}.slide-dots button{width:12px}.slide-dots button.selected{width:24px}.section{padding:65px 7%}.intro,.universe{display:block}.eyebrow{font-size:10px;letter-spacing:2.5px}.intro-text{margin-top:25px}.intro-text>p{font-size:15px}.values{grid-template-columns:1fr;display:grid;margin-top:40px;gap:30px;padding-top:35px}.values article{padding-left:60px}.line-icon{left:5px}.values h3{font-size:25px}.values p{max-width:300px}.manifesto{padding:60px 7%;grid-template-columns:1fr;min-height:0}.manifesto-number{writing-mode:horizontal-tb;margin-bottom:30px}.manifesto h2{font-size:65px}.manifesto-aside{display:none}.manifesto-bg{font-size:250px;bottom:-40px;right:-30px}.universe-intro{margin:25px 0 35px}.routes{display:grid;grid-template-columns:1fr;gap:25px}.route-art{height:290px}.route-art:after{background-size:100% auto}.route-art span{font-size:85px}.route-caption h3{font-size:25px}.contact{padding:65px 7%}.contact h2{font-size:46px}footer{padding:40px 7% 25px;gap:20px}footer>p{width:100%;margin:0}footer>a:last-of-type{margin:5px 0}.footer-bottom{font-size:9px;gap:20px;line-height:1.7}dialog{padding:45px 28px}dialog h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Hero editorial: three distinct presentations with unified controls. */
.hero{isolation:isolate;transition:background-color .45s ease}
.hero-bike{transition:transform .65s ease,filter .65s ease}
.hero-bike img{max-height:660px;object-fit:contain;object-position:left center}
.hero-copy{transition:opacity .3s ease}
.hero[data-slide="1"] .hero-bike{transform:translateX(0) scale(1)}
.hero[data-slide="2"]{background-color:#f6f6f6}
.hero[data-slide="2"] .hero-bike{transform:translateX(3%) scale(1.09);filter:contrast(1.08)}
.hero[data-slide="2"] .hero-watermark{left:29%;letter-spacing:-12px}
.hero[data-slide="3"]{background-color:#fcfcfc}
.hero[data-slide="3"] .hero-bike{transform:translateX(-5%) scale(.95);filter:contrast(1.07) saturate(.85)}
.hero[data-slide="3"] .hero-watermark{left:39%}
.hero-watermark{white-space:nowrap;max-width:75%;overflow:hidden}
.hero-bottom{z-index:3}
.hero-bottom>button:hover{color:var(--red)}
.slide-dots button{transition:width .25s ease,background .25s ease}
@media(max-width:700px){
 .hero-bike img{max-height:340px;object-fit:contain}
 .hero[data-slide="2"] .hero-bike{transform:translateX(1%) scale(1.04)}
 .hero[data-slide="3"] .hero-bike{transform:translateX(-2%) scale(.98)}
 .hero-watermark{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.hero-bike,.hero{transition:none}}

/* Slider navigation: keep arrows from overlapping the image caption */
.hero-bottom{pointer-events:none;z-index:4}.hero-bottom button,.hero-bottom .slide-dots{pointer-events:auto}.hero-bike .image-caption{position:relative;z-index:1;padding-bottom:45px}.hero{padding-bottom:64px}.hero-bottom{bottom:14px}.hero-bottom>button{background:#ffffffd9;padding:10px 15px;border:1px solid #ececec;border-radius:3px}.hero-bottom .slide-dots{background:#ffffffd9;padding:12px;border-radius:3px}
@media(max-width:700px){.hero{padding-bottom:68px}.hero-bike .image-caption{padding-bottom:16px}.hero-bottom>button{padding:10px 6px}.hero-bottom .slide-dots{padding:10px 4px}}

/* Dynamic logo uploaded from the administration */
.logo{position:relative;min-width:0}.logo.has-custom-logo{font-size:0;gap:0}.logo.has-custom-logo .flag,.logo.has-custom-logo>span:not(.flag),.logo.has-custom-logo>i{display:none}.logo.has-custom-logo #site-logo{display:block!important;width:auto;max-width:100%;height:auto;max-height:var(--logo-height,75px);object-fit:contain;object-position:left center}.logo #site-logo[hidden]{display:none!important}@media(max-width:700px){.logo.has-custom-logo #site-logo{max-height:min(var(--logo-height,65px),62px)}}

/* ZHX public website navigation corporate accent, admin sidebar unaffected */
.header nav a:after{background:#e41519}
.header .menu-toggle{background:#e41519}
.header .header-contact span{color:#e41519}
.header nav a:hover,.header nav a:focus-visible{color:#e41519}

/* Navegación pública ZHX: fondo rojo corporativo solicitado */
.header{background:#e41519;border-bottom-color:#c71115}
.header nav a,.header .header-contact{color:#fff}
.header nav a:after{background:#fff}
.header nav a:hover,.header nav a:focus-visible{color:#fff}
.header .header-contact span{color:#fff}
.header .menu-toggle{background:#b81014}
.header .logo{color:#fff}
.header .logo i{background:#fff}
@media(max-width:900px){.header nav{background:#e41519}.header nav a{color:#fff}}

/* Avoid displaying provisional logo during initial loading: only the saved ZHX image is rendered. */
.header .logo #site-logo:not([hidden]){display:block;width:auto;max-width:100%;max-height:var(--logo-height,75px);object-fit:contain;object-position:left center}
.header .logo #site-logo[hidden]{display:none!important}

/* ZHX showcase: inspiration from racing-product presentations, unique brand execution */
.hero{position:relative}
.hero-numbered{position:absolute;top:29px;right:clamp(22px,4.5vw,88px);z-index:7;display:flex;align-items:center;gap:15px}
.hero-numbered-label{font:700 10px Barlow,Arial,sans-serif;letter-spacing:2.6px;color:#828282}
.hero-numbered .slide-dots{display:flex;gap:7px;align-items:center}
.hero-numbered .slide-dots button{font:800 15px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;background:transparent;color:#7c7c7c;border:0;width:34px;height:35px;padding:0;border-bottom:2px solid transparent;transition:color .25s,border-color .25s,transform .25s}
.hero-numbered .slide-dots button.selected,.hero-numbered .slide-dots button[aria-pressed="true"]{color:#e41519;border-bottom-color:#e41519;transform:translateY(-2px)}
.hero-numbered .slide-dots button:hover{color:#e41519;transform:translateY(-3px)}
.hero-bottom{position:absolute;inset:0;left:0;right:0;bottom:0;pointer-events:none!important;z-index:6;display:block}
.hero-bottom>button{position:absolute;top:50%;bottom:auto;transform:translateY(-50%);display:flex;align-items:center;gap:12px;background:#fffef0ee;min-height:58px;border:1px solid #ddd;padding:12px 17px;pointer-events:auto;transition:color .28s,background .28s,border-color .28s,transform .28s}
.hero-bottom>button#prev{left:12px}
.hero-bottom>button#next{right:12px}
.hero-bottom>button b{font:700 12px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.5px}
.hero-bottom>button span{transition:transform .3s}
.hero-bottom>button:hover{background:#e41519;color:#fff;border-color:#e41519;transform:translateY(-50%) scale(1.04)}
.hero-bottom>button#prev:hover span{transform:translateX(-5px)}
.hero-bottom>button#next:hover span{transform:translateX(5px)}
.hero-bike img.motorcycle-enter{animation:zhx-bike-reveal .95s cubic-bezier(.22,1,.36,1) both}
.hero.showcase-active .hero-copy>*{animation:zhx-copy-in .65s ease both}
.hero.showcase-active .hero-copy>*:nth-child(2){animation-delay:.09s}
.hero.showcase-active .hero-copy>*:nth-child(3){animation-delay:.17s}
.hero.showcase-active .hero-copy>*:nth-child(4){animation-delay:.24s}
@keyframes zhx-bike-reveal{0%{opacity:.35;transform:translateX(-65px) scale(.94);filter:blur(6px)}100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes zhx-copy-in{from{opacity:.15;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero-bottom>button{min-height:45px;padding:8px 9px}.hero-bottom>button b{display:none}.hero-bottom>button span{font-size:27px}.hero-numbered{top:14px;right:20px}}
@media(max-width:700px){.hero-numbered{top:12px;right:7%;gap:8px}.hero-numbered-label{font-size:9px}.hero-numbered .slide-dots button{width:27px;height:29px;font-size:13px}.hero-bottom>button{top:53%;padding:9px 6px;background:#fffffff2}.hero-bottom>button#prev{left:3px}.hero-bottom>button#next{right:3px}}
@media(prefers-reduced-motion:reduce){.hero-bike img.motorcycle-enter,.hero.showcase-active .hero-copy>*{animation:none!important}.hero-numbered .slide-dots button,.hero-bottom>button{transition:none}}

/* ZHX precision layout: functional vertical model rail, animated bottom controls */
.hero .hero-numbered{display:none!important}
.hero .hero-rail{position:absolute;left:clamp(14px,3.4vw,64px);right:auto;top:16%;height:auto;min-height:0;width:64px;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;border:0}
.hero .hero-rail-title{font:700 10px Barlow,Arial,sans-serif;letter-spacing:2px;color:#777;writing-mode:vertical-rl;transform:rotate(180deg)}
.hero .hero-rail .slide-dots{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;padding:0}
.hero .hero-rail .slide-dots button{display:grid;place-items:center;min-width:42px;width:42px;height:46px;background:transparent;border:0;border-left:2px solid #d5d5d5;color:#858585;padding:0;font:800 21px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;transition:transform .35s,color .35s,border-color .35s,background .35s}
.hero .hero-rail .slide-dots button.selected,.hero .hero-rail .slide-dots button[aria-pressed="true"]{border-left-color:#e41519;background:#fff4f4;color:#e41519;transform:translateX(5px)}
.hero .hero-rail .slide-dots button:hover{color:#e41519;transform:translateX(5px)}
.hero .hero-rail #slide-count{writing-mode:initial;transform:none;color:#999;font:600 10px Barlow,Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
.hero .hero-bottom{position:absolute;inset:auto 4% 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;height:auto!important;pointer-events:none!important;z-index:9}
.hero .hero-bottom>button,.hero .hero-bottom>button#prev,.hero .hero-bottom>button#next{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;min-height:53px;padding:8px 15px!important;display:flex!important;align-items:center;gap:15px;background:#fff;color:#181818;border:1px solid #e2e2e2;border-radius:2px;pointer-events:auto;overflow:hidden;transition:color .35s,border-color .35s}
.hero .hero-bottom>button::before{content:"";position:absolute;inset:0;background:#e41519;transform:translateX(-103%);transition:transform .4s cubic-bezier(.22,1,.36,1);z-index:0}
.hero .hero-bottom>button#next::before{transform:translateX(103%)}
.hero .hero-bottom>button:hover::before,.hero .hero-bottom>button#next:hover::before{transform:translateX(0)}
.hero .hero-bottom>button:hover{color:#fff;border-color:#e41519}
.hero .hero-bottom>button>*{position:relative;z-index:1}
.hero .hero-bottom>button span{font-size:28px}
@media(max-width:900px){.hero .hero-rail{left:6px;top:13%;width:43px}.hero .hero-rail .slide-dots button{width:32px;min-width:32px;height:38px;font-size:16px}.hero .hero-bottom{left:6%!important;right:6%!important;bottom:12px!important}.hero .hero-bottom>button,.hero .hero-bottom>button#prev,.hero .hero-bottom>button#next{min-height:42px;padding:7px 11px!important}}
@media(max-width:700px){.hero .hero-rail{top:21%;left:2px}.hero .hero-rail-title{font-size:8px}.hero .hero-bottom>button b{display:none}.hero .hero-bottom>button span{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hero .hero-bottom>button::before,.hero .hero-rail .slide-dots button{transition:none}}

/* Grand-prix inspired monochrome line-arrow interaction in lower hero */
.hero .hero-bottom>button.showcase-arrow,.hero .hero-bottom>button.showcase-arrow#prev,.hero .hero-bottom>button.showcase-arrow#next{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;display:flex!important;width:158px;height:62px;min-height:62px;padding:0!important;align-items:center;justify-content:center;background:transparent!important;color:#171717!important;border:0!important;overflow:visible!important;isolation:isolate}
.hero .hero-bottom>button.showcase-arrow::before{display:none!important}
.showcase-arrow .arrow-outline{position:absolute!important;z-index:0!important;inset:2px 0 2px auto;width:72px;border:1px solid currentColor;opacity:.42;transition:width .45s cubic-bezier(.22,1,.36,1),opacity .3s}
.showcase-arrow b{position:absolute!important;z-index:2!important;top:50%;left:0;transform:translateY(-50%);font:800 13px 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:2px}
.showcase-arrow .arrow-track{position:absolute!important;z-index:2!important;width:69px;height:1px;background:currentColor;left:54px;top:50%;transition:left .45s cubic-bezier(.22,1,.36,1),width .45s}
.showcase-arrow .arrow-tip{position:absolute!important;z-index:2!important;right:32px;top:calc(50% - 4px);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor;transition:right .45s,transform .45s}
.hero .hero-bottom>button.showcase-arrow:hover .arrow-outline,.hero .hero-bottom>button.showcase-arrow:focus-visible .arrow-outline{width:158px;opacity:.65}
.hero .hero-bottom>button.showcase-arrow:hover .arrow-track,.hero .hero-bottom>button.showcase-arrow:focus-visible .arrow-track{left:22px;width:58px}
.hero .hero-bottom>button.showcase-arrow:hover b,.hero .hero-bottom>button.showcase-arrow:focus-visible b{left:96px}
.showcase-arrow b{transition:left .45s}
.hero .hero-bottom>button.showcase-arrow:hover .arrow-tip,.hero .hero-bottom>button.showcase-arrow:focus-visible .arrow-tip{right:13px}
.hero .hero-bottom>button.showcase-prev{transform:scaleX(-1)!important}
.hero .hero-bottom>button.showcase-prev>*{transform:scaleX(-1)}
.hero .hero-bottom>button.showcase-prev b{transform:translateY(-50%) scaleX(-1)}
.hero .hero-bottom>button.showcase-prev .arrow-tip{border-left:0;border-right:7px solid currentColor}
.hero .hero-bottom>button.showcase-prev .arrow-track{transform:scaleX(-1)}
.hero .hero-bottom>button.showcase-arrow:focus-visible{outline:2px solid #e41519;outline-offset:5px}
@media(max-width:700px){.hero .hero-bottom>button.showcase-arrow,.hero .hero-bottom>button.showcase-arrow#prev,.hero .hero-bottom>button.showcase-arrow#next{width:122px;height:50px;min-height:50px}.showcase-arrow .arrow-outline{width:58px}.showcase-arrow b{font-size:11px!important}.showcase-arrow .arrow-track{width:48px;left:48px}.showcase-arrow .arrow-tip{right:19px}.hero .hero-bottom>button.showcase-arrow:hover .arrow-outline{width:122px}.hero .hero-bottom>button.showcase-arrow:hover b{left:77px}.hero .hero-bottom>button.showcase-arrow:hover .arrow-track{left:12px;width:42px}}
@media(prefers-reduced-motion:reduce){.showcase-arrow .arrow-outline,.showcase-arrow .arrow-track,.showcase-arrow .arrow-tip,.showcase-arrow b{transition:none}}

/* Correct the previous button without reversing the text itself. */
.hero .hero-bottom>button.showcase-prev{transform:none!important}
.hero .hero-bottom>button.showcase-prev>*{transform:none}
.hero .hero-bottom>button.showcase-prev b{transform:translateY(-50%);left:auto;right:0}
.hero .hero-bottom>button.showcase-prev .arrow-outline{inset:2px auto 2px 0}
.hero .hero-bottom>button.showcase-prev .arrow-track{left:auto;right:54px}
.hero .hero-bottom>button.showcase-prev .arrow-tip{right:auto;left:32px}
.hero .hero-bottom>button.showcase-prev:hover .arrow-track,.hero .hero-bottom>button.showcase-prev:focus-visible .arrow-track{left:auto;right:22px}
.hero .hero-bottom>button.showcase-prev:hover b,.hero .hero-bottom>button.showcase-prev:focus-visible b{left:auto;right:96px}
.hero .hero-bottom>button.showcase-prev:hover .arrow-tip,.hero .hero-bottom>button.showcase-prev:focus-visible .arrow-tip{right:auto;left:13px}
.hero .hero-bottom>button.showcase-prev:hover .arrow-outline,.hero .hero-bottom>button.showcase-prev:focus-visible .arrow-outline{width:158px}
@media(max-width:700px){
.hero .hero-bottom>button.showcase-prev:hover b{right:77px}
.hero .hero-bottom>button.showcase-prev .arrow-track{right:48px}
.hero .hero-bottom>button.showcase-prev:hover .arrow-track{right:12px}
.hero .hero-bottom>button.showcase-prev .arrow-tip{left:19px}
.hero .hero-bottom>button.showcase-prev:hover .arrow-outline{width:122px}
}

/* Separate vertical progress rail at right, never tied to left interactive model list */
.hero .hero-right-rail{position:absolute;right:clamp(12px,2.6vw,48px);top:20%;bottom:21%;width:42px;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:space-between;pointer-events:none;color:#181818}
.hero .hero-right-rail #slide-count{writing-mode:vertical-rl;white-space:nowrap;font:800 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.5px;color:#242424}
.hero .hero-right-rail #slide-count b{font-weight:700}
.hero .hero-right-line{display:block;width:1px;flex:1;min-height:35px;background:#d0d0d0;margin:16px 0}
.hero .hero-right-label{writing-mode:vertical-rl;white-space:nowrap;font:800 12px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px;color:#242424}
@media(max-width:900px){.hero .hero-right-rail{right:4px;top:23%;bottom:20%;width:25px}.hero .hero-right-rail #slide-count,.hero .hero-right-label{font-size:10px}}
@media(max-width:700px){.hero .hero-right-rail{right:2px;top:23%;bottom:19%}.hero .hero-right-line{margin:10px 0}}

/* Posición inequívoca del contador QUICK: lado derecho del slider */
.hero>.hero-right-rail{position:absolute!important;left:auto!important;right:clamp(10px,2vw,36px)!important;top:24%!important;bottom:24%!important;width:34px!important;z-index:12!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important}
.hero>.hero-right-rail #slide-count,.hero>.hero-right-rail .hero-right-label{writing-mode:vertical-rl!important;text-orientation:mixed;transform:none!important}
.hero>.hero-rail{left:clamp(14px,3.4vw,64px)!important;right:auto!important}
@media(max-width:700px){.hero>.hero-right-rail{right:4px!important;top:21%!important;bottom:22%!important;width:22px!important}.hero>.hero-rail{left:2px!important;right:auto!important}}

/* Keep left model controls in their own clean lane, never laid on top of motorcycle artwork */
.hero>.hero-rail{left:0!important;top:16%!important;width:76px!important;min-height:220px;padding:20px 12px;background:#ffffffed;border-right:1px solid #ebebeb;box-shadow:8px 0 26px #fff9;z-index:14!important;gap:12px!important}
.hero>.hero-rail .slide-dots button{background:#fff}
.hero>.hero-bike{margin-left:4%;width:110%}
@media(max-width:900px){.hero>.hero-rail{width:55px!important;padding:15px 7px;top:18%!important}.hero>.hero-bike{margin-left:7%;width:106%}}
@media(max-width:700px){.hero>.hero-rail{left:0!important;top:21%!important;width:43px!important;min-height:155px;padding:10px 3px}.hero>.hero-bike{margin-left:9%;width:100%}}

/* Stable image frame and brand space to minimize layout shift */
.header .logo{min-height:92px;display:flex;align-items:center}
.hero-bike img{aspect-ratio:3 / 2;object-fit:contain;object-position:center}
@media(max-width:700px){.header .logo{min-height:65px}.hero-bike img{aspect-ratio:3 / 2}}

/* ZHX Motors corporate footer — purpose-built, not a template copy */
footer.zhx-footer{position:relative;display:block;background:#111418;color:#fff;padding:0;overflow:hidden;border-top:4px solid #e41519}
.zhx-footer:before{content:"";position:absolute;left:-130px;top:-160px;width:360px;height:360px;border:1px solid #e4151945;border-radius:50%;pointer-events:none}
.zhx-footer:after{content:"";position:absolute;right:-110px;bottom:65px;width:280px;height:280px;border:1px solid #ffffff0e;border-radius:50%;pointer-events:none}
.zhx-footer-top{position:relative;z-index:1;max-width:1430px;margin:auto;display:grid;grid-template-columns:1.1fr .7fr 1fr;gap:clamp(30px,4vw,80px);padding:72px clamp(28px,5vw,84px) 56px}
.zhx-footer-brand,.zhx-footer-links,.zhx-footer-contact{min-width:0}
.zhx-footer-links,.zhx-footer-contact{border-left:1px solid #ffffff22;padding-left:clamp(20px,3vw,50px)}
.zhx-footer-brand-name{display:inline-flex;align-items:center;gap:8px;font:italic 900 clamp(32px,4vw,52px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;text-decoration:none;color:white}
.zhx-footer-brand-name span{color:#fff}
.zhx-footer-brand-name i{display:inline-block;width:5px;height:44px;background:#e41519;transform:skew(-14deg);margin-left:6px}
.zhx-footer-tagline{font:800 16px/1.4 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.4px;color:#fff;margin:22px 0 12px;max-width:300px}
.zhx-footer-description{color:#b7bdc6;font:400 14px/1.75 Barlow,Arial,sans-serif;max-width:330px;margin:0 0 25px}
.zhx-footer-mark{color:#e41519;font:700 11px Barlow,Arial,sans-serif;letter-spacing:3px}
.zhx-footer h2{margin:3px 0 25px;font:800 18px/1.3 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;color:white}
.zhx-footer-links{display:flex;flex-direction:column;align-items:stretch}
.zhx-footer-links a{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff15;color:#d4d9df;font:600 13px Barlow,Arial,sans-serif;transition:color .2s,padding-left .25s}
.zhx-footer-links a span{color:#e41519;transition:transform .25s}
.zhx-footer-links a:hover{color:white;padding-left:6px}.zhx-footer-links a:hover span{transform:translate(3px,-3px)}
.zhx-footer-contact>p{color:#b7bdc6;font:400 14px/1.75 Barlow,Arial,sans-serif;max-width:320px;margin:0 0 25px}
.zhx-footer-contact-link{display:flex;align-items:center;justify-content:space-between;width:min(100%,310px);padding:20px 22px;border:1px solid #ffffff65;border-radius:2px;color:white;font:800 12px Barlow,Arial,sans-serif;letter-spacing:1.5px;transition:background .25s,border-color .25s}
.zhx-footer-contact-link span:last-child{font-size:23px}
.zhx-footer-contact-link:hover{background:#e41519;border-color:#e41519}
.zhx-footer-up{display:inline-flex;align-items:center;gap:30px;margin-top:25px;font:800 11px Barlow,Arial,sans-serif;letter-spacing:2px;color:#b8bfc9}
.zhx-footer-up span{color:#e41519;font-size:22px}.zhx-footer-up:hover{color:white}
.zhx-footer-bottom{position:relative;z-index:1;max-width:1430px;margin:auto;padding:21px clamp(28px,5vw,84px);border-top:1px solid #ffffff28;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#aeb5bf;font:400 11px/1.6 Barlow,Arial,sans-serif}
.zhx-footer-bottom a{color:#fff;text-decoration:none}.zhx-footer-bottom a:hover{color:#ff565b}
@media(max-width:970px){.zhx-footer-top{grid-template-columns:1fr 1fr;gap:35px}.zhx-footer-contact{grid-column:1/-1}.zhx-footer-bottom{flex-wrap:wrap}}
@media(max-width:650px){.zhx-footer-top{grid-template-columns:1fr;padding:44px 25px 35px;gap:30px}.zhx-footer-links,.zhx-footer-contact{border-left:0;border-top:1px solid #ffffff26;padding:27px 0 0;grid-column:auto}.zhx-footer h2{margin-bottom:15px}.zhx-footer-bottom{padding:20px 25px;display:block}.zhx-footer-bottom>span{display:block;margin:5px 0}.zhx-footer-brand-name{font-size:37px}}
@media(prefers-reduced-motion:reduce){.zhx-footer a,.zhx-footer a span{transition:none!important}}

/* ZHX Motors technology feature — sequential engineering reveal */
.zhx-tech{position:relative;padding:92px clamp(22px,4vw,70px) 110px;background:#fafafa;overflow:hidden;isolation:isolate}
.zhx-tech:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ececec calc(25% - 1px),#ececec 25%);pointer-events:none;z-index:-1}
.zhx-tech-inner{max-width:1500px;margin:auto}.zhx-tech-intro{text-align:center;margin-bottom:56px}.zhx-tech-intro h2{font:800 clamp(34px,3vw,56px)/1 'Barlow Condensed',Impact,sans-serif;margin:10px 0}.zhx-tech-intro em{color:#e41519}
.zhx-tech-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,55px)}
.zhx-tech-column{display:flex;flex-direction:column;gap:65px;min-width:0}.zhx-tech-feature{opacity:1;transition:transform .85s cubic-bezier(.2,.75,.2,1),opacity .85s}
.zhx-tech-feature div{display:flex;align-items:baseline;gap:13px}.zhx-tech-feature h3{font:800 clamp(18px,1.5vw,24px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:.3px;margin:0}.zhx-tech-feature strong{font:800 37px 'Barlow Condensed',Impact,sans-serif;color:#d5d6d9}.zhx-tech-feature p{font:400 15px/1.75 Barlow,Arial,sans-serif;color:#888;max-width:310px;margin:10px 0 0}.zhx-tech-column.left{text-align:right}.zhx-tech-column.left .zhx-tech-feature div{justify-content:flex-end}.zhx-tech-column.left p{margin-left:auto}
.zhx-tech-visual{min-width:0;text-align:center}.zhx-tech-frame{position:relative;min-height:390px;display:grid;place-items:center}.zhx-tech-frame img{max-width:100%;width:100%;height:auto;max-height:540px;object-fit:contain;filter:drop-shadow(0 12px 18px #00000010)}.zhx-tech-caption{display:block;font:700 10px Barlow,Arial,sans-serif;letter-spacing:2.4px;color:#999;margin-top:12px}
.tech-corner{position:absolute;width:46px;height:46px;z-index:2;transition:transform .6s .85s,opacity .6s .85s}.tech-corner:before,.tech-corner:after{content:"";position:absolute;background:#e41519}.tech-corner:before{height:3px;width:100%}.tech-corner:after{width:3px;height:100%}.tech-corner.tl{top:5%;left:2%}.tech-corner.tr{top:5%;right:2%}.tech-corner.bl{bottom:5%;left:2%}.tech-corner.br{bottom:5%;right:2%}.tech-corner.tr:before,.tech-corner.br:before{right:0}.tech-corner.tr:after,.tech-corner.br:after{right:0}.tech-corner.bl:before,.tech-corner.br:before{bottom:0}.tech-corner.bl:after,.tech-corner.br:after{bottom:0}
@media(prefers-reduced-motion:no-preference){.zhx-tech:not(.in-view) .zhx-tech-frame img{opacity:0;transform:translateY(105px) scale(.82)}.zhx-tech-frame img{transition:opacity 1s,transform 1.2s cubic-bezier(.2,.85,.2,1)}.zhx-tech:not(.in-view) .tech-corner{opacity:0}.zhx-tech:not(.in-view) .tech-corner.tl,.zhx-tech:not(.in-view) .tech-corner.bl{transform:translateX(-38px)}.zhx-tech:not(.in-view) .tech-corner.tr,.zhx-tech:not(.in-view) .tech-corner.br{transform:translateX(38px)}.zhx-tech:not(.in-view) .zhx-tech-column.left .zhx-tech-feature{opacity:0;transform:translateX(-55px)}.zhx-tech:not(.in-view) .zhx-tech-column.right .zhx-tech-feature{opacity:0;transform:translateX(55px)}.zhx-tech.in-view .zhx-tech-feature:nth-child(1){transition-delay:1s}.zhx-tech.in-view .zhx-tech-feature:nth-child(2){transition-delay:1.2s}.zhx-tech.in-view .zhx-tech-feature:nth-child(3){transition-delay:1.4s}}
@media(max-width:1050px){.zhx-tech-grid{grid-template-columns:1fr 1fr}.zhx-tech-visual{grid-column:1/-1;grid-row:1}.zhx-tech-column{gap:28px}.zhx-tech-column.left .zhx-tech-feature div{justify-content:flex-start}.zhx-tech-column.left,.zhx-tech-column.left p{text-align:left;margin-left:0}.zhx-tech-column.left .zhx-tech-feature div{flex-direction:row-reverse;justify-content:flex-end}}
@media(max-width:650px){.zhx-tech{padding:65px 20px}.zhx-tech-intro{margin-bottom:30px}.zhx-tech-grid{display:flex;flex-direction:column;gap:35px}.zhx-tech-visual{order:0}.zhx-tech-frame{min-height:220px}.zhx-tech-column{width:100%;gap:20px}.zhx-tech-column.left{order:1}.zhx-tech-column.right{order:2}.zhx-tech-feature div{justify-content:flex-start}.zhx-tech-feature p{max-width:100%}.zhx-tech-feature strong{font-size:32px}}

/* Performance feature section directly below the hero — faithful editorial layout */
.zhx-rideability{background:#fff;position:relative;padding:105px 2.5% 108px;overflow:hidden;border-bottom:1px solid #f3f3f3}
.zhx-rideability:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(25% - 1px),#f1f1f1 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),#f1f1f1 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),#f1f1f1 75%,transparent calc(75% + 1px));pointer-events:none}
.zhx-rideability-head{position:relative;display:flex;align-items:center;justify-content:center;gap:30px;margin:0 auto 64px}
.zhx-rideability-head h2{font:800 clamp(30px,2.7vw,43px)/1.06 'Barlow Condensed',Impact,sans-serif;text-align:right;letter-spacing:.6px;margin:0;color:#090909}
.zhx-rideability-head>span{display:flex;align-items:center;border-left:1px solid #ddd;min-height:72px;padding-left:30px;color:#e41519;font:600 12px Barlow,Arial,sans-serif;letter-spacing:9px}
.zhx-rideability-grid{position:relative;max-width:1330px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3vw,55px)}
.zhx-rideability-item{min-width:0;padding:0 4px}.zhx-rideability-item svg{width:78px;height:78px;fill:none;stroke:#c4c4c4;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;margin:0 0 26px}
.zhx-rideability-item h3{font:800 clamp(18px,1.5vw,23px)/1.2 'Barlow Condensed',Impact,sans-serif;letter-spacing:.45px;margin:0 0 16px;color:#101010}
.zhx-rideability-item p{font:400 15px/1.8 Barlow,Arial,sans-serif;color:#999;margin:0}
@media(max-width:850px){.zhx-rideability{padding:75px 5%}.zhx-rideability-grid{grid-template-columns:repeat(2,1fr);row-gap:48px}.zhx-rideability-head{margin-bottom:48px}}
@media(max-width:520px){.zhx-rideability{padding:58px 7%}.zhx-rideability-head{gap:15px}.zhx-rideability-head h2{font-size:25px}.zhx-rideability-head>span{font-size:9px;letter-spacing:3px;padding-left:14px}.zhx-rideability-grid{grid-template-columns:1fr;gap:37px}.zhx-rideability-item svg{width:60px;height:60px;margin-bottom:15px}}

/* ZHX accessories rotating showcase, light editorial product display */
.zhx-accessories{background:#f6f6f6;overflow:hidden;padding:76px max(5%,24px);position:relative}
.zhx-accessories-grid{max-width:1460px;margin:auto;display:grid;grid-template-columns:57% 43%;align-items:center;min-height:600px}
.zhx-accessories-art{position:relative;min-height:570px;display:flex;justify-content:center;align-items:center;isolation:isolate}
.zhx-accessories-explore{position:absolute;left:1%;top:15px;z-index:4;font:800 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.2px}
.zhx-accessories-explore span{margin-left:10px;color:#e41519}
.zhx-accessories-watermark{position:absolute;top:19%;left:6%;font:900 clamp(170px,23vw,370px)/1 'Barlow Condensed',Impact,sans-serif;color:#e8e8e8;letter-spacing:-.07em;z-index:0}
.zhx-accessories-product{position:relative;z-index:2;width:min(72%,540px);height:480px;display:flex;align-items:center;justify-content:center}
.zhx-accessories-product svg{width:100%;height:100%;max-height:480px;filter:drop-shadow(0 20px 20px #00000020)}
.zhx-accessories-product.is-changing svg{animation:zhx-product-in .72s cubic-bezier(.22,1,.36,1) both}
@keyframes zhx-product-in{from{opacity:0;transform:translateY(65px) scale(.88) rotate(-4deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
.zhx-accessories-thumb{position:absolute;bottom:70px;left:2%;z-index:3;padding:18px 14px;min-width:130px;min-height:110px;background:#fff;border:1px solid #e7e7e7;box-shadow:0 9px 25px #0000000c;display:flex;flex-direction:column;justify-content:space-between}
.zhx-accessories-thumb:before,.zhx-accessories-thumb:after{content:"";position:absolute;width:30px;height:30px;border-color:#e41519;border-style:solid}.zhx-accessories-thumb:before{top:-7px;left:-7px;border-width:2px 0 0 2px}.zhx-accessories-thumb:after{bottom:-7px;right:-7px;border-width:0 2px 2px 0}
.zhx-accessories-thumb span{font:700 9px Barlow,Arial,sans-serif;letter-spacing:1px;color:#888}.zhx-accessories-thumb b{font:800 30px 'Barlow Condensed',Impact,sans-serif}
.zhx-accessories-controls{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:16px;z-index:4}
.zhx-accessories-controls button{width:43px;height:43px;border:1px solid #c6c6c6;background:transparent;color:#191919;padding:0;font-size:24px;transition:background .2s,color .2s}.zhx-accessories-controls button:hover{background:#e41519;color:white;border-color:#e41519}
.zhx-accessories-controls>span{font:700 13px Barlow,Arial,sans-serif;color:#555;letter-spacing:2px}
.zhx-accessories-copy{padding:25px 10px 25px clamp(25px,5vw,90px)}
.zhx-accessories-kicker{letter-spacing:8px;font:700 12px Barlow,Arial,sans-serif;color:#e41519;margin:0 0 18px}
.zhx-accessories-copy h2{font:900 clamp(35px,3.8vw,66px)/.99 'Barlow Condensed',Impact,sans-serif;letter-spacing:.25px;margin:0 0 26px;color:#111}
.zhx-accessories-description{font:400 16px/1.85 Barlow,Arial,sans-serif;color:#888;max-width:460px;margin:0 0 35px}
.zhx-accessories-current{display:flex;flex-direction:column;gap:5px;border-left:3px solid #e41519;padding:8px 0 8px 18px;margin-bottom:30px}
.zhx-accessories-current span{font:700 10px Barlow,Arial,sans-serif;letter-spacing:2px;color:#e41519}
.zhx-accessories-current strong{font:800 21px 'Barlow Condensed',Impact,sans-serif}
.zhx-accessories-cta{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;background:#17191e;color:#fff;padding:17px 23px;font:700 12px Barlow,Arial,sans-serif;letter-spacing:1px;transition:background .2s}
.zhx-accessories-cta:hover{background:#e41519}.zhx-accessories-cta span{font-size:20px}
@media(max-width:950px){.zhx-accessories-grid{grid-template-columns:1fr;min-height:0}.zhx-accessories-art{min-height:430px}.zhx-accessories-product{height:370px}.zhx-accessories-copy{padding:20px 4% 25px}.zhx-accessories-thumb{bottom:30px}}
@media(max-width:600px){.zhx-accessories{padding:46px 20px}.zhx-accessories-art{min-height:325px}.zhx-accessories-product{height:270px;width:83%}.zhx-accessories-watermark{font-size:140px;top:26%}.zhx-accessories-thumb{left:0;bottom:45px;min-width:88px;min-height:67px;padding:8px}.zhx-accessories-thumb b{font-size:21px}.zhx-accessories-thumb span{font-size:7px}.zhx-accessories-explore{top:0}.zhx-accessories-copy h2{font-size:39px}.zhx-accessories-kicker{letter-spacing:4px}}
@media(prefers-reduced-motion:reduce){.zhx-accessories-product.is-changing svg{animation:none}}

/* Accesorios: flechas de contorno expansivo, mismo lenguaje del slider principal */
.zhx-accessories-controls button.accessory-motion-arrow{position:relative;display:block;width:62px;height:46px;padding:0;border:0;background:transparent;color:#181818;overflow:visible;isolation:isolate;transition:width .42s cubic-bezier(.22,1,.36,1)}
.zhx-accessories-controls button.accessory-motion-arrow:hover,.zhx-accessories-controls button.accessory-motion-arrow:focus-visible{width:105px;background:transparent;color:#181818;border:0}
.accessory-arrow-outline{position:absolute;inset:1px 0 1px auto;width:44px;border:1px solid #aeb0b4;transition:width .42s cubic-bezier(.22,1,.36,1),border-color .25s}
.accessory-arrow-line{position:absolute;top:50%;left:4px;width:47px;height:1px;background:currentColor;transition:left .42s,width .42s}
.accessory-arrow-tip{position:absolute;top:calc(50% - 4px);right:7px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor;transition:right .42s}
.zhx-accessories-controls button.accessory-motion-arrow:hover .accessory-arrow-outline,.zhx-accessories-controls button.accessory-motion-arrow:focus-visible .accessory-arrow-outline{width:100%;border-color:#e41519}
.zhx-accessories-controls button.accessory-motion-arrow:hover .accessory-arrow-line,.zhx-accessories-controls button.accessory-motion-arrow:focus-visible .accessory-arrow-line{left:20px;width:70px}
.zhx-accessories-controls button.accessory-motion-arrow:hover .accessory-arrow-tip,.zhx-accessories-controls button.accessory-motion-arrow:focus-visible .accessory-arrow-tip{right:6px}
.zhx-accessories-controls button.accessory-motion-prev .accessory-arrow-outline{inset:1px auto 1px 0}
.zhx-accessories-controls button.accessory-motion-prev .accessory-arrow-line{left:auto;right:4px}
.zhx-accessories-controls button.accessory-motion-prev .accessory-arrow-tip{right:auto;left:7px;border-left:0;border-right:7px solid currentColor}
.zhx-accessories-controls button.accessory-motion-prev:hover .accessory-arrow-line,.zhx-accessories-controls button.accessory-motion-prev:focus-visible .accessory-arrow-line{left:auto;right:20px}
.zhx-accessories-controls button.accessory-motion-prev:hover .accessory-arrow-tip,.zhx-accessories-controls button.accessory-motion-prev:focus-visible .accessory-arrow-tip{left:6px}
@media(prefers-reduced-motion:reduce){.zhx-accessories-controls .accessory-motion-arrow,.zhx-accessories-controls .accessory-motion-arrow span{transition:none!important}}

/* ZHX footer balanced proportions, social identities and claims-book placeholder */
footer.zhx-footer .zhx-footer-top{max-width:1500px;grid-template-columns:1.12fr .82fr 1.12fr;column-gap:32px;padding:44px clamp(24px,4vw,64px) 34px}
footer.zhx-footer .zhx-footer-links,footer.zhx-footer .zhx-footer-contact{padding-left:28px}
footer.zhx-footer .zhx-footer-links a{padding:7px 0}
footer.zhx-footer .zhx-footer-links h2,footer.zhx-footer .zhx-footer-contact h2{margin-bottom:16px}
footer.zhx-footer .zhx-footer-tagline{margin:13px 0 8px}
footer.zhx-footer .zhx-footer-description{margin-bottom:12px}
footer.zhx-footer .zhx-footer-mark{display:block;margin-bottom:22px}
footer.zhx-footer .zhx-footer-bottom{padding-top:15px;padding-bottom:16px}
.zhx-footer-social{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:42px}
.zhx-footer-social:empty{display:none}
.zhx-footer-social .zhx-social-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid #ffffff50;border-radius:4px;font:800 20px Arial,sans-serif;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.zhx-footer-social .zhx-social-tiktok{font-size:25px}
.zhx-footer-social .zhx-social-youtube{font-size:17px}
.zhx-footer-social .zhx-social-linkedin{font-size:15px}
.zhx-footer-social .zhx-social-icon:hover,.zhx-footer-social .zhx-social-icon:focus-visible{background:#e41519;border-color:#e41519;transform:translateY(-3px)}
.zhx-footer-legal{display:flex;align-items:center;gap:13px;border-top:1px solid #ffffff22;margin-top:16px;padding:15px 0 1px;color:#e6e8ec}
.zhx-footer-legal-icon{display:grid;place-items:center;border:1px solid #ffffff50;width:39px;height:40px;font-size:24px}
.zhx-footer-legal b{display:block;font:800 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}
.zhx-footer-legal small{display:block;color:#abb2bf;font:400 11px Barlow,Arial,sans-serif;margin-top:3px}
footer.zhx-footer .zhx-footer-up{margin-top:15px}
@media(max-width:970px){footer.zhx-footer .zhx-footer-top{grid-template-columns:1fr 1fr;row-gap:25px}footer.zhx-footer .zhx-footer-contact{grid-column:1/-1;border-left:0;border-top:1px solid #ffffff25;padding:22px 0 0}}
@media(max-width:650px){footer.zhx-footer .zhx-footer-top{grid-template-columns:1fr;padding:35px 24px 25px;gap:20px}footer.zhx-footer .zhx-footer-links,footer.zhx-footer .zhx-footer-contact{grid-column:auto;border-left:0;border-top:1px solid #ffffff25;padding:20px 0 0}}

/* Libro de Reclamaciones: preserve the user-provided official book artwork */
.zhx-footer-legal{background:#e9f3ed;border:1px solid #8fb6a0;border-radius:10px;padding:9px 16px;max-width:330px;margin-top:18px;color:#253e34;gap:14px}
.zhx-footer-legal-image{display:block;width:69px;height:55px;object-fit:contain;flex:none}
.zhx-footer-legal b{color:#253e34;font:600 14px Barlow,Arial,sans-serif;letter-spacing:0;text-transform:none}
.zhx-footer-legal small{color:#677b72}
footer.zhx-footer .zhx-footer-mark{margin-bottom:0}
footer.zhx-footer .zhx-footer-social{margin-top:34px}
@media(max-width:650px){footer.zhx-footer .zhx-footer-social{margin-top:28px}}

/* Branded claims-book treatment inspired by reference, not an image copy */
.zhx-footer-legal{background:transparent!important;color:#fff!important;border:1px solid #ffffff55!important;border-radius:3px!important;max-width:340px;min-height:79px;padding:13px 17px!important;gap:15px!important}
.zhx-footer-legal .zhx-footer-book{display:flex;align-items:center;justify-content:center;color:#fff;flex:none;width:64px;height:50px}
.zhx-footer-legal .zhx-footer-book svg{display:block;width:64px;height:50px}
.zhx-footer-legal b{color:#fff!important;font:800 14px 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:.7px!important}
.zhx-footer-legal small{color:#b8bdc5!important}

/* ZHX digital showcase: dark kinetic editorial, no heavy images requested */
.zhx-digital-showcase{position:relative;min-height:680px;background:#090a0c;color:#fff;overflow:hidden;isolation:isolate}
.zhx-digital-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000d 0%,#090a0cd9 45%,#090a0c 80%),url("assets/moto-hero.png") left center/auto 110% no-repeat;opacity:.54}
.zhx-digital-showcase:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 67% 45%,#ffffff0e,transparent 53%)}
.zhx-digital-content{max-width:1660px;min-height:680px;margin:auto;display:grid;grid-template-columns:38% 12% 50%;align-items:center;padding:75px clamp(24px,5vw,90px);gap:0}
.zhx-digital-copy{position:relative;z-index:3}.zhx-digital-eyebrow{font:700 11px Barlow,Arial,sans-serif;letter-spacing:8px;color:#e41519;margin:0 0 24px}
.zhx-digital-copy h2{font:900 clamp(48px,5vw,86px)/.92 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;margin:0}.zhx-digital-copy h2 span{color:#fff}
.zhx-digital-copy>p:last-child{max-width:360px;color:#b8bcc4;font:400 15px/1.75 Barlow,Arial,sans-serif;margin:25px 0 0}
.zhx-digital-play{position:relative;z-index:5;background:none;border:0;color:white;display:flex;align-items:center;justify-content:center;gap:12px;padding:0;cursor:pointer;white-space:nowrap}
.zhx-digital-play>span:first-child{font:800 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.2px}
.zhx-digital-play-line{width:50px;height:1px;background:#fff;transition:width .45s}
.zhx-digital-play-circle{width:78px;height:78px;border-radius:50%;border:1px solid #fff;display:grid;place-items:center;transition:background .35s,transform .45s}
.zhx-digital-play-circle span{font-size:12px}.zhx-digital-play:hover .zhx-digital-play-circle{background:#e41519;transform:scale(1.1)}.zhx-digital-play:hover .zhx-digital-play-line{width:66px}
.zhx-digital-devices{position:relative;height:515px;min-width:0;display:flex;align-items:center;justify-content:center;transform:translateY(24px)}
.zhx-digital-laptop{width:100%;max-width:675px;position:relative;filter:drop-shadow(0 20px 22px #0009);transition:transform .85s cubic-bezier(.22,1,.36,1)}
.zhx-digital-display{border:11px solid #262a2d;border-radius:16px 16px 3px 3px;height:360px;background:#050505;overflow:hidden;box-shadow:0 0 0 1px #7777}
.zhx-digital-screen-head{height:44px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;color:white;font:700 11px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}
.zhx-digital-screen-head b{font-size:20px}.zhx-digital-screen-head em{color:#e41519;font-style:normal}.zhx-digital-screen-head>span{font-size:8px;color:#bbb}
.zhx-digital-screen-body{height:calc(100% - 44px);position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#050505 0%,#060606dd 53%,#171717)}
.zhx-digital-screen-photo{width:62%;height:100%;background:url("assets/moto-hero.png") center/contain no-repeat;filter:brightness(.75);opacity:.9}
.zhx-digital-screen-copy{z-index:2;position:absolute;right:7%;top:22%;max-width:48%}.zhx-digital-screen-copy small{font:600 10px Barlow,Arial,sans-serif;color:#e41519;letter-spacing:2px}.zhx-digital-screen-copy strong{display:block;font:900 clamp(23px,2.5vw,39px)/1 'Barlow Condensed',Impact,sans-serif;margin:14px 0}.zhx-digital-screen-copy i{background:#e41519;padding:9px;font:700 9px Barlow,Arial,sans-serif;font-style:normal}
.zhx-digital-laptop-base{height:15px;background:linear-gradient(#989b9c,#404345);width:108%;margin-left:-4%;border-radius:0 0 50% 50%}
.zhx-digital-phone{position:absolute;z-index:3;right:-3%;bottom:-9px;width:174px;height:317px;border:9px solid #252729;border-radius:27px;background:#080808;box-shadow:0 0 0 2px #575b5c,15px 16px 25px #000b;transform:rotate(9deg);transition:transform .85s cubic-bezier(.22,1,.36,1)}
.zhx-digital-phone-notch{position:absolute;z-index:2;top:0;left:29%;height:12px;width:42%;border-radius:0 0 12px 12px;background:#080808}
.zhx-digital-phone-screen{height:100%;padding:21px 10px 10px;background:#070707;overflow:hidden;border-radius:18px}.zhx-digital-phone-screen small{font:800 10px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}.zhx-digital-phone-photo{height:155px;margin-top:8px;background:url("assets/moto-hero.png") center/contain no-repeat}.zhx-digital-phone-screen strong{font:900 26px/1 'Barlow Condensed',Impact,sans-serif;display:block;margin:8px 0}.zhx-digital-phone-screen>span{display:block;background:#e41519;padding:9px;font:800 9px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}
.zhx-digital-showcase.is-playing .zhx-digital-laptop{animation:zhx-laptop-demo 1.2s cubic-bezier(.2,.85,.2,1) both}.zhx-digital-showcase.is-playing .zhx-digital-phone{animation:zhx-phone-demo 1.2s .15s cubic-bezier(.2,.85,.2,1) both}
@keyframes zhx-laptop-demo{from{opacity:.25;transform:translate(55px,34px) scale(.89)}to{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes zhx-phone-demo{from{opacity:.15;transform:translate(85px,75px) rotate(15deg) scale(.82)}to{opacity:1;transform:translate(0,0) rotate(9deg) scale(1)}}
@media(max-width:1050px){.zhx-digital-content{grid-template-columns:1fr 1fr;gap:25px;min-height:650px}.zhx-digital-play{grid-column:1;justify-content:flex-start}.zhx-digital-devices{grid-column:2;grid-row:1/span 2;height:440px}.zhx-digital-display{height:285px}.zhx-digital-phone{width:135px;height:258px;right:-6%}.zhx-digital-phone-photo{height:115px}.zhx-digital-phone-screen strong{font-size:19px}}
@media(max-width:690px){.zhx-digital-showcase{min-height:0}.zhx-digital-content{display:flex;flex-direction:column;align-items:stretch;padding:60px 24px 90px;min-height:0}.zhx-digital-copy h2{font-size:56px}.zhx-digital-copy>p:last-child{margin-bottom:25px}.zhx-digital-play{justify-content:flex-start;margin-bottom:18px}.zhx-digital-play-circle{height:56px;width:56px}.zhx-digital-devices{height:300px;margin-right:18px}.zhx-digital-display{height:220px;border-width:7px}.zhx-digital-screen-head{height:30px;padding:0 10px}.zhx-digital-screen-head b{font-size:15px}.zhx-digital-screen-head>span{font-size:5px}.zhx-digital-screen-copy strong{font-size:22px}.zhx-digital-screen-copy i{font-size:7px}.zhx-digital-phone{width:100px;height:190px;right:-6%;bottom:-10px;border-width:5px}.zhx-digital-phone-photo{height:70px}.zhx-digital-phone-screen{padding:14px 6px 6px}.zhx-digital-phone-screen strong{font-size:16px}.zhx-digital-phone-screen>span{font-size:6px;padding:5px}}
@media(prefers-reduced-motion:reduce){.zhx-digital-showcase.is-playing .zhx-digital-laptop,.zhx-digital-showcase.is-playing .zhx-digital-phone{animation:none!important}.zhx-digital-play *{transition:none!important}}

/* Customer support floating card: ZHX corporate styling */
.zhx-support{position:fixed;right:22px;bottom:23px;z-index:1100;font-family:Barlow,Arial,sans-serif}
.zhx-support-trigger{display:flex;align-items:center;justify-content:center;gap:11px;border:none;border-radius:10px;background:#e41519;color:#fff;min-height:54px;padding:13px 22px;font:800 14px Barlow,Arial,sans-serif;box-shadow:0 8px 23px #0004;cursor:pointer;transition:transform .2s,background .2s}
.zhx-support-trigger:hover{transform:translateY(-2px);background:#bc0d12}
.zhx-support-whatsapp-mark{font-size:23px;line-height:1}
.zhx-support-panel{position:absolute;right:0;bottom:70px;width:min(390px,calc(100vw - 24px));background:#fff;color:#151b21;border-radius:17px;box-shadow:0 21px 65px #0004;overflow:hidden}
.zhx-support-panel[hidden]{display:none!important}
.zhx-support-header{position:relative;padding:25px 27px 23px;background:linear-gradient(135deg,#14191f,#262d35);color:white;border-top:4px solid #e41519}
.zhx-support-overline{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.75px;font-weight:800;color:#e7ebef}
.zhx-support-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43ce88;box-shadow:0 0 0 4px #43ce881f}
.zhx-support-header h2{font:800 30px/1.1 'Barlow Condensed',Impact,sans-serif;margin:15px 0 2px;letter-spacing:.2px;color:#fff}
.zhx-support-close{position:absolute;right:16px;top:18px;width:36px;height:36px;border:1px solid #ffffff68;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:24px;line-height:1}
.zhx-support-close:hover{background:#ffffff22}
.zhx-support-body{padding:22px 22px 25px}
.zhx-support-body>p:first-child{margin:0 0 20px;font:500 14px/1.5 Barlow,Arial,sans-serif;color:#667280}
.zhx-support-service{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #e2e5e9;border-radius:11px;background:#fbfcfd;margin-bottom:15px}
.zhx-support-service-icon{width:47px;height:47px;border-radius:9px;background:#171b21;color:#fff;display:grid;place-items:center;font:800 18px 'Barlow Condensed',Impact,sans-serif}
.zhx-support-service strong{display:block;font-size:15px;font-weight:800;color:#16212b}
.zhx-support-service small{display:block;margin-top:3px;font-size:12px;color:#738090}
.zhx-support-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:51px;background:#e41519;color:#fff!important;text-decoration:none;font:800 12px Barlow,Arial,sans-serif;letter-spacing:1px;border-radius:7px;padding:13px 19px;transition:background .2s,transform .2s}
.zhx-support-action span{font-size:23px}
.zhx-support-action:hover{background:#b70b12;transform:translateY(-1px)}
.zhx-support-action[aria-disabled=true]{background:#8e969e;cursor:not-allowed}
.zhx-support-unavailable{color:#707a84;font:500 11px/1.45 Barlow,Arial,sans-serif;margin:11px 1px 0}
@media(max-width:650px){.zhx-support{right:12px;bottom:12px}.zhx-support-trigger{min-height:50px;padding:12px 16px;font-size:12px}.zhx-support-panel{bottom:63px;max-height:calc(100dvh - 90px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.zhx-support *{transition:none!important}}

/* Single clickable WhatsApp contact card */
.zhx-support-service-link{color:#15222c;text-decoration:none;cursor:pointer;transition:border-color .22s,background .22s,transform .22s,box-shadow .22s}
.zhx-support-service-link:hover,.zhx-support-service-link:focus-visible{border-color:#e41519;background:#fff7f7;transform:translateY(-2px);box-shadow:0 7px 17px #e4151914}
.zhx-support-service-link .zhx-support-service-icon{background:#eaf9f0;color:#20a75a;flex:none}
.zhx-support-service-link .zhx-support-service-copy{flex:1;min-width:0}
.zhx-support-service-link .zhx-support-service-arrow{margin-left:auto;color:#e41519;font-size:24px;font-weight:700;transition:transform .2s}
.zhx-support-service-link:hover .zhx-support-service-arrow{transform:translate(3px,-3px)}

/* ZHX six-product merchandising grid: two staggered editorial rows */
.universe .zhx-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1560px;margin:45px auto 0;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7}
.zhx-product-tile{position:relative;isolation:isolate;min-height:345px;padding:33px clamp(20px,2.3vw,44px);background:#fff;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.zhx-product-tile:nth-child(2),.zhx-product-tile:nth-child(4),.zhx-product-tile:nth-child(6){background:#f5f5f5}
.zhx-product-meta{position:relative;z-index:3;pointer-events:none}.zhx-product-meta>span{display:block;color:#e41519;font:700 11px Barlow,Arial,sans-serif;letter-spacing:1.4px;margin-bottom:7px}
.zhx-product-meta h3{color:#111;font:800 clamp(21px,1.6vw,28px)/1.12 'Barlow Condensed',Impact,sans-serif;letter-spacing:.3px;margin:0}
.zhx-product-watermark{position:absolute;top:78px;left:22%;font:900 clamp(135px,13vw,220px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-9px;color:#ededed;z-index:-1}
.zhx-product-tile:nth-child(even) .zhx-product-watermark{color:#e8e8e8}
.zhx-product-visual{position:absolute;right:3%;top:16%;width:70%;height:70%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.zhx-product-visual img,.zhx-product-visual svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px #00000017)}
.zhx-product-tile:hover .zhx-product-visual{transform:translateY(-9px) scale(1.045)}
.zhx-product-link{position:relative;z-index:4;align-self:flex-start;display:flex;align-items:center;gap:22px;color:#111;text-decoration:none;font:800 11px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.2px;padding:6px 0}
.zhx-product-link span{font-size:26px;line-height:1;transition:transform .25s;color:#121212}
.zhx-product-link:hover{color:#e41519}.zhx-product-link:hover span{transform:translateX(8px);color:#e41519}
@media(max-width:900px){.universe .zhx-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zhx-product-tile{min-height:315px}}
@media(max-width:570px){.universe .zhx-products-grid{grid-template-columns:1fr}.zhx-product-tile{min-height:290px;padding:27px}.zhx-product-watermark{left:30%;font-size:175px}.zhx-product-visual{width:65%;right:4%}}
@media(prefers-reduced-motion:reduce){.zhx-product-visual,.zhx-product-link span{transition:none}}

/* ZHX catalog: full-width, two balanced rows; subtle interlocking editorial rhythm */
.universe .zhx-products-grid{
 box-sizing:border-box;width:calc(100vw - 48px)!important;max-width:1800px!important;
 position:relative;left:50%;transform:translateX(-50%);
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:repeat(2,360px)!important;gap:14px!important;
 margin:45px 0 0!important;border:0!important;overflow:visible;
}
.universe .zhx-products-grid .zhx-product-tile:nth-child(n){
 box-sizing:border-box;grid-column:auto!important;grid-row:auto!important;
 height:360px!important;min-height:0!important;
 padding:26px clamp(20px,2vw,36px)!important;
 border:1px solid #e2e3e6!important;border-radius:3px;
 background:#fff;transform:none!important;overflow:hidden;
}
.universe .zhx-products-grid .zhx-product-tile:nth-child(2),
.universe .zhx-products-grid .zhx-product-tile:nth-child(4),
.universe .zhx-products-grid .zhx-product-tile:nth-child(6){background:#f2f2f2!important}
.universe .zhx-products-grid .zhx-product-tile:nth-child(2),
.universe .zhx-products-grid .zhx-product-tile:nth-child(5){transform:translateY(20px)!important}
.universe .zhx-products-grid .zhx-product-visual{
 width:65%!important;height:62%!important;right:6%!important;top:22%!important;
 overflow:visible;display:flex;align-items:center;justify-content:center
}
.universe .zhx-products-grid .zhx-product-visual img,
.universe .zhx-products-grid .zhx-product-visual svg{
 width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
 object-fit:contain!important;display:block
}
.universe .zhx-products-grid .zhx-product-watermark{
 top:27%!important;left:22%!important;font-size:clamp(100px,11vw,180px)!important;
 line-height:1!important;opacity:.65;white-space:nowrap
}
.universe .zhx-products-grid .zhx-product-meta h3{max-width:90%;font-size:clamp(22px,1.8vw,31px)}
.universe .zhx-products-grid .zhx-product-link{margin-top:auto;font-size:12px}
.universe .zhx-products-grid .zhx-product-tile:hover .zhx-product-visual{transform:translateY(-6px) scale(1.025)}
@media(max-width:950px){
 .universe .zhx-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:340px!important}
 .universe .zhx-products-grid .zhx-product-tile:nth-child(n){height:340px!important}
 .universe .zhx-products-grid .zhx-product-tile:nth-child(2),
 .universe .zhx-products-grid .zhx-product-tile:nth-child(5){transform:none!important}
}
@media(max-width:560px){
 .universe .zhx-products-grid{width:calc(100vw - 24px)!important;grid-template-columns:1fr!important;grid-auto-rows:310px!important;gap:10px!important}
 .universe .zhx-products-grid .zhx-product-tile:nth-child(n){height:310px!important}
 .universe .zhx-products-grid .zhx-product-visual{width:62%!important;height:64%!important}
}

/* Fix: previous .universe two-column grid clipped the third product column.
   Product showcase is a full-width grid item, with real staggered masonry offsets. */
.universe{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
.universe>.section-heading,.universe>.universe-intro{min-width:0}
.universe .zhx-products-grid{
 grid-column:1/-1!important;
 width:calc(100vw - 36px)!important;max-width:none!important;
 justify-self:center!important;position:relative!important;
 left:auto!important;transform:none!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 grid-template-rows:repeat(2,350px)!important;
 gap:14px!important;margin:44px 0 128px!important;
}
.universe .zhx-products-grid .zhx-product-tile:nth-child(n){height:350px!important;min-width:0}
.universe .zhx-products-grid .zhx-product-tile:nth-child(2),
.universe .zhx-products-grid .zhx-product-tile:nth-child(5){transform:translateY(110px)!important}
.universe .zhx-products-grid .zhx-product-visual{width:64%!important;height:59%!important;top:25%!important;right:5%!important}
@media(max-width:950px){
 .universe .zhx-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:330px!important;margin-bottom:42px!important}
 .universe .zhx-products-grid .zhx-product-tile:nth-child(n){height:330px!important;transform:none!important}
}
@media(max-width:560px){
 .universe .zhx-products-grid{width:calc(100vw - 24px)!important;grid-template-columns:1fr!important;grid-auto-rows:300px!important;margin-bottom:0!important}
 .universe .zhx-products-grid .zhx-product-tile:nth-child(n){height:300px!important;transform:none!important}
}

/* ZHX dual-lane infinite product showroom: isolated from legacy rigid grid */
.universe{grid-template-columns:minmax(0,1fr)!important}
.universe .zhx-product-marquee{grid-column:1/-1;position:relative;justify-self:center;width:100vw;max-width:100vw;margin:46px 0 0;overflow:hidden;display:flex;flex-direction:column;gap:4px;padding:4px 0 8px;background:#e9e9e9;user-select:none;touch-action:pan-y}
.zhx-marquee-row{width:100%;overflow:hidden;cursor:grab;touch-action:pan-y;position:relative;height:350px}
.zhx-marquee-row.is-dragging{cursor:grabbing}
.zhx-marquee-track{display:flex;align-items:stretch;gap:4px;width:max-content;will-change:transform;transform:translate3d(0,0,0)}
.zhx-marquee-row .zhx-product-tile{
 box-sizing:border-box;position:relative;display:flex;flex-direction:column;
 flex:0 0 clamp(310px,32vw,575px);width:clamp(310px,32vw,575px);
 height:350px!important;min-height:350px!important;margin:0!important;
 padding:26px 32px!important;background:#fff!important;border:0!important;
 border-radius:0!important;transform:none!important;overflow:hidden
}
.zhx-marquee-row .zhx-product-tile:nth-child(even){background:#f3f3f3!important}
.zhx-marquee-row .zhx-product-watermark{top:24%!important;left:27%!important;font-size:clamp(110px,12vw,210px)!important;opacity:.65}
.zhx-marquee-row .zhx-product-meta{z-index:3}
.zhx-marquee-row .zhx-product-meta h3{max-width:76%;font-size:clamp(23px,1.9vw,30px)}
.zhx-marquee-row .zhx-product-visual{width:66%!important;height:70%!important;top:17%!important;right:3%!important;pointer-events:none}
.zhx-marquee-row .zhx-product-visual img,.zhx-marquee-row .zhx-product-visual svg{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.zhx-marquee-row .zhx-product-link{z-index:5;margin-top:auto;align-self:flex-start}
.zhx-marquee-row.is-dragging .zhx-product-link{pointer-events:none}
@media(max-width:700px){
 .zhx-marquee-row{height:290px}
 .zhx-marquee-row .zhx-product-tile{flex-basis:clamp(270px,82vw,390px);width:clamp(270px,82vw,390px);height:290px!important;min-height:290px!important;padding:22px 21px!important}
 .zhx-marquee-row .zhx-product-meta h3{font-size:23px}
 .zhx-marquee-row .zhx-product-watermark{font-size:118px!important}
}
@media(prefers-reduced-motion:reduce){.zhx-marquee-track{will-change:auto}}

/* ZHX minimal performance header — corporate red, refined white rule */
.header{background:#e41519!important;border-bottom:0!important;box-shadow:none!important;height:105px;padding:0 clamp(24px,4.2vw,85px)!important;gap:clamp(20px,3vw,55px)}
.header .logo{flex:0 0 auto!important;width:clamp(160px,21vw,290px)!important;min-height:0!important;display:flex;align-items:center}
.header .logo img{max-width:100%;height:auto;max-height:84px;object-fit:contain;object-position:left center}
.header nav{display:flex;justify-content:center;align-items:center;gap:clamp(22px,2.8vw,54px);flex:1;min-width:0;height:100%}
.header nav a{position:relative;color:#fff!important;font:700 15px/1.2 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:1.45px!important;white-space:nowrap;height:100%;display:flex;align-items:center}
.header nav a:after{content:"";position:absolute;bottom:25px;left:0;right:0;height:2px;width:0;background:#fff!important;transition:width .28s ease}
.header nav a:hover:after,.header nav a.active:after,.header nav a:focus-visible:after{width:100%}
.header .header-contact{margin-left:auto;flex:0 0 auto;color:#fff!important;padding:10px 0 10px 10px;font:800 14px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.45px}
.header .header-contact span{color:#fff!important;font-size:23px;display:inline-block;transition:transform .25s}
.header .header-contact:hover span{transform:translate(3px,-3px)}
.header .menu-toggle{background:transparent!important;border:1px solid #ffffff88;border-radius:4px;flex:0 0 auto}
.header .menu-toggle span{background:#fff}
@media(max-width:1099px){
 .header{height:88px!important;gap:12px}
 .header .logo{width:auto!important;max-width:185px}
 .header .logo img{max-height:68px}
 .header nav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;padding:14px 26px 23px;background:#d21217!important;border-bottom:2px solid #fff;box-shadow:0 14px 26px #0002;flex-direction:column;align-items:stretch;gap:0;z-index:20}
 .header nav.open{display:flex}
 .header nav a{height:auto;padding:15px 3px;border-bottom:1px solid #ffffff30}
 .header nav a:after{bottom:0}
 .header .header-contact{margin-left:auto}
}
@media(max-width:700px){
 .header{height:78px!important;padding:0 18px!important}
 .header .logo img{max-height:59px}
 .header .header-contact{font-size:12px}
 .header .header-contact span{font-size:19px;margin-left:5px}
 .header .menu-toggle{width:42px;height:42px;margin-left:6px}
}
@media(prefers-reduced-motion:reduce){.header nav a:after,.header .header-contact span{transition:none}}

/* Prevent full-document horizontal scrolling; keep infinite rows internally clipped. */
html,body{width:100%;max-width:100%;overflow-x:clip}
main,.universe{min-width:0;max-width:100%}
.universe .zhx-product-marquee{width:100%!important;max-width:100%!important;justify-self:stretch!important;box-sizing:border-box;overflow:hidden!important}
.zhx-marquee-row{max-width:100%;overflow:hidden!important;contain:layout paint}
.zhx-marquee-track{max-width:none}

/* Stabilize the home hero across slides: changing slide content must not shift its framing. */
@media(min-width:1100px){
 .hero{height:calc(100svh - 105px)}
 .hero .hero-bike,.hero[data-slide="1"] .hero-bike,.hero[data-slide="2"] .hero-bike,.hero[data-slide="3"] .hero-bike{
   transform:none!important;filter:none!important;margin-left:-8%!important;width:114%!important
 }
 .hero .hero-bike img{width:100%;height:auto;max-height:min(67vh,650px);object-fit:contain;object-position:center center}
 .hero .hero-copy{min-width:0;align-self:center}
}
@media(max-width:1099px) and (min-width:701px){
 .hero .hero-bike,.hero[data-slide="1"] .hero-bike,.hero[data-slide="2"] .hero-bike,.hero[data-slide="3"] .hero-bike{transform:none!important;filter:none!important}
}
@media(max-width:700px){
 .hero .hero-bike,.hero[data-slide="1"] .hero-bike,.hero[data-slide="2"] .hero-bike,.hero[data-slide="3"] .hero-bike{transform:none!important;filter:none!important}
}

/* Full-bleed product lanes: escape the centered section padding safely. */
.universe{min-width:0!important;overflow:visible!important}
.universe .zhx-product-marquee{
 grid-column:1/-1!important;
 width:100vw!important;max-width:100vw!important;
 margin-left:calc(50% - 50vw)!important;
 margin-right:calc(50% - 50vw)!important;
 justify-self:stretch!important;
 left:auto!important;right:auto!important;transform:none!important;
 overflow:hidden!important;box-sizing:border-box!important;
}
.universe .zhx-marquee-row{width:100%!important;max-width:100%!important;overflow:hidden!important}
@supports(width:100dvw){
 .universe .zhx-product-marquee{width:100dvw!important;max-width:100dvw!important;margin-left:calc(50% - 50dvw)!important;margin-right:calc(50% - 50dvw)!important}
}

/* Few real catalog products: never duplicate cards merely to fill the infinite lanes. */
.zhx-product-marquee.few-products{background:transparent!important;gap:0!important;padding:0!important}
.zhx-product-marquee.few-products .zhx-marquee-row{height:auto!important;min-height:0!important;overflow:visible!important;cursor:default}
.zhx-product-marquee.few-products .zhx-marquee-row[hidden]{display:none!important}
.zhx-product-marquee.few-products .zhx-marquee-track{width:100%!important;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;transform:none!important}
.zhx-product-marquee.few-products .zhx-product-tile{flex:0 1 min(520px,calc(100vw - 30px));width:min(520px,calc(100vw - 30px));border:1px solid #e8e8e8!important}

/* Stable corporate logo fallback on all pages, no disappearing during navigation. */
.header .logo .zhx-logo-fallback{display:inline-block;color:#fff;font:italic 900 clamp(25px,2.7vw,38px) 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.6px;white-space:nowrap}
.header .logo.has-custom-logo .zhx-logo-fallback{display:none}
.header .logo:not(.has-custom-logo) img[hidden]{display:none}

/* Hide temporary local chrome until canonical shared header/footer are mounted. */
body.zhx-shell-loading > header,body.zhx-shell-loading > footer{visibility:hidden!important}

/* The administrator's logo-height is authoritative on every public page. */
.header .logo #site-logo:not([hidden]){max-height:var(--logo-height,75px)!important;height:auto!important;width:auto!important;max-width:100%!important}
@media(max-width:1099px){.header .logo #site-logo:not([hidden]){max-height:min(var(--logo-height,75px),68px)!important}}
@media(max-width:700px){.header .logo #site-logo:not([hidden]){max-height:min(var(--logo-height,75px),59px)!important}}

/* Shared header: one sizing rule for Inicio, Motos and Productos. */
.header .logo #site-logo:not([hidden]){
 display:block!important;
 width:auto!important;
 height:auto!important;
 max-width:100%!important;
 max-height:var(--logo-height,75px)!important;
 object-fit:contain;
 object-position:left center;
}
#hero-image:not([src]){visibility:hidden!important}

@media(max-width:1099px){.header .logo #site-logo:not([hidden]){max-height:min(var(--logo-height,75px),68px)!important}}
@media(max-width:700px){.header .logo #site-logo:not([hidden]){max-height:min(var(--logo-height,75px),59px)!important}}