/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/dm-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/dm-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/dm-sans-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/dm-sans-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/sora-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/sora-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/sora-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/sora-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/sora-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/sora-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/sora-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/sora-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



    html { scroll-behavior: smooth; }
    body { margin: 0; background: #0D0D0D; font-family: 'DM Sans', sans-serif; -webkit-font-smoothing: antialiased; }
    * { box-sizing: border-box; }
    a { color: #F2EFEC; text-decoration: none; }
    a:hover { color: #E8222A; }
    ::selection { background: rgba(232,34,42,0.35); color: #fff; }
    @keyframes waPulse {
      0% { box-shadow: 0 0 0 0 rgba(232,34,42,0.45); }
      70% { box-shadow: 0 0 0 18px rgba(232,34,42,0); }
      100% { box-shadow: 0 0 0 0 rgba(232,34,42,0); }
    }
    @keyframes scrollDrop {
      0% { transform: translateY(0); opacity: 0; }
      25% { opacity: 1; }
      100% { transform: translateY(34px); opacity: 0; }
    }
    @keyframes slowSpin { to { transform: rotate(360deg); } }
    @keyframes galeriaFade {
      0%, 100% { opacity: 0.55; }
      50% { opacity: 0.9; }
    }
  

/* Refinamentos para hospedagem final */
:root { color-scheme: dark; }
body.modal-open { overflow: hidden; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid #E8222A;
  outline-offset: 3px;
}
.contact-primary-button,
.contact-secondary-link {
  min-height: 56px;
  border-radius: 12px;
  font-family: 'Sora', sans-serif;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease;
}
.contact-primary-button {
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 17px 32px;
  background: #E8222A;
  color: #fff;
  box-shadow: 0 4px 14px rgba(232,34,42,.3);
}
.contact-primary-button:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(232,34,42,.38); }
.contact-secondary-link {
  display: inline-flex;
  align-items: center;
  padding: 17px 30px;
  border: 1px solid rgba(255,255,255,.2);
  color: #F2EFEC;
  text-decoration: none;
}
.contact-secondary-link:hover { border-color: rgba(232,34,42,.6); background: rgba(232,34,42,.08); color:#F2EFEC; }

.contact-modal { position: fixed; inset: 0; z-index: 99999; display: none; place-items: center; padding: 24px; }
.contact-modal.is-open { display: grid; }
.contact-modal__backdrop { position: absolute; inset: 0; background: rgba(4,4,4,.78); backdrop-filter: blur(8px); }
.contact-modal__dialog {
  position: relative;
  width: min(640px, 100%);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  padding: clamp(26px, 5vw, 44px);
  background: linear-gradient(145deg, #181313 0%, #111 58%, #0D0D0D 100%);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  box-shadow: 0 30px 100px rgba(0,0,0,.55), 0 0 0 1px rgba(232,34,42,.08) inset;
  transform: translateY(12px) scale(.985);
  opacity: 0;
  transition: transform 220ms ease, opacity 220ms ease;
}
.contact-modal.is-open .contact-modal__dialog { transform: none; opacity: 1; }
.contact-modal__close {
  position: absolute; top: 16px; right: 16px; width: 42px; height: 42px;
  border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(255,255,255,.04);
  color: #F7F5F2; font-size: 28px; line-height: 1; cursor: pointer;
}
.contact-modal__close:hover { background: rgba(232,34,42,.12); border-color: rgba(232,34,42,.35); }
.contact-modal__eyebrow { color: #E8222A; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 700; }
.contact-modal h2 { margin: 12px 48px 0 0; font-family: 'Sora', sans-serif; font-size: clamp(1.7rem, 5vw, 2.35rem); line-height: 1.12; color: #F7F5F2; }
.contact-modal__intro { margin: 14px 0 28px; color: #A39D97; line-height: 1.65; }
#contact-form { display: grid; gap: 18px; }
.contact-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
#contact-form label { display: grid; gap: 8px; color: #D8D3CD; font-size: 13px; font-weight: 700; }
#contact-form input, #contact-form textarea {
  width: 100%; border: 1px solid rgba(255,255,255,.12); border-radius: 10px;
  background: rgba(255,255,255,.035); color: #F7F5F2; font: inherit; font-weight: 400;
  padding: 14px 15px; transition: border-color 180ms ease, background 180ms ease;
}
#contact-form input::placeholder, #contact-form textarea::placeholder { color: #6E6963; }
#contact-form input:focus, #contact-form textarea:focus { border-color: rgba(232,34,42,.75); background: rgba(255,255,255,.055); outline: none; }
#contact-form textarea { resize: vertical; min-height: 128px; }
.contact-form__submit {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  width: 100%; min-height: 56px; padding: 0 20px; border: 0; border-radius: 10px;
  background: #E8222A; color: #fff; font-family: 'Sora', sans-serif; font-weight: 700; font-size: 15px; cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}
.contact-form__submit:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(232,34,42,.25); }
.contact-form__submit:disabled { opacity: .6; cursor: wait; transform: none; }
.contact-form__status { min-height: 22px; margin-top: -4px; font-size: 14px; color: #B9B3AD; }
.contact-form__status.is-success { color: #9BE5AE; }
.contact-form__status.is-error { color: #FF9A9F; }
.contact-form__privacy { margin: -8px 0 0; color: #6E6963; font-size: 12px; line-height: 1.5; }
.contact-form__hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 620px) {
  .contact-modal { padding: 12px; }
  .contact-modal__dialog { max-height: calc(100vh - 24px); border-radius: 14px; padding: 28px 20px 24px; }
  .contact-form__grid { grid-template-columns: 1fr; }
  .contact-modal h2 { margin-right: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}




/* Correções mobile do site atual */
.motrix-photo-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.motrix-photo-card img{display:block;width:100%;min-height:320px;max-height:520px;object-fit:cover}
.service-oil-icon{display:block;width:40px!important;height:40px!important;object-fit:contain!important;flex:0 0 40px}
.brands-section{padding:104px 0;border-top:1px solid rgba(255,255,255,.05);background:#0e0e0e;overflow:hidden}
.brands-heading{max-width:1240px;margin:0 auto;padding:0 24px;text-align:center}.brands-eyebrow{margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#e8222a;font-weight:700}.brands-heading h2{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.15;margin:16px auto 0;color:#f7f5f2;max-width:760px}.brands-copy{margin:20px auto 0;color:#a39d97;max-width:640px}
.brands-marquee{width:100%;max-width:100vw;margin-top:48px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%)}
.brands-track{display:flex;width:max-content;gap:18px;align-items:center;padding:8px 0;will-change:transform;backface-visibility:hidden;animation:motrixBrandsLoop 46s linear infinite!important;animation-duration:46s!important;animation-iteration-count:infinite!important;animation-play-state:running!important}.brands-set{display:flex;align-items:center;gap:18px;flex:0 0 auto;padding-left:18px}.brand-slide{width:178px;height:112px;flex:0 0 178px;display:flex;align-items:center;justify-content:center;padding:13px 15px;overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 24px rgba(0,0,0,.18)}.brand-slide img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important}.brand-slide:hover,.brand-slide:hover img{transform:none!important;filter:none!important}
@keyframes motrixBrandsLoop{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 9px),0,0)}}
.floating-wa-pill{position:fixed;right:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:0 18px;border-radius:999px;background:#e8222a;color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:14px;box-shadow:0 10px 28px rgba(0,0,0,.42);animation:waPulse 2.6s ease-out infinite}.floating-wa-pill:hover{color:#fff}
@media (prefers-reduced-motion:reduce){.brands-track{animation-name:motrixBrandsLoop!important;animation-duration:46s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}}
@media(max-width:768px){.motrix-photo-card img{min-height:240px;max-height:360px}.brands-section{padding:82px 0}.brands-heading{padding:0 20px}.brands-marquee{margin-top:36px}.brands-track,.brands-set{gap:12px}.brands-set{padding-left:12px}.brand-slide{width:144px;height:92px;flex-basis:144px;padding:10px 12px;border-radius:14px}.service-oil-icon{width:42px!important;height:42px!important;flex-basis:42px}.floating-wa-pill{right:14px;bottom:14px;min-height:54px;padding:0 15px;font-size:13px}}
@media(max-width:480px){.brands-heading h2{font-size:clamp(1.65rem,7vw,2.15rem)}.brand-slide{width:132px;height:86px;flex-basis:132px;padding:9px 10px}.floating-wa-pill span{max-width:92px;line-height:1.1}}


/* Ajustes finais de layout */
.service-oil-icon{display:block;width:44px!important;height:44px!important;object-fit:contain!important;flex:0 0 44px;color:#E8222A}
.brands-heading{position:relative;z-index:2}
.brands-title{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.15;margin:16px auto 0;color:#F7F5F2;max-width:760px;display:block;visibility:visible;opacity:1}
.brands-heading h2{display:none}.brands-heading h2.brands-title{display:block!important}
.brands-copy{margin:20px auto 0;color:#A39D97;max-width:640px;font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.6}
.brand-slide{width:178px;height:112px;flex:0 0 178px;display:flex;align-items:center;justify-content:center;padding:14px 16px;overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.brand-slide img{display:block;width:auto!important;height:auto!important;max-width:86%!important;max-height:72%!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important}
.brands-marquee{padding-bottom:6px}

.motrix360-section{padding:110px 24px 40px;background:#090909;border-top:1px solid rgba(255,255,255,.05)}
.motrix360-wrap{max-width:1240px;margin:0 auto}
.motrix360-top{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(300px,.95fr) minmax(320px,.95fr);gap:36px;align-items:stretch}
.motrix360-intro,.motrix360-side{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.012) 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:34px 30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.motrix360-label{margin:0;font-family:'Sora',sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#C8C4BF}
.motrix360-label span{color:#E8222A}
.motrix360-intro h2{margin:18px 0 0;font-family:'Sora',sans-serif;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.95;font-weight:800;color:#F7F5F2;text-transform:uppercase}
.motrix360-intro h2 span{color:#E8222A}
.motrix360-kicker{margin:28px 0 0;color:#F2EFEC;font-size:clamp(1.18rem,1.8vw,1.6rem);line-height:1.28;max-width:360px}
.motrix360-intro p{color:#B9B3AD;line-height:1.65;font-size:1.03rem;margin:18px 0 0;max-width:440px}
.motrix360-quote{margin-top:26px!important;color:#F2EFEC!important;font-size:1.12rem!important}.motrix360-quote span{color:#E8222A;font-weight:700}
.motrix360-button{margin-top:28px;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:12px;border:1px solid rgba(232,34,42,.72);background:transparent;color:#F7F5F2;font-family:'Sora',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform 220ms ease,background 220ms ease,box-shadow 220ms ease}
.motrix360-button:hover{transform:translateY(-2px);background:rgba(232,34,42,.08);box-shadow:0 10px 28px rgba(232,34,42,.16)}
.motrix360-visual{position:relative;min-height:560px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0b0b0b;box-shadow:0 22px 60px rgba(0,0,0,.3)}
.motrix360-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.12),rgba(10,10,10,.28));pointer-events:none}
.motrix360-visual img{width:100%;height:100%;object-fit:cover;display:block}
.motrix360-side{display:flex;flex-direction:column}
.motrix360-points{margin-top:18px}
.motrix360-point{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:flex-start;padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}
.motrix360-point:first-child{margin-top:6px}
.motrix360-icon{width:64px;height:64px;border-left:1px solid rgba(232,34,42,.38);display:flex;align-items:center;justify-content:center;color:#E8222A}
.motrix360-icon svg{width:34px;height:34px}
.motrix360-point h3{margin:0;font-family:'Sora',sans-serif;color:#F7F5F2;font-size:1.15rem;text-transform:uppercase}
.motrix360-point p{margin:8px 0 0;color:#B9B3AD;line-height:1.55}
.motrix360-side-quote{margin:24px 0 0;color:#D8D3CD;font-size:1.08rem}.motrix360-side-quote span{color:#E8222A;font-weight:700}
.motrix360-steps{margin-top:26px;padding:28px 22px 0;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.012) 100%)}
.motrix360-steps-head{padding:0 10px 22px;color:#D8D3CD;font-family:'Sora',sans-serif;font-size:1.06rem;letter-spacing:.04em;text-transform:uppercase}.motrix360-steps-head span{color:#E8222A;font-weight:700}
.motrix360-steps-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.08)}
.motrix360-step{position:relative;padding:18px 18px 26px;text-align:center}
.motrix360-step:not(:last-child)::after{content:'';position:absolute;top:24px;right:0;width:1px;height:72px;background:rgba(255,255,255,.12)}
.motrix360-step-num{font-family:'Sora',sans-serif;font-size:2.3rem;font-weight:700;color:#7E7A76;line-height:1}.motrix360-step-num::after{content:'';display:block;width:26px;height:3px;margin:8px auto 0;background:#E8222A;border-radius:99px}
.motrix360-step-icon{width:92px;height:92px;margin:20px auto 18px;border-radius:999px;border:2px solid rgba(232,34,42,.8);display:flex;align-items:center;justify-content:center;color:#F7F5F2}.motrix360-step-icon svg{width:44px;height:44px}
.motrix360-step h4{margin:0;font-family:'Sora',sans-serif;color:#F7F5F2;font-size:1.08rem;text-transform:uppercase;line-height:1.25}
.motrix360-step p{margin:14px 0 0;color:#B9B3AD;line-height:1.55;font-size:.98rem}
.motrix360-steps::after{content:'';display:block;height:8px;margin-top:20px;background:#E8222A;border-radius:0 0 16px 16px}
@media(max-width:1180px){.motrix360-top{grid-template-columns:1fr 1fr}.motrix360-side{grid-column:1/-1}.motrix360-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.motrix360-step:nth-child(3)::after,.motrix360-step:nth-child(6)::after{display:none}}
@media(max-width:820px){.motrix360-section{padding:84px 20px 36px}.motrix360-top{grid-template-columns:1fr;gap:22px}.motrix360-intro,.motrix360-side{padding:28px 22px}.motrix360-visual{min-height:360px}.motrix360-steps{padding:22px 16px 0}.motrix360-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motrix360-step:nth-child(even)::after{display:none}.brand-slide{width:146px;height:92px;flex-basis:146px}.brand-slide img{max-width:82%!important;max-height:66%!important}}
@media(max-width:560px){.motrix360-intro h2{font-size:clamp(2.2rem,12vw,3.15rem)}.motrix360-kicker{font-size:1.14rem}.motrix360-point{grid-template-columns:58px 1fr;gap:14px}.motrix360-icon{width:52px;height:52px}.motrix360-icon svg{width:28px;height:28px}.motrix360-steps-grid{grid-template-columns:1fr}.motrix360-step{padding-left:10px;padding-right:10px}.motrix360-step::after{display:none!important}.brand-slide{width:132px;height:84px;flex-basis:132px;padding:10px}.brand-slide img{max-width:80%!important;max-height:62%!important}.service-oil-icon{width:38px!important;height:38px!important}}


/* Final fix carousel, logo sizing, oil icon and Motrix 360 */
.service-oil-icon{display:block;width:42px!important;height:42px!important;object-fit:contain!important;flex:0 0 42px;color:#E8222A}
.brands-section{overflow:hidden}
.brands-marquee{width:100%;margin-top:48px;overflow:hidden;position:relative;-webkit-mask-image:none!important;mask-image:none!important;padding:0 24px 6px;box-sizing:border-box}
.brands-track{display:flex;width:max-content;gap:18px;align-items:center;padding:8px 0;will-change:transform;backface-visibility:hidden;animation:motrixBrandsLoop 46s linear infinite!important}
.brands-set{display:flex;align-items:center;gap:18px;flex:0 0 auto;padding-left:0}
.brand-slide{width:178px!important;height:112px!important;flex:0 0 178px!important;display:flex;align-items:center;justify-content:center;padding:16px 18px!important;overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.brand-slide img{display:block;width:auto!important;height:auto!important;max-width:118px!important;max-height:54px!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important}
.brand-slide:hover,.brand-slide:hover img{transform:none!important;filter:none!important}

.motrix360-section{padding:110px 24px 40px;background:#090909;border-top:1px solid rgba(255,255,255,.05)}
.motrix360-wrap{max-width:1240px;margin:0 auto}
.motrix360-top{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(320px,.92fr) minmax(320px,.98fr);gap:36px;align-items:stretch}
.motrix360-intro,.motrix360-side{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.012) 100%);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:34px 30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.motrix360-label{margin:0;font-family:'Sora',sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#C8C4BF}
.motrix360-label span{color:#E8222A}
.motrix360-intro h2{margin:18px 0 0;font-family:'Sora',sans-serif;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.95;font-weight:800;color:#F7F5F2;text-transform:uppercase}
.motrix360-intro h2 span{color:#E8222A}
.motrix360-kicker{margin:28px 0 0;color:#F2EFEC;font-size:clamp(1.18rem,1.8vw,1.6rem);line-height:1.28;max-width:360px}
.motrix360-intro p{color:#B9B3AD;line-height:1.65;font-size:1.03rem;margin:18px 0 0;max-width:440px}
.motrix360-quote{margin-top:26px!important;color:#F2EFEC!important;font-size:1.12rem!important}.motrix360-quote span{color:#E8222A;font-weight:700}
.motrix360-button{margin-top:28px;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:12px;border:1px solid rgba(232,34,42,.72);background:transparent;color:#F7F5F2;font-family:'Sora',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:transform 220ms ease,background 220ms ease,box-shadow 220ms ease}
.motrix360-button:hover{transform:translateY(-2px);background:rgba(232,34,42,.08);box-shadow:0 10px 28px rgba(232,34,42,.16)}
.motrix360-visual{position:relative;min-height:560px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0b0b0b;box-shadow:0 22px 60px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;padding:18px}
.motrix360-visual img{width:100%;height:auto;display:block;object-fit:contain}
.motrix360-side{display:flex;flex-direction:column}
.motrix360-points{margin-top:18px}
.motrix360-point{display:grid;grid-template-columns:76px 1fr;gap:18px;align-items:flex-start;padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}
.motrix360-icon{width:64px;height:64px;border-left:1px solid rgba(232,34,42,.38);display:flex;align-items:center;justify-content:center}
.motrix360-icon img{display:block;width:38px;height:38px;object-fit:contain}
.motrix360-point h3{margin:0;font-family:'Sora',sans-serif;color:#F7F5F2;font-size:1.15rem;text-transform:uppercase}
.motrix360-point p{margin:8px 0 0;color:#B9B3AD;line-height:1.55}
.motrix360-side-quote{margin:24px 0 0;color:#D8D3CD;font-size:1.08rem}.motrix360-side-quote span{color:#E8222A;font-weight:700}
.motrix360-steps{margin-top:26px;padding:28px 22px 0;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.012) 100%)}
.motrix360-steps-head{padding:0 10px 22px;color:#D8D3CD;font-family:'Sora',sans-serif;font-size:1.06rem;letter-spacing:.04em;text-transform:uppercase}.motrix360-steps-head span{color:#E8222A;font-weight:700}
.motrix360-steps-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.08)}
.motrix360-step{position:relative;padding:18px 18px 26px;text-align:center}
.motrix360-step:not(:last-child)::after{content:'';position:absolute;top:24px;right:0;width:1px;height:72px;background:rgba(255,255,255,.12)}
.motrix360-step-num{font-family:'Sora',sans-serif;font-size:2.3rem;font-weight:700;color:#7E7A76;line-height:1}.motrix360-step-num::after{content:'';display:block;width:26px;height:3px;margin:8px auto 0;background:#E8222A;border-radius:99px}
.motrix360-step-icon{width:112px;height:112px;margin:20px auto 18px;display:flex;align-items:center;justify-content:center}
.motrix360-step-icon img{display:block;width:100%;height:100%;object-fit:contain}
.motrix360-step h4{margin:0;font-family:'Sora',sans-serif;color:#F7F5F2;font-size:1.08rem;text-transform:uppercase;line-height:1.25}
.motrix360-step p{margin:14px 0 0;color:#B9B3AD;line-height:1.55;font-size:.98rem}
.motrix360-steps::after{content:'';display:block;height:8px;margin-top:20px;background:#E8222A;border-radius:0 0 16px 16px}
@media(max-width:1180px){.motrix360-top{grid-template-columns:1fr 1fr}.motrix360-side{grid-column:1/-1}.motrix360-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.motrix360-step:nth-child(3)::after,.motrix360-step:nth-child(6)::after{display:none}}
@media(max-width:820px){.brands-marquee{padding:0 18px 6px}.brand-slide{width:146px!important;height:92px!important;flex-basis:146px!important;padding:12px!important}.brand-slide img{max-width:102px!important;max-height:46px!important}.motrix360-section{padding:84px 20px 36px}.motrix360-top{grid-template-columns:1fr;gap:22px}.motrix360-intro,.motrix360-side{padding:28px 22px}.motrix360-visual{min-height:360px;padding:14px}.motrix360-steps{padding:22px 16px 0}.motrix360-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motrix360-step:nth-child(even)::after{display:none}.motrix360-step-icon{width:98px;height:98px}}
@media(max-width:560px){.brands-marquee{padding:0 14px 6px}.brand-slide{width:132px!important;height:84px!important;flex-basis:132px!important;padding:10px!important}.brand-slide img{max-width:94px!important;max-height:40px!important}.motrix360-intro h2{font-size:clamp(2.2rem,12vw,3.15rem)}.motrix360-kicker{font-size:1.14rem}.motrix360-point{grid-template-columns:58px 1fr;gap:14px}.motrix360-icon{width:52px;height:52px}.motrix360-icon img{width:30px;height:30px}.motrix360-steps-grid{grid-template-columns:1fr}.motrix360-step{padding-left:10px;padding-right:10px}.motrix360-step::after{display:none!important}.motrix360-step-icon{width:104px;height:104px}.service-oil-icon{width:40px!important;height:40px!important}}


/* ===== Final polishing: oil icon + Motrix 360 unified hero ===== */
.service-oil-icon{
  display:block!important;
  width:30px!important;
  height:30px!important;
  object-fit:contain!important;
  flex:0 0 30px!important;
  opacity:1!important;
  filter:none!important;
}

.motrix360-top{
  grid-template-columns:minmax(0,1.75fr) minmax(320px,0.95fr)!important;
  gap:28px!important;
  align-items:stretch!important;
}

.motrix360-main{
  display:grid;
  grid-template-columns:minmax(320px,0.92fr) minmax(320px,1.08fr);
  gap:0;
  min-height:640px;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.012) 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}

.motrix360-main .motrix360-intro{
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:34px 30px 34px 30px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-width:0;
}

.motrix360-main .motrix360-visual{
  min-height:100%!important;
  height:100%;
  border:none!important;
  border-left:1px solid rgba(255,255,255,.08);
  border-radius:0!important;
  box-shadow:none!important;
  background:#080808!important;
  padding:24px!important;
  overflow:hidden;
}

.motrix360-main .motrix360-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block;
}

.motrix360-main .motrix360-intro h2{
  max-width:100%;
  font-size:clamp(2.6rem,4.9vw,4.4rem)!important;
  line-height:0.92!important;
  letter-spacing:-0.03em!important;
  word-break:normal;
}

.motrix360-main .motrix360-kicker,
.motrix360-main .motrix360-intro p{
  max-width:420px;
}

.motrix360-side{
  padding:28px 28px 24px!important;
}

.motrix360-side .motrix360-label{
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.motrix360-point{
  grid-template-columns:64px 1fr!important;
  gap:16px!important;
}

.motrix360-icon{
  width:56px!important;
  height:56px!important;
}

.motrix360-icon img{
  width:30px!important;
  height:30px!important;
}

@media (max-width: 1180px){
  .motrix360-top{
    grid-template-columns:1fr!important;
  }
  .motrix360-main{
    min-height:auto;
  }
  .motrix360-side{
    grid-column:auto!important;
  }
}

@media (max-width: 820px){
  .motrix360-main{
    grid-template-columns:1fr;
  }
  .motrix360-main .motrix360-visual{
    border-left:none!important;
    border-top:1px solid rgba(255,255,255,.08);
    min-height:340px!important;
    padding:18px!important;
  }
  .motrix360-main .motrix360-intro{
    padding:28px 22px!important;
  }
  .motrix360-main .motrix360-intro h2{
    font-size:clamp(2.2rem,11vw,3.4rem)!important;
  }
}

@media (max-width: 560px){
  .service-oil-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
  .motrix360-main .motrix360-visual{
    min-height:280px!important;
    padding:14px!important;
  }
}


/* ===== Final polish v4: Motrix 360 title, unified background, step 06 icon ===== */
.motrix360-main{
  grid-template-columns:minmax(360px,0.98fr) minmax(420px,1.02fr)!important;
  background:#070707!important;
}

.motrix360-main .motrix360-intro,
.motrix360-main .motrix360-visual{
  background:#070707!important;
}

.motrix360-main .motrix360-intro{
  padding:36px 34px!important;
}

.motrix360-main .motrix360-visual{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 14px!important;
}

.motrix360-main .motrix360-visual img{
  width:100%!important;
  height:auto!important;
  max-height:100%!important;
  object-fit:contain!important;
}

.motrix360-main .motrix360-intro h2{
  font-size:clamp(2.15rem,3.75vw,3.95rem)!important;
  line-height:0.94!important;
  letter-spacing:-0.04em!important;
  max-width:8.2ch!important;
  overflow:visible!important;
  text-wrap:balance;
}

.motrix360-main .motrix360-kicker,
.motrix360-main .motrix360-intro p{
  max-width:440px!important;
}

.motrix360-step-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block;
}

@media (max-width: 1300px){
  .motrix360-main{
    grid-template-columns:minmax(320px,0.92fr) minmax(360px,1.08fr)!important;
  }
  .motrix360-main .motrix360-intro h2{
    font-size:clamp(2.05rem,3.5vw,3.55rem)!important;
    max-width:8.4ch!important;
  }
}

@media (max-width: 820px){
  .motrix360-main .motrix360-visual{
    padding:14px!important;
  }
  .motrix360-main .motrix360-intro h2{
    max-width:none!important;
    font-size:clamp(2.1rem,10.2vw,3.2rem)!important;
  }
}


/* ===== Final polish v5: oil icon + symmetric Motrix 360 ===== */
.service-oil-icon{
  width:46px!important;
  height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  flex:0 0 46px!important;
  object-fit:contain!important;
  display:block!important;
  filter:none!important;
  opacity:1!important;
}

.motrix360-top{
  display:grid!important;
  grid-template-columns:minmax(0,1.9fr) minmax(340px,.86fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}

.motrix360-main{
  display:grid!important;
  grid-template-columns:minmax(360px,.84fr) minmax(400px,1.16fr)!important;
  gap:0!important;
  min-height:650px!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
}

.motrix360-main .motrix360-intro{
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:38px 30px 36px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}

.motrix360-title{
  margin:18px 0 0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  font-family:'Sora',sans-serif!important;
  font-size:clamp(2.1rem,2.8vw,2.55rem)!important;
  font-weight:800!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase!important;
  color:#F7F5F2!important;
}
.motrix360-title>span{display:block!important;white-space:nowrap!important;max-width:100%!important}
.motrix360-title-red{color:#E8222A!important;font-size:1.08em!important;margin-top:2px!important}

.motrix360-main .motrix360-kicker{margin-top:28px!important;max-width:320px!important}
.motrix360-main .motrix360-intro p{max-width:330px!important}

.motrix360-main .motrix360-visual{
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:8px 10px!important;
  min-height:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.motrix360-main .motrix360-visual img{
  display:block!important;
  width:min(100%,560px)!important;
  height:auto!important;
  max-height:625px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}
.motrix360-side{min-width:0!important;padding:28px 26px 24px!important}

@media(max-width:1180px){
  .motrix360-top{grid-template-columns:1fr!important}
  .motrix360-main{grid-template-columns:minmax(330px,.86fr) minmax(360px,1.14fr)!important;min-height:590px!important}
  .motrix360-side{grid-column:auto!important}
}
@media(max-width:820px){
  .motrix360-main{grid-template-columns:1fr!important;min-height:auto!important}
  .motrix360-main .motrix360-intro{padding:30px 24px!important}
  .motrix360-title{font-size:clamp(2.05rem,9.4vw,2.9rem)!important}
  .motrix360-main .motrix360-kicker,.motrix360-main .motrix360-intro p{max-width:100%!important}
  .motrix360-main .motrix360-visual{min-height:360px!important;padding:6px 12px 18px!important}
  .motrix360-main .motrix360-visual img{width:min(100%,540px)!important;max-height:520px!important}
}
@media(max-width:560px){
  .service-oil-icon{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;flex-basis:44px!important}
  .motrix360-title{font-size:clamp(2rem,9.2vw,2.7rem)!important}
  .motrix360-main .motrix360-visual{min-height:300px!important}
}

/* Final pontual v6: title color + no clipping */
.motrix360-main{
  grid-template-columns:minmax(430px,.94fr) minmax(420px,1.06fr)!important;
}
.motrix360-title{
  font-size:clamp(1.95rem,2.45vw,2.35rem)!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  position:relative!important;
  z-index:2!important;
  overflow:visible!important;
}
.motrix360-title > span{
  color:#F7F5F2!important;
}
.motrix360-title > .motrix360-title-red{
  color:#E8222A!important;
}
@media(max-width:1180px){
  .motrix360-main{
    grid-template-columns:minmax(390px,.92fr) minmax(360px,1.08fr)!important;
  }
}
@media(max-width:820px){
  .motrix360-title{
    font-size:clamp(2rem,9vw,2.85rem)!important;
  }
}


/* ===== Release final: Sobre + Jornada ===== */
.section-eyebrow{margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#E8222A;font-weight:700}
.about-new-section{padding:112px 24px;border-top:1px solid rgba(255,255,255,.05);background:#0D0D0D}
.about-new-wrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:64px;align-items:center}
.about-new-copy h2{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.02em;margin:16px 0 0;color:#F7F5F2;max-width:620px}
.about-new-copy>p:not(.section-eyebrow){margin:20px 0 0;color:#A39D97;max-width:620px;font-size:1.03rem;line-height:1.7}
.about-signature{margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:3px}
.about-signature strong{font-family:'Sora',sans-serif;color:#F7F5F2;font-size:1rem}.about-signature span{color:#E8222A;font-weight:700;font-size:1.08rem}
.about-pillars{display:grid;gap:14px}
.about-pillar{padding:26px 26px 24px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);transition:transform 250ms ease,border-color 250ms ease,background 250ms ease}
.about-pillar:hover{transform:translateY(-3px);border-color:rgba(232,34,42,.32);background:rgba(232,34,42,.035)}
.about-pillar>span{font-family:'Sora',sans-serif;font-size:12px;font-weight:800;color:#E8222A;letter-spacing:.12em}.about-pillar h3{margin:9px 0 0;font-family:'Sora',sans-serif;font-size:1.35rem;color:#F7F5F2}.about-pillar p{margin:9px 0 0;color:#A39D97;line-height:1.6}

.journey-section{padding:112px 24px;border-top:1px solid rgba(255,255,255,.05);background:#0A0A0A}
.journey-wrap{max-width:1240px;margin:0 auto}
.journey-heading{max-width:760px}.journey-heading h2{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(2rem,3.6vw,3rem);line-height:1.12;letter-spacing:-.02em;margin:16px 0 0;color:#F7F5F2}.journey-heading>p:last-child{margin:20px 0 0;color:#A39D97;max-width:700px;font-size:1.03rem;line-height:1.7}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}
.journey-card{position:relative;min-height:220px;padding:28px 26px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.024);overflow:hidden}
.journey-card>span{font-family:'Sora',sans-serif;font-size:12px;font-weight:800;letter-spacing:.12em;color:#E8222A}.journey-card h3{font-family:'Sora',sans-serif;color:#F7F5F2;font-size:1.2rem;margin:12px 0 0}.journey-card p{color:#A39D97;margin:11px 0 0;line-height:1.62;font-size:.97rem}.journey-card--accent{background:linear-gradient(145deg,rgba(232,34,42,.11),rgba(255,255,255,.025));border-color:rgba(232,34,42,.28)}
.journey-closing{margin-top:28px;padding:24px 28px;border-left:3px solid #E8222A;background:rgba(255,255,255,.02);color:#B9B3AD;font-size:1.08rem}.journey-closing strong{color:#F7F5F2}

@media(max-width:900px){.about-new-wrap{grid-template-columns:1fr;gap:42px}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.about-new-section,.journey-section{padding:84px 20px}.journey-grid{grid-template-columns:1fr}.journey-card{min-height:0}.about-pillar{padding:22px}.journey-closing{padding:20px}}


/* ===== Nacionais e importados section ===== */
.nationals-section{
  padding:112px 0 104px!important;
  background:#0E0E0E!important;
}
.nationals-head{
  max-width:1240px;
  margin:0 auto;
  padding:0 24px;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:72px;
  align-items:start;
}
.nationals-heading-col .brands-eyebrow{
  margin:0;
}
.nationals-heading-col .brands-title{
  margin:16px 0 0!important;
  max-width:610px!important;
  text-align:left!important;
  font-size:clamp(2rem,3.5vw,3rem)!important;
  line-height:1.08!important;
}
.nationals-copy-col{
  padding-top:28px;
  border-top:1px solid rgba(255,255,255,.1);
}
.nationals-copy-col p{
  margin:0;
  color:#B9B3AD;
  font-size:clamp(1rem,1.3vw,1.1rem);
  line-height:1.7;
}
.nationals-copy-col p+p{
  margin-top:16px;
}
.nationals-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.nationals-tags span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 13px;
  border:1px solid rgba(232,34,42,.22);
  border-radius:999px;
  background:rgba(232,34,42,.055);
  color:#D8D3CD;
  font-size:13px;
  line-height:1.25;
}
.brands-carousel-head{
  max-width:1240px;
  margin:54px auto 0;
  padding:0 24px;
  display:flex;
  align-items:center;
  gap:16px;
  color:#7E7A76;
  font-family:'Sora',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.brands-carousel-head::after{
  content:'';
  height:1px;
  flex:1;
  background:rgba(255,255,255,.08);
}
.nationals-section .brands-marquee{
  margin-top:26px!important;
}
@media(max-width:820px){
  .nationals-section{padding:84px 0 78px!important}
  .nationals-head{grid-template-columns:1fr;gap:30px;padding:0 20px}
  .nationals-heading-col .brands-title{max-width:680px!important}
  .nationals-copy-col{padding-top:22px}
  .brands-carousel-head{margin-top:42px;padding:0 20px}
}
@media(max-width:560px){
  .nationals-heading-col .brands-title{font-size:clamp(1.8rem,8vw,2.35rem)!important}
  .nationals-tags{gap:8px}
  .nationals-tags span{font-size:12px;padding:7px 11px}
  .brands-carousel-head{font-size:11px;letter-spacing:.09em}
}


/* Ajuste pontual mobile Motrix 360 */
.motrix360-visual-mobile{
  display:none;
}

@media (max-width: 820px){
  #motrix-360,
  #motrix-360 .motrix360-wrap,
  #motrix-360 .motrix360-top,
  #motrix-360 .motrix360-main,
  #motrix-360 .motrix360-intro{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  #motrix-360 .motrix360-main{
    display:block!important;
    overflow:visible!important;
    min-height:0!important;
  }

  #motrix-360 .motrix360-intro{
    overflow:visible!important;
    padding:28px 20px 30px!important;
  }

  #motrix-360 .motrix360-title{
    width:100%!important;
    max-width:100%!important;
    margin:16px 0 0!important;
    font-size:clamp(2rem, 10vw, 2.75rem)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
    overflow:visible!important;
    position:relative!important;
    z-index:3!important;
  }

  #motrix-360 .motrix360-title > span{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  #motrix-360 .motrix360-visual-mobile{
    display:flex!important;
    width:100%!important;
    min-height:260px!important;
    margin:24px 0 26px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    background:#000!important;
  }

  #motrix-360 .motrix360-visual-mobile img{
    display:block!important;
    width:min(100%, 520px)!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* No mobile a imagem é exibida junto à introdução, evitando que fique perdida após todo o texto. */
  #motrix-360 .motrix360-main > .motrix360-visual{
    display:none!important;
  }
}

@media (max-width: 420px){
  #motrix-360 .motrix360-section{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  #motrix-360 .motrix360-intro{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  #motrix-360 .motrix360-title{
    font-size:clamp(1.85rem, 9.5vw, 2.35rem)!important;
  }

  #motrix-360 .motrix360-visual-mobile{
    min-height:230px!important;
    margin-top:20px!important;
  }
}