:root{--black:#080a0b;--black2:#0d0f10;--white:#f5f4f1;--gray:#b8b8b6;--gold:#c49a52;--gold2:#e0bc76;--line:rgba(255,255,255,.26);--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif;line-height:1.5}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(var(--wrap),calc(100% - 72px));margin:auto}.skip{position:absolute;left:-9999px;top:10px;z-index:999;background:#fff;color:#000;padding:10px}.skip:focus{left:10px}.header{position:relative;z-index:30;height:88px;background:linear-gradient(90deg,#0b0d0e,#121414);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:46px}.logo{width:290px;flex:0 0 auto}.logo img{width:250px;height:auto}.nav{display:flex;align-items:center;gap:40px;margin-left:auto}.nav a{font-size:.82rem;font-weight:500;transition:.2s}.nav a:hover{color:var(--gold2)}.header-actions{display:flex;align-items:center;gap:34px}.whatsapp-btn{height:50px;padding:0 23px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#d5ad67,#b78943);color:#090a0a;font-size:.8rem;font-weight:700}.whatsapp-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.place{display:flex;align-items:center;gap:8px;font-size:.74rem;white-space:nowrap}.place svg{width:18px;height:18px;fill:var(--gold);stroke:var(--gold);stroke-width:1.5}.nav-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;padding:10px}.nav-toggle i{display:block;width:27px;height:2px;background:currentColor;margin:5px;transition:.25s}.hero{position:relative;min-height:570px;background:url('assets/hero.webp') center 54%/cover no-repeat;border-bottom:1px solid var(--line)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,5,.78) 0%,rgba(3,4,5,.44) 43%,rgba(3,4,5,.04) 71%),linear-gradient(0deg,rgba(4,5,6,.35),rgba(4,5,6,.05) 50%,rgba(4,5,6,.3))}.hero-inner{position:relative;min-height:570px;display:flex;align-items:center}.hero-copy{padding:55px 0 30px}.kicker{display:flex;align-items:center;gap:18px;margin:0 0 18px;color:var(--gold2);font-size:.65rem;font-weight:700;letter-spacing:.52em;text-transform:uppercase}.kicker:after{content:"";display:block;width:54px;height:1px;background:var(--gold)}.hero h1{max-width:700px;margin:0;font-size:clamp(3.8rem,5.4vw,5.9rem);line-height:1.02;letter-spacing:-.045em}.lead{margin:22px 0 28px;font-size:1.3rem;line-height:1.45}.hero-buttons{display:flex;gap:20px}.button{min-height:57px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:32px;font-size:.85rem;font-weight:700;border:1px solid var(--gold)}.button.gold{background:linear-gradient(135deg,#d7b269,#b48845);color:#070809}.button.outline{background:rgba(5,6,7,.45);color:#fff}.button:hover{filter:brightness(1.12)}.geo-line{margin:48px 0 0;color:#d5d5d3;font-size:.63rem;font-weight:600;letter-spacing:.42em;text-transform:uppercase;line-height:2}.geo-line:before{content:"";display:inline-block;width:35px;height:2px;background:var(--gold);vertical-align:middle;margin-right:17px}.geo-line span{margin:0 14px}.geo-line small{margin-left:53px;font-size:.55rem}.hero-note{position:absolute;right:2px;color:#e5e5e1;font-size:.58rem;font-weight:600;letter-spacing:.5em;line-height:2.15;text-transform:uppercase}.hero-note:after{content:"";display:block;width:32px;height:1px;background:var(--gold);margin-top:12px}.note-top{top:95px}.note-bottom{bottom:52px;color:var(--gold2)}.services{background:linear-gradient(90deg,#0a0c0d,#101213);border-bottom:1px solid var(--line)}.services-grid{min-height:282px;display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:18px;padding:25px 0}.services-intro{display:flex;justify-content:center;flex-direction:column;padding-right:22px}.services h2,.authorized h2,.brands h2,.about h2,.contact h2{margin:0;font-size:2.25rem;line-height:1.12;letter-spacing:-.04em}.service-card{position:relative;min-height:232px;border:1px solid var(--line);background:var(--image) center top/cover no-repeat;display:flex;align-items:flex-end;overflow:hidden}.service-card:after{content:"";position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(3,4,5,.94) 80%)}.service-card>div{position:relative;z-index:1;padding:20px 18px}.service-card h3{font-size:1.04rem;margin:0 0 7px;letter-spacing:-.03em}.service-card p{margin:0;font-size:.56rem;font-weight:600;letter-spacing:.34em;line-height:1.75;text-transform:uppercase}.mountain-band{position:relative;background-image:linear-gradient(90deg,rgba(5,6,7,.96) 0%,rgba(5,6,7,.82) 32%,rgba(5,6,7,.3) 80%),url('assets/hero.webp');background-size:cover;background-position:center 58%;border-bottom:1px solid var(--line)}.mountain-band .wrap{position:relative;padding:32px 0 26px}.authorized h2,.brands h2{font-size:2.15rem}.logo-row{display:flex;align-items:center;justify-content:space-between;margin-top:23px;padding-right:150px}.logo-row img{object-fit:contain;filter:drop-shadow(0 1px 1px #000)}.suspension-logos img{max-width:150px;max-height:54px}.suspension-logos img:nth-child(4){max-height:62px}.band-note{position:absolute;right:5px;top:72px;border-left:1px solid var(--line);padding-left:28px;color:var(--gold2);font-size:.55rem;font-weight:600;letter-spacing:.34em;line-height:2.05;text-transform:uppercase}.brands{background-position:center 64%}.brands .wrap{padding-top:30px}.bike-logos{padding-right:170px;margin-top:24px}.bike-logos img{max-width:102px;max-height:53px}.bike-logos img:last-child{max-width:135px}.about{min-height:330px;display:grid;grid-template-columns:46% 54%;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0a0b0c,#101213)}.about-image{background:url('assets/ohlins.webp') center/cover no-repeat}.about-copy{position:relative;padding:50px clamp(55px,8vw,150px) 42px 38px;display:flex;justify-content:center;flex-direction:column}.about-copy>p:not(.kicker):not(.about-note){max-width:650px;margin:15px 0 0;color:#c5c5c2;font-size:1rem}.about-note{position:absolute;right:38px;top:85px;border-left:1px solid var(--line);padding-left:28px;color:#aaa;font-size:.58rem;letter-spacing:.45em;line-height:2.05;text-transform:uppercase}.contact{min-height:288px;display:grid;grid-template-columns:46% 54%;border-bottom:1px solid var(--line)}.contact-copy{padding:35px 40px 30px max(36px,calc((100vw - var(--wrap))/2));display:flex;justify-content:center;flex-direction:column}.contact h2{font-size:1.75rem}.contact-copy>p:not(.kicker){margin:6px 0 15px;color:#c6c7c5;font-size:.78rem}.contact address{display:grid;gap:10px;font-style:normal}.contact address a{display:flex;align-items:center;gap:16px;font-size:.83rem}.contact address span{width:18px;color:var(--gold2);font-size:1.1rem;text-align:center}.contact-map{display:block;background:url('assets/mapa-rota.webp') center/cover no-repeat}.footer{min-height:150px;background:#080a0b}.footer-inner{min-height:150px;display:grid;grid-template-columns:250px 1fr auto;align-items:center}.footer-logo{width:185px;height:120px;object-fit:contain}.footer-center{height:60px;border-left:1px solid var(--line);padding-left:60px;display:flex;justify-content:center;flex-direction:column;color:#aaa;font-size:.58rem;font-weight:600;letter-spacing:.48em;text-transform:uppercase}.footer-center small{margin-top:14px;font-size:.48rem}.footer-center i{color:var(--gold);font-style:normal;margin:0 12px}.footer-inner>p{margin:0;color:var(--gold2);font-family:Caveat,cursive;font-size:2rem;transform:rotate(-3deg)}.mobile-whatsapp{display:none}
@media(max-width:1120px){.wrap{width:calc(100% - 40px)}.header-inner{gap:22px}.logo{width:230px}.nav{gap:20px}.header-actions .place{display:none}.whatsapp-btn{padding:0 16px}.logo-row{padding-right:130px}.suspension-logos img{max-width:110px}.bike-logos{gap:20px;overflow:hidden}.bike-logos img{max-width:78px}.about-copy{padding-right:95px}.footer-inner>p{font-size:1.6rem}}
@media(max-width:860px){.header{height:72px;position:sticky;top:0}.logo{width:auto}.logo img{width:200px}.nav-toggle{display:block;position:relative;z-index:32}.nav-toggle.active i:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active i:nth-child(2){opacity:0}.nav-toggle.active i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{position:fixed;inset:0;background:rgba(7,9,10,.98);display:flex;flex-direction:column;justify-content:center;gap:28px;opacity:0;visibility:hidden;transition:.25s;margin:0}.nav.open{opacity:1;visibility:visible}.nav a{font-size:1.1rem}.header-actions{margin-left:auto}.whatsapp-btn{display:none}.hero,.hero-inner{min-height:670px}.hero{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(3,4,5,.88),rgba(3,4,5,.32)),linear-gradient(0deg,rgba(3,4,5,.64),transparent 60%)}.hero h1{font-size:3.9rem}.hero-note{display:none}.services-grid{grid-template-columns:1fr 1fr;padding:35px 0}.services-intro{min-height:220px}.service-card{min-height:245px}.authorized .wrap,.brands .wrap{padding:45px 0}.logo-row{display:grid;padding-right:0}.suspension-logos{grid-template-columns:repeat(3,1fr);gap:35px}.bike-logos{grid-template-columns:repeat(4,1fr);gap:30px;overflow:visible}.logo-row img{margin:auto}.band-note{display:none}.about{grid-template-columns:1fr}.about-image{min-height:430px}.about-copy{padding:55px 40px}.about-note{display:none}.contact{grid-template-columns:1fr}.contact-copy{padding:55px 40px}.contact-map{min-height:320px}.footer-inner{grid-template-columns:200px 1fr}.footer-inner>p{display:none}}
@media(max-width:560px){.wrap{width:calc(100% - 30px)}.header-inner{gap:10px}.logo img{width:178px}.hero,.hero-inner{min-height:680px}.hero{background-position:65% center}.hero-inner{align-items:flex-end}.hero-copy{padding-bottom:52px}.kicker{font-size:.55rem;letter-spacing:.34em}.kicker:after{width:34px}.hero h1{font-size:3rem}.lead{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.button{min-height:52px}.geo-line{margin-top:30px;font-size:.5rem}.geo-line small{font-size:.45rem}.services-grid{grid-template-columns:1fr}.services-intro{min-height:auto;padding:20px 0}.services h2{font-size:2rem}.service-card{min-height:280px}.authorized h2,.brands h2{font-size:1.85rem}.suspension-logos{gap:28px 20px}.suspension-logos img{max-width:95px}.bike-logos{grid-template-columns:repeat(3,1fr);gap:26px 15px}.bike-logos img{max-width:82px}.about-image{min-height:350px}.about-copy,.contact-copy{padding:48px 24px}.about h2{font-size:2.15rem}.about-copy>p:not(.kicker):not(.about-note){font-size:.92rem}.contact h2{font-size:1.55rem}.contact-map{min-height:250px}.footer-inner{min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:5px}.footer-logo{height:105px}.footer-center{height:auto;border-left:0;border-top:1px solid var(--line);padding:18px 0 0;text-align:center}.mobile-whatsapp{display:block;position:fixed;right:14px;bottom:14px;z-index:25;background:var(--gold);color:#080a0b;padding:12px 16px;border-radius:30px;font-size:.68rem;font-weight:800;text-transform:uppercase;box-shadow:0 8px 24px #000}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Recursos em alta definição */
.contact-map{position:relative;min-width:0;overflow:hidden;background:#181a1b}
.contact-map iframe{display:block;width:100%;height:100%;min-height:288px;border:0;filter:grayscale(1) brightness(.55) contrast(1.2)}
.contact-map>a{position:absolute;right:22px;bottom:20px;display:flex;align-items:center;gap:20px;padding:12px 16px;background:rgba(8,10,11,.9);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(8px)}
.contact-map>a span{color:var(--gold2);font-size:1rem}
@media(max-width:860px){.contact-map iframe{min-height:320px}}
@media(max-width:560px){.contact-map iframe{min-height:250px}.contact-map>a{right:12px;bottom:12px}}

/* Carrossel de viagens da Marin */
.hero{--hero-shift:0px;background:#080a0b}
.hero-slides{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-slide{position:absolute;inset:-24px;display:block;opacity:0;visibility:hidden;transition:opacity 1.15s ease,visibility 1.15s ease}
.hero-slide.active{opacity:1;visibility:visible}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(0,var(--hero-shift),0) scale(1.055);transition:transform 1.2s ease;will-change:transform}
.hero-slide:nth-child(1) img{object-position:center 54%}
.hero-slide:nth-child(2) img{object-position:center 52%}
.hero-slide:nth-child(3) img{object-position:center 50%}
.hero-overlay{z-index:1;background:linear-gradient(90deg,rgba(3,4,5,.91) 0%,rgba(3,4,5,.7) 38%,rgba(3,4,5,.18) 68%,rgba(3,4,5,.1) 100%),linear-gradient(0deg,rgba(3,4,5,.55),transparent 58%,rgba(3,4,5,.22))}
.hero-inner{z-index:2}
.hero-carousel{position:absolute;z-index:3;left:50%;bottom:24px;display:flex;align-items:center;gap:10px;transform:translateX(-50%)}
.carousel-arrow,.carousel-pause,.carousel-dots button{border:0;color:#fff;cursor:pointer}
.carousel-arrow,.carousel-pause{width:34px;height:34px;display:grid;place-items:center;background:rgba(8,10,11,.62);border:1px solid rgba(255,255,255,.3);font-size:.85rem;backdrop-filter:blur(8px)}
.carousel-pause{font-size:.65rem;color:var(--gold2)}
.carousel-dots{height:34px;display:flex;align-items:center;gap:8px;padding:0 12px;background:rgba(8,10,11,.62);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.carousel-dots button{width:20px;height:2px;padding:0;background:rgba(255,255,255,.38);transition:.3s}
.carousel-dots button.active{width:34px;background:var(--gold2)}
.carousel-arrow:hover,.carousel-pause:hover{border-color:var(--gold2);color:var(--gold2)}
.carousel-arrow:focus-visible,.carousel-pause:focus-visible,.carousel-dots button:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
@media(max-width:860px){.hero-overlay{background:linear-gradient(90deg,rgba(3,4,5,.9),rgba(3,4,5,.42)),linear-gradient(0deg,rgba(3,4,5,.7),transparent 65%)}.hero-carousel{left:auto;right:20px;top:20px;bottom:auto;transform:none}.hero-slide{inset:-14px}.hero-slide img{transform:scale(1.035)}}
@media(max-width:600px){.hero-slide:nth-child(1) img{object-position:center 58%}.hero-slide:nth-child(2) img{object-position:center 55%}.hero-slide:nth-child(3) img{object-position:center 50%}.carousel-arrow{display:none}.carousel-dots{height:30px}.carousel-pause{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide img{transform:none}.carousel-dots button{transition:none}}
