/* Motomarcas v35 — D-DIN (SIL OFL), native scroll, shared navigation. */
@font-face{font-family:D-DIN;src:url('/assets/fonts/D-DIN.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:D-DIN;src:url('/assets/fonts/D-DIN-Bold.woff2') format('woff2');font-display:swap;font-weight:700}
:root{--red:#ce001b;--red-hover:#a80016;--red-on-dark:#ff4054;--red-soft:#fff1f3;--font-body:D-DIN,Arial,sans-serif;--font-display:D-DIN,'Arial Narrow',Arial,sans-serif;--ease:cubic-bezier(.22,.75,.2,1)}
html{scroll-padding-top:110px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:19px}button,input,select{font-family:inherit}h1,h2,h3,.section-head h2,.about-hero h1,.comparison-heading h1,.contact-intro h2,.card h3,.detail-top h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}p{letter-spacing:0}main{padding-top:144px}.home-page main{padding-top:0}
.reveal,.will-reveal,.is-visible{opacity:1!important;transform:none!important;filter:none!important}.scroll-scene{height:auto!important}.scene-content{position:relative!important;top:auto!important;transform:none!important;opacity:1!important;filter:none!important}
.site-header{position:fixed;z-index:30;top:24px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 80px);max-width:1360px;height:100px;min-height:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px;padding:0 34px;border:0;border-radius:3px;background:#fff;box-shadow:0 5px 30px #0000000c;transition:height .45s var(--ease),top .45s var(--ease),box-shadow .45s}
.site-header.is-compact{height:74px;top:12px;box-shadow:0 6px 35px #00000014}.site-header .logo{display:block;width:180px;margin:0}.site-header .logo img{display:block;width:100%;height:auto;max-height:76px;object-fit:contain;filter:brightness(0);transition:max-height .45s var(--ease)}.site-header.is-compact .logo img{max-height:57px}.header-start{display:flex;align-items:center;gap:34px}.menu-toggle,.nav-trigger{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:#19191b;padding:15px 0;font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.menu-toggle img{width:23px;height:23px}.menu-toggle span{font-size:14px;letter-spacing:.11em}.nav-trigger img{width:16px;height:16px;transition:transform .3s}.nav-trigger[aria-expanded=true] img{transform:rotate(180deg)}.site-header .header-links{display:flex;position:static;justify-content:flex-end;align-items:center;gap:30px;background:none;border:0;padding:0;box-shadow:none;width:auto;flex-direction:row}.site-header .header-links a{font-size:17px;font-weight:700;white-space:nowrap;padding:15px 0;text-transform:uppercase;letter-spacing:.025em}.site-header a:hover,.menu-toggle:hover,.menu-drawer a:hover,.drawer-motos:hover{color:var(--red)}.header-links a::after{bottom:7px}.nav-submenu{left:-18px;right:auto;top:calc(100% + 8px);width:230px;border-radius:4px;box-shadow:0 14px 35px #00000014;padding:9px}.nav-submenu a{display:flex;gap:14px;align-items:center;padding:14px;font-size:18px}.nav-submenu img{width:21px;height:21px}.nav-submenu a:hover,.nav-submenu a[aria-current=page]{color:var(--red);background:#fff4f4}
/* Menu expands from the floating header. */
.menu-open{overflow:hidden}.menu-drawer{position:fixed;inset:24px auto auto 50%;transform:translateX(-50%);margin:0;width:calc(100% - 80px);max-width:1360px;min-height:0;height:auto;max-height:calc(100dvh - 48px);border:0;border-radius:3px;padding:0;background:white;color:#171719;box-shadow:0 18px 60px #0002;overflow:auto;transition:opacity .24s,translate .24s}.menu-drawer.is-compact{top:12px;max-height:calc(100dvh - 24px)}.menu-drawer[open]{display:block;animation:menu-unfold .36s var(--ease)}.menu-drawer.is-closing{opacity:0;translate:0 -8px}.menu-drawer::backdrop{background:#10111366;backdrop-filter:blur(3px)}.drawer-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100px;padding:0 34px;gap:26px;border-bottom:1px solid #eee}.drawer-heading .logo{display:block;width:180px}.drawer-heading .logo img{display:block;width:100%;max-height:76px;object-fit:contain;filter:brightness(0)}.menu-drawer.is-compact .drawer-heading{height:74px}.menu-drawer.is-compact .logo img{max-height:57px}.drawer-close{border:0;display:inline-flex;justify-self:start;align-items:center;gap:10px;padding:15px 0;background:none;color:#19191b;cursor:pointer;font-weight:700;font-size:14px;letter-spacing:.11em;text-transform:uppercase}.drawer-close img{width:23px;height:23px}.menu-drawer nav{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;padding:24px 55px 38px}.menu-group>a,.drawer-motos{display:flex;align-items:center;gap:18px;min-height:60px;padding:16px 8px;background:none;border:0;border-bottom:1px solid #ededed;font-size:22px;text-align:left;font-weight:700;color:#171719;cursor:pointer;width:100%;transition:color .25s}.menu-drawer nav img{width:23px;height:23px}.drawer-motos img:last-child{margin-left:auto;width:18px;transition:transform .3s}.drawer-motos[aria-expanded=true] img:last-child{transform:rotate(180deg)}#drawer-models{padding:6px 0 5px 22px}#drawer-models a{display:flex;align-items:center;gap:17px;padding:13px 10px;font-size:20px}.menu-drawer a[aria-current=page]{color:var(--red)}.menu-drawer a:hover img{filter:invert(22%) sepia(85%) saturate(4100%) hue-rotate(340deg)}@keyframes menu-unfold{from{opacity:0;translate:0 -10px;clip-path:inset(0 0 65%)}to{opacity:1;translate:0 0;clip-path:inset(0)}}
.site-footer{display:flex;flex-direction:column;gap:30px;background:#111214;color:#b2b2b4;padding:65px 5% 38px;border:0;text-align:center;min-height:330px}.site-footer .footer-logo img{width:220px;max-height:90px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.site-footer nav{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.site-footer nav a:hover{color:white}.site-footer .footer-social{margin:6px 0 0;gap:26px}.site-footer .footer-social a{color:#ddd}.site-footer>span{font-size:14px;letter-spacing:.04em;margin:0}.site-footer a[aria-current=page]{color:white}
.catalog-intro.section,.gallery-heading{padding-top:0;margin-bottom:0;display:block}.gallery-main{padding-top:144px}.gallery-heading h1.sr-only{position:absolute}.catalog-intro .search,.gallery-heading .search{display:block;width:100%;max-width:none;margin:0}.search input{font-size:21px;min-height:70px;border-radius:5px;padding-top:17px;padding-bottom:17px}.brand-section{padding-top:24px}.brands,.gallery-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;overflow:visible;width:100%;max-width:100%;margin:0;padding:0}.gallery-filters{margin:24px 0 35px}.brands .brand-tile,.gallery-filters .brand-tile{width:100%;min-width:0;height:74px;flex:none;border-radius:5px}.brand-tile .brand-logo{max-width:100%}.gallery-main .gallery-brand-logo{max-width:88px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title-row h3{flex:1;margin-bottom:0!important;min-width:0}.card-title-row .gallery-link-slot{flex-shrink:0;margin:0}.gallery-link-slot[hidden]{display:none}.gallery-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--red-soft);border:1px solid #f1d9dc;color:var(--red);border-radius:7px;padding:8px 10px;min-height:38px;font-size:16px;font-weight:700;text-decoration:none;transition:background .3s,border-color .3s}.gallery-link img{width:19px;height:19px;filter:invert(15%) sepia(75%) saturate(4000%) hue-rotate(345deg);opacity:1}.gallery-link:hover{background:#ffe1e5;border-color:var(--red);color:var(--red-hover)}.detail-top .gallery-link-slot{margin-top:22px}.detail-top .gallery-link::after{content:'fotos';font-weight:400}.card,.gallery-card,.contact-card{transition:box-shadow .5s var(--ease),border-color .5s var(--ease)}.card:hover,.gallery-card:hover,.contact-card:hover{transform:none!important}.image-link img,.gallery-cover img{transition:transform .75s var(--ease)}.button{border-radius:5px;font-weight:700;letter-spacing:.015em;transition:background .3s,color .3s,box-shadow .4s}.button:hover{transform:none}.card h3{font-size:29px;line-height:1.12}.section-head h2{font-size:clamp(32px,3.7vw,52px)}
.photo-orbit{--step:min(30.8%,390px);height:clamp(250px,40vw,530px);max-width:1260px;margin:0 auto;overflow:hidden;mask:none;-webkit-mask:none}.orbit-photo{width:var(--step);top:12px;left:50%;aspect-ratio:4/5;border-radius:7px;box-shadow:none;transform:translateX(calc(-50% + var(--offset)*108%)) translateY(calc(var(--distance)*18px)) scale(calc(1 - var(--distance)*.035));transition:none}.photo-dots{margin-top:10px}.photo-dots button{height:6px;width:6px;min-width:6px;border-radius:50%;padding:0;position:relative}.photo-dots button::before{content:'';position:absolute;inset:-12px}.photo-dots button[aria-pressed=true]{width:25px;border-radius:4px}
/* Complete campaign artwork: no HTML text, logo overlay or pager. */
.campaign-hero{position:relative;background:#171719;color:white;height:100svh;min-height:540px;overflow:hidden;isolation:isolate;touch-action:pan-y}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.hero-slide picture{display:block;width:100%;height:100%}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-slide::after{display:none}.hero-side{position:absolute;z-index:3;top:0;bottom:0;width:90px;height:100%;border:0;border-radius:0;cursor:pointer;display:grid;place-items:center;transition:opacity .35s;opacity:.8}.hero-side.prev{left:0;background:linear-gradient(90deg,rgba(0,0,0,.7),transparent)}.hero-side.next{right:0;background:linear-gradient(270deg,rgba(0,0,0,.7),transparent)}.hero-side .control-icon{width:28px;height:28px;filter:brightness(0) invert(1);transition:transform .35s}.hero-side:hover{opacity:1}.hero-side:hover .control-icon{transform:scale(1.12)}.hero-side:focus-visible{outline:2px solid white;outline-offset:-5px}.delivery-card>img{width:50px;height:50px;filter:brightness(0) invert(1);margin:0 auto 18px;display:block}

@media(max-width:1100px){.site-header,.menu-drawer{width:calc(100% - 48px)}.site-header,.drawer-heading{padding:0 24px;gap:20px}.site-header .logo,.drawer-heading .logo{width:155px}.hero-side{width:65px}.brands,.gallery-filters{grid-template-columns:repeat(auto-fit,minmax(115px,1fr))}}
@media(max-width:700px){html{scroll-padding-top:90px}body{font-size:18px}main,.gallery-main{padding-top:112px}.site-header,.site-header.is-compact{top:12px;width:calc(100% - 28px);height:72px;grid-template-columns:1fr auto 1fr;padding:0 18px;gap:8px;border-radius:3px}.site-header.is-compact{height:62px}.site-header .logo{grid-column:2;grid-row:1;width:132px}.site-header .logo img{max-height:55px}.site-header .header-start{grid-column:1;grid-row:1}.header-end{grid-column:3}.menu-toggle{padding:12px 0}.menu-toggle span,.drawer-close span{display:none}.menu-toggle img{width:25px;height:25px}.menu-drawer,.menu-drawer.is-compact{top:12px;width:calc(100% - 28px);max-height:calc(100dvh - 24px);padding:0}.drawer-heading{height:72px;grid-template-columns:1fr auto 1fr;padding:0 18px;gap:8px}.drawer-heading .logo{width:132px}.drawer-heading .logo img{max-height:55px}.menu-drawer.is-compact .drawer-heading{height:62px}.menu-drawer nav{grid-template-columns:1fr;padding:12px 24px 24px;gap:0}.menu-group>a,.drawer-motos{font-size:21px;min-height:55px;padding:14px 4px}#drawer-models a{padding:12px 8px}.site-footer{padding:45px 7% 30px;gap:28px}.site-footer nav{gap:18px 26px;font-size:14px}.site-footer .footer-logo img{width:190px}.brands,.gallery-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brands .brand-tile,.gallery-filters .brand-tile{height:64px;margin:0;min-width:0;width:100%;padding:10px}.gallery-filters{margin:20px 0 28px}.search input{font-size:19px;min-height:62px}.gallery-heading{margin:0}.catalog-intro.section{padding-top:0}.card h3{font-size:28px}.gallery-link{min-height:36px;font-size:15px;padding:8px;gap:5px}.gallery-link img{width:17px;height:17px}.photo-orbit{--step:31%;height:calc(39vw + 40px);overflow:hidden}.orbit-photo{border-radius:4px;top:8px;transform:translateX(calc(-50% + var(--offset)*108%)) translateY(calc(var(--distance)*10px)) scale(calc(1 - var(--distance)*.035))}.photo-dots{margin-top:4px}.social-section .section-head{margin-bottom:22px}.campaign-hero{height:100svh;min-height:500px;max-height:none}.hero-side{width:43px}.hero-side .control-icon{width:23px;height:23px}.card-title-row{gap:8px}.gallery-main .gallery-brand-logo{max-width:73px}}
@media(max-width:360px){.brands,.gallery-filters{gap:6px}.brands .brand-tile,.gallery-filters .brand-tile{height:60px;padding:6px}.card-title-row h3{font-size:26px}.menu-drawer nav{padding:10px 18px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.menu-drawer[open]{animation:none}}
.menu-drawer[open]{transform:translateX(-50%)}
@starting-style{.menu-drawer[open]{transform:translateX(-50%)}}
html{scrollbar-gutter:stable}
.menu-drawer nav span{color:inherit;margin-left:0}
/* Adjacent artwork peeks and a synchronized, center-out vertical timer. */
.campaign-hero{--hero-peek:clamp(52px,6.25vw,90px);--hero-progress:0;min-height:0}
.hero-slide{inset:0 var(--hero-peek)}
.hero-side{width:var(--hero-peek);opacity:1;overflow:visible;padding:0;background:#111!important}
.hero-preview{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .9s ease;pointer-events:none}
.hero-preview.is-ready{opacity:1}
.hero-preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(3px) brightness(.65);transform:scale(1.04)}
.hero-side::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#08080a24,#08080a99)}
.hero-side.next::after{background:linear-gradient(270deg,#08080a24,#08080a99)}
.hero-side .control-icon{position:relative;z-index:2}
.hero-progress{position:absolute;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(var(--hero-progress));transform-origin:center;z-index:3;pointer-events:none}
.hero-side.prev .hero-progress{right:0}.hero-side.next .hero-progress{left:0}
@media(max-width:700px){.campaign-hero{--hero-peek:28px;min-height:0}.hero-side .control-icon{width:19px;height:19px}.hero-side::before{content:'';position:absolute;inset:0 -8px;z-index:2}.hero-progress{width:2px}}
@media(max-height:500px) and (orientation:landscape){.site-header,.site-header.is-compact{height:58px;top:8px}.site-header .logo img{max-height:44px}}
main.comparison{padding-top:144px}
@media(max-width:700px){main.comparison{padding-top:112px}}
/* v37: real neighboring panels, with their adjoining edges visible through the controls. */
.hero-slide{inset:0 auto 0 var(--hero-peek);width:calc(100% - 2*var(--hero-peek));transform:translateX(calc(var(--hero-slot,0)*100%));transition:none;opacity:0;visibility:hidden}
.hero-slide.is-mounted,.hero-slide.is-active{opacity:1;visibility:visible}
.hero-side{background:transparent!important;backdrop-filter:blur(3px) brightness(.65);-webkit-backdrop-filter:blur(3px) brightness(.65)}
/* Novedades: diagonal brand-red band, horizontal cards and readable controls. */
#novedades{position:relative;isolation:isolate;margin:65px auto 75px;padding-top:66px;padding-bottom:66px;color:#fff;background:transparent}
#novedades::before{content:'';position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:var(--red);transform:skewY(-2deg);pointer-events:none}
.home-page main{overflow:clip}
#novedades .section-head h2,#novedades .text-link{color:#fff}
#novedades .text-link{border-color:#ffffff90}
#novedades .card{background:#151619;border-color:#25262b;color:#fff;box-shadow:0 10px 30px #81081320}
#novedades .card h3 button,#novedades .detail-link{color:#fff}
#novedades .card-brand{color:var(--red-on-dark)}
#novedades .card-specs{color:#c7c7cb}
#novedades .card .image-link{background:#fff}
#novedades .actions .secondary{background:transparent;color:#fff;border-color:#797a80}
#novedades .actions .secondary:hover{background:#fff;color:#171719;border-color:#fff}
#novedades .detail-link{border-color:#36373c}
#novedades .new-badge{background:#fff;color:var(--red);border:1px solid #f1d4d7;box-shadow:0 2px 9px #0001}
#novedades .gallery-link{background:#2b2024;border-color:#79414a;color:#ff7b8a}
#novedades .gallery-link img{filter:brightness(0) invert(1)}
@media(max-width:700px){#novedades{margin:40px auto 50px;padding-top:45px;padding-bottom:45px}#novedades::before{transform:skewY(-3deg)}#novedades .section-head{align-items:center;gap:15px}#novedades .text-link{font-size:16px}}
.model-colors{margin:20px 0 26px}.model-colors p{font-size:15px;color:#55565c;margin:0 0 6px;font-weight:700}.model-swatches{display:flex;flex-wrap:wrap;gap:4px}.model-swatch{display:grid;place-items:center;width:40px;height:40px;padding:7px;border:1px solid transparent;border-radius:50%;background:none;cursor:pointer;transition:border-color .25s,transform .25s}.model-swatch span{display:block;width:24px;height:24px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}.model-swatch:hover,.model-swatch:focus-visible,.model-swatch.is-selected{border-color:var(--red);outline:none}.color-name{display:block;font-size:14px;color:#686970;margin-top:5px;line-height:1.4;min-height:1.4em}.detail-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.detail-tools .gallery-link-slot{margin:0}.share-model{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #d9dadd;border-radius:7px;color:#42434a;font-size:16px;padding:9px 12px;min-height:40px;cursor:pointer;transition:color .3s,border-color .3s}.share-model img{width:18px;height:18px}.share-model:hover{color:var(--red);border-color:var(--red)}.share-feedback:not(.sr-only){font-size:14px;max-width:100%;overflow-wrap:anywhere}

.model-swatch.model-color-name{width:auto;min-height:40px;padding:5px 12px;border:1px solid #dedee1;border-radius:20px;font-size:12px;color:#48484e;line-height:1.3}
.model-swatch.model-color-name.is-selected{border-color:var(--red);color:var(--red);background:var(--red-soft)}

@media(max-width:1050px){.spec-highlights>div{padding:16px 5px}.spec-highlights strong{font-size:13px;overflow-wrap:normal;word-break:normal;hyphens:auto}.spec-highlights span:not(.spec-icon){font-size:11px}.detail-tools{flex-wrap:wrap}}

/* Unified vivid crimson palette, kept separate from motorcycle paint swatches. */
.button:not(.secondary):not(.white):not(.outline-light):hover{background:var(--red-hover);border-color:var(--red-hover);box-shadow:0 7px 22px #ce001b26}
.spec-inquiry:hover{border-color:var(--red);background:var(--red-soft)}

/* v38: soft vignette on the central artwork, inside the red timer edges. */
.campaign-hero::after{content:"";position:absolute;inset:0 var(--hero-peek);z-index:2;pointer-events:none;--hero-vignette:clamp(28px,8vw,140px);background:linear-gradient(90deg,rgba(8,8,10,.82),rgba(8,8,10,.3)38%,transparent) left center/var(--hero-vignette) 100% no-repeat,linear-gradient(270deg,rgba(8,8,10,.82),rgba(8,8,10,.3)38%,transparent) right center/var(--hero-vignette) 100% no-repeat}