:root { --orange:#ff6207; --orange-light:#ff7b16; --ink:#080909; --white:#f8f8f8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--white); background:#050505; font-family:"Manrope",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; z-index:5; top:28px; left:0; width:100%; padding:0 clamp(22px,3.3vw,55px); }
.nav-shell { height:91px; max-width:1560px; margin:auto; padding:0 31px 0 50px; display:grid; grid-template-columns:400px minmax(0,1fr) 244px; align-items:center; border:1px solid rgba(255,255,255,.3); border-radius:25px; background:linear-gradient(105deg,rgba(15,16,17,.94),rgba(7,8,8,.91)); box-shadow:0 10px 30px rgba(0,0,0,.35); }
.brand { width:400px; display:flex; align-items:center; flex-shrink:1; }
.brand img { width:min(100%,400px); height:auto; display:block; }
.nav-content { display:contents; }
.nav-links { grid-column:2; justify-self:center; display:flex; align-items:center; gap:41px; padding:0; margin:0; list-style:none; white-space:nowrap; }
.nav-links a { display:block; position:relative; padding:35px 0 31px; font-family:"Barlow Condensed",sans-serif; font-size:22px; font-weight:800; letter-spacing:.2px; transition:color .2s; }
.nav-links a:hover,.nav-links .active { color:var(--orange); }
.nav-links .active::after { content:""; position:absolute; width:54px; height:3px; bottom:18px; left:50%; transform:translateX(-50%); background:var(--orange); }
.whatsapp-nav { grid-column:3; justify-self:end; min-width:244px; height:61px; padding:0 25px; display:flex; align-items:center; justify-content:center; gap:12px; border-radius:15px; background:linear-gradient(135deg,var(--orange-light),#ff4807); font-family:"Barlow Condensed",sans-serif; font-size:20px; font-weight:800; letter-spacing:.15px; box-shadow:inset 0 1px rgba(255,255,255,.25),0 8px 20px rgba(255,85,0,.14); white-space:nowrap; }
.whatsapp-nav svg,.button-primary svg { width:26px; height:26px; flex:0 0 26px; fill:#fff; }
.floating-whatsapp { position:fixed; z-index:20; right:clamp(18px,2.1vw,38px); bottom:clamp(18px,2.4vw,38px); width:64px; height:64px; display:grid; place-items:center; border:2px solid rgba(255,255,255,.92); border-radius:50%; color:#fff; background:#25d366; box-shadow:0 9px 22px rgba(0,0,0,.3),0 0 0 0 rgba(37,211,102,.55); opacity:0; transform:translateY(18px) scale(.84); animation:whatsapp-float-in .5s 1.2s cubic-bezier(.18,.8,.24,1) forwards,whatsapp-pulse 2.6s 1.8s ease-in-out infinite; transition:background .2s,transform .2s; }
.floating-whatsapp:hover,.floating-whatsapp:focus-visible { outline:none; background:#1ebe5d; transform:translateY(-3px) scale(1.06); }
.floating-whatsapp svg { width:35px; height:35px; fill:currentColor; }
.floating-whatsapp span { position:absolute; right:calc(100% + 12px); padding:9px 12px; border-radius:8px; color:#fff; background:#171c20; box-shadow:0 6px 16px rgba(0,0,0,.25); font-size:12px; font-weight:800; white-space:nowrap; opacity:0; transform:translateX(7px); pointer-events:none; transition:opacity .2s,transform .2s; }
.floating-whatsapp:hover span,.floating-whatsapp:focus-visible span { opacity:1; transform:translateX(0); }
.menu-toggle { display:none; }
.hero { min-height:100svh; position:relative; isolation:isolate; display:flex; align-items:center; overflow:hidden; background:#080909 url("asssets/HERO_je_autocenter_borracharia.webp") center center/cover no-repeat; animation:garage-arrival 1.15s cubic-bezier(.18,.8,.24,1) both; }
.hero-overlay { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.68) 40%,rgba(0,0,0,.24) 71%,rgba(0,0,0,.16) 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 47%); }
.hero-juninho { position:absolute; z-index:0; right:clamp(90px,9vw,182px); bottom:-8px; width:clamp(560px,48vw,870px); pointer-events:none; opacity:0; transform:translateY(64px); filter:drop-shadow(0 20px 20px rgba(0,0,0,.36)); animation:juninho-hero-reveal .72s .82s cubic-bezier(.18,.8,.24,1) forwards; }
.hero-juninho img { display:block; width:100%; height:auto; }
.hero::after { content:""; position:absolute; z-index:-1; top:17%; right:10%; width:45%; height:2px; background:linear-gradient(90deg,transparent,rgba(255,98,7,.9),transparent); box-shadow:0 0 18px rgba(255,98,7,.8); opacity:0; transform:skewX(-28deg) translateX(40%); animation:headlight-sweep 1s .4s ease-out both; }
.hero-content { position:relative; z-index:1; width:100%; max-width:1560px; margin:0 auto; padding:185px 10px 37px; }
.hero-content > * { opacity:0; animation:drive-in .65s cubic-bezier(.18,.8,.24,1) forwards; }
.hero-content .eyebrow { animation-delay:.2s; }
.hero-content h1 { animation-delay:.32s; }
.hero-content .hero-description { animation-delay:.44s; }
.hero-content .hero-actions { animation-delay:.56s; }
.hero-content .trust-bar { animation-delay:.7s; }
.eyebrow { display:flex; align-items:center; gap:17px; margin:0 0 16px; font-size:14px; font-weight:600; letter-spacing:5px; text-transform:uppercase; }
.eyebrow span { width:62px; height:3px; background:var(--orange); }
h1 { margin:0; max-width:745px; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(61px,5.7vw,91px); font-weight:800; line-height:.91; letter-spacing:-2.4px; text-transform:uppercase; text-shadow:0 3px 18px rgba(0,0,0,.32); }
h1 strong { color:var(--orange); font:inherit; }
.hero-description { margin:12px 0 27px; max-width:640px; font-size:25px; font-weight:500; line-height:1.29; letter-spacing:-.6px; }
.hero-actions { display:flex; gap:16px; align-items:center; }
.button { height:75px; padding:0 28px; display:inline-flex; align-items:center; justify-content:center; gap:18px; border-radius:14px; font-family:"Barlow Condensed",sans-serif; font-size:25px; font-weight:800; letter-spacing:.2px; transition:transform .2s,background .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { min-width:365px; background:linear-gradient(135deg,var(--orange-light),#ff5108); box-shadow:0 9px 22px rgba(255,84,0,.24),inset 0 1px rgba(255,255,255,.24); }
.button-secondary { min-width:238px; border:2px solid var(--orange); background:rgba(0,0,0,.27); }
.button b { margin-left:5px; font-size:42px; font-weight:400; line-height:0; }
.trust-bar { margin-top:42px; display:flex; max-width:875px; }
.trust-item { min-height:66px; flex:1; display:flex; align-items:center; gap:17px; padding:0 40px; border-left:1px solid rgba(255,255,255,.28); }
.trust-item:first-child { padding-left:0; border-left:0; }
.trust-item:last-child { padding-right:0; }
.round-icon { width:60px; height:60px; flex:0 0 60px; display:grid; place-items:center; border:2px solid var(--orange); border-radius:50%; color:var(--orange); }
.round-icon svg { width:31px; height:31px; fill:currentColor; stroke:currentColor; stroke-width:1.3; }
.round-icon:first-child svg { stroke-linejoin:round; }
.trust-item strong,.trust-item small,.stars { display:block; white-space:nowrap; }
.trust-item strong { font-size:16px; line-height:1.35; }
.trust-item small { margin-top:5px; color:#b6b6b6; font-size:15px; }
.stars { color:#ffc400; letter-spacing:1px; font-size:22px; line-height:1.15; }
@keyframes garage-arrival { from { background-size:108%; background-position:56% center; } to { background-size:cover; background-position:center center; } }
@keyframes drive-in { from { opacity:0; transform:translateX(-32px); filter:blur(4px); } to { opacity:1; transform:translateX(0); filter:blur(0); } }
@keyframes juninho-hero-reveal { from { opacity:0; transform:translateY(64px); filter:blur(4px) drop-shadow(0 20px 20px rgba(0,0,0,.36)); } to { opacity:1; transform:translateY(0); filter:blur(0) drop-shadow(0 20px 20px rgba(0,0,0,.36)); } }
@keyframes whatsapp-float-in { to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes whatsapp-pulse { 0%,100% { box-shadow:0 9px 22px rgba(0,0,0,.3),0 0 0 0 rgba(37,211,102,.52); } 48% { box-shadow:0 9px 22px rgba(0,0,0,.3),0 0 0 11px rgba(37,211,102,0); } }
@keyframes headlight-sweep { 0% { opacity:0; transform:skewX(-28deg) translateX(55%); } 45% { opacity:.95; } 100% { opacity:0; transform:skewX(-28deg) translateX(-120%); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media (max-width:1320px) { .nav-shell { grid-template-columns:300px minmax(0,1fr) 210px; padding-left:28px; }.brand { width:300px; }.nav-links { gap:25px; }.nav-links a { font-size:19px; }.whatsapp-nav { min-width:210px; padding:0 17px; }.hero-content { padding-left:5vw; }.trust-bar { transform:scale(.9); transform-origin:left bottom; margin-bottom:-7px; } }
@media (max-width:1040px) { .site-header { top:16px; padding:0 18px; }.nav-shell { height:70px; padding:0 20px; display:flex; border-radius:18px; }.brand { width:240px; }.menu-toggle { display:flex; width:45px; height:40px; margin-left:auto; padding:8px; flex-direction:column; justify-content:space-between; border:0; background:transparent; cursor:pointer; }.menu-toggle span { width:100%; height:2px; background:#fff; transition:.2s; }.nav-content { display:none; }.nav-content.open { position:absolute; z-index:-1; top:58px; left:0; width:100%; padding:35px 24px 25px; display:flex; flex-direction:column; gap:24px; border:1px solid rgba(255,255,255,.2); border-top:0; border-radius:0 0 18px 18px; background:#101112; }.nav-links { width:100%; flex-direction:column; gap:2px; }.nav-links a { padding:10px; font-size:23px; }.nav-links .active::after { display:none; }.whatsapp-nav { min-width:0; width:100%; }.hero-juninho { right:-9px; bottom:0; width:clamp(365px,47vw,520px); }.hero-content { padding-top:160px; padding-bottom:30px; }.trust-bar { max-width:820px; } }
@media (max-width:700px) { .hero { align-items:flex-start; min-height:100svh; background-position:62% center; }.hero-juninho { display:none; }.floating-whatsapp { right:16px; bottom:16px; width:58px; height:58px; }.floating-whatsapp svg { width:32px; height:32px; }.floating-whatsapp span { display:none; }.hero-overlay { background:linear-gradient(90deg,rgba(0,0,0,.87),rgba(0,0,0,.65)),linear-gradient(0deg,rgba(0,0,0,.7),transparent 52%); }.hero-content { padding:150px 24px 24px; }.eyebrow { gap:10px; margin-bottom:15px; font-size:10px; letter-spacing:2.6px; }.eyebrow span { width:36px; height:2px; } h1 { font-size:clamp(50px,14vw,66px); line-height:.94; letter-spacing:-1.5px; }.hero-description { margin-top:16px; font-size:17px; line-height:1.4; letter-spacing:-.3px; }.desktop-break { display:none; }.hero-actions { flex-direction:column; align-items:stretch; gap:11px; }.button { height:60px; font-size:22px; }.button-primary,.button-secondary { min-width:0; width:100%; }.button b { font-size:34px; }.trust-bar { margin-top:28px; display:grid; grid-template-columns:1fr; gap:12px; transform:none; }.trust-item { min-height:auto; padding:0; border:0; gap:12px; }.round-icon { width:43px; height:43px; flex-basis:43px; }.round-icon svg { width:23px; height:23px; }.trust-item strong { font-size:13px; }.trust-item small { margin-top:2px; font-size:12px; }.stars { display:inline; margin-left:9px; font-size:16px; } }
@media (max-height:760px) and (min-width:701px) { .hero-content { padding-top:140px; }.trust-bar { margin-top:26px; } }

/* Serviços */
.services { position:relative; min-height:100svh; overflow:hidden; padding:80px 0 58px; color:#111b23; background:#f8f5f2 url("asssets/fundo_claro_02.webp") center/cover no-repeat; }
.services::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 55%,rgba(255,255,255,.16)); }
.services-intro { position:relative; z-index:1; max-width:1000px; margin:0 auto 38px; padding:0 24px; text-align:center; }
.section-kicker { display:flex; align-items:center; justify-content:center; gap:18px; margin:0 0 14px; color:#38414a; font-size:15px; font-weight:700; letter-spacing:7px; text-transform:uppercase; }
.section-kicker span { width:67px; height:3px; background:var(--orange); }
.services h2 { max-width:900px; margin:0 auto; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(54px,5vw,76px); font-weight:800; line-height:.91; letter-spacing:-1.4px; text-transform:uppercase; }
.services h2 em { color:var(--orange); font-style:normal; }
.services-intro > p:last-child { margin:18px auto 0; color:#626870; font-size:21px; font-weight:500; line-height:1.35; letter-spacing:-.5px; }
.services-carousel { position:relative; z-index:1; max-width:1500px; margin:0 auto; padding:12px 22px 6px; }
.service-track { display:flex; gap:14px; padding:0 2px 16px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:none; scroll-snap-type:x mandatory; scroll-behavior:smooth; }
.service-track::-webkit-scrollbar { display:none; }
.service-card { position:relative; min-width:0; flex:1 0 0; min-height:448px; display:flex; flex-direction:column; scroll-snap-align:center; overflow:hidden; padding:0; border:1px solid rgba(17,27,35,.08); border-radius:17px; color:#111b23; background:rgba(255,255,255,.94); text-align:left; box-shadow:0 10px 24px rgba(17,27,35,.06); cursor:pointer; perspective:1000px; transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.service-card:hover,.service-card:focus-visible { transform:translateY(-5px); border-color:rgba(255,98,7,.55); outline:none; }
.service-card.is-active { transform:translateY(-14px); border-color:var(--orange); box-shadow:0 17px 30px rgba(255,98,7,.2); }
.service-card.is-active:hover,.service-card.is-active:focus-visible { transform:translateY(-17px); }
.service-card > img { width:100%; height:198px; object-fit:cover; display:block; transform-origin:center; transition:opacity .38s ease,transform .5s ease; }
.service-card-body { display:flex; min-height:249px; flex:1; flex-direction:column; padding:17px 25px 20px; transform-origin:center; transition:opacity .32s ease,transform .45s ease; }
.service-icon { width:45px; height:45px; margin:0 0 8px; color:var(--orange); }
.service-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2.35; stroke-linecap:round; stroke-linejoin:round; }
.service-card h3 { margin:0 0 7px; font-family:"Barlow Condensed",sans-serif; font-size:27px; font-weight:800; line-height:.93; letter-spacing:-.35px; text-transform:uppercase; }
.service-card p { margin:0; color:#656970; font-size:15px; font-weight:500; line-height:1.36; }
.service-cta { display:flex; align-items:center; gap:8px; width:max-content; min-width:107px; margin-top:auto; padding:10px 0 2px; border:0; color:var(--orange); background:transparent; font-family:"Barlow Condensed",sans-serif; font-size:20px; font-weight:800; letter-spacing:.1px; text-align:left; text-transform:uppercase; cursor:pointer; transition:background .3s ease,color .3s ease,padding .3s ease; }
.service-cta b { font-family:"Manrope",sans-serif; font-size:27px; font-weight:400; line-height:0; }
.service-card.is-active .service-cta { width:100%; justify-content:space-between; padding:12px 15px; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--orange-light),#ff5108); box-shadow:0 8px 14px rgba(255,98,7,.17); }
.service-cta:focus-visible,.service-back:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }
.service-card-back { position:absolute; z-index:3; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:28px 25px 24px; color:#fff; opacity:0; pointer-events:none; transform:rotateY(-92deg); transform-origin:center; background-image:linear-gradient(180deg,rgba(3,7,8,.45),rgba(2,5,6,.94) 67%,rgba(2,5,6,.98)),var(--service-image); background-position:center; background-size:cover; backface-visibility:hidden; transition:opacity .25s ease,transform .55s cubic-bezier(.2,.8,.2,1); }
.service-card-back h3 { margin:0 0 10px; color:#fff; font-family:"Barlow Condensed",sans-serif; font-size:29px; font-weight:800; line-height:.92; letter-spacing:-.25px; text-transform:uppercase; }.service-card-back p { margin:0; color:rgba(255,255,255,.88); font-size:15px; font-weight:500; line-height:1.38; }.service-back { align-self:flex-start; margin-top:18px; padding:0; border:0; color:var(--orange); background:transparent; font-family:"Barlow Condensed",sans-serif; font-size:19px; font-weight:800; letter-spacing:.1px; text-transform:uppercase; cursor:pointer; }
.service-card.is-flipped > img,.service-card.is-flipped .service-card-body { opacity:0; pointer-events:none; transform:rotateY(88deg); }.service-card.is-flipped .service-card-back { opacity:1; pointer-events:auto; transform:rotateY(0); }
.carousel-arrow { position:absolute; z-index:2; top:50%; width:60px; height:60px; display:grid; place-items:center; border:0; border-radius:50%; color:#19232b; background:#fff; box-shadow:0 8px 20px rgba(26,31,36,.12); cursor:pointer; transform:translateY(-50%); transition:color .2s,background .2s,transform .2s; }
.carousel-arrow:hover,.carousel-arrow:focus-visible { color:#fff; background:var(--orange); outline:none; transform:translateY(-50%) scale(1.06); }
.carousel-arrow svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.carousel-prev { left:-38px; }.carousel-next { right:-38px; }
.carousel-dots { position:relative; z-index:1; display:flex; justify-content:center; gap:10px; margin-top:27px; }
.carousel-dots button { width:16px; height:16px; padding:0; border:0; border-radius:50%; background:#d6d5d5; cursor:pointer; transition:background .2s,transform .2s; }
.carousel-dots button:hover,.carousel-dots button:focus-visible { background:#a9a7a5; outline:none; }.carousel-dots .is-active { background:var(--orange); transform:scale(1.08); }
.services-cloud { position:relative; z-index:1; max-width:1250px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px 27px; margin:31px auto 0; padding:0 35px; color:rgba(17,27,35,.34); font-family:"Barlow Condensed",sans-serif; font-size:clamp(20px,2vw,31px); font-weight:800; line-height:1; letter-spacing:.35px; text-transform:uppercase; }
.services-cloud span { display:block; white-space:nowrap; transition:color .2s ease,transform .2s ease; }
.services-cloud span:nth-child(2n) { color:rgba(255,98,7,.56); }.services-cloud span:nth-child(3n) { transform:translateY(5px); }.services-cloud span:nth-child(4n) { transform:translateY(-5px); }.services-cloud span:hover { color:var(--orange); transform:translateY(-2px); }
@media (max-width:1320px) { .services-carousel { max-width:calc(100% - 82px); }.service-card { flex:0 0 calc((100% - 42px)/4); }.carousel-prev { left:-28px; }.carousel-next { right:-28px; } }
@media (max-width:900px) { .services { padding:68px 0 62px; }.services h2 { font-size:clamp(48px,7vw,66px); }.services-intro > p:last-child { font-size:18px; }.services-carousel { max-width:calc(100% - 44px); }.service-track { gap:18px; }.service-card { flex-basis:calc((100% - 18px)/2.35); }.carousel-arrow { width:48px; height:48px; }.carousel-prev { left:-22px; }.carousel-next { right:-22px; }.services-cloud { max-width:760px; margin-top:28px; font-size:25px; } }
@media (max-width:700px) { .services { min-height:0; padding:58px 0 55px; }.services-intro { padding:0 18px; margin-bottom:29px; }.section-kicker { gap:11px; font-size:11px; letter-spacing:4px; }.section-kicker span { width:39px; height:2px; }.services h2 { font-size:clamp(43px,13vw,58px); line-height:.94; letter-spacing:-.8px; }.services-intro > p:last-child { margin-top:15px; font-size:16px; line-height:1.4; }.services-carousel { max-width:none; padding:8px 0 0 18px; }.service-track { gap:14px; padding:0 18px 16px 0; }.service-card { flex:0 0 min(82vw,330px); min-height:435px; }.service-card.is-active { transform:translateY(-7px); }.service-card.is-active:hover,.service-card.is-active:focus-visible { transform:translateY(-8px); }.service-card > img { height:183px; }.service-card-body { min-height:243px; padding:16px 21px 18px; }.service-card h3 { font-size:26px; }.service-card p { font-size:15px; }.service-card-back { padding:23px 21px 20px; }.service-card-back h3 { font-size:27px; }.service-card-back p { font-size:14px; }.carousel-arrow { display:none; }.carousel-dots { margin-top:22px; }.carousel-dots button { width:12px; height:12px; }.services-cloud { justify-content:flex-start; gap:10px 17px; margin-top:27px; padding:0 20px; font-size:21px; line-height:1.1; } }

/* Pneus */
.tires { position:relative; min-height:100svh; display:flex; flex-direction:column; overflow:hidden; color:#fff; background:#080909 url("asssets/fundo_pneus.webp") center/cover no-repeat; }
.tires-overlay { position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(3,5,5,.86) 0%,rgba(3,5,5,.68) 42%,rgba(3,5,5,.12) 70%,rgba(3,5,5,.12)); }
.tires-inner { position:relative; z-index:1; flex:1; display:flex; flex-direction:column; width:100%; max-width:1500px; margin:0 auto; padding:88px 26px 35px; }
.tires-copy { max-width:690px; }
.tires-kicker { display:flex; align-items:center; gap:17px; margin:0 0 17px; color:#e5e5e5; font-size:14px; font-weight:600; letter-spacing:5px; text-transform:uppercase; }
.tires-kicker span { width:62px; height:3px; background:var(--orange); }
.tires h2 { max-width:670px; margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(64px,5.3vw,87px); font-weight:800; line-height:.88; letter-spacing:-1.8px; text-transform:uppercase; text-shadow:0 3px 18px rgba(0,0,0,.32); }
.tires h2 em { color:var(--orange); font-style:normal; }
.tires-copy > p:not(.tires-kicker) { margin:22px 0 23px; color:#e5e5e5; font-size:23px; font-weight:500; line-height:1.3; letter-spacing:-.45px; }
.tires-whatsapp { min-width:362px; height:74px; display:inline-flex; align-items:center; justify-content:center; gap:17px; padding:0 25px; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--orange-light),#ff5108); box-shadow:0 9px 22px rgba(255,84,0,.22),inset 0 1px rgba(255,255,255,.24); font-family:"Barlow Condensed",sans-serif; font-size:25px; font-weight:800; letter-spacing:.2px; transition:transform .2s,filter .2s; }
.tires-whatsapp:hover,.tires-whatsapp:focus-visible { filter:brightness(1.07); outline:none; transform:translateY(-2px); }
.tires-whatsapp svg { width:29px; height:29px; fill:#fff; }.tires-whatsapp b { margin-left:6px; font-family:"Manrope",sans-serif; font-size:38px; font-weight:400; line-height:0; }
.tire-categories { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:auto; }
.tire-card { position:relative; min-height:232px; overflow:hidden; padding:25px 28px; border:1px solid rgba(255,112,30,.62); border-radius:14px; background:linear-gradient(110deg,rgba(18,13,10,.96),rgba(27,15,9,.78)); box-shadow:0 10px 26px rgba(0,0,0,.15); }
.tire-card::after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,rgba(6,9,9,.96) 0%,rgba(8,9,8,.86) 42%,transparent 75%); pointer-events:none; }
.tire-card > img { position:absolute; z-index:0; right:-8%; bottom:-5%; width:63%; height:108%; object-fit:cover; object-position:right center; opacity:.93; transition:transform .3s ease,filter .3s ease; }
.tire-card:hover { border-color:var(--orange); box-shadow:0 10px 26px rgba(255,98,7,.17); }.tire-card:hover > img { filter:brightness(1.1); transform:scale(1.035); }
.tire-card-copy { position:relative; z-index:1; width:57%; }.tire-icon { width:48px; height:48px; margin-bottom:6px; color:var(--orange); }.tire-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.tire-card h3 { margin:0 0 7px; font-family:"Barlow Condensed",sans-serif; font-size:28px; font-weight:800; line-height:.95; letter-spacing:-.2px; text-transform:uppercase; }.tire-card p { margin:0; color:#d7d4d2; font-size:15px; font-weight:500; line-height:1.32; }
.tire-badge { position:absolute; z-index:2; right:28px; bottom:28px; padding:9px 17px; border:1px solid var(--orange); border-radius:10px; color:#fff; background:rgba(74,35,15,.82); font-family:"Barlow Condensed",sans-serif; font-size:17px; font-weight:800; letter-spacing:.25px; text-transform:uppercase; }
.brands { position:relative; z-index:1; margin-top:15px; padding-top:17px; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); background:rgba(2,4,4,.42); }.brands::before,.brands::after { content:""; position:absolute; z-index:2; top:42px; width:85px; height:42px; pointer-events:none; background:radial-gradient(ellipse,rgba(255,98,7,.83),rgba(255,98,7,0) 72%); filter:blur(5px); }.brands::before { left:-18px; }.brands::after { right:-18px; }
.brands > p { display:flex; align-items:center; justify-content:center; gap:16px; margin:0 0 13px; color:#e1e1e1; font-size:13px; font-weight:600; letter-spacing:4px; text-transform:uppercase; }.brands > p span { width:62px; height:2px; background:var(--orange); }
.brands-marquee { width:100%; overflow:hidden; }.brands-track { width:max-content; display:flex; animation:brands-marquee 34s linear infinite; }.brands-marquee:hover .brands-track { animation-play-state:paused; }.brand-set { display:flex; align-items:center; flex:0 0 auto; }.brand-set img { width:160px; height:58px; padding:0 26px; border-left:1px solid rgba(255,255,255,.12); object-fit:contain; filter:grayscale(1) brightness(0) invert(1); opacity:.72; transition:opacity .2s,transform .2s; }.brand-set img:hover { opacity:1; transform:scale(1.04); }
@keyframes brands-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) { .brands-track { animation:none; } }
@media (max-width:1000px) { .tires-inner { padding:70px 26px 35px; }.tires h2 { font-size:clamp(57px,7vw,76px); }.tires-copy > p:not(.tires-kicker) { font-size:20px; }.tire-categories { gap:13px; }.tire-card { min-height:220px; padding:20px; }.tire-card-copy { width:63%; }.tire-card h3 { font-size:25px; }.tire-card p { font-size:14px; }.tire-badge { right:17px; bottom:21px; } }
@media (max-width:700px) { .tires { min-height:0; display:block; background-position:62% center; }.tires-overlay { background:linear-gradient(90deg,rgba(3,5,5,.91),rgba(3,5,5,.65)),linear-gradient(0deg,rgba(3,5,5,.55),transparent 55%); }.tires-inner { display:block; padding:62px 18px 31px; }.tires-copy { max-width:100%; }.tires-kicker { gap:10px; font-size:10px; letter-spacing:2.8px; }.tires-kicker span { width:37px; height:2px; }.tires h2 { font-size:clamp(52px,14vw,67px); line-height:.91; letter-spacing:-1.3px; }.tires-copy > p:not(.tires-kicker) { margin:17px 0 21px; font-size:17px; line-height:1.38; }.tires-whatsapp { width:100%; min-width:0; height:61px; font-size:23px; }.tires-whatsapp svg { width:25px; height:25px; }.tire-categories { grid-template-columns:1fr; gap:13px; margin-top:31px; }.tire-card { min-height:194px; padding:19px 20px; }.tire-card-copy { width:59%; }.tire-card > img { width:61%; }.tire-card h3 { font-size:28px; }.tire-card p { font-size:14px; }.tire-badge { right:18px; bottom:19px; padding:8px 13px; font-size:16px; }.brands { margin-top:5px; padding-top:15px; }.brands > p { gap:10px; font-size:10px; letter-spacing:2.7px; }.brands > p span { width:35px; }.brand-set img { width:123px; height:50px; padding:0 19px; }.brands-track { animation-duration:28s; }.brands::before,.brands::after { top:34px; width:54px; } }

/* Rodas */
.wheels { position:relative; min-height:100svh; overflow:hidden; color:#fff; background:#120803 url("asssets/fundo_rodas.webp") center/cover no-repeat; }
.wheels::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:.9; background:linear-gradient(130deg,transparent 0 10%,rgba(255,98,7,.66) 10.05% 10.22%,transparent 10.3% 100%),linear-gradient(54deg,transparent 0 74%,rgba(255,98,7,.6) 74.05% 74.22%,transparent 74.3% 100%),linear-gradient(122deg,transparent 0 28%,rgba(255,98,7,.2) 28.05% 28.35%,transparent 28.42% 100%); }
.wheels::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(3,4,4,.78) 0%,rgba(10,5,2,.62) 24%,rgba(10,5,2,.12) 51%,rgba(0,0,0,.06) 100%); }
.wheels-inner { position:relative; z-index:1; min-height:100svh; display:grid; grid-template-columns:minmax(430px,27%) minmax(0,73%); width:100%; margin:0; padding:0; }
.wheels-copy { position:relative; align-self:start; max-width:none; padding:clamp(100px,11svh,142px) 26px 0 clamp(45px,3.6vw,76px); }.wheels-copy::before { content:""; position:absolute; top:40px; right:-12px; width:3px; height:96px; background:var(--orange); transform:rotate(36deg); box-shadow:0 0 18px rgba(255,98,7,.8),0 0 35px rgba(255,98,7,.35); }.wheels-kicker { display:flex; align-items:center; gap:17px; margin:0 0 23px; color:#eee; font-size:14px; font-weight:600; letter-spacing:5px; text-transform:uppercase; }.wheels-kicker span { width:62px; height:3px; background:var(--orange); }
.wheels h2 { margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(68px,5.55vw,96px); font-weight:800; line-height:.88; letter-spacing:-1.9px; text-transform:uppercase; text-shadow:0 3px 18px rgba(0,0,0,.38); }.wheels h2 em { color:var(--orange); font-style:normal; }.wheels-copy > p:not(.wheels-kicker) { margin:25px 0 27px; color:#ececec; font-size:24px; font-weight:500; line-height:1.3; letter-spacing:-.45px; }
.wheels-whatsapp { min-width:360px; height:74px; display:inline-flex; align-items:center; justify-content:center; gap:17px; padding:0 25px; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--orange-light),#ff5108); box-shadow:0 9px 22px rgba(255,84,0,.24),inset 0 1px rgba(255,255,255,.24); font-family:"Barlow Condensed",sans-serif; font-size:25px; font-weight:800; letter-spacing:.2px; transition:transform .2s,filter .2s; }.wheels-whatsapp:hover,.wheels-whatsapp:focus-visible { filter:brightness(1.08); outline:none; transform:translateY(-2px); }.wheels-whatsapp svg { width:29px; height:29px; fill:#fff; }.wheels-whatsapp b { margin-left:5px; font-family:"Manrope",sans-serif; font-size:38px; font-weight:400; line-height:0; }
.wheel-panels { min-width:0; height:100svh; align-self:stretch; display:flex; align-items:stretch; padding-left:0; }.wheel-panel { position:relative; min-width:0; flex:1; margin-left:-28px; overflow:hidden; padding:0; border:0; color:#fff; background:#121212; text-align:left; clip-path:polygon(13% 0,100% 0,87% 100%,0 100%); cursor:pointer; filter:saturate(.76) brightness(.76); transition:flex .52s cubic-bezier(.2,.8,.2,1),filter .35s ease; }.wheel-panel:first-child { margin-left:0; }.wheel-panel.is-active { flex:2.25; filter:saturate(1.05) brightness(1.03); }.wheel-panel:hover,.wheel-panel:focus-visible { flex:2.25; filter:saturate(1.05) brightness(1.03); outline:none; }.wheel-panel > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(1.01); transition:transform .52s cubic-bezier(.2,.8,.2,1); }.wheel-panel:nth-child(1) > img { object-position:55% center; }.wheel-panel:nth-child(2) > img { object-position:48% center; }.wheel-panel:nth-child(3) > img { object-position:53% center; }.wheel-panel:nth-child(4) > img { object-position:46% center; }.wheel-panel:nth-child(5) > img { object-position:58% center; }.wheel-panel.is-active > img,.wheel-panel:hover > img,.wheel-panel:focus-visible > img { transform:scale(1.045); }.wheel-panel::before { content:""; position:absolute; z-index:2; top:-5%; left:6.8%; width:3px; height:110%; pointer-events:none; background:var(--orange); box-shadow:0 0 8px rgba(255,98,7,.98),0 0 22px rgba(255,98,7,.9),0 0 42px rgba(255,98,7,.45); transform:rotate(-7.5deg); }.wheel-panel::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(to bottom,rgba(0,0,0,.03),rgba(0,0,0,.16) 42%,rgba(0,0,0,.94) 100%); }
.wheel-panel-content { position:absolute; z-index:3; right:16px; bottom:37px; left:clamp(34px,3vw,50px); display:flex; flex-direction:column; align-items:flex-start; }.wheel-icon { width:52px; height:52px; margin-bottom:13px; color:#d8d8d8; transition:color .3s ease; }.wheel-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2.25; stroke-linecap:round; stroke-linejoin:round; }.wheel-panel.is-active .wheel-icon,.wheel-panel:hover .wheel-icon,.wheel-panel:focus-visible .wheel-icon { color:var(--orange); }.wheel-panel strong { color:#fff; font-family:"Barlow Condensed",sans-serif; font-size:clamp(26px,2vw,35px); font-weight:800; line-height:.86; letter-spacing:-.4px; text-transform:uppercase; }.wheel-panel i { width:36px; height:3px; margin:17px 0 13px; background:var(--orange); }.wheel-panel small { max-width:185px; color:#e1e1e1; font-size:16px; font-weight:500; line-height:1.25; }.wheel-panel:not(.is-active) small { opacity:.8; }
@media (max-width:1100px) { .wheels-inner { grid-template-columns:30% 70%; }.wheels-copy { padding-left:28px; }.wheels h2 { font-size:clamp(62px,6vw,78px); }.wheels-copy > p:not(.wheels-kicker) { font-size:20px; }.wheels-whatsapp { min-width:0; width:100%; height:65px; font-size:23px; }.wheel-panels { height:100svh; }.wheel-panel { margin-left:-25px; }.wheel-panel-content { right:10px; bottom:27px; left:31px; }.wheel-icon { width:43px; height:43px; }.wheel-panel strong { font-size:28px; }.wheel-panel small { font-size:14px; } }
@media (max-width:767px) { .wheels { min-height:0; }.wheels-inner { min-height:0; display:block; padding:62px 18px 55px; }.wheels-copy { max-width:none; padding:0; }.wheels-copy::before { display:none; }.wheels-kicker { gap:10px; margin-bottom:17px; font-size:10px; letter-spacing:2.8px; }.wheels-kicker span { width:37px; height:2px; }.wheels h2 { font-size:clamp(52px,14vw,67px); line-height:.91; letter-spacing:-1.3px; }.wheels-copy > p:not(.wheels-kicker) { margin:18px 0 23px; font-size:17px; line-height:1.38; }.wheels-whatsapp { width:100%; min-width:0; height:61px; font-size:23px; }.wheels-whatsapp svg { width:25px; height:25px; }.wheel-panels { height:auto; display:grid; gap:10px; margin-top:33px; padding:0; }.wheel-panel { height:108px; margin:0; border:1px solid rgba(255,98,7,.76); border-left:3px solid var(--orange); border-radius:12px; clip-path:none; filter:saturate(.84) brightness(.82); transition:height .45s cubic-bezier(.2,.8,.2,1),filter .3s ease; }.wheel-panel.is-active { height:355px; filter:saturate(1) brightness(1); }.wheel-panel:hover,.wheel-panel:focus-visible { flex:initial; }.wheel-panel > img { transform:scale(1.04); }.wheel-panel-content { right:21px; bottom:20px; left:21px; }.wheel-panel:not(.is-active) .wheel-panel-content { flex-direction:row; align-items:center; gap:12px; bottom:25px; }.wheel-panel:not(.is-active) .wheel-icon { width:31px; height:31px; margin:0; }.wheel-panel:not(.is-active) strong { font-size:26px; line-height:1; }.wheel-panel:not(.is-active) i,.wheel-panel:not(.is-active) small { display:none; }.wheel-icon { width:48px; height:48px; margin-bottom:11px; }.wheel-panel strong { font-size:32px; }.wheel-panel i { margin:14px 0 10px; }.wheel-panel small { max-width:245px; font-size:15px; }.wheel-panel.is-active > img { transform:scale(1.06); } }

/* Rodas — slider minimalista */
.wheels { display:flex; align-items:center; min-height:100svh; background:#120803 url("asssets/fundo_rodas.webp") center/cover no-repeat; }.wheels::before { background:linear-gradient(90deg,rgba(5,5,5,.9) 0%,rgba(5,5,5,.68) 38%,rgba(5,5,5,.16) 68%,rgba(5,5,5,.08) 100%); }.wheels::after { display:none; }
.wheels-inner { width:100%; min-height:0; grid-template-columns:minmax(330px,34%) minmax(0,66%); gap:clamp(45px,5.5vw,88px); max-width:1500px; margin:0 auto; padding:90px 60px; }.wheels-copy { align-self:center; max-width:480px; padding:0; }.wheels-copy::before { display:none; }.wheels-kicker { margin-bottom:21px; }.wheels h2 { font-size:clamp(64px,5.25vw,88px); line-height:.91; letter-spacing:-1.6px; }.wheels-copy > p:not(.wheels-kicker) { margin:23px 0 26px; font-size:23px; line-height:1.34; }.wheels-whatsapp { min-width:365px; height:75px; }
.wheels-slider { position:relative; align-self:center; width:100%; aspect-ratio:16/10; overflow:hidden; border:1px solid var(--orange); border-radius:20px; background:#080909; box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 22px rgba(255,98,7,.12); }.wheels-slides { position:absolute; inset:0; }.wheels-slides img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; transform:translateX(7%); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1); }.wheels-slides img.is-active { z-index:1; opacity:1; transform:translateX(0); }.wheels-arrow { position:absolute; z-index:2; top:50%; width:52px; height:52px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.16); border-radius:50%; color:#fff; background:rgba(5,7,8,.73); cursor:pointer; transform:translateY(-50%); transition:background .2s ease,transform .2s ease; }.wheels-arrow:hover,.wheels-arrow:focus-visible { outline:none; background:var(--orange); transform:translateY(-50%) scale(1.06); }.wheels-arrow svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }.wheels-prev { left:18px; }.wheels-next { right:18px; }.wheels-dots { position:absolute; z-index:2; bottom:28px; left:50%; display:flex; gap:12px; transform:translateX(-50%); }.wheels-dots button { width:14px; height:14px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.38); cursor:pointer; transition:background .2s ease,transform .2s ease; }.wheels-dots button:hover,.wheels-dots button:focus-visible { outline:none; background:rgba(255,255,255,.8); }.wheels-dots .is-active { background:var(--orange); transform:scale(1.08); }
@media (max-width:900px) { .wheels { display:block; min-height:0; }.wheels-inner { display:grid; grid-template-columns:1fr; gap:38px; padding:70px 30px; }.wheels-copy { max-width:580px; }.wheels h2 { font-size:clamp(58px,8vw,76px); }.wheels-copy > p:not(.wheels-kicker) { max-width:520px; }.wheels-slider { max-width:780px; aspect-ratio:16/10; } }
@media (max-width:767px) { .wheels { background-position:60% center; }.wheels-inner { display:block; padding:62px 18px 55px; }.wheels-copy { max-width:none; }.wheels h2 { font-size:clamp(52px,14vw,67px); }.wheels-copy > p:not(.wheels-kicker) { margin:18px 0 23px; font-size:17px; line-height:1.38; }.wheels-whatsapp { width:100%; min-width:0; height:61px; font-size:23px; }.wheels-slider { aspect-ratio:4/3; margin-top:34px; border-radius:15px; }.wheels-arrow { width:42px; height:42px; }.wheels-prev { left:11px; }.wheels-next { right:11px; }.wheels-arrow svg { width:23px; height:23px; }.wheels-dots { bottom:16px; gap:8px; }.wheels-dots button { width:10px; height:10px; } }

/* Escala e distribuição final da dobra de rodas */
@media (min-width:901px) {
  .wheels { min-height:clamp(680px,48vw,740px); }
  .wheels-inner { grid-template-columns:minmax(390px,38%) minmax(0,62%); gap:clamp(45px,4vw,60px); max-width:1500px; padding:52px 40px; }
  .wheels-copy { max-width:525px; }
  .wheels h2 { font-size:clamp(72px,5.85vw,102px); line-height:.9; letter-spacing:-1.9px; }
  .wheels-copy > p:not(.wheels-kicker):not(.wheels-micro) { margin:25px 0 28px; font-size:26px; line-height:1.3; }
  .wheels-whatsapp { min-width:390px; height:82px; font-size:28px; }
  .wheels-slider { justify-self:end; width:min(100%,760px); aspect-ratio:3/2; }
}
.wheels-micro { display:flex; flex-wrap:wrap; gap:0 10px; margin:17px 0 0; color:rgba(255,255,255,.67); font-family:"Barlow Condensed",sans-serif; font-size:16px; font-weight:600; letter-spacing:.7px; text-transform:uppercase; }
.wheels-micro span { color:var(--orange); }
.wheels-slide-meta { position:absolute; z-index:2; bottom:28px; left:31px; display:grid; gap:5px; color:#fff; text-transform:uppercase; text-shadow:0 2px 12px rgba(0,0,0,.82); }
.wheels-slide-count { color:var(--orange); font-family:"Barlow Condensed",sans-serif; font-size:15px; font-weight:700; letter-spacing:1.7px; }
.wheels-slide-title { font-family:"Barlow Condensed",sans-serif; font-size:28px; font-weight:800; letter-spacing:.5px; }
.wheels-slider::after { content:""; position:absolute; z-index:1; right:0; bottom:0; left:0; height:35%; pointer-events:none; background:linear-gradient(transparent,rgba(0,0,0,.7)); }
.wheels-arrow { z-index:3; }
.wheels-dots { z-index:3; right:31px; bottom:33px; left:auto; gap:10px; transform:none; }
.wheels-dots button { width:11px; height:11px; }
@media (max-width:900px) {
  .wheels-copy { max-width:620px; }
  .wheels-copy > p:not(.wheels-kicker):not(.wheels-micro) { max-width:560px; }
  .wheels-slider { justify-self:start; max-width:760px; width:100%; aspect-ratio:3/2; }
}
@media (max-width:767px) {
  .wheels-copy > p:not(.wheels-kicker):not(.wheels-micro) { margin:18px 0 23px; font-size:17px; line-height:1.38; }
  .wheels-micro { justify-content:center; margin-top:14px; font-size:13px; }
  .wheels-slide-meta { bottom:18px; left:18px; gap:2px; }
  .wheels-slide-count { font-size:11px; }
  .wheels-slide-title { font-size:20px; }
  .wheels-dots { right:18px; bottom:22px; gap:8px; }
.wheels-dots button { width:10px; height:10px; }
}

/* Sobre */
.about { position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden; padding:58px 24px; color:#111b23; background:#f8f5f2 url("asssets/fundo_servicos.webp") center/cover no-repeat; }
.about::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.02) 54%,rgba(255,255,255,.2)); }
.about-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(560px,1.12fr) minmax(0,.88fr); align-items:center; gap:clamp(48px,4vw,80px); max-width:1500px; margin:0 auto; }
.about-visual { position:relative; width:min(100%,580px); justify-self:center; padding:18px 0 26px 26px; }
.about-photo-frame { position:relative; z-index:1; aspect-ratio:4/5; overflow:hidden; border-radius:24px 24px 0 0; box-shadow:0 21px 42px rgba(17,27,35,.18); }
.about-photo-frame::before { content:""; position:absolute; z-index:2; top:-20px; bottom:26%; left:-26px; width:50px; border-radius:28px 0 0 28px; background:linear-gradient(180deg,#ff7b16,#f04e08); }
.about-photo-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 28%; }
.about-store-photo { position:absolute; z-index:3; right:-36px; bottom:0; width:52%; aspect-ratio:1; overflow:hidden; border:5px solid #fff; border-radius:17px; background:#fff; box-shadow:0 13px 28px rgba(17,27,35,.22); }
.about-store-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.about-store-caption { position:absolute; z-index:4; right:-30px; bottom:-1px; margin:0; color:#c14b12; font-family:"Barlow Condensed",sans-serif; font-size:20px; font-style:italic; font-weight:700; transform:translateY(100%); }.about-store-caption span { display:inline-block; margin-left:6px; font-size:24px; transform:rotate(18deg); }
.about-copy { max-width:670px; }.about-kicker { display:flex; align-items:center; gap:16px; margin:0 0 19px; color:#38414a; font-size:14px; font-weight:700; letter-spacing:4.6px; text-transform:uppercase; }.about-kicker span { width:54px; height:3px; background:var(--orange); }
.about h2 { max-width:650px; margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(54px,5vw,78px); font-weight:800; line-height:.91; letter-spacing:-1.45px; text-transform:uppercase; }.about h2 em { color:var(--orange); font-style:normal; }
.about-text { max-width:650px; margin-top:28px; color:#59636d; font-size:17px; font-weight:500; line-height:1.65; }.about-text p { margin:0; }.about-text p + p { margin-top:17px; }
.about-highlights { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:34px; }.about-highlight { display:flex; align-items:center; min-width:0; gap:10px; padding-right:12px; border-right:1px solid rgba(17,27,35,.16); }.about-highlight:last-child { padding-right:0; border-right:0; }.about-highlight-icon { width:43px; height:43px; flex:0 0 43px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--orange); box-shadow:0 7px 14px rgba(255,98,7,.2); }.about-highlight-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }.about-highlight p { margin:0; line-height:1.1; }.about-highlight strong { display:block; color:#202b35; font-family:"Barlow Condensed",sans-serif; font-size:19px; font-weight:800; line-height:.96; letter-spacing:.1px; text-transform:uppercase; }.about-highlight small { display:block; margin-top:4px; color:#7a828a; font-size:11px; font-weight:700; line-height:1.15; }
@media (max-width:1050px) { .about-inner { grid-template-columns:minmax(310px,42%) minmax(0,58%); gap:52px; }.about-visual { padding-left:18px; }.about-store-photo { right:-18px; }.about-store-caption { right:-12px; }.about-highlights { gap:9px; }.about-highlight { gap:8px; padding-right:8px; }.about-highlight-icon { width:39px; height:39px; flex-basis:39px; }.about-highlight strong { font-size:17px; } }
@media (max-width:760px) { .about { min-height:0; display:block; padding:62px 18px 73px; }.about-inner { display:flex; flex-direction:column-reverse; gap:46px; }.about-copy { max-width:none; }.about-kicker { gap:11px; margin-bottom:16px; font-size:10px; letter-spacing:3.4px; }.about-kicker span { width:37px; height:2px; }.about h2 { font-size:clamp(46px,13vw,63px); line-height:.93; letter-spacing:-.9px; }.about-text { margin-top:20px; font-size:16px; line-height:1.52; }.about-text p + p { margin-top:14px; }.about-highlights { grid-template-columns:1fr; gap:12px; margin-top:25px; }.about-highlight { padding:0 0 12px; border-right:0; border-bottom:1px solid rgba(17,27,35,.13); }.about-highlight:last-child { padding-bottom:0; border-bottom:0; }.about-highlight-icon { width:42px; height:42px; flex-basis:42px; }.about-highlight strong { font-size:20px; }.about-highlight small { font-size:12px; }.about-visual { width:min(100% - 24px,430px); padding:13px 0 28px 17px; }.about-photo-frame { border-radius:18px 18px 0 0; }.about-photo-frame::before { top:-14px; left:-17px; width:34px; border-radius:20px 0 0 20px; }.about-store-photo { right:-23px; bottom:-4px; width:54%; border-width:4px; border-radius:12px; }.about-store-caption { right:-17px; font-size:17px; }.about-store-caption span { font-size:20px; } }

/* Avaliações */
.reviews { position:relative; height:100svh; overflow:hidden; padding:clamp(94px,8vh,126px) 0 58px; color:#fff; background:#1b0802 url("asssets/avaliacoes_je.webp") center 20%/cover no-repeat; }.reviews-overlay { position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(8,3,1,.74),rgba(16,5,1,.38) 54%,rgba(12,4,1,.24)),linear-gradient(0deg,rgba(9,3,1,.36),transparent 48%); }
.reviews-header { position:relative; z-index:1; display:grid; grid-template-columns:minmax(460px,1.05fr) minmax(340px,.95fr); align-items:center; gap:clamp(44px,7vw,130px); max-width:1450px; margin:0 auto; padding:0 42px; transform:translateY(clamp(112px,12vh,150px)); }.reviews-intro { max-width:710px; }.reviews-kicker { display:flex; align-items:center; gap:18px; margin:0 0 18px; color:#ece7e2; font-size:14px; font-weight:700; letter-spacing:5px; text-transform:uppercase; }.reviews-kicker span { width:66px; height:3px; background:var(--orange); }
.reviews h2 { margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(62px,5.25vw,91px); font-weight:800; line-height:.87; letter-spacing:-1.9px; text-transform:uppercase; text-shadow:0 3px 18px rgba(0,0,0,.24); }.reviews h2 em { color:var(--orange); font-style:normal; }.reviews-intro > p:last-child { max-width:700px; margin:18px 0 0; color:#f1e9e5; font-size:21px; font-weight:500; line-height:1.35; letter-spacing:-.3px; }
.google-summary { display:grid; grid-template-columns:94px 1fr; column-gap:24px; align-items:center; max-width:470px; padding-left:36px; border-left:1px solid rgba(255,255,255,.42); }.google-logo,.review-google { display:grid; place-items:center; font-family:Arial,sans-serif; font-weight:900; background:conic-gradient(#4285f4 0 25%,#34a853 0 45%,#fbbc05 0 67%,#ea4335 0 83%,#4285f4 0); -webkit-background-clip:text; background-clip:text; color:transparent; }.google-logo { width:84px; height:84px; font-size:84px; line-height:1; }.google-score { display:grid; gap:4px; }.google-score strong { font-size:33px; font-weight:800; line-height:1; }.google-score span { color:#ffc400; font-size:43px; letter-spacing:2px; line-height:1; text-shadow:0 0 12px rgba(255,196,0,.32); }.google-score small { color:#ddd6d2; font-size:22px; font-weight:500; }.google-reviews-link { grid-column:1 / -1; width:max-content; min-width:326px; height:69px; margin-top:27px; padding:0 26px; border:2px solid var(--orange); border-radius:14px; color:#fff; background:rgba(20,8,3,.44); font-family:"Manrope",sans-serif; font-size:19px; font-weight:800; cursor:not-allowed; opacity:.86; }.google-reviews-link b { margin-left:16px; font-size:34px; font-weight:400; vertical-align:-2px; }
.reviews-carousel { position:relative; z-index:1; margin-top:clamp(53px,5vh,70px); transform:translateY(clamp(112px,12vh,150px)); }.reviews-viewport { width:100%; overflow:hidden; padding:20px 0 26px; clip-path:inset(0 42px); }.reviews-track { display:flex; gap:20px; padding:0 42px; transition:transform .85s cubic-bezier(.2,.8,.2,1); will-change:transform; }.review-card { flex:0 0 clamp(320px,calc((100vw - 144px) / 4),620px); min-height:clamp(340px,31vh,400px); display:flex; flex-direction:column; padding:25px 26px 23px; border:1px solid rgba(255,126,33,.9); border-radius:22px; color:#fff; background:linear-gradient(145deg,rgba(30,13,7,.94),rgba(12,7,4,.88)); box-shadow:0 0 0 1px rgba(255,103,15,.08),0 13px 32px rgba(0,0,0,.26),0 0 18px rgba(255,98,7,.12); backdrop-filter:blur(6px); transition:transform .65s ease,background .65s ease,color .65s ease,box-shadow .65s ease; }.review-card.is-active { color:#1d2429; background:#fffaf5; box-shadow:0 0 0 2px rgba(255,107,16,.84),0 16px 38px rgba(255,100,7,.44),0 0 27px rgba(255,100,7,.35); transform:translateY(-12px) scale(1.025); }.review-card header { display:grid; grid-template-columns:56px minmax(0,1fr) 29px; align-items:center; gap:12px; }.review-avatar { width:56px; height:56px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.48); border-radius:50%; color:#fff; background:linear-gradient(135deg,#f47a1a,#432010); font-family:"Barlow Condensed",sans-serif; font-size:23px; font-weight:800; }.review-card.is-active .review-avatar { border-color:#f3a044; }.review-card header p { min-width:0; margin:0; }.review-card header strong { display:block; overflow:hidden; font-size:17px; font-weight:800; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }.review-card header small { display:block; margin-top:4px; color:rgba(255,255,255,.68); font-size:14px; font-weight:600; }.review-card.is-active header small { color:#667078; }.review-google { font-size:29px; }.review-stars { margin:21px 0 14px; color:#ffc400; font-size:27px; letter-spacing:1px; line-height:1; text-shadow:0 0 10px rgba(255,196,0,.25); }.review-card blockquote { display:-webkit-box; overflow:hidden; margin:0; color:inherit; font-size:17px; font-weight:500; line-height:1.48; -webkit-box-orient:vertical; -webkit-line-clamp:5; }.review-card blockquote::before { content:"“"; display:block; height:25px; color:rgba(255,255,255,.43); font-family:Georgia,serif; font-size:64px; font-weight:700; line-height:.78; }.review-card.is-active blockquote::before { color:rgba(34,43,49,.35); }
.reviews-arrow { position:absolute; z-index:3; top:50%; width:58px; height:58px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; color:#242a2e; background:#fffaf5; box-shadow:0 8px 20px rgba(0,0,0,.28); cursor:pointer; transform:translateY(-50%); transition:transform .2s,background .2s,color .2s; }.reviews-arrow:hover,.reviews-arrow:focus-visible { outline:none; color:#fff; background:var(--orange); transform:translateY(-50%) scale(1.06); }.reviews-arrow svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:2.7; stroke-linecap:round; stroke-linejoin:round; }.reviews-prev { left:16px; }.reviews-next { right:16px; }.reviews-dots { position:relative; z-index:1; display:flex; justify-content:center; gap:10px; margin-top:8px; transform:translateY(clamp(112px,12vh,150px)); }.reviews-dots button { width:13px; height:13px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.56); cursor:pointer; transition:background .2s,transform .2s; }.reviews-dots button:hover,.reviews-dots button:focus-visible { outline:none; background:#fff; }.reviews-dots button.is-active { background:var(--orange); transform:scale(1.12); }
@media (max-width:1100px) and (min-width:701px) { .review-card { flex-basis:calc((100vw - 140px) / 3); } }
@media (max-height:950px) and (min-width:901px) { .reviews-header,.reviews-carousel,.reviews-dots { transform:translateY(40px); } .review-card { min-height:340px; } }
@media (max-width:900px) { .reviews { min-height:0; padding-top:72px; }.reviews-header { grid-template-columns:1fr; gap:33px; padding:0 30px; transform:none; }.reviews-carousel { transform:none; }.google-summary { padding-left:0; border-left:0; }.reviews-track { padding-left:30px; padding-right:30px; }.reviews-arrow { width:49px; height:49px; }.reviews-prev { left:8px; }.reviews-next { right:8px; } }
@media (max-width:700px) { .reviews { height:auto; padding:61px 0 42px; background-position:59% center; }.reviews-overlay { background:linear-gradient(90deg,rgba(8,3,1,.82),rgba(16,5,1,.57)),linear-gradient(0deg,rgba(9,3,1,.5),transparent 55%); }.reviews-header { gap:29px; padding:0 18px; }.reviews-kicker { gap:11px; margin-bottom:17px; font-size:10px; letter-spacing:3px; }.reviews-kicker span { width:37px; height:2px; }.reviews h2 { font-size:clamp(51px,14vw,67px); line-height:.9; letter-spacing:-1.25px; }.reviews-intro > p:last-child { margin-top:17px; font-size:17px; line-height:1.38; }.google-summary { grid-template-columns:57px 1fr; column-gap:15px; }.google-logo { width:55px; height:55px; font-size:55px; }.google-score strong { font-size:23px; }.google-score span { font-size:28px; }.google-score small { font-size:16px; }.google-reviews-link { width:100%; min-width:0; height:58px; margin-top:19px; font-size:16px; }.reviews-carousel { margin-top:31px; }.reviews-viewport { padding:11px 0 18px; clip-path:inset(0 18px); }.reviews-track { gap:14px; padding-left:18px; padding-right:18px; }.review-card { flex-basis:82vw; min-height:290px; padding:20px; border-radius:18px; }.review-card.is-active { transform:translateY(-5px) scale(1.01); }.reviews-arrow { display:none; }.reviews-dots { gap:8px; margin-top:5px; transform:none; }.reviews-dots button { width:11px; height:11px; } }

/* Contato */
.contact { position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden; padding:74px 32px; color:#151d23; background:#f8f5f2 url("asssets/fundo_claro_02.webp") center/cover no-repeat; }.contact::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.26),rgba(255,255,255,.06)); }.contact-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(510px,.95fr); align-items:center; gap:clamp(48px,6vw,110px); width:min(1500px,100%); margin:0 auto; }.contact-map-column { min-width:0; }.contact-heading { margin:0 0 25px; }.contact-kicker { display:flex; align-items:center; gap:15px; margin:0 0 15px; color:#40484f; font-size:13px; font-weight:800; letter-spacing:4.4px; text-transform:uppercase; }.contact-kicker span { width:52px; height:3px; background:var(--orange); }.contact h2 { margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(58px,5.1vw,82px); font-weight:800; line-height:.9; letter-spacing:-1.55px; text-transform:uppercase; }.contact h2 em { color:var(--orange); font-style:normal; }.contact-map-card { position:relative; min-height:440px; overflow:hidden; border:1px solid rgba(255,98,7,.42); border-radius:23px; background:#ece9e6; box-shadow:0 20px 40px rgba(17,27,35,.15); }.contact-map-card iframe { position:absolute; inset:0; width:100%; height:100%; border:0; filter:saturate(.82) contrast(.96); }.contact-address { position:absolute; right:22px; bottom:22px; left:22px; display:grid; grid-template-columns:48px minmax(0,1fr) 28px; align-items:center; gap:13px; padding:15px 17px; border:1px solid rgba(255,255,255,.8); border-radius:15px; color:#1b242b; background:rgba(255,255,255,.93); box-shadow:0 9px 22px rgba(0,0,0,.16); transition:transform .2s ease,background .2s ease; }.contact-address:hover,.contact-address:focus-visible { outline:none; background:#fff; transform:translateY(-2px); }.contact-address span { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--orange); }.contact-address svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }.contact-address strong { font-family:"Barlow Condensed",sans-serif; font-size:21px; font-weight:800; line-height:1; text-transform:uppercase; }.contact-address small { display:block; margin-top:5px; color:#687178; font-family:"Manrope",sans-serif; font-size:12px; font-weight:700; line-height:1.2; text-transform:none; }.contact-address b { color:var(--orange); font-size:29px; font-weight:500; }.contact-form-card { padding:clamp(31px,3.2vw,48px); border:1px solid rgba(255,255,255,.46); border-radius:24px; color:#fff; background:linear-gradient(145deg,#ff861d,#f4540b); box-shadow:0 21px 42px rgba(210,75,7,.22),inset 0 1px rgba(255,255,255,.28); }.contact-form-card .contact-kicker { color:rgba(255,255,255,.86); }.contact-form-card .contact-kicker span { background:#fff; }.contact-form-card h3 { margin:0; font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(49px,4.2vw,68px); font-weight:800; line-height:.88; letter-spacing:-1.25px; text-transform:uppercase; }.contact-intro { max-width:505px; margin:16px 0 25px; color:rgba(255,255,255,.91); font-size:16px; font-weight:600; line-height:1.42; }.contact-form { display:grid; gap:15px; }.contact-fields-two { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.contact-form label { display:grid; gap:7px; color:#fff; font-size:12px; font-weight:800; letter-spacing:.35px; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; min-width:0; padding:0 15px; border:1px solid rgba(255,255,255,.64); border-radius:10px; color:#253039; background:rgba(255,255,255,.96); box-shadow:inset 0 1px rgba(0,0,0,.04); font:600 14px "Manrope",sans-serif; outline:none; transition:border-color .18s,box-shadow .18s; }.contact-form input,.contact-form select { height:49px; }.contact-form textarea { min-height:80px; padding-top:13px; resize:vertical; }.contact-form select { appearance:auto; }.contact-form input::placeholder,.contact-form textarea::placeholder { color:#8a9094; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:#202a31; box-shadow:0 0 0 3px rgba(25,35,42,.15); }.contact-submit { width:100%; height:62px; display:flex; align-items:center; justify-content:center; gap:12px; margin-top:3px; border:0; border-radius:12px; color:#fff; background:#1d252b; box-shadow:0 8px 18px rgba(91,35,6,.22); font-family:"Barlow Condensed",sans-serif; font-size:24px; font-weight:800; letter-spacing:.2px; cursor:pointer; transition:transform .2s,background .2s; }.contact-submit:hover,.contact-submit:focus-visible { outline:none; background:#101619; transform:translateY(-2px); }.contact-submit svg { width:25px; height:25px; fill:currentColor; }.contact-submit b { font-family:"Manrope",sans-serif; font-size:34px; font-weight:400; line-height:0; }.contact-phone { margin:16px 0 0; color:rgba(255,255,255,.9); font-size:13px; font-weight:600; text-align:center; }.contact-phone a { color:#fff; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:1050px) { .contact { padding:72px 28px; }.contact-inner { grid-template-columns:minmax(0,1fr) minmax(455px,.92fr); gap:35px; }.contact-map-card { min-height:410px; }.contact-form-card { padding:30px; }.contact-form-card h3 { font-size:54px; } }
@media (max-width:850px) { .contact { min-height:0; padding:70px 26px; }.contact-inner { grid-template-columns:1fr; max-width:680px; gap:34px; }.contact-map-card { min-height:440px; }.contact-form-card { max-width:680px; } }
@media (max-width:600px) { .contact { padding:62px 18px; }.contact-heading { margin-bottom:20px; }.contact-kicker { gap:11px; margin-bottom:14px; font-size:10px; letter-spacing:3px; }.contact-kicker span { width:37px; height:2px; }.contact h2 { font-size:clamp(50px,14vw,65px); line-height:.91; }.contact-map-card { min-height:370px; border-radius:17px; }.contact-address { right:13px; bottom:13px; left:13px; grid-template-columns:42px minmax(0,1fr) 20px; gap:10px; padding:12px; border-radius:12px; }.contact-address span { width:42px; height:42px; }.contact-address svg { width:22px; height:22px; }.contact-address strong { font-size:18px; }.contact-address small { font-size:10px; }.contact-address b { font-size:23px; }.contact-form-card { padding:27px 19px; border-radius:18px; }.contact-form-card h3 { font-size:clamp(47px,13vw,61px); }.contact-intro { margin:15px 0 22px; font-size:15px; }.contact-fields-two { grid-template-columns:1fr; gap:15px; }.contact-form { gap:15px; }.contact-form input,.contact-form select { height:52px; }.contact-submit { height:61px; font-size:23px; }.contact-phone { font-size:12px; } }

@media (min-width:851px) { .contact-map-card { height:720px; min-height:720px; }.contact-form-card { height:720px; box-sizing:border-box; transform:translateY(clamp(96px,8.2vh,110px)); } }

/* Rodapé */
.site-footer { position:relative; overflow:hidden; color:#e9e9e9; background:#0a0d0f; }.site-footer::before { content:""; position:absolute; inset:0 0 auto; height:3px; background:linear-gradient(90deg,transparent 0 7%,var(--orange) 27%,rgba(255,98,7,.32) 56%,transparent 88%); }.site-footer::after { content:""; position:absolute; top:-190px; right:-135px; width:460px; height:460px; border:1px solid rgba(255,98,7,.12); border-radius:50%; box-shadow:0 0 0 38px rgba(255,98,7,.025),0 0 0 76px rgba(255,98,7,.018); pointer-events:none; }.footer-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(330px,1.45fr) minmax(220px,.75fr) minmax(250px,.8fr); gap:clamp(46px,7vw,130px); width:min(1500px,100%); margin:0 auto; padding:72px 42px 52px; }.footer-brands { max-width:460px; }.footer-je-logo { display:block; width:min(100%,252px); }.footer-je-logo img { display:block; width:100%; height:auto; }.footer-brand-divider { display:block; width:58px; height:2px; margin:28px 0 21px; background:var(--orange); }.footer-juninho-logo { display:block; width:min(100%,215px); padding:9px 13px; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.04); transition:border-color .2s,transform .2s,background .2s; }.footer-juninho-logo:hover,.footer-juninho-logo:focus-visible { outline:none; border-color:var(--orange); background:rgba(255,98,7,.08); transform:translateY(-2px); }.footer-juninho-logo img { display:block; width:100%; height:auto; }.footer-brands p { max-width:390px; margin:20px 0 0; color:#9ca2a6; font-size:14px; font-weight:500; line-height:1.5; }.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:13px; padding-top:7px; }.footer-column h2 { margin:0 0 10px; color:#fff; font-family:"Barlow Condensed",sans-serif; font-size:25px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; }.footer-column h2::after { content:""; display:block; width:32px; height:2px; margin-top:9px; background:var(--orange); }.footer-column a { color:#b7bdc0; font-size:14px; font-weight:600; line-height:1.5; transition:color .2s; }.footer-column a:hover,.footer-column a:focus-visible { outline:none; color:#fff; }.footer-sitemap { display:grid; grid-template-columns:1fr 1fr; column-gap:34px; grid-auto-flow:column; grid-template-rows:repeat(4,auto); }.footer-sitemap h2 { grid-column:1 / -1; }.footer-sitemap a { line-height:1.8; }.footer-bottom { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(1500px,100%); margin:0 auto; padding:20px 42px 24px; border-top:1px solid rgba(255,255,255,.1); color:#82898e; font-size:12px; font-weight:600; }.footer-bottom p { margin:0; }.footer-bottom a { color:#b9bec1; transition:color .2s; }.footer-bottom a:hover,.footer-bottom a:focus-visible { outline:none; color:#fff; }.footer-bottom span { margin-left:5px; color:var(--orange); font-size:16px; }
@media (max-width:900px) { .footer-inner { grid-template-columns:minmax(280px,1.2fr) 1fr; gap:48px; padding:63px 30px 45px; }.footer-brands { grid-column:1 / -1; max-width:none; }.footer-bottom { padding-right:30px; padding-left:30px; } }
@media (max-width:600px) { .footer-inner { grid-template-columns:1fr; gap:36px; padding:55px 20px 37px; }.footer-brands { grid-column:auto; }.footer-je-logo { width:225px; }.footer-brand-divider { margin:24px 0 18px; }.footer-juninho-logo { width:198px; }.footer-column { gap:10px; padding:0; }.footer-column h2 { margin-bottom:6px; }.footer-sitemap { grid-template-columns:1fr 1fr; column-gap:20px; }.footer-bottom { flex-direction:column; align-items:flex-start; gap:8px; padding:17px 20px 20px; font-size:11px; } }

/* Organização final do rodapé */
.site-footer::after { display:none; }.site-footer::before { background:linear-gradient(90deg,transparent 0 12%,var(--orange) 34%,rgba(255,98,7,.38) 62%,transparent 90%); }.footer-inner { grid-template-columns:minmax(370px,1.42fr) minmax(280px,1fr) minmax(250px,.82fr); gap:clamp(42px,5vw,82px); width:min(1280px,100%); padding:54px 38px 38px; }.footer-brands { max-width:510px; }.footer-logo-row { display:flex; align-items:center; gap:18px; }.footer-je-logo { width:178px; flex:0 0 178px; }.footer-juninho-logo { width:151px; flex:0 0 151px; padding:7px 9px; border-radius:8px; }.footer-brand-divider { display:none; }.footer-brands p { max-width:500px; margin-top:18px; color:#aeb4b7; font-size:13px; line-height:1.58; }.footer-column { gap:12px; padding-top:0; }.footer-column h2 { margin-bottom:5px; font-size:23px; }.footer-column h2::after { width:29px; margin-top:7px; }.footer-column a { font-size:13px; line-height:1.55; }.footer-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:5px; }.footer-actions a { display:inline-flex; align-items:center; gap:7px; padding:8px 10px; border:1px solid rgba(255,255,255,.16); border-radius:7px; color:#d9dcdd; background:rgba(255,255,255,.035); font-size:12px; line-height:1; }.footer-actions a:hover,.footer-actions a:focus-visible { border-color:var(--orange); color:#fff; background:rgba(255,98,7,.1); }.footer-actions span { color:var(--orange); font-size:17px; line-height:.6; }.footer-actions svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.9; }.footer-sitemap { grid-template-columns:1fr 1fr; column-gap:26px; row-gap:2px; grid-auto-flow:row; grid-template-rows:none; }.footer-sitemap h2 { grid-column:1 / -1; }.footer-sitemap a { line-height:1.65; }.footer-bottom { width:min(1280px,100%); padding:16px 38px 19px; font-size:11px; }.footer-bottom p + p { color:#a2a8ab; }
@media (max-width:900px) { .footer-inner { grid-template-columns:minmax(330px,1.2fr) minmax(250px,.9fr); gap:42px; padding:50px 30px 35px; }.footer-brands { grid-column:1 / -1; }.footer-bottom { width:100%; padding-right:30px; padding-left:30px; } }
@media (max-width:600px) { .footer-inner { grid-template-columns:1fr; gap:31px; padding:45px 20px 30px; }.footer-logo-row { gap:12px; }.footer-je-logo { width:155px; flex-basis:155px; }.footer-juninho-logo { width:135px; flex-basis:135px; }.footer-brands p { margin-top:16px; font-size:12px; }.footer-sitemap { column-gap:20px; }.footer-bottom { padding:15px 20px 18px; } }

/* Atendimento, horários e navegação do rodapé */
.footer-inner { grid-template-columns:minmax(330px,1.5fr) minmax(230px,.95fr) minmax(190px,.75fr) minmax(150px,.56fr); gap:clamp(28px,3.8vw,62px); width:min(1360px,100%); padding-top:48px; padding-bottom:34px; }.footer-brands p { max-width:480px; margin-bottom:14px; }.footer-actions { margin-top:0; }.footer-actions a { min-height:34px; }.footer-actions svg { flex:0 0 15px; }.footer-actions .footer-whatsapp-icon { fill:currentColor; stroke:none; }.footer-hours { gap:9px; }.footer-hours p { display:grid; grid-template-columns:76px max-content; justify-content:start; column-gap:11px; width:100%; margin:0; color:#adb3b6; font-size:12px; font-weight:600; line-height:1.35; white-space:nowrap; }.footer-hours strong { color:#d4d7d8; font-weight:700; }.footer-hours span { color:#90979a; }.footer-sitemap { display:flex; gap:7px; }.footer-sitemap h2 { margin-bottom:8px; }.footer-sitemap a { line-height:1.45; }.footer-bottom { width:min(1360px,100%); }
@media (max-width:1050px) { .footer-inner { grid-template-columns:minmax(290px,1.3fr) minmax(230px,1fr) minmax(180px,.8fr); }.footer-sitemap { grid-column:2 / -1; display:grid; grid-template-columns:repeat(3,max-content); column-gap:22px; grid-auto-flow:row; }.footer-sitemap h2 { grid-column:1 / -1; } }
@media (max-width:700px) { .footer-inner { grid-template-columns:1fr 1fr; gap:30px 24px; padding:42px 20px 29px; }.footer-brands { grid-column:1 / -1; }.footer-column { min-width:0; }.footer-sitemap { grid-column:1 / -1; grid-template-columns:repeat(3,max-content); }.footer-bottom { padding-right:20px; padding-left:20px; } }
@media (max-width:460px) { .footer-inner { grid-template-columns:1fr; }.footer-sitemap { grid-column:auto; grid-template-columns:1fr 1fr; }.footer-hours p { max-width:240px; } }

/* Navegação contínua no mobile */
@media (max-width:700px) { .site-header { position:fixed; z-index:20; top:max(12px,env(safe-area-inset-top)); } }

/* Entradas suaves das dobras */
.reveal-ready [data-reveal] { opacity:0; filter:blur(5px); transition:opacity .72s ease,translate .78s cubic-bezier(.18,.8,.24,1),filter .72s ease,transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.reveal-ready [data-reveal="left"] { translate:-72px 0; }
.reveal-ready [data-reveal="right"] { translate:72px 0; }
.reveal-ready [data-reveal="up"] { translate:0 48px; }
.reveal-ready [data-reveal="fade"] { translate:0 18px; }
.reveal-ready [data-reveal].is-revealed { opacity:1; filter:blur(0); translate:0 0; }
.reveal-ready .service-card:nth-child(1) { transition-delay:40ms; }.reveal-ready .service-card:nth-child(2) { transition-delay:110ms; }.reveal-ready .service-card:nth-child(3) { transition-delay:180ms; }.reveal-ready .service-card:nth-child(4) { transition-delay:250ms; }.reveal-ready .service-card:nth-child(5) { transition-delay:320ms; }.reveal-ready .service-card:nth-child(6) { transition-delay:390ms; }
@media (prefers-reduced-motion:reduce) { .reveal-ready [data-reveal] { opacity:1; filter:none; translate:0 0; transition:none; } }

/* Navegação fixa entre as dobras no desktop */
.road-nav { display:none; }
@media (min-width:1041px) { .road-nav { position:fixed; z-index:16; bottom:22px; left:50%; display:flex; align-items:center; min-height:58px; padding:6px 13px 6px 6px; border:1px solid rgba(255,255,255,.27); border-radius:17px; color:#edf0f1; background:linear-gradient(105deg,rgba(9,11,12,.96),rgba(20,23,24,.91)); box-shadow:0 12px 28px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.07); opacity:0; pointer-events:none; transform:translate(-50%,125%); transition:opacity .32s ease,transform .4s cubic-bezier(.18,.8,.24,1); }.road-nav::before { content:""; position:absolute; top:-1px; right:21px; left:21px; height:2px; border-radius:2px; background:linear-gradient(90deg,transparent,var(--orange),transparent); opacity:.9; }.road-nav.is-visible { opacity:1; pointer-events:auto; transform:translate(-50%,0); }.road-nav-home { width:45px; height:45px; display:grid; place-items:center; flex:0 0 45px; border:1px solid rgba(255,98,7,.74); border-radius:12px; color:#fff; background:linear-gradient(145deg,#ff7717,#ef4c08); box-shadow:0 5px 13px rgba(255,83,5,.22); transition:transform .2s,filter .2s; }.road-nav-home:hover,.road-nav-home:focus-visible { outline:none; filter:brightness(1.08); transform:translateX(-2px); }.road-nav-home svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }.road-nav-links { display:flex; align-items:center; gap:2px; padding:0 7px; }.road-nav-links a { position:relative; padding:13px 12px; color:#bfc5c7; font-family:"Barlow Condensed",sans-serif; font-size:17px; font-weight:800; letter-spacing:.15px; text-transform:uppercase; transition:color .2s; }.road-nav-links a::after { content:""; position:absolute; right:12px; bottom:7px; left:12px; height:2px; border-radius:2px; background:var(--orange); opacity:0; transform:scaleX(.25); transition:opacity .2s,transform .2s; }.road-nav-links a:hover,.road-nav-links a:focus-visible,.road-nav-links a.is-active { outline:none; color:#fff; }.road-nav-links a:hover::after,.road-nav-links a:focus-visible::after,.road-nav-links a.is-active::after { opacity:1; transform:scaleX(1); }.road-nav-line { width:5px; height:5px; margin-left:3px; border-radius:50%; background:#25d366; box-shadow:0 0 0 4px rgba(37,211,102,.1); } }