@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/archivo-latin.woff2") format("woff2")}
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/bebas-neue-latin.woff2") format("woff2")}
:root{--black:#070707;--white:#fff;--yellow:#ffc400;--light:#f3f3f0;--gray:#777;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Archivo,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(calc(100% - 56px),var(--max));margin:auto}.display{font-family:"Bebas Neue",sans-serif;text-transform:uppercase;line-height:.86;margin:0}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid rgba(255,255,255,.28);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.1em;transition:.25s;background:transparent;color:#fff}.btn:hover{transform:translateY(-2px)}.btn--yellow{background:var(--yellow);color:#000;border-color:var(--yellow)}.btn--yellow:hover{background:#fff;border-color:#fff}
header{position:fixed;left:0;right:0;top:0;height:96px;z-index:100;display:flex;align-items:center;transition:.3s}header:before{content:"";position:absolute;left:0;top:0;width:clamp(285px,22vw,360px);height:96px;background:rgba(7,7,7,.54);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);z-index:0;pointer-events:none}header.scrolled{background:rgba(7,7,7,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{position:relative;z-index:1;width:min(calc(100% - 56px),var(--max));margin:auto;display:flex;justify-content:space-between;align-items:center;height:100%}.logo{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:flex-start;height:100%;padding:0;background:none;box-shadow:none;border-radius:0}.logo img{width:160px;display:block}.nav{display:flex;gap:28px;align-items:center;height:100%}.nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.nav a:hover{color:var(--yellow)}
.hero{position:relative;height:100vh;min-height:720px;overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none}.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025)}.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.00) 0%,rgba(0,0,0,.04) 40%,rgba(0,0,0,.56) 68%,rgba(0,0,0,.84) 100%)}.hero-content{position:relative;z-index:4;height:100%;display:flex;align-items:center;justify-content:flex-end;padding-top:84px}.hero-copy{width:min(500px,36vw);margin-right:7.5vw;margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.hero-index{font-family:"Bebas Neue";font-size:22px;color:var(--yellow);letter-spacing:.1em}.hero-name{font-family:"Bebas Neue";font-size:clamp(88px,8vw,150px);line-height:.78;margin:6px 0 14px;text-transform:uppercase}.hero-power{font-size:clamp(30px,3vw,48px);margin-bottom:24px}.hero-copy p{color:#eee;line-height:1.65;margin:0 0 26px;width:100%;max-width:500px;text-align:right;text-shadow:0 2px 14px rgba(0,0,0,.45)}.hero-copy p .hero-line{display:block;white-space:nowrap}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.hero-nav{position:absolute;z-index:20;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:12px}.hero-nav button{border:0;background:transparent;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 0}.hero-nav .bar{width:28px;height:2px;background:rgba(255,255,255,.28);transition:.3s}.hero-nav button.active{color:#fff}.hero-nav button.active .bar{width:58px;background:var(--yellow)}.scroll-down{position:absolute;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#ddd;display:flex;flex-direction:column;align-items:center;gap:7px}.scroll-down:after{content:"";height:32px;width:1px;background:linear-gradient(var(--yellow),transparent)}
.products{background:var(--light);color:#111;padding:105px 0 115px}.products-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.products-head h2{font-size:clamp(62px,8vw,115px)}.products-head p{max-width:560px;color:#666;line-height:1.6}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid #deded8;overflow:hidden;transition:.35s;position:relative}.product-card:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(0,0,0,.1)}.product-carousel{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e7e7e2}.product-carousel-track{position:relative;width:100%;height:100%}.product-carousel-track img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .38s ease,transform .55s ease}.product-carousel-track img.active{opacity:1;z-index:2}.product-card:hover .product-carousel-track img.active{transform:scale(1.045)}.carousel-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.16);background:rgba(255,255,255,.86);color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s}.carousel-arrow:hover{background:var(--yellow);border-color:var(--yellow)}.carousel-arrow.prev{left:10px}.carousel-arrow.next{right:10px}.color-picker{position:absolute;z-index:5;left:50%;bottom:11px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px 8px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border-radius:30px}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.28);padding:0;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.8);transition:.2s}.color-dot.active{outline:2px solid #111;outline-offset:2px}.color-dot.red{background:#a92020}.color-dot.black{background:#151515}.color-dot.silver{background:#aaa}.color-dot.white{background:#f6f6f3}.color-dot.placeholder{background:linear-gradient(135deg,#ddd 0 50%,#aaa 50%)}.product-body{padding:22px}.product-body h3{margin:0 0 14px;font-size:30px;text-transform:uppercase}.spec{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e5e5df;font-size:13px}.spec span{color:#777}.spec b{text-align:right}.product-note{font-size:12px;color:#666;line-height:1.5;min-height:54px;margin:10px 0 18px}.product-actions{display:grid;grid-template-columns:1fr;gap:8px}.product-card .btn{width:100%}.tech-btn{border-color:#d7d7d0;color:#111;background:#f7f7f4}.tech-btn:hover{background:#111;color:#fff;border-color:#111}.modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.28s}.modal.open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-panel{position:relative;z-index:2;width:min(720px,100%);max-height:min(82vh,760px);overflow:auto;background:#fff;color:#111;box-shadow:0 30px 100px rgba(0,0,0,.42);transform:translateY(20px) scale(.98);transition:.32s cubic-bezier(.16,1,.3,1)}.modal.open .modal-panel{transform:none}.modal-head{position:sticky;top:0;z-index:2;background:#111;color:#fff;padding:28px 72px 24px 30px;border-bottom:5px solid var(--yellow)}.modal-head .eyebrow{margin-bottom:8px}.modal-head h3{font-family:"Bebas Neue";font-size:58px;line-height:.85;margin:0;text-transform:uppercase}.modal-close{position:absolute;right:22px;top:22px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:20px;cursor:pointer}.modal-body{padding:12px 30px 30px}.tech-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #e4e4de;align-items:center}.tech-row span{color:#777;font-size:13px}.tech-row strong{text-align:right;font-size:14px}.tech-row strong.blank{color:#aaa;font-weight:500}.modal-note{font-size:12px;line-height:1.55;color:#777;margin:20px 0 0}.modal-cta{margin-top:24px}.modal-cta .btn{width:100%}
.store{padding:105px 0;background:#101010}.store-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px}.store-visual{min-height:500px;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,196,0,.15),transparent 45%),linear-gradient(135deg,#232323,#080808)}.store-visual:before{content:"MUVI-E";position:absolute;left:-10px;bottom:-35px;font-family:"Bebas Neue";font-size:clamp(120px,16vw,250px);color:rgba(255,255,255,.06);line-height:.7}.store-visual:after{content:"";position:absolute;left:62px;top:54px;width:125px;height:300px;background:var(--yellow);transform:skewX(-10deg)}.store-copy{display:flex;flex-direction:column;justify-content:center;padding:30px 3vw}.store-copy h2{font-size:clamp(68px,8vw,120px);margin:10px 0 24px}.store-copy p{color:#c9c9c3;line-height:1.7;font-size:17px;max-width:570px}
.reviews{background:#fff;color:#111;padding:105px 0}.reviews h2{font-size:clamp(62px,8vw,110px);margin:10px 0 40px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review{background:#f2f2ef;padding:26px;min-height:245px;display:flex;flex-direction:column;justify-content:space-between}.stars{color:#eeb400;letter-spacing:.14em}.review p{font-size:17px;line-height:1.65;color:#454541}.review small{text-transform:uppercase;font-weight:700;letter-spacing:.08em}
.location{background:#0a0a0a;padding:105px 0}.location-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.location-copy{display:flex;flex-direction:column;justify-content:center}.location-copy h2{font-size:clamp(70px,8vw,120px);margin:10px 0 22px}.location-copy p{color:#c5c5bf;line-height:1.7;max-width:560px}.location-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.map-wrap{min-height:420px;border:1px solid rgba(255,255,255,.14);overflow:hidden}.map-wrap iframe{width:100%;height:100%;min-height:420px;border:0;filter:none}footer{background:#050505;border-top:1px solid rgba(255,255,255,.08);padding:36px 0;color:#aaa;font-size:12px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner img{width:110px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{width:45vw}.store-grid,.location-grid{grid-template-columns:1fr}}
@media(max-width:820px){.nav{display:none}.hero-slide:after{background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.15) 100%)}.hero-content{align-items:flex-end;justify-content:flex-start;padding:0 18px 88px}.hero-copy{width:calc(100% - 45px);margin:0;text-align:left;align-items:flex-start}.hero-name{font-size:24vw}.hero-copy p{text-align:left;max-width:100%}.hero-copy p .hero-line{display:inline;white-space:normal}.hero-actions{justify-content:flex-start}.hero-nav{right:14px;top:auto;bottom:110px;transform:none}.hero-nav button.active .bar{width:42px}.products-head{display:block}.review-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:560px){.container,.header-inner{width:calc(100% - 28px)}header{height:76px}header:before{top:0;height:76px;width:215px;background:rgba(7,7,7,.56)}.logo{padding:0;height:100%}.logo img{width:118px}.hero-actions{flex-direction:column;align-items:flex-start}.product-grid{grid-template-columns:1fr}.products,.store,.reviews,.location{padding:80px 0}.store-visual{min-height:340px}}
@media(max-width:560px){.modal{padding:10px}.modal-head{padding:24px 62px 20px 22px}.modal-head h3{font-size:46px}.modal-close{right:14px;top:14px}.modal-body{padding:8px 22px 24px}.tech-row{grid-template-columns:1fr;gap:6px}.tech-row strong{text-align:left}}

/* AJUSTES FINAIS DOS CARROSSEIS DOS CARDS */
.product-card .carousel-prev,
.product-card .carousel-next,
.product-card .card-prev,
.product-card .card-next,
.product-card .carousel-arrow,
.product-card .slider-arrow,
.product-card .prev,
.product-card .next {
  display: none !important;
}

.product-card .product-image,
.product-card .card-carousel {
  overflow: hidden;
}

.product-card .card-slide img,
.product-card .carousel-slide img,
.product-card .product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  transform: scale(.90);
}

.product-card .card-dot,
.product-card .carousel-dot {
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  border-width: 1px !important;
}

.product-card .card-dots,
.product-card .carousel-dots {
  gap: 6px !important;
  bottom: 10px !important;
}

.product-card .card-dot.active,
.product-card .carousel-dot.active {
  transform: scale(1.12) !important;
}


/* CENTRALIZAÇÃO DAS IMAGENS DOS CARDS */
.product-carousel,
.card-carousel,
.product-image {
  position: relative !important;
  overflow: hidden !important;
  background: #fff !important;
}

.product-carousel-track,
.card-carousel-track,
.product-image {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

.product-carousel-track img,
.card-carousel-track img,
.product-image img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: auto !important;
  height: auto !important;
  max-width: 88% !important;
  max-height: 88% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
}

/* impede qualquer zoom no hover */
.product-card:hover .product-carousel-track img,
.product-card:hover .card-carousel-track img,
.product-card:hover .product-image img {
  transform: translate(-50%, -50%) !important;
}


/* AJUSTE FINAL DOS CARDS */
.product-carousel .color-picker{
  bottom: 2px !important;
}
.product-body{
  padding: 22px 28px 28px !important;
}
.product-body h3{
  margin-bottom: 18px !important;
}
.product-actions{
  margin-top: 0 !important;
  gap: 9px !important;
}
.product-actions .btn{
  min-height: 58px !important;
}


/* CENTRALIZAÇÃO DOS NOMES DOS MODELOS */
.product-body h3{
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* AJUSTES DA SEÇÃO DE MODELOS + SEO VISUAL */
.products-head .eyebrow{
  display:inline-block;
  margin-bottom:18px !important;
}
.products-head h2{
  margin-top:0 !important;
}


/* HERO RESPONSIVO — imagem inteira em qualquer proporção de tela */
.hero-slide{
  background:#111;
  isolation:isolate;
}

.hero-slide::before{
  content:"";
  position:absolute;
  inset:-3%;
  z-index:0;
  background-image:var(--hero-image);
  background-size:cover;
  background-position:center;
  filter:blur(18px) brightness(.48) saturate(.85);
  transform:scale(1.08);
  opacity:.72;
}

.hero-bg{
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
}

.hero-slide::after{
  z-index:2 !important;
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 42%,
      rgba(0,0,0,.18) 56%,
      rgba(0,0,0,.68) 76%,
      rgba(0,0,0,.92) 100%
    ) !important;
}

.hero-content{
  z-index:4 !important;
}

/* Ajustes intermediários */
@media (max-width:1280px){
  .hero-bg{
    object-position:left center !important;
  }
  .hero-copy{
    width:min(470px,40vw) !important;
    margin-right:6vw !important;
  }
  .hero-name{
    font-size:clamp(76px,8vw,128px) !important;
  }
}

/* Tablets */
@media (max-width:980px){
  .hero{
    min-height:680px !important;
  }
  .hero-bg{
    object-fit:contain !important;
    object-position:center 18% !important;
  }
  .hero-slide::after{
    background:
      linear-gradient(
        0deg,
        rgba(0,0,0,.90) 0%,
        rgba(0,0,0,.62) 30%,
        rgba(0,0,0,.10) 62%,
        rgba(0,0,0,.08) 100%
      ) !important;
  }
  .hero-content{
    align-items:flex-end !important;
    justify-content:flex-start !important;
    padding:0 22px 86px !important;
  }
  .hero-copy{
    width:min(620px,calc(100% - 48px)) !important;
    margin:0 !important;
    text-align:left !important;
    align-items:flex-start !important;
  }
  .hero-copy p{
    text-align:left !important;
    max-width:620px !important;
  }
  .hero-actions{
    justify-content:flex-start !important;
  }
}

/* Celulares */
@media (max-width:560px){
  .hero{
    height:100svh !important;
    min-height:660px !important;
  }
  .hero-bg{
    object-position:center 14% !important;
    height:66% !important;
  }
  .hero-slide::before{
    filter:blur(14px) brightness(.42) saturate(.82);
  }
  .hero-content{
    padding:0 16px 74px !important;
  }
  .hero-copy{
    width:calc(100% - 28px) !important;
  }
  .hero-name{
    font-size:21vw !important;
    margin-bottom:8px !important;
  }
  .hero-power{
    font-size:28px !important;
    margin-bottom:14px !important;
  }
  .hero-copy p{
    font-size:14px !important;
    line-height:1.5 !important;
    margin-bottom:18px !important;
  }
  .hero-actions{
    width:100%;
    gap:8px !important;
  }
  .hero-actions .btn{
    flex:1 1 100%;
    width:100%;
  }
  .hero-nav{
    right:12px !important;
    bottom:96px !important;
  }
}
.nowrap{white-space:nowrap}


.trustindex-wrap{
  margin-top:38px;
}


/* ==========================================================
   MUVI-E PRODUCT POPUP
   Criado em runtime e anexado diretamente ao BODY.
   Não altera o layout da página.
   ========================================================== */
#muvi-product-popup{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483000 !important;
  display:none !important;
  overflow:auto !important;
  padding:14px !important;
  box-sizing:border-box !important;
}
#muvi-product-popup.muvi-popup-open{
  display:block !important;
}
#muvi-product-popup *{
  box-sizing:border-box !important;
}
#muvi-product-popup .muvi-popup-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:1 !important;
  background:rgba(0,0,0,.78) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}
#muvi-product-popup .muvi-popup-box{
  position:relative !important;
  z-index:2 !important;
  width:min(1060px, calc(100vw - 40px)) !important;
  min-height:0 !important;
  margin:1.5vh auto !important;
  background:#f4f4f1 !important;
  color:#111 !important;
  box-shadow:0 30px 100px rgba(0,0,0,.48) !important;
  overflow:hidden !important;
}
#muvi-product-popup .muvi-popup-close{
  position:absolute !important;
  right:16px !important;
  top:16px !important;
  z-index:20 !important;
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  border:1px solid rgba(0,0,0,.16) !important;
  background:#fff !important;
  color:#111 !important;
  font-size:24px !important;
  line-height:1 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#muvi-product-popup .muvi-popup-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr) !important;
  min-height:0 !important;
}
#muvi-product-popup .muvi-popup-gallery{
  background:#fff !important;
  padding:24px 26px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}
#muvi-product-popup .muvi-popup-stage{
  position:relative !important;
  width:100% !important;
  height:min(58vh,440px) !important;
}
#muvi-product-popup .muvi-popup-stage img{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:auto !important;
  height:auto !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  transform:translate(-50%,-50%) !important;
  opacity:0 !important;
  transition:opacity .25s ease !important;
}
#muvi-product-popup .muvi-popup-stage img.muvi-active{
  opacity:1 !important;
  z-index:2 !important;
}
#muvi-product-popup .muvi-popup-colorbar{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin-top:4px !important;
}
#muvi-product-popup .muvi-popup-colorname{
  color:#777 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
#muvi-product-popup .muvi-popup-colorname strong{
  color:#111 !important;
}
#muvi-product-popup .muvi-popup-dots{
  display:flex !important;
  gap:9px !important;
  align-items:center !important;
}
#muvi-product-popup .muvi-popup-dot{
  width:13px !important;
  height:13px !important;
  min-width:13px !important;
  min-height:13px !important;
  border-radius:50% !important;
  border:1px solid rgba(0,0,0,.28) !important;
  padding:0 !important;
  cursor:pointer !important;
}
#muvi-product-popup .muvi-popup-dot.muvi-active{
  outline:2px solid #111 !important;
  outline-offset:3px !important;
}
#muvi-product-popup .muvi-red{background:#a92020 !important}
#muvi-product-popup .muvi-black{background:#151515 !important}
#muvi-product-popup .muvi-silver{background:#aaa !important}
#muvi-product-popup .muvi-white{background:#f7f7f4 !important}
#muvi-product-popup .muvi-placeholder{background:linear-gradient(135deg,#ddd 0 50%,#aaa 50%) !important}

#muvi-product-popup .muvi-popup-info{
  background:#111 !important;
  color:#fff !important;
  padding:34px 38px 28px !important;
  display:flex !important;
  flex-direction:column !important;
}
#muvi-product-popup .muvi-popup-kicker{
  color:#ffc400 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin-bottom:10px !important;
}
#muvi-product-popup .muvi-popup-title{
  font-family:"Bebas Neue",sans-serif !important;
  font-size:clamp(58px,5vw,82px) !important;
  line-height:.82 !important;
  margin:0 0 20px !important;
  text-transform:uppercase !important;
  color:#fff !important;
}
#muvi-product-popup .muvi-popup-tech{
  border-top:1px solid rgba(255,255,255,.14) !important;
}
#muvi-product-popup .muvi-popup-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
  align-items:center !important;
  padding:10px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
#muvi-product-popup .muvi-popup-row span{
  color:#aaa !important;
  font-size:12px !important;
}
#muvi-product-popup .muvi-popup-row strong{
  color:#fff !important;
  text-align:right !important;
  font-size:14px !important;
}
#muvi-product-popup .muvi-popup-row strong.muvi-blank{
  color:#666 !important;
  font-weight:500 !important;
}
#muvi-product-popup .muvi-popup-note{
  color:#999 !important;
  font-size:11px !important;
  line-height:1.55 !important;
  margin:12px 0 0 !important;
}
#muvi-product-popup .muvi-popup-cta{
  margin-top:auto !important;
  padding-top:18px !important;
}
#muvi-product-popup .muvi-popup-cta a{
  display:flex !important;
  width:100% !important;
  min-height:52px !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffc400 !important;
  color:#000 !important;
  border:1px solid #ffc400 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.1em !important;
}
body.muvi-popup-body-lock{
  overflow:hidden !important;
}

@media(max-width:900px){
  #muvi-product-popup{padding:14px !important}
  #muvi-product-popup .muvi-popup-box{
    width:min(700px,calc(100vw - 28px)) !important;
    min-height:0 !important;
    margin:2vh auto !important;
  }
  #muvi-product-popup .muvi-popup-grid{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  #muvi-product-popup .muvi-popup-stage{height:360px !important}
  #muvi-product-popup .muvi-popup-gallery{padding:30px 20px 22px !important}
  #muvi-product-popup .muvi-popup-info{padding:34px 26px 28px !important}
}

@media(max-width:560px){
  #muvi-product-popup{padding:8px !important}
  #muvi-product-popup .muvi-popup-box{
    width:calc(100vw - 16px) !important;
    margin:1vh auto !important;
  }
  #muvi-product-popup .muvi-popup-stage{height:285px !important}
  #muvi-product-popup .muvi-popup-gallery{padding:26px 12px 18px !important}
  #muvi-product-popup .muvi-popup-info{padding:28px 20px 24px !important}
  #muvi-product-popup .muvi-popup-title{font-size:58px !important}
  #muvi-product-popup .muvi-popup-row{
    grid-template-columns:1fr !important;
    gap:5px !important;
  }
  #muvi-product-popup .muvi-popup-row strong{text-align:left !important}
}


@media(min-width:901px){
  #muvi-product-popup .muvi-popup-box{
    max-height:96vh !important;
  }
  #muvi-product-popup .muvi-popup-grid{
    height:min(700px,94vh) !important;
  }
  #muvi-product-popup .muvi-popup-gallery,
  #muvi-product-popup .muvi-popup-info{
    min-height:0 !important;
  }
  #muvi-product-popup .muvi-popup-stage{
    flex:1 1 auto !important;
    min-height:300px !important;
  }
}


/* AJUSTE FINAL DO POP-UP — CABE TUDO SEM SCROLL NO DESKTOP */
@media(min-width:901px){
  #muvi-product-popup{
    overflow:hidden !important;
    padding:10px 18px !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:min(1040px, calc(100vw - 36px)) !important;
    height:min(780px, calc(100vh - 20px)) !important;
    max-height:calc(100vh - 20px) !important;
    margin:10px auto !important;
    overflow:hidden !important;
  }

  #muvi-product-popup .muvi-popup-grid{
    height:100% !important;
    min-height:0 !important;
    grid-template-columns:minmax(0,1.03fr) minmax(350px,.97fr) !important;
  }

  #muvi-product-popup .muvi-popup-gallery{
    min-height:0 !important;
    height:100% !important;
    padding:18px 22px 14px !important;
  }

  #muvi-product-popup .muvi-popup-stage{
    height:auto !important;
    min-height:0 !important;
    flex:1 1 auto !important;
  }

  #muvi-product-popup .muvi-popup-stage img{
    max-width:88% !important;
    max-height:88% !important;
  }

  #muvi-product-popup .muvi-popup-colorbar{
    margin-top:0 !important;
    padding-bottom:2px !important;
  }

  #muvi-product-popup .muvi-popup-info{
    min-height:0 !important;
    height:100% !important;
    padding:24px 34px 20px !important;
    overflow:hidden !important;
  }

  #muvi-product-popup .muvi-popup-kicker{
    margin-bottom:5px !important;
    font-size:11px !important;
  }

  #muvi-product-popup .muvi-popup-title{
    font-size:clamp(54px,4.6vw,72px) !important;
    margin:0 0 14px !important;
    line-height:.84 !important;
  }

  #muvi-product-popup .muvi-popup-row{
    padding:7px 0 !important;
    gap:14px !important;
  }

  #muvi-product-popup .muvi-popup-row span{
    font-size:11px !important;
  }

  #muvi-product-popup .muvi-popup-row strong{
    font-size:12.5px !important;
  }

  #muvi-product-popup .muvi-popup-note{
    margin:9px 0 0 !important;
    font-size:10px !important;
    line-height:1.4 !important;
  }

  #muvi-product-popup .muvi-popup-cta{
    padding-top:10px !important;
    margin-top:auto !important;
  }

  #muvi-product-popup .muvi-popup-cta a{
    min-height:46px !important;
    font-size:11px !important;
  }

  #muvi-product-popup .muvi-popup-close{
    top:12px !important;
    right:12px !important;
    width:38px !important;
    height:38px !important;
  }
}

/* Em notebooks com pouca altura, compacta um pouco mais */
@media(min-width:901px) and (max-height:760px){
  #muvi-product-popup .muvi-popup-box{
    height:calc(100vh - 12px) !important;
    max-height:calc(100vh - 12px) !important;
    margin:6px auto !important;
  }

  #muvi-product-popup .muvi-popup-info{
    padding:18px 30px 14px !important;
  }

  #muvi-product-popup .muvi-popup-title{
    font-size:58px !important;
    margin-bottom:10px !important;
  }

  #muvi-product-popup .muvi-popup-row{
    padding:5.5px 0 !important;
  }

  #muvi-product-popup .muvi-popup-note{
    margin-top:7px !important;
  }

  #muvi-product-popup .muvi-popup-cta{
    padding-top:7px !important;
  }

  #muvi-product-popup .muvi-popup-cta a{
    min-height:42px !important;
  }
}


/* REFINO VISUAL: POP-UP MENOR + TIPOGRAFIA MAIS LEGÍVEL */
@media(min-width:901px){
  #muvi-product-popup{
    padding:18px 24px !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:min(980px, calc(100vw - 48px)) !important;
    height:min(720px, calc(100vh - 36px)) !important;
    max-height:calc(100vh - 36px) !important;
    margin:18px auto !important;
  }

  #muvi-product-popup .muvi-popup-grid{
    grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr) !important;
  }

  #muvi-product-popup .muvi-popup-gallery{
    padding:20px 22px 16px !important;
  }

  #muvi-product-popup .muvi-popup-stage img{
    max-width:90% !important;
    max-height:90% !important;
  }

  #muvi-product-popup .muvi-popup-info{
    padding:24px 30px 18px !important;
  }

  #muvi-product-popup .muvi-popup-kicker{
    font-size:13px !important;
    letter-spacing:2px !important;
    margin-bottom:7px !important;
  }

  #muvi-product-popup .muvi-popup-title{
    font-size:clamp(58px,4.8vw,76px) !important;
    line-height:.88 !important;
    margin:0 0 16px !important;
  }

  #muvi-product-popup .muvi-popup-row{
    padding:8px 0 !important;
  }

  #muvi-product-popup .muvi-popup-row span{
    font-size:13px !important;
    line-height:1.25 !important;
  }

  #muvi-product-popup .muvi-popup-row strong{
    font-size:14px !important;
    line-height:1.25 !important;
  }

  #muvi-product-popup .muvi-popup-note{
    font-size:11px !important;
    line-height:1.45 !important;
    margin-top:9px !important;
  }

  #muvi-product-popup .muvi-popup-colorbar{
    font-size:12px !important;
  }

  #muvi-product-popup .muvi-popup-cta{
    padding-top:10px !important;
  }

  #muvi-product-popup .muvi-popup-cta a{
    min-height:48px !important;
    font-size:12px !important;
    letter-spacing:1.2px !important;
  }

  #muvi-product-popup .muvi-popup-close{
    width:40px !important;
    height:40px !important;
  }
}

/* Ajuste proporcional para notebooks com pouca altura */
@media(min-width:901px) and (max-height:760px){
  #muvi-product-popup{
    padding:10px 20px !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:min(950px, calc(100vw - 40px)) !important;
    height:calc(100vh - 20px) !important;
    max-height:calc(100vh - 20px) !important;
    margin:10px auto !important;
  }

  #muvi-product-popup .muvi-popup-info{
    padding:18px 28px 14px !important;
  }

  #muvi-product-popup .muvi-popup-title{
    font-size:58px !important;
    margin-bottom:10px !important;
  }

  #muvi-product-popup .muvi-popup-row{
    padding:6px 0 !important;
  }

  #muvi-product-popup .muvi-popup-row span{
    font-size:12.5px !important;
  }

  #muvi-product-popup .muvi-popup-row strong{
    font-size:13.5px !important;
  }

  #muvi-product-popup .muvi-popup-note{
    font-size:10.5px !important;
  }

  #muvi-product-popup .muvi-popup-cta a{
    min-height:44px !important;
  }
}


/* ==========================================================
   POP-UP — DISTRIBUIÇÃO VERTICAL + RESPONSIVIDADE REFINADA
   ========================================================== */

/* Desktop e notebooks */
@media(min-width:901px){
  #muvi-product-popup{
    padding:16px 22px !important;
    overflow:hidden !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:min(980px, calc(100vw - 44px)) !important;
    height:min(720px, calc(100vh - 32px)) !important;
    max-height:calc(100vh - 32px) !important;
    margin:16px auto !important;
    overflow:hidden !important;
  }

  #muvi-product-popup .muvi-popup-grid{
    height:100% !important;
    min-height:0 !important;
    grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr) !important;
  }

  /* Coluna esquerda */
  #muvi-product-popup .muvi-popup-gallery{
    height:100% !important;
    min-height:0 !important;
    padding:20px 22px 16px !important;
  }

  #muvi-product-popup .muvi-popup-stage{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
  }

  #muvi-product-popup .muvi-popup-stage img{
    max-width:90% !important;
    max-height:88% !important;
  }

  #muvi-product-popup .muvi-popup-colorbar{
    margin-top:0 !important;
    padding:4px 0 0 !important;
  }

  /* Coluna direita */
  #muvi-product-popup .muvi-popup-info{
    height:100% !important;
    min-height:0 !important;
    padding:24px 30px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  #muvi-product-popup .muvi-popup-kicker{
    flex:0 0 auto !important;
    margin-bottom:7px !important;
    font-size:13px !important;
  }

  #muvi-product-popup .muvi-popup-title{
    flex:0 0 auto !important;
    font-size:clamp(58px,4.8vw,76px) !important;
    line-height:.88 !important;
    margin:0 0 14px !important;
  }

  /* A ficha passa a ocupar o miolo do painel */
  #muvi-product-popup .muvi-popup-tech{
    flex:1 1 auto !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-evenly !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
  }

  #muvi-product-popup .muvi-popup-row{
    flex:0 0 auto !important;
    padding:8px 0 !important;
    min-height:0 !important;
  }

  #muvi-product-popup .muvi-popup-row span{
    font-size:13px !important;
    line-height:1.25 !important;
  }

  #muvi-product-popup .muvi-popup-row strong{
    font-size:14px !important;
    line-height:1.25 !important;
  }

  #muvi-product-popup .muvi-popup-note{
    flex:0 0 auto !important;
    font-size:11px !important;
    line-height:1.45 !important;
    margin:10px 0 0 !important;
  }

  #muvi-product-popup .muvi-popup-cta{
    flex:0 0 auto !important;
    padding-top:14px !important;
    margin-top:0 !important;
  }

  #muvi-product-popup .muvi-popup-cta a{
    min-height:48px !important;
    font-size:12px !important;
  }
}

/* Notebooks baixos: compacta de forma proporcional sem perder leitura */
@media(min-width:901px) and (max-height:760px){
  #muvi-product-popup{
    padding:8px 18px !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:min(950px, calc(100vw - 36px)) !important;
    height:calc(100vh - 16px) !important;
    max-height:calc(100vh - 16px) !important;
    margin:8px auto !important;
  }

  #muvi-product-popup .muvi-popup-info{
    padding:18px 26px 14px !important;
  }

  #muvi-product-popup .muvi-popup-kicker{
    font-size:11.5px !important;
    margin-bottom:4px !important;
  }

  #muvi-product-popup .muvi-popup-title{
    font-size:56px !important;
    margin-bottom:8px !important;
  }

  #muvi-product-popup .muvi-popup-row{
    padding:5.5px 0 !important;
  }

  #muvi-product-popup .muvi-popup-row span{
    font-size:12px !important;
  }

  #muvi-product-popup .muvi-popup-row strong{
    font-size:13px !important;
  }

  #muvi-product-popup .muvi-popup-note{
    font-size:10px !important;
    margin-top:7px !important;
  }

  #muvi-product-popup .muvi-popup-cta{
    padding-top:8px !important;
  }

  #muvi-product-popup .muvi-popup-cta a{
    min-height:42px !important;
  }
}

/* Tablet: empilha sem apertar o conteúdo */
@media(max-width:900px){
  #muvi-product-popup{
    padding:12px !important;
    overflow:auto !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:min(720px, calc(100vw - 24px)) !important;
    height:auto !important;
    max-height:none !important;
    margin:12px auto !important;
    overflow:visible !important;
  }

  #muvi-product-popup .muvi-popup-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    height:auto !important;
  }

  #muvi-product-popup .muvi-popup-gallery{
    min-height:0 !important;
    height:auto !important;
    padding:28px 18px 20px !important;
  }

  #muvi-product-popup .muvi-popup-stage{
    height:360px !important;
    flex:none !important;
  }

  #muvi-product-popup .muvi-popup-info{
    height:auto !important;
    overflow:visible !important;
    padding:30px 26px 26px !important;
  }

  #muvi-product-popup .muvi-popup-tech{
    display:block !important;
  }

  #muvi-product-popup .muvi-popup-row{
    padding:10px 0 !important;
  }

  #muvi-product-popup .muvi-popup-cta{
    margin-top:20px !important;
    padding-top:0 !important;
  }
}

/* Celular */
@media(max-width:560px){
  #muvi-product-popup{
    padding:6px !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:calc(100vw - 12px) !important;
    margin:6px auto !important;
  }

  #muvi-product-popup .muvi-popup-gallery{
    padding:24px 10px 16px !important;
  }

  #muvi-product-popup .muvi-popup-stage{
    height:280px !important;
  }

  #muvi-product-popup .muvi-popup-info{
    padding:24px 18px 20px !important;
  }

  #muvi-product-popup .muvi-popup-title{
    font-size:54px !important;
  }

  #muvi-product-popup .muvi-popup-row{
    grid-template-columns:1fr !important;
    gap:4px !important;
    padding:9px 0 !important;
  }

  #muvi-product-popup .muvi-popup-row strong{
    text-align:left !important;
  }

  #muvi-product-popup .muvi-popup-cta a{
    min-height:48px !important;
    font-size:11px !important;
  }
}


/* HEADER — ESTENDE O EFEITO TRANSLÚCIDO POR TODA A LARGURA DO HERO */
header:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  width:100% !important;
  height:96px !important;
  background:rgba(7,7,7,.54) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  border-right:0 !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  z-index:0 !important;
  pointer-events:none !important;
}

@media(max-width:560px){
  header:before{
    width:100% !important;
    height:76px !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    background:rgba(7,7,7,.56) !important;
  }
}


/* HERO — SUAVIZA O ENCONTRO ENTRE A FOTO E A ÁREA ESCURA */
.hero-slide:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      90deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,0) 58%,
      rgba(7,7,7,.08) 64%,
      rgba(7,7,7,.22) 70%,
      rgba(7,7,7,.42) 76%,
      rgba(7,7,7,.66) 82%,
      rgba(7,7,7,.84) 88%,
      rgba(7,7,7,.96) 94%,
      #070707 100%
    ) !important;
}

/* Em telas um pouco menores, começa a transição antes para evitar corte aparente */
@media(max-width:1280px){
  .hero-slide:after{
    background:
      linear-gradient(
        90deg,
        rgba(7,7,7,0) 0%,
        rgba(7,7,7,0) 52%,
        rgba(7,7,7,.10) 60%,
        rgba(7,7,7,.28) 68%,
        rgba(7,7,7,.52) 76%,
        rgba(7,7,7,.78) 84%,
        rgba(7,7,7,.94) 92%,
        #070707 100%
      ) !important;
  }
}

/* Tablet/mobile: mantém o fade vertical já mais adequado ao layout empilhado */
@media(max-width:820px){
  .hero-slide:after{
    background:
      linear-gradient(
        0deg,
        rgba(7,7,7,.94) 0%,
        rgba(7,7,7,.72) 26%,
        rgba(7,7,7,.30) 46%,
        rgba(7,7,7,.08) 64%,
        rgba(7,7,7,0) 82%
      ) !important;
  }
}


/* CORREÇÃO REAL DO CORTE À DIREITA DA FOTO DO HERO
   O fade agora é aplicado diretamente na própria imagem,
   não apenas como uma camada por cima. */
.hero-bg{
  -webkit-mask-image:linear-gradient(
    to right,
    #000 0%,
    #000 70%,
    rgba(0,0,0,.98) 74%,
    rgba(0,0,0,.88) 78%,
    rgba(0,0,0,.66) 82%,
    rgba(0,0,0,.38) 86%,
    rgba(0,0,0,.14) 90%,
    transparent 94%
  ) !important;
  mask-image:linear-gradient(
    to right,
    #000 0%,
    #000 70%,
    rgba(0,0,0,.98) 74%,
    rgba(0,0,0,.88) 78%,
    rgba(0,0,0,.66) 82%,
    rgba(0,0,0,.38) 86%,
    rgba(0,0,0,.14) 90%,
    transparent 94%
  ) !important;
}

/* A camada de leitura continua, mas bem mais suave porque
   quem faz a transição principal agora é a própria imagem. */
.hero-slide:after{
  background:linear-gradient(
    90deg,
    rgba(7,7,7,0) 0%,
    rgba(7,7,7,0) 62%,
    rgba(7,7,7,.10) 72%,
    rgba(7,7,7,.28) 82%,
    rgba(7,7,7,.58) 92%,
    #070707 100%
  ) !important;
}

@media(max-width:1280px){
  .hero-bg{
    -webkit-mask-image:linear-gradient(
      to right,
      #000 0%,
      #000 64%,
      rgba(0,0,0,.96) 69%,
      rgba(0,0,0,.82) 74%,
      rgba(0,0,0,.56) 79%,
      rgba(0,0,0,.28) 84%,
      rgba(0,0,0,.08) 89%,
      transparent 93%
    ) !important;
    mask-image:linear-gradient(
      to right,
      #000 0%,
      #000 64%,
      rgba(0,0,0,.96) 69%,
      rgba(0,0,0,.82) 74%,
      rgba(0,0,0,.56) 79%,
      rgba(0,0,0,.28) 84%,
      rgba(0,0,0,.08) 89%,
      transparent 93%
    ) !important;
  }
}

@media(max-width:820px){
  .hero-bg{
    -webkit-mask-image:linear-gradient(
      to bottom,
      #000 0%,
      #000 66%,
      rgba(0,0,0,.82) 74%,
      rgba(0,0,0,.46) 82%,
      rgba(0,0,0,.16) 90%,
      transparent 98%
    ) !important;
    mask-image:linear-gradient(
      to bottom,
      #000 0%,
      #000 66%,
      rgba(0,0,0,.82) 74%,
      rgba(0,0,0,.46) 82%,
      rgba(0,0,0,.16) 90%,
      transparent 98%
    ) !important;
  }
}


/* ==========================================================
   HERO — FADE REAL ANTES DO LIMITE FÍSICO DA IMAGEM
   O preto chega a 100% ANTES do ponto onde a foto termina.
   Assim a borda vertical da imagem fica escondida.
   ========================================================== */
@media(min-width:821px){
  .hero-bg{
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .hero-slide::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(
      90deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,0) 60%,
      rgba(7,7,7,.08) 64%,
      rgba(7,7,7,.18) 68%,
      rgba(7,7,7,.34) 72%,
      rgba(7,7,7,.55) 76%,
      rgba(7,7,7,.75) 79%,
      rgba(7,7,7,.90) 81.5%,
      rgba(7,7,7,.98) 83%,
      #070707 84.5%,
      #070707 100%
    ) !important;
  }
}

/* Telas intermediárias: o limite da imagem aparece um pouco antes,
   então antecipamos também o preto total. */
@media(min-width:821px) and (max-width:1280px){
  .hero-slide::after{
    background:linear-gradient(
      90deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,0) 54%,
      rgba(7,7,7,.10) 59%,
      rgba(7,7,7,.24) 64%,
      rgba(7,7,7,.45) 69%,
      rgba(7,7,7,.67) 73%,
      rgba(7,7,7,.84) 76%,
      rgba(7,7,7,.95) 78.5%,
      #070707 80.5%,
      #070707 100%
    ) !important;
  }
}

/* Mobile continua com transição vertical */
@media(max-width:820px){
  .hero-bg{
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .hero-slide::after{
    background:linear-gradient(
      0deg,
      #070707 0%,
      rgba(7,7,7,.96) 18%,
      rgba(7,7,7,.78) 30%,
      rgba(7,7,7,.48) 42%,
      rgba(7,7,7,.18) 56%,
      rgba(7,7,7,0) 72%
    ) !important;
  }
}


/* LOCALIZAÇÃO — mais viva, mantendo a identidade Muvi-E */
.location{
  background:
    radial-gradient(circle at 78% 28%, rgba(255,196,0,.08), transparent 34%),
    linear-gradient(135deg,#111 0%,#171714 56%,#0b0b0b 100%) !important;
}

.location-copy{
  position:relative;
  padding-left:24px;
}

.location-copy::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:3px;
  background:var(--yellow);
}

.map-wrap{
  border:2px solid rgba(255,196,0,.58) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.28);
}

.map-wrap iframe{
  filter:none !important;
}

.location-actions .btn{
  white-space:nowrap;
}


/* =========================================================
   RODAPÉ MUVI-E — SLIM / LOGO + ÍCONES, NO CONCEITO DO YURI
   ========================================================= */
.muvi-footer-slim{
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  margin:0 !important;
  padding:0 !important;
}

.muvi-footer-slim-inner{
  height:72px !important;
  min-height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.muvi-footer-slim-logo{
  display:flex !important;
  align-items:center !important;
}

.muvi-footer-slim-logo img{
  width:92px !important;
  height:auto !important;
  display:block !important;
}

.muvi-footer-slim-icons{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

.muvi-footer-slim-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:0 !important;
  border-radius:10px !important;
  background:#f5f5f5 !important;
  color:#151515 !important;
  border:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  transition:.2s ease !important;
}

.muvi-footer-slim-icon.is-whatsapp{
  background:#25D366 !important;
  color:#fff !important;
}

.muvi-footer-slim-icon:hover{
  transform:translateY(-2px) !important;
  background:var(--yellow) !important;
  color:#050505 !important;
}

.muvi-footer-slim-icon svg{
  width:18px !important;
  height:18px !important;
  fill:currentColor !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
}

.muvi-footer-slim-icon[aria-label="Instagram"] svg{
  fill:none !important;
}

.muvi-footer-google{
  font-family:Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

@media(max-width:560px){
  .muvi-footer-slim-inner{
    height:64px !important;
    min-height:64px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .muvi-footer-slim-logo img{
    width:76px !important;
  }

  .muvi-footer-slim-icons{
    gap:7px !important;
  }

  .muvi-footer-slim-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    border-radius:9px !important;
  }

  .muvi-footer-slim-icon svg{
    width:16px !important;
    height:16px !important;
  }
}


/* =========================================================
   RODAPÉ — BOTÕES COERENTES COM A LINGUAGEM VISUAL DA PÁGINA
   ========================================================= */
.muvi-footer-slim{
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
}

.muvi-footer-slim-inner{
  height:68px !important;
  min-height:68px !important;
}

/* mantém a logo discreta */
.muvi-footer-slim-logo img{
  width:88px !important;
}

/* mesmos princípios dos CTAs da página:
   linhas retas, borda fina, contraste alto e amarelo no destaque */
.muvi-footer-slim-icons{
  gap:8px !important;
}

.muvi-footer-slim-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.28) !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease !important;
}

/* WhatsApp usa o amarelo institucional, igual aos CTAs principais */
.muvi-footer-slim-icon.is-whatsapp{
  background:var(--yellow) !important;
  border-color:var(--yellow) !important;
  color:#050505 !important;
}

/* todos os ícones seguem o mesmo peso visual */
.muvi-footer-slim-icon svg{
  width:17px !important;
  height:17px !important;
  stroke-width:1.8 !important;
}

.muvi-footer-google{
  font-size:17px !important;
  font-weight:800 !important;
}

/* hover coerente com os botões principais */
.muvi-footer-slim-icon:hover{
  background:var(--yellow) !important;
  border-color:var(--yellow) !important;
  color:#050505 !important;
  transform:translateY(-2px) !important;
}

@media(max-width:560px){
  .muvi-footer-slim-inner{
    height:60px !important;
    min-height:60px !important;
  }

  .muvi-footer-slim-logo img{
    width:72px !important;
  }

  .muvi-footer-slim-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }

  .muvi-footer-slim-icon svg{
    width:15px !important;
    height:15px !important;
  }
}


/* Rodapé: todos os botões com a mesma aparência */
.muvi-footer-slim-icon.is-whatsapp{
  background:transparent !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#fff !important;
}
.muvi-footer-slim-icon.is-whatsapp:hover{
  background:var(--yellow) !important;
  border-color:var(--yellow) !important;
  color:#050505 !important;
}

/* Direitos reservados */
.muvi-footer-rights{
  background:#050505;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.55);
  font-size:11px;
  line-height:1.3;
  text-align:center;
  padding:7px 16px 8px;
  letter-spacing:.01em;
}
@media(max-width:560px){
  .muvi-footer-rights{
    font-size:10px;
    padding:6px 12px 7px;
  }
}


/* =========================================================
   FOOTER FINAL — ícones vetoriais + alinhamento vertical
   ========================================================= */
.muvi-footer-slim{
  background:#050505 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  margin:0 !important;
  padding:0 !important;
}

.muvi-footer-balanced{
  min-height:86px !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:28px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.muvi-footer-slim-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.muvi-footer-slim-logo img{
  width:88px !important;
  height:auto !important;
  display:block !important;
}

.muvi-footer-rights-inline{
  align-self:center !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:rgba(255,255,255,.62) !important;
  font-size:12px !important;
  line-height:1.25 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.muvi-footer-slim-icons{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.muvi-footer-slim-icon{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  padding:0 !important;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.28) !important;
  background:transparent !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

.muvi-footer-slim-icon svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
  overflow:visible !important;
  shape-rendering:geometricPrecision !important;
  text-rendering:geometricPrecision !important;
}

/* WhatsApp e telefone: preenchimento vetorial limpo */
.muvi-footer-slim-icon[aria-label="WhatsApp"] svg,
.muvi-footer-slim-icon[aria-label="Telefone"] svg{
  fill:currentColor !important;
  stroke:none !important;
}

/* Instagram: traço vetorial */
.muvi-footer-slim-icon[aria-label="Instagram"] svg{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.muvi-footer-slim-icon[aria-label="Instagram"] .ig-dot{
  fill:currentColor !important;
  stroke:none !important;
}

/* Google: SVG em vez de letra de fonte */
.muvi-footer-slim-icon[aria-label="Google"] svg{
  fill:currentColor !important;
  stroke:none !important;
}

.muvi-footer-slim-icon:hover{
  background:var(--yellow) !important;
  border-color:var(--yellow) !important;
  color:#050505 !important;
  transform:translateY(-2px) !important;
}

@media(max-width:780px){
  .muvi-footer-balanced{
    min-height:auto !important;
    grid-template-columns:auto 1fr !important;
    grid-template-areas:
      "logo icons"
      "rights rights" !important;
    row-gap:12px !important;
    padding-top:14px !important;
    padding-bottom:10px !important;
  }
  .muvi-footer-slim-logo{grid-area:logo !important;}
  .muvi-footer-slim-icons{grid-area:icons !important;}
  .muvi-footer-rights-inline{
    grid-area:rights !important;
    white-space:normal !important;
    width:100% !important;
    padding-top:9px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }
}

@media(max-width:480px){
  .muvi-footer-slim-logo img{width:70px !important;}
  .muvi-footer-slim-icons{gap:6px !important;}
  .muvi-footer-slim-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
  .muvi-footer-slim-icon svg{
    width:18px !important;
    height:18px !important;
  }
  .muvi-footer-rights-inline{
    font-size:10px !important;
  }
}


/* =========================================================
   AJUSTE DO HERO — somente CTAs desta seção
   ========================================================= */
.hero-actions .btn:not(.btn--yellow):hover,
.hero-actions .btn:not(.btn--yellow):focus-visible{
  background:#050505 !important;
  border-color:#050505 !important;
  color:#fff !important;
  transform:translateY(-2px);
}


/* AJUSTE — botão "VENHA CONHECER NOSSA LOJA" */
#localizacao .location-actions .btn:first-child:hover,
#localizacao .location-actions .btn:first-child:focus-visible{
  background:#050505 !important;
  border-color:#050505 !important;
  color:#fff !important;
  transform:translateY(-2px);
}


/* =========================================================
   RESPONSIVIDADE REFINADA — TABLET E MOBILE
   Preserva a linguagem visual do desktop
   ========================================================= */

/* ---------- TABLET / NOTEBOOK MENOR ---------- */
@media (max-width: 1024px){

  .container,
  .header-inner{
    width:min(calc(100% - 36px), var(--max)) !important;
  }

  /* HEADER */
  header{
    height:84px !important;
  }

  header:before{
    height:84px !important;
  }

  .logo img{
    width:138px !important;
  }

  .nav{
    gap:18px !important;
  }

  .nav a{
    font-size:11px !important;
  }

  /* HERO */
  .hero{
    min-height:680px !important;
  }

  .hero-content{
    padding-top:76px !important;
  }

  .hero-copy{
    width:min(440px,42vw) !important;
    margin-right:5vw !important;
  }

  .hero-name{
    font-size:clamp(72px,9vw,116px) !important;
  }

  .hero-power{
    font-size:clamp(28px,3.5vw,40px) !important;
    margin-bottom:18px !important;
  }

  .hero-copy p{
    font-size:15px !important;
    line-height:1.55 !important;
    max-width:440px !important;
  }

  .hero-actions{
    gap:10px !important;
  }

  .hero-actions .btn{
    min-height:48px !important;
    padding:0 18px !important;
    font-size:11px !important;
  }

  .hero-nav{
    right:18px !important;
  }

  /* PRODUTOS */
  .products{
    padding:88px 0 96px !important;
  }

  .products-head{
    gap:30px !important;
    margin-bottom:34px !important;
  }

  .products-head h2{
    font-size:clamp(58px,9vw,92px) !important;
  }

  .products-head p{
    max-width:470px !important;
    font-size:15px !important;
  }

  .product-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:18px !important;
  }

  .product-body{
    padding:20px 22px 24px !important;
  }

  .product-body h3{
    font-size:28px !important;
  }

  .product-actions .btn{
    min-height:52px !important;
    font-size:11px !important;
  }

  /* LOJA */
  .store{
    padding:88px 0 !important;
  }

  .store-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .store-visual{
    min-height:420px !important;
  }

  .store-copy{
    padding:8px 0 0 !important;
    max-width:720px !important;
  }

  .store-copy h2{
    font-size:clamp(64px,10vw,98px) !important;
  }

  /* AVALIAÇÕES */
  .reviews{
    padding:88px 0 !important;
  }

  .reviews h2{
    font-size:clamp(58px,9vw,94px) !important;
  }

  /* LOCALIZAÇÃO */
  .location{
    padding:88px 0 !important;
  }

  .location-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .location-copy{
    padding-left:18px !important;
  }

  .location-copy h2{
    font-size:clamp(62px,10vw,96px) !important;
  }

  .map-wrap,
  .map-wrap iframe{
    min-height:360px !important;
  }

  /* FOOTER */
  .muvi-footer-balanced{
    min-height:78px !important;
    grid-template-columns:auto 1fr auto !important;
    gap:18px !important;
  }

  .muvi-footer-slim-logo img{
    width:80px !important;
  }

  .muvi-footer-rights-inline{
    font-size:11px !important;
    white-space:normal !important;
  }

  .muvi-footer-slim-icon{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
  }
}


/* ---------- TABLET VERTICAL ---------- */
@media (max-width: 820px){

  .container,
  .header-inner{
    width:calc(100% - 28px) !important;
  }

  /* HEADER */
  header{
    height:76px !important;
  }

  header:before{
    height:76px !important;
  }

  .logo img{
    width:118px !important;
  }

  .nav{
    display:none !important;
  }

  /* HERO
     Mantém a mesma leitura do desktop:
     produto acima + conteúdo abaixo, sem perder contraste */
  .hero{
    height:auto !important;
    min-height:760px !important;
  }

  .hero-slide::before{
    inset:-5% !important;
    filter:blur(16px) brightness(.42) saturate(.86) !important;
  }

  .hero-bg{
    width:100% !important;
    height:58% !important;
    object-fit:contain !important;
    object-position:center top !important;
    inset:70px 0 auto 0 !important;
  }

  .hero-slide::after{
    background:
      linear-gradient(
        0deg,
        #070707 0%,
        rgba(7,7,7,.96) 18%,
        rgba(7,7,7,.78) 32%,
        rgba(7,7,7,.42) 48%,
        rgba(7,7,7,.12) 64%,
        rgba(7,7,7,0) 78%
      ) !important;
  }

  .hero-content{
    min-height:760px !important;
    padding:0 14px 66px !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
  }

  .hero-copy{
    width:min(620px, calc(100% - 48px)) !important;
    margin:0 !important;
    text-align:left !important;
    align-items:flex-start !important;
  }

  .hero-name{
    font-size:clamp(72px,16vw,116px) !important;
    margin-bottom:8px !important;
  }

  .hero-power{
    font-size:30px !important;
    margin-bottom:14px !important;
  }

  .hero-copy p{
    max-width:560px !important;
    text-align:left !important;
    font-size:15px !important;
    line-height:1.5 !important;
    margin-bottom:18px !important;
  }

  .hero-copy p .hero-line{
    display:inline !important;
    white-space:normal !important;
  }

  .hero-actions{
    justify-content:flex-start !important;
    width:100% !important;
  }

  .hero-actions .btn{
    flex:0 1 auto !important;
    width:auto !important;
    min-height:48px !important;
  }

  .hero-nav{
    right:12px !important;
    bottom:92px !important;
    top:auto !important;
    transform:none !important;
  }

  .scroll-down{
    display:none !important;
  }

  /* PRODUTOS */
  .products{
    padding:74px 0 82px !important;
  }

  .products-head{
    display:block !important;
    margin-bottom:30px !important;
  }

  .products-head .eyebrow{
    margin-bottom:12px !important;
  }

  .products-head p{
    margin-top:18px !important;
    max-width:620px !important;
  }

  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  .product-card{
    transform:none !important;
  }

  .product-card:hover{
    transform:none !important;
    box-shadow:0 14px 32px rgba(0,0,0,.08) !important;
  }

  .product-actions .btn{
    white-space:nowrap !important;
    padding:0 14px !important;
    font-size:10.5px !important;
    letter-spacing:.07em !important;
  }

  /* LOJA */
  .store{
    padding:74px 0 !important;
  }

  .store-visual{
    min-height:360px !important;
  }

  .store-copy p{
    font-size:16px !important;
  }

  /* AVALIAÇÕES */
  .reviews{
    padding:74px 0 !important;
  }

  .review-grid{
    grid-template-columns:1fr !important;
  }

  /* LOCALIZAÇÃO */
  .location{
    padding:74px 0 !important;
  }

  .location-actions{
    gap:10px !important;
  }

  .location-actions .btn{
    min-height:48px !important;
  }

  /* POP-UP */
  #muvi-product-popup{
    padding:10px !important;
    overflow:auto !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:min(700px, calc(100vw - 20px)) !important;
    height:auto !important;
    max-height:none !important;
    margin:10px auto !important;
  }

  #muvi-product-popup .muvi-popup-grid{
    grid-template-columns:1fr !important;
    height:auto !important;
  }

  #muvi-product-popup .muvi-popup-gallery{
    min-height:0 !important;
    height:auto !important;
    padding:28px 18px 20px !important;
  }

  #muvi-product-popup .muvi-popup-stage{
    height:340px !important;
  }

  #muvi-product-popup .muvi-popup-info{
    height:auto !important;
    overflow:visible !important;
    padding:30px 26px 26px !important;
  }

  #muvi-product-popup .muvi-popup-tech{
    display:block !important;
  }

  #muvi-product-popup .muvi-popup-row{
    padding:10px 0 !important;
  }

  #muvi-product-popup .muvi-popup-cta{
    margin-top:20px !important;
    padding-top:0 !important;
  }

  /* FOOTER */
  .muvi-footer-balanced{
    min-height:auto !important;
    grid-template-columns:auto 1fr !important;
    grid-template-areas:
      "logo icons"
      "rights rights" !important;
    row-gap:10px !important;
    padding-top:12px !important;
    padding-bottom:10px !important;
  }

  .muvi-footer-slim-logo{
    grid-area:logo !important;
  }

  .muvi-footer-slim-icons{
    grid-area:icons !important;
  }

  .muvi-footer-rights-inline{
    grid-area:rights !important;
    width:100% !important;
    padding-top:8px !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }
}


/* ---------- MOBILE ---------- */
@media (max-width: 560px){

  .container,
  .header-inner{
    width:calc(100% - 24px) !important;
  }

  /* HEADER */
  header{
    height:70px !important;
  }

  header:before{
    height:70px !important;
  }

  .logo img{
    width:104px !important;
  }

  /* HERO */
  .hero{
    min-height:720px !important;
  }

  .hero-bg{
    height:52% !important;
    inset:66px 0 auto 0 !important;
    object-position:center top !important;
  }

  .hero-content{
    min-height:720px !important;
    padding:0 12px 56px !important;
  }

  .hero-copy{
    width:calc(100% - 28px) !important;
  }

  .hero-name{
    font-size:clamp(64px,19vw,96px) !important;
  }

  .hero-power{
    font-size:26px !important;
  }

  .hero-copy p{
    font-size:14px !important;
    line-height:1.48 !important;
  }

  .hero-actions{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
  }

  .hero-actions .btn{
    width:100% !important;
    min-height:46px !important;
    padding:0 14px !important;
    font-size:10.5px !important;
  }

  .hero-nav{
    right:8px !important;
    bottom:78px !important;
  }

  .hero-nav .bar{
    width:22px !important;
  }

  .hero-nav button.active .bar{
    width:38px !important;
  }

  /* PRODUTOS */
  .products{
    padding:62px 0 68px !important;
  }

  .products-head h2{
    font-size:clamp(54px,17vw,78px) !important;
  }

  .products-head p{
    font-size:14px !important;
    line-height:1.55 !important;
  }

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

  .product-carousel{
    aspect-ratio:4/3 !important;
  }

  .product-body{
    padding:18px 18px 20px !important;
  }

  .product-body h3{
    font-size:28px !important;
    margin-bottom:14px !important;
  }

  .product-actions{
    gap:8px !important;
  }

  .product-actions .btn{
    min-height:48px !important;
    font-size:10.5px !important;
    white-space:nowrap !important;
  }

  /* LOJA */
  .store{
    padding:62px 0 !important;
  }

  .store-visual{
    min-height:300px !important;
  }

  .store-visual:before{
    font-size:110px !important;
  }

  .store-visual:after{
    left:38px !important;
    top:36px !important;
    width:92px !important;
    height:220px !important;
  }

  .store-copy h2{
    font-size:clamp(58px,18vw,82px) !important;
  }

  .store-copy p{
    font-size:15px !important;
  }

  /* AVALIAÇÕES */
  .reviews{
    padding:62px 0 !important;
  }

  .reviews h2{
    font-size:clamp(54px,16vw,76px) !important;
  }

  .trustindex-wrap{
    margin-top:26px !important;
  }

  /* LOCALIZAÇÃO */
  .location{
    padding:62px 0 !important;
  }

  .location-copy{
    padding-left:14px !important;
  }

  .location-copy h2{
    font-size:clamp(58px,18vw,82px) !important;
  }

  .location-copy p{
    font-size:14px !important;
  }

  .location-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .location-actions .btn{
    width:100% !important;
    min-height:46px !important;
    padding:0 14px !important;
    font-size:10.5px !important;
  }

  .map-wrap,
  .map-wrap iframe{
    min-height:300px !important;
  }

  /* POP-UP */
  #muvi-product-popup{
    padding:6px !important;
  }

  #muvi-product-popup .muvi-popup-box{
    width:calc(100vw - 12px) !important;
    margin:6px auto !important;
  }

  #muvi-product-popup .muvi-popup-gallery{
    padding:22px 10px 16px !important;
  }

  #muvi-product-popup .muvi-popup-stage{
    height:250px !important;
  }

  #muvi-product-popup .muvi-popup-info{
    padding:24px 18px 20px !important;
  }

  #muvi-product-popup .muvi-popup-title{
    font-size:52px !important;
  }

  #muvi-product-popup .muvi-popup-row{
    grid-template-columns:1fr !important;
    gap:4px !important;
    padding:8px 0 !important;
  }

  #muvi-product-popup .muvi-popup-row strong{
    text-align:left !important;
  }

  #muvi-product-popup .muvi-popup-cta a{
    min-height:46px !important;
    font-size:10.5px !important;
  }

  /* FOOTER */
  .muvi-footer-balanced{
    grid-template-columns:auto 1fr !important;
    gap:10px !important;
    padding-top:10px !important;
    padding-bottom:8px !important;
  }

  .muvi-footer-slim-logo img{
    width:68px !important;
  }

  .muvi-footer-slim-icons{
    gap:6px !important;
  }

  .muvi-footer-slim-icon{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
  }

  .muvi-footer-slim-icon svg{
    width:17px !important;
    height:17px !important;
  }

  .muvi-footer-rights-inline{
    font-size:9.5px !important;
  }
}


/* =========================================================
   MENU RESPONSIVO — TABLET E MOBILE
   ========================================================= */
.mobile-menu-toggle{
  display:none;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(7,7,7,.18);
  color:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  position:relative;
  z-index:105;
}

.mobile-menu-toggle span{
  display:block;
  width:19px;
  height:2px;
  background:#fff;
  transition:.25s ease;
}

.mobile-menu-toggle.is-open span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.mobile-menu-toggle.is-open span:nth-child(2){
  opacity:0;
}

.mobile-menu-toggle.is-open span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

@media(max-width:1024px){
  .nav{
    gap:16px !important;
  }

  .nav a{
    font-size:10.5px !important;
  }
}

@media(max-width:820px){
  .mobile-menu-toggle{
    display:flex !important;
  }

  .nav{
    display:flex !important;
    position:absolute !important;
    top:76px !important;
    right:14px !important;
    width:min(320px, calc(100vw - 28px)) !important;
    padding:14px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    background:rgba(7,7,7,.94) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.28) !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(-8px) !important;
    transition:.25s ease !important;
    z-index:104 !important;
  }

  .nav.is-open{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) !important;
  }

  .nav a{
    display:block !important;
    padding:13px 12px !important;
    font-size:12px !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  .nav a:last-child{
    border-bottom:0 !important;
  }

  .nav a:hover{
    background:rgba(255,196,0,.08) !important;
    color:var(--yellow) !important;
  }
}

@media(max-width:560px){
  .mobile-menu-toggle{
    width:38px !important;
    height:38px !important;
  }

  .nav{
    top:70px !important;
    right:12px !important;
    width:calc(100vw - 24px) !important;
  }
}


/* =========================================================
   AJUSTE MENU MOBILE/TABLET
   Fundo compacto e menu justificado à direita
   ========================================================= */
@media(max-width:820px){
  .nav{
    top:76px !important;
    right:14px !important;
    left:auto !important;
    width:min(290px, calc(100vw - 28px)) !important;
    padding:10px 12px !important;
    background:rgba(7,7,7,.96) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.32) !important;
    align-items:stretch !important;
  }

  .nav a{
    width:100% !important;
    padding:12px 8px !important;
    text-align:right !important;
    justify-content:flex-end !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    font-size:12px !important;
    letter-spacing:.08em !important;
  }

  .nav a:last-child{
    border-bottom:0 !important;
  }

  .mobile-menu-toggle{
    margin-left:auto !important;
  }
}

@media(max-width:560px){
  .nav{
    top:70px !important;
    right:12px !important;
    width:min(270px, calc(100vw - 24px)) !important;
  }
}


/* =========================================================
   MENU MOBILE/TABLET — FUNDO FOSCO TRANSLÚCIDO
   Mesmo conceito visual do header desktop
   ========================================================= */
@media(max-width:820px){

  /* estado fechado: o próprio header mantém o vidro fosco */
  header{
    background:rgba(7,7,7,.52) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
  }

  header:before{
    background:rgba(7,7,7,.18) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  /* menu aberto: painel translúcido fosco, sem bloco preto chapado */
  .nav{
    background:rgba(12,12,12,.62) !important;
    backdrop-filter:blur(18px) saturate(115%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(115%) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
  }

  .nav a{
    background:transparent !important;
  }

  .nav a:hover,
  .nav a:focus-visible{
    background:rgba(255,255,255,.045) !important;
    color:var(--yellow) !important;
  }

  /* botão hambúrguer / fechar no mesmo vidro fosco */
  .mobile-menu-toggle{
    background:rgba(12,12,12,.34) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    border:1px solid rgba(255,255,255,.18) !important;
  }

  .mobile-menu-toggle:hover,
  .mobile-menu-toggle:focus-visible{
    background:rgba(12,12,12,.52) !important;
    border-color:rgba(255,196,0,.45) !important;
  }
}


/* =========================================================
   MOBILE + TABLET: MESMO FUNDO VISUAL DO MENU DESKTOP
   ========================================================= */
@media(max-width:820px){
  header{
    background:
      linear-gradient(90deg,
        rgba(12,12,12,.96) 0%,
        rgba(74,48,18,.92) 25%,
        rgba(34,29,23,.94) 58%,
        rgba(5,5,5,.98) 100%
      ) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  header:before{
    background:
      linear-gradient(90deg,
        rgba(12,12,12,.96) 0%,
        rgba(74,48,18,.92) 25%,
        rgba(34,29,23,.94) 58%,
        rgba(5,5,5,.98) 100%
      ) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  /* painel quando o menu estiver aberto */
  .nav{
    background:
      linear-gradient(90deg,
        rgba(12,12,12,.97) 0%,
        rgba(74,48,18,.94) 25%,
        rgba(34,29,23,.96) 58%,
        rgba(5,5,5,.99) 100%
      ) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}


/* =========================================================
   MENU EXPANDIDO MOBILE/TABLET — MESMO FUNDO DO HEADER
   ========================================================= */
@media(max-width:820px){
  .nav.is-open{
    background:
      linear-gradient(90deg,
        rgba(12,12,12,.96) 0%,
        rgba(74,48,18,.92) 25%,
        rgba(34,29,23,.94) 58%,
        rgba(5,5,5,.98) 100%
      ) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.26) !important;
  }

  .nav.is-open a{
    background:transparent !important;
  }
}


/* =========================================================
   MENU EXPANDIDO — MESMO EFEITO VISUAL DO DESKTOP
   vidro fosco + degradê translúcido, preservando a imagem ao fundo
   ========================================================= */
@media(max-width:820px){

  .nav.is-open{
    position:absolute !important;
    overflow:hidden !important;

    /* fundo translúcido, como no desktop */
    background:
      linear-gradient(
        90deg,
        rgba(46,31,15,.66) 0%,
        rgba(31,25,20,.72) 48%,
        rgba(7,7,7,.82) 100%
      ) !important;

    backdrop-filter:blur(16px) saturate(110%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(110%) !important;

    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
  }

  /* camada interna para reproduzir o brilho/fosco do cabeçalho desktop */
  .nav.is-open::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:0 !important;
    background:
      linear-gradient(
        90deg,
        rgba(255,196,0,.05) 0%,
        rgba(255,255,255,.025) 42%,
        rgba(0,0,0,.14) 100%
      ) !important;
  }

  .nav.is-open a{
    position:relative !important;
    z-index:1 !important;
    background:transparent !important;
  }

  .nav.is-open a:hover,
  .nav.is-open a:focus-visible{
    background:rgba(255,255,255,.04) !important;
    color:var(--yellow) !important;
  }
}


/* =========================================================
   MENU MOBILE/TABLET — EXIBIR TODOS OS ITENS QUANDO ABERTO
   ========================================================= */
@media(max-width:820px){

  .nav.is-open{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;

    height:auto !important;
    max-height:none !important;
    min-height:0 !important;

    overflow:visible !important;
    padding:10px 12px !important;
  }

  .nav.is-open a{
    display:flex !important;
    width:100% !important;
    min-height:44px !important;
    padding:12px 8px !important;

    align-items:center !important;
    justify-content:flex-end !important;

    opacity:1 !important;
    visibility:visible !important;

    text-align:right !important;
    white-space:nowrap !important;

    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  .nav.is-open a:last-child{
    border-bottom:0 !important;
  }
}


/* ================================================================
   MUVI-E | HERO RESPONSIVO DEFINITIVO
   Mantém a estrutura visual do desktop.
   Apenas adapta escala, posição e arte para tablet/mobile.
   ================================================================ */

/* ---------- TABLET ---------- */
@media (min-width: 561px) and (max-width: 820px){

  #inicio.hero{
    position:relative !important;
    height:calc(100dvh - 76px) !important;
    min-height:640px !important;
    max-height:900px !important;
    overflow:hidden !important;
    background:#090909 !important;
  }

  #inicio .hero-slide{
    position:absolute !important;
    inset:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  #inicio .hero-bg{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.025) !important;
    transform-origin:center center !important;
  }

  #inicio .hero-slide::before{
    display:none !important;
  }

  #inicio .hero-slide::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,.01) 0%,
        rgba(0,0,0,.04) 43%,
        rgba(0,0,0,.28) 66%,
        rgba(0,0,0,.62) 84%,
        rgba(0,0,0,.86) 100%
      ) !important;
  }

  #inicio .hero-content{
    position:relative !important;
    z-index:4 !important;
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
    display:block !important;
  }

  /* Mesmo raciocínio do desktop: conteúdo no lado direito */
  #inicio .hero-copy{
    position:absolute !important;
    top:10% !important;
    right:5.5% !important;
    bottom:auto !important;
    left:auto !important;
    width:min(390px,46vw) !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    text-align:right !important;
  }

  #inicio .hero-name{
    width:100% !important;
    margin:0 0 8px !important;
    font-size:clamp(64px,10vw,94px) !important;
    line-height:.84 !important;
    text-align:right !important;
  }

  #inicio .hero-power{
    width:100% !important;
    margin:0 0 14px !important;
    font-size:clamp(27px,3.8vw,34px) !important;
    line-height:1 !important;
    text-align:right !important;
  }

  #inicio .hero-copy p{
    width:100% !important;
    max-width:390px !important;
    margin:0 !important;
    font-size:13.5px !important;
    line-height:1.48 !important;
    text-align:right !important;
  }

  #inicio .hero-copy p .hero-line{
    display:inline !important;
    white-space:normal !important;
  }

  /*
    Os CTAs usam o espaço inferior direito da arte.
    Não ficam colados e não criam uma "faixa" separada.
  */
  #inicio .hero-actions{
    position:absolute !important;
    right:5.5% !important;
    bottom:5.5% !important;
    left:auto !important;
    top:auto !important;
    width:min(390px,46vw) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    z-index:7 !important;
  }

  #inicio .hero-actions .btn{
    width:100% !important;
    min-height:46px !important;
    height:auto !important;
    padding:0 15px !important;
    font-size:10px !important;
    line-height:1.15 !important;
  }

  /* Ordem solicitada: detalhes primeiro, WhatsApp depois */
  #inicio .hero-actions .btn:not(.btn--yellow){ order:1 !important; }
  #inicio .hero-actions .btn--yellow{ order:2 !important; }

  #inicio .hero-nav{
    position:absolute !important;
    right:11px !important;
    top:55% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }

  #inicio .scroll-down{
    display:none !important;
  }
}


/* ---------- MOBILE ---------- */
@media (max-width: 560px){

  #inicio.hero{
    position:relative !important;
    height:calc(100dvh - 70px) !important;
    min-height:560px !important;
    max-height:none !important;
    overflow:hidden !important;
    background:#090909 !important;
  }

  #inicio .hero-slide{
    position:absolute !important;
    inset:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:#090909 !important;
  }

  #inicio .hero-bg{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.035) !important;
    transform-origin:center center !important;
  }

  #inicio .hero-slide::before{
    display:none !important;
  }

  #inicio .hero-slide::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:
      linear-gradient(
        90deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,.03) 43%,
        rgba(0,0,0,.24) 66%,
        rgba(0,0,0,.55) 84%,
        rgba(0,0,0,.80) 100%
      ) !important;
  }

  #inicio .hero-content{
    position:relative !important;
    z-index:4 !important;
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
    display:block !important;
  }

  /* Texto no canto superior direito, mas respeitando o header */
  #inicio .hero-copy{
    position:absolute !important;
    top:8.5% !important;
    right:4.5% !important;
    bottom:auto !important;
    left:auto !important;
    width:min(270px,69vw) !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    text-align:right !important;
  }

  #inicio .hero-name{
    width:100% !important;
    margin:0 0 5px !important;
    font-size:clamp(48px,13vw,66px) !important;
    line-height:.86 !important;
    text-align:right !important;
  }

  #inicio .hero-power{
    width:100% !important;
    margin:0 0 9px !important;
    font-size:clamp(21px,5.8vw,27px) !important;
    line-height:1 !important;
    text-align:right !important;
  }

  #inicio .hero-copy p{
    width:100% !important;
    max-width:270px !important;
    margin:0 !important;
    font-size:clamp(10px,2.8vw,12px) !important;
    line-height:1.38 !important;
    text-align:right !important;
  }

  #inicio .hero-copy p .hero-line{
    display:inline !important;
    white-space:normal !important;
  }

  /*
    CTAs preservam a linguagem do desktop:
    bloco à direita, separados entre si e usando o piso/área vazia.
    Nada de faixa nova ou botões grudados.
  */
  #inicio .hero-actions{
    position:absolute !important;
    right:4.5% !important;
    bottom:4.5% !important;
    left:auto !important;
    top:auto !important;
    width:min(285px,74vw) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    z-index:7 !important;
  }

  #inicio .hero-actions .btn{
    width:100% !important;
    min-height:42px !important;
    height:auto !important;
    padding:0 12px !important;
    font-size:9px !important;
    line-height:1.15 !important;
  }

  #inicio .hero-actions .btn:not(.btn--yellow){ order:1 !important; }
  #inicio .hero-actions .btn--yellow{ order:2 !important; }

  #inicio .hero-nav{
    position:absolute !important;
    right:5px !important;
    top:58% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }

  #inicio .scroll-down{
    display:none !important;
  }
}


/* Mobile estreito */
@media (max-width: 390px){
  #inicio .hero-copy{
    right:4% !important;
    width:67vw !important;
  }

  #inicio .hero-actions{
    right:4% !important;
    width:76vw !important;
  }

  #inicio .hero-name{
    font-size:46px !important;
  }

  #inicio .hero-actions .btn{
    min-height:39px !important;
    font-size:8.5px !important;
  }
}


/* Mobile com pouca altura */
@media (max-width:560px) and (max-height:700px){
  #inicio .hero-copy{
    top:6.5% !important;
  }

  #inicio .hero-name{
    font-size:45px !important;
  }

  #inicio .hero-power{
    font-size:20px !important;
    margin-bottom:6px !important;
  }

  #inicio .hero-copy p{
    font-size:9.5px !important;
    line-height:1.3 !important;
  }

  #inicio .hero-actions{
    bottom:3% !important;
    gap:7px !important;
  }

  #inicio .hero-actions .btn{
    min-height:37px !important;
  }
}


/* =========================================================
   HERO RESPONSIVO — MESMO FORMATO NO MOBILE E TABLET
   Sem sobreposição entre nome/potência/descrição e botões
   ========================================================= */
@media (max-width:820px){

  #inicio.hero{
    position:relative !important;
    height:calc(100dvh - 76px) !important;
    min-height:620px !important;
    overflow:hidden !important;
    background:#090909 !important;
  }

  #inicio .hero-slide{
    position:absolute !important;
    inset:0 !important;
    overflow:hidden !important;
  }

  #inicio .hero-bg{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.025) !important;
    transform-origin:center center !important;
  }

  #inicio .hero-content{
    position:relative !important;
    z-index:4 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
  }

  /*
    Um único grid ocupa o hero inteiro:
    nome / potência / descrição no alto
    espaço livre no meio
    botões no rodapé
  */
  #inicio .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;

    display:grid !important;
    grid-template-rows:auto auto auto 1fr auto !important;
    align-content:stretch !important;

    padding:
      clamp(54px, 8dvh, 82px)
      clamp(16px, 4vw, 30px)
      clamp(18px, 3dvh, 28px) !important;

    text-align:right !important;
  }

  #inicio .hero-name,
  #inicio .hero-power,
  #inicio .hero-copy p{
    justify-self:end !important;
    width:min(390px,72vw) !important;
    text-align:right !important;
  }

  #inicio .hero-name{
    margin:0 0 6px !important;
    font-size:clamp(54px, 12vw, 88px) !important;
    line-height:.84 !important;
  }

  #inicio .hero-power{
    margin:0 0 10px !important;
    font-size:clamp(23px, 5vw, 34px) !important;
    line-height:1 !important;
  }

  #inicio .hero-copy p{
    margin:0 !important;
    max-width:390px !important;
    font-size:clamp(11px, 2.5vw, 14px) !important;
    line-height:1.42 !important;
  }

  #inicio .hero-copy p .hero-line{
    display:inline !important;
    white-space:normal !important;
  }

  /*
    Botões ficam numa zona própria, no rodapé do hero.
    Não ocupam a mesma área do bloco de texto.
  */
  #inicio .hero-actions{
    position:static !important;
    align-self:end !important;
    justify-self:end !important;

    width:min(390px,78vw) !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  #inicio .hero-actions .btn{
    width:100% !important;
    min-height:46px !important;
    height:auto !important;
    padding:0 14px !important;
    font-size:10px !important;
  }

  /* Ordem solicitada */
  #inicio .hero-actions .btn:not(.btn--yellow){
    order:1 !important;
  }

  #inicio .hero-actions .btn--yellow{
    order:2 !important;
  }

  #inicio .hero-nav{
    right:8px !important;
    top:58% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }

  #inicio .scroll-down{
    display:none !important;
  }
}

/* MOBILE — mesma estrutura do tablet, apenas escalada */
@media (max-width:560px){

  #inicio.hero{
    height:calc(100dvh - 70px) !important;
    min-height:560px !important;
  }

  #inicio .hero-copy{
    padding:
      clamp(44px, 7dvh, 64px)
      14px
      clamp(12px, 2dvh, 18px) !important;
  }

  #inicio .hero-name,
  #inicio .hero-power,
  #inicio .hero-copy p{
    width:min(285px,74vw) !important;
  }

  #inicio .hero-name{
    font-size:clamp(48px, 13vw, 66px) !important;
    margin-bottom:4px !important;
  }

  #inicio .hero-power{
    font-size:clamp(21px, 5.8vw, 27px) !important;
    margin-bottom:8px !important;
  }

  #inicio .hero-copy p{
    font-size:clamp(10px, 2.8vw, 12px) !important;
    line-height:1.36 !important;
  }

  #inicio .hero-actions{
    width:min(285px,78vw) !important;
    gap:8px !important;
  }

  #inicio .hero-actions .btn{
    min-height:42px !important;
    font-size:9px !important;
  }

  #inicio .hero-nav{
    right:5px !important;
    top:60% !important;
  }
}

/* celulares baixos: mantém a mesma lógica sem esmagar conteúdo */
@media (max-width:560px) and (max-height:700px){
  #inicio .hero-copy{
    padding-top:34px !important;
    padding-bottom:10px !important;
  }

  #inicio .hero-name{
    font-size:44px !important;
  }

  #inicio .hero-power{
    font-size:20px !important;
  }

  #inicio .hero-copy p{
    font-size:9.5px !important;
  }

  #inicio .hero-actions{
    gap:6px !important;
  }

  #inicio .hero-actions .btn{
    min-height:38px !important;
  }
}


/* =========================================================
   HERO RESPONSIVO — ZONA PROTEGIDA DA MOTO
   Mobile e tablet seguem a mesma composição.
   Nenhum botão pode ocupar a área visual da scooter.
   ========================================================= */

/* TABLET */
@media (min-width:561px) and (max-width:820px){

  #inicio.hero{
    position:relative !important;
    height:calc(100dvh - 76px) !important;
    min-height:640px !important;
    overflow:hidden !important;
  }

  #inicio .hero-content{
    position:relative !important;
    z-index:4 !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
  }

  /*
    Estrutura vertical:
    1. bloco de texto na área vazia superior direita
    2. zona central protegida para a moto
    3. CTAs na faixa inferior direita
  */
  #inicio .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:
      clamp(54px,8dvh,82px)
      clamp(18px,4vw,30px)
      clamp(18px,3dvh,28px) !important;

    display:grid !important;
    grid-template-rows:
      auto
      auto
      auto
      minmax(260px,1fr)
      auto !important;

    align-content:stretch !important;
    text-align:right !important;
  }

  #inicio .hero-name,
  #inicio .hero-power,
  #inicio .hero-copy p{
    justify-self:end !important;
    width:min(390px,68vw) !important;
    text-align:right !important;
  }

  #inicio .hero-name{
    margin:0 0 6px !important;
    font-size:clamp(58px,10vw,88px) !important;
    line-height:.84 !important;
  }

  #inicio .hero-power{
    margin:0 0 10px !important;
    font-size:clamp(25px,4vw,34px) !important;
    line-height:1 !important;
  }

  #inicio .hero-copy p{
    margin:0 !important;
    font-size:clamp(11.5px,2vw,14px) !important;
    line-height:1.42 !important;
  }

  #inicio .hero-actions{
    grid-row:5 !important;
    align-self:end !important;
    justify-self:end !important;

    position:static !important;
    width:min(390px,68vw) !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  #inicio .hero-actions .btn{
    width:100% !important;
    min-height:46px !important;
    height:auto !important;
    padding:0 14px !important;
    font-size:10px !important;
  }

  /* Ordem solicitada */
  #inicio .hero-actions .btn:not(.btn--yellow){
    order:1 !important;
  }

  #inicio .hero-actions .btn--yellow{
    order:2 !important;
  }

  /* Navegação lateral fica fora da faixa dos CTAs */
  #inicio .hero-nav{
    right:10px !important;
    top:58% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }
}


/* MOBILE */
@media (max-width:560px){

  #inicio.hero{
    position:relative !important;
    height:calc(100dvh - 70px) !important;
    min-height:560px !important;
    overflow:hidden !important;
  }

  #inicio .hero-content{
    position:relative !important;
    z-index:4 !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
  }

  /*
    A linha central tem altura mínima suficiente para proteger
    toda a área onde a scooter aparece na arte mobile.
  */
  #inicio .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;

    padding:
      clamp(42px,7dvh,60px)
      14px
      clamp(12px,2dvh,18px) !important;

    display:grid !important;
    grid-template-rows:
      auto
      auto
      auto
      minmax(285px,1fr)
      auto !important;

    align-content:stretch !important;
    text-align:right !important;
  }

  #inicio .hero-name,
  #inicio .hero-power,
  #inicio .hero-copy p{
    justify-self:end !important;
    width:min(285px,74vw) !important;
    text-align:right !important;
  }

  #inicio .hero-name{
    margin:0 0 4px !important;
    font-size:clamp(48px,13vw,66px) !important;
    line-height:.86 !important;
  }

  #inicio .hero-power{
    margin:0 0 8px !important;
    font-size:clamp(21px,5.8vw,27px) !important;
    line-height:1 !important;
  }

  #inicio .hero-copy p{
    margin:0 !important;
    font-size:clamp(10px,2.8vw,12px) !important;
    line-height:1.36 !important;
  }

  #inicio .hero-actions{
    grid-row:5 !important;
    align-self:end !important;
    justify-self:end !important;

    position:static !important;
    width:min(285px,78vw) !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  #inicio .hero-actions .btn{
    width:100% !important;
    min-height:42px !important;
    height:auto !important;
    padding:0 12px !important;
    font-size:9px !important;
  }

  #inicio .hero-actions .btn:not(.btn--yellow){
    order:1 !important;
  }

  #inicio .hero-actions .btn--yellow{
    order:2 !important;
  }

  #inicio .hero-nav{
    right:5px !important;
    top:59% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }
}


/* MOBILE BAIXO — mantém a zona protegida sem sobreposição */
@media (max-width:560px) and (max-height:700px){

  #inicio .hero-copy{
    padding-top:32px !important;
    padding-bottom:10px !important;

    grid-template-rows:
      auto
      auto
      auto
      minmax(235px,1fr)
      auto !important;
  }

  #inicio .hero-name{
    font-size:44px !important;
  }

  #inicio .hero-power{
    font-size:20px !important;
    margin-bottom:6px !important;
  }

  #inicio .hero-copy p{
    font-size:9.5px !important;
    line-height:1.3 !important;
  }

  #inicio .hero-actions{
    gap:6px !important;
  }

  #inicio .hero-actions .btn{
    min-height:38px !important;
  }
}


/* MOBILE ALTO — amplia a área protegida da scooter */
@media (max-width:560px) and (min-height:820px){

  #inicio .hero-copy{
    grid-template-rows:
      auto
      auto
      auto
      minmax(340px,1fr)
      auto !important;
  }
}


/* =========================================================
   MOBILE — AJUSTE DE ALINHAMENTO
   - textos abaixo da linha do cabeçalho
   - botões centralizados horizontalmente
   ========================================================= */
@media (max-width:560px){

  /* garante que o bloco de texto comece abaixo do header */
  #inicio .hero-copy{
    padding-top:clamp(72px, 10dvh, 92px) !important;
  }

  #inicio .hero-name,
  #inicio .hero-power,
  #inicio .hero-copy p{
    justify-self:end !important;
  }

  /* centraliza horizontalmente o bloco de botões */
  #inicio .hero-actions{
    justify-self:center !important;
    align-self:end !important;
    width:min(285px,78vw) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #inicio .hero-actions .btn{
    width:100% !important;
    text-align:center !important;
  }
}

/* celulares mais baixos: ainda respeita a linha do cabeçalho */
@media (max-width:560px) and (max-height:700px){
  #inicio .hero-copy{
    padding-top:62px !important;
  }
}


/* =========================================================
   HERO RESPONSIVO — 3 ZONAS REAIS
   1) TEXTO: área livre superior, centralizado verticalmente e alinhado à direita
   2) MOTO: área central protegida, sem qualquer elemento sobreposto
   3) CTAs: área inferior, centralizados horizontalmente
   Mobile e tablet seguem a mesma estrutura
   ========================================================= */

@media (max-width:820px){

  #inicio.hero{
    position:relative !important;
    height:calc(100dvh - 76px) !important;
    min-height:620px !important;
    overflow:hidden !important;
    background:#090909 !important;
  }

  #inicio .hero-slide{
    position:absolute !important;
    inset:0 !important;
    overflow:hidden !important;
    padding:0 !important;
  }

  #inicio .hero-bg{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }

  #inicio .hero-slide::before{
    display:none !important;
  }

  #inicio .hero-content{
    position:relative !important;
    z-index:4 !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    display:grid !important;

    /* 3 zonas reais */
    grid-template-rows:
      minmax(150px, 27%)
      minmax(300px, 1fr)
      minmax(112px, 18%) !important;
  }

  /* =========================
     ZONA 1 — TEXTO
     ========================= */
  #inicio .hero-copy{
    grid-row:1 !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 clamp(18px,4vw,30px) !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:center !important;

    text-align:right !important;
  }

  #inicio .hero-name,
  #inicio .hero-power,
  #inicio .hero-copy p{
    width:min(390px,72vw) !important;
    max-width:390px !important;
    text-align:right !important;
    margin-left:auto !important;
  }

  #inicio .hero-name{
    margin-top:0 !important;
    margin-bottom:6px !important;
    font-size:clamp(56px,10vw,88px) !important;
    line-height:.84 !important;
  }

  #inicio .hero-power{
    margin-top:0 !important;
    margin-bottom:10px !important;
    font-size:clamp(24px,4vw,34px) !important;
    line-height:1 !important;
  }

  #inicio .hero-copy p{
    margin-top:0 !important;
    margin-bottom:0 !important;
    font-size:clamp(11.5px,2vw,14px) !important;
    line-height:1.42 !important;
  }

  #inicio .hero-copy p .hero-line{
    display:inline !important;
    white-space:normal !important;
  }

  /* =========================
     ZONA 2 — MOTO
     =========================
     Fica vazia de interface por construção.
     Nenhum CTA ou texto ocupa esta linha do grid.
     ========================= */

  /* =========================
     ZONA 3 — CTAs
     ========================= */
  #inicio .hero-actions{
    grid-row:3 !important;
    position:relative !important;
    inset:auto !important;
    align-self:center !important;
    justify-self:center !important;

    width:min(390px,78vw) !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:10px !important;

    z-index:6 !important;
  }

  #inicio .hero-actions .btn{
    width:100% !important;
    min-height:46px !important;
    height:auto !important;
    padding:0 14px !important;
    font-size:10px !important;
    line-height:1.15 !important;
    text-align:center !important;
  }

  /* Ordem solicitada */
  #inicio .hero-actions .btn:not(.btn--yellow){
    order:1 !important;
  }

  #inicio .hero-actions .btn--yellow{
    order:2 !important;
  }

  /* A navegação fica na lateral da zona central, sem cruzar CTAs */
  #inicio .hero-nav{
    right:10px !important;
    top:56% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
  }

  #inicio .scroll-down{
    display:none !important;
  }
}

/* MOBILE — mesma estrutura, apenas proporcionalmente menor */
@media (max-width:560px){

  #inicio.hero{
    height:calc(100dvh - 70px) !important;
    min-height:560px !important;
  }

  #inicio .hero-content{
    grid-template-rows:
      minmax(145px, 28%)
      minmax(285px, 1fr)
      minmax(104px, 19%) !important;
  }

  #inicio .hero-copy{
    padding:0 14px !important;
  }

  #inicio .hero-name,
  #inicio .hero-power,
  #inicio .hero-copy p{
    width:min(285px,74vw) !important;
    max-width:285px !important;
  }

  #inicio .hero-name{
    font-size:clamp(48px,13vw,66px) !important;
    margin-bottom:4px !important;
  }

  #inicio .hero-power{
    font-size:clamp(21px,5.8vw,27px) !important;
    margin-bottom:8px !important;
  }

  #inicio .hero-copy p{
    font-size:clamp(10px,2.8vw,12px) !important;
    line-height:1.36 !important;
  }

  #inicio .hero-actions{
    width:min(285px,78vw) !important;
    gap:8px !important;
  }

  #inicio .hero-actions .btn{
    min-height:42px !important;
    font-size:9px !important;
  }

  #inicio .hero-nav{
    right:5px !important;
    top:57% !important;
  }
}

/* Celulares mais baixos — mantém 3 zonas sem sobreposição */
@media (max-width:560px) and (max-height:700px){

  #inicio .hero-content{
    grid-template-rows:
      minmax(125px, 25%)
      minmax(245px, 1fr)
      minmax(92px, 18%) !important;
  }

  #inicio .hero-name{
    font-size:44px !important;
  }

  #inicio .hero-power{
    font-size:20px !important;
    margin-bottom:6px !important;
  }

  #inicio .hero-copy p{
    font-size:9.5px !important;
    line-height:1.3 !important;
  }

  #inicio .hero-actions{
    gap:6px !important;
  }

  #inicio .hero-actions .btn{
    min-height:38px !important;
  }
}

/* Celulares mais altos — aumenta a zona protegida da moto */
@media (max-width:560px) and (min-height:820px){

  #inicio .hero-content{
    grid-template-rows:
      minmax(160px, 27%)
      minmax(340px, 1fr)
      minmax(112px, 18%) !important;
  }
}


/* =========================================================
   HERO NOVO — DESKTOP CORRETO + FUNDO/MOTO SEPARADOS
   ========================================================= */
@media (min-width:821px){

  #inicio.hero{
    position:relative !important;
    height:100vh !important;
    min-height:720px !important;
    overflow:hidden !important;
    background:#111 !important;
  }

  #inicio .hero-slide{
    position:absolute !important;
    inset:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    overflow:hidden !important;
    background:#111 !important;
  }

  #inicio .hero-slide.active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  #inicio .hero-slide::before,
  #inicio .hero-slide::after{
    display:none !important;
    content:none !important;
  }

  #inicio .hero-scene{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background-image:var(--bg-desktop) !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
  }

  #inicio .hero-moto{
    position:absolute !important;
    z-index:2 !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:none !important;
    object-fit:contain !important;
    user-select:none !important;
    pointer-events:none !important;
    filter:drop-shadow(0 20px 28px rgba(0,0,0,.24)) !important;
  }

  /* enquadramento individual por modelo */
  #inicio .hero-slide--bravus .hero-moto{
    left:2.5vw !important;
    bottom:-1.5vh !important;
    width:min(52vw,980px) !important;
  }

  #inicio .hero-slide--nimbus .hero-moto{
    left:1.5vw !important;
    bottom:2vh !important;
    width:min(57vw,1080px) !important;
  }

  #inicio .hero-slide--pulse .hero-moto{
    left:2.4vw !important;
    bottom:-1vh !important;
    width:min(51vw,970px) !important;
  }

  #inicio .hero-slide--he15 .hero-moto{
    left:5.5vw !important;
    bottom:-1.5vh !important;
    width:min(43vw,820px) !important;
  }

  #inicio .hero-content{
    position:relative !important;
    z-index:5 !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    padding-top:var(--header) !important;
  }

  #inicio .hero-copy{
    width:min(520px,38vw) !important;
    margin-right:7vw !important;
    text-align:right !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
  }

  #inicio .hero-text{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
  }

  #inicio .hero-name{
    font-family:"Bebas Neue",sans-serif !important;
    font-size:clamp(88px,8vw,150px) !important;
    line-height:.78 !important;
    margin:0 0 14px !important;
    text-transform:uppercase !important;
  }

  #inicio .hero-power{
    font-size:clamp(30px,3vw,48px) !important;
    margin-bottom:24px !important;
  }

  #inicio .hero-copy p{
    color:#eee !important;
    line-height:1.65 !important;
    margin:0 0 26px !important;
    max-width:520px !important;
    text-align:right !important;
    text-shadow:0 2px 14px rgba(0,0,0,.45) !important;
  }

  #inicio .hero-copy p .hero-line{
    display:block !important;
    white-space:nowrap !important;
  }

  #inicio .hero-actions{
    display:flex !important;
    gap:12px !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
  }

  #inicio .hero-actions .btn--yellow{order:1 !important}
  #inicio .hero-actions .btn:not(.btn--yellow){order:2 !important}

  #inicio .hero-nav{
    position:absolute !important;
    z-index:20 !important;
    right:28px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:12px !important;
  }

  #inicio .scroll-down{
    position:absolute !important;
    z-index:20 !important;
    left:50% !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
  }
}



/* =========================================================
   HERO DESKTOP — VOLUMETRIA / CONTATO COM O CHÃO
   A moto passa a respeitar o plano de piso do cenário.
   ========================================================= */
@media (min-width:821px){

  #inicio .hero-ground-shadow{
    position:absolute !important;
    z-index:1 !important;
    pointer-events:none !important;
    height:4.2vh !important;
    border-radius:50% !important;
    background:radial-gradient(
      ellipse at center,
      rgba(0,0,0,.34) 0%,
      rgba(0,0,0,.22) 38%,
      rgba(0,0,0,.08) 66%,
      rgba(0,0,0,0) 100%
    ) !important;
    filter:blur(7px) !important;
    transform:skewX(-8deg) scaleY(.62) !important;
    transform-origin:center !important;
  }

  /* BRAVUS — rodas apoiadas no piso, sem cortar retrovisores */
  #inicio .hero-slide--bravus .hero-moto{
    left:4.2vw !important;
    bottom:-3.8vh !important;
    width:min(46vw,880px) !important;
  }
  #inicio .hero-slide--bravus .hero-ground-shadow{
    left:9.5vw !important;
    bottom:1.9vh !important;
    width:min(36vw,690px) !important;
  }

  /* NIMBUS — veículo mais comprido e baixo */
  #inicio .hero-slide--nimbus .hero-moto{
    left:2.7vw !important;
    bottom:1.2vh !important;
    width:min(52vw,990px) !important;
  }
  #inicio .hero-slide--nimbus .hero-ground-shadow{
    left:7vw !important;
    bottom:4.2vh !important;
    width:min(42vw,800px) !important;
    height:3.8vh !important;
  }

  /* PULSE — mantém presença sem parecer suspensa */
  #inicio .hero-slide--pulse .hero-moto{
    left:4vw !important;
    bottom:-3vh !important;
    width:min(45vw,860px) !important;
  }
  #inicio .hero-slide--pulse .hero-ground-shadow{
    left:8.5vw !important;
    bottom:2.1vh !important;
    width:min(35vw,670px) !important;
  }

  /* HE-15 — mais alta/estreita, contato concentrado */
  #inicio .hero-slide--he15 .hero-moto{
    left:7.8vw !important;
    bottom:-3vh !important;
    width:min(36vw,690px) !important;
  }
  #inicio .hero-slide--he15 .hero-ground-shadow{
    left:11.6vw !important;
    bottom:2.5vh !important;
    width:min(27vw,515px) !important;
    height:3.6vh !important;
  }

  /* Retira a sombra "flutuante" ampla da imagem e deixa
     apenas um contato discreto, coerente com o piso. */
  #inicio .hero-moto{
    filter:drop-shadow(0 7px 7px rgba(0,0,0,.14)) !important;
  }
}


/* FACHADA MUVI-E — imagem atualizada */
.store-visual{
  background-image:url('../images/muvi-e-fachada-reconstruida.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.store-visual:before,.store-visual:after{display:none !important;content:none !important;}



/* Background único aprovado: superfície contínua, sem volumetria de chão. */
@media (min-width:821px){
  #inicio .hero-scene{
    background-image:url('../images/muvi-e-hero-desktop-bravus.webp') !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
  }

  #inicio .hero-ground-shadow{
    display:none !important;
  }

  /* As motos voltam a ser elementos independentes sobre o backdrop. */
  #inicio .hero-moto{
    filter:drop-shadow(0 12px 14px rgba(0,0,0,.18)) !important;
  }
}



@media (min-width:821px){

  /* Fundo: suaviza a textura e cria uma leitura mais premium */
  #inicio .hero-scene{
    filter:brightness(.92) contrast(.90) saturate(.82) !important;
  }

  /* Camada suave: um pouco mais clara atrás da moto e mais controlada na área de texto */
  #inicio .hero-slide::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
      radial-gradient(
        ellipse at 28% 48%,
        rgba(255,255,255,.16) 0%,
        rgba(255,255,255,.09) 28%,
        rgba(255,255,255,.03) 46%,
        rgba(255,255,255,0) 64%
      ),
      linear-gradient(
        90deg,
        rgba(0,0,0,.02) 0%,
        rgba(0,0,0,.00) 48%,
        rgba(0,0,0,.08) 70%,
        rgba(0,0,0,.16) 100%
      ) !important;
  }

  #inicio .hero-slide::after{
    display:none !important;
    content:none !important;
  }

  /* Moto: menor, inteira e com mais respiro em relação ao header */
  #inicio .hero-slide--bravus .hero-moto{
    left:5.2vw !important;
    bottom:-4.5vh !important;
    width:min(41vw,780px) !important;
  }

  #inicio .hero-slide--nimbus .hero-moto{
    left:3.5vw !important;
    bottom:0.5vh !important;
    width:min(47vw,900px) !important;
  }

  #inicio .hero-slide--pulse .hero-moto{
    left:4.8vw !important;
    bottom:-3.5vh !important;
    width:min(41vw,790px) !important;
  }

  #inicio .hero-slide--he15 .hero-moto{
    left:8vw !important;
    bottom:-3.5vh !important;
    width:min(33vw,630px) !important;
  }

  /* Sombra discreta: dá peso sem criar "chão" */
  #inicio .hero-moto{
    filter:drop-shadow(0 15px 18px rgba(0,0,0,.20)) !important;
  }

  /* Copy ligeiramente mais compacta e respirada */
  #inicio .hero-copy{
    margin-right:8vw !important;
    width:min(500px,36vw) !important;
  }

  #inicio .hero-name{
    font-size:clamp(82px,7vw,132px) !important;
  }

  #inicio .hero-power{
    font-size:clamp(28px,2.6vw,44px) !important;
    margin-bottom:22px !important;
  }

  #inicio .hero-copy p{
    max-width:470px !important;
  }
}



/* ==========================================================
   TESTE BRAVUS — ARTE FINAL POR DISPOSITIVO
   Desktop / Ultrawide / Tablet / Mobile.
   A própria imagem já contém cenário + moto.
   ========================================================== */

#inicio .hero-slide--bravus .hero-art{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#111 !important;
}

#inicio .hero-slide--bravus .hero-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* Desativa apenas na Bravus qualquer lógica antiga de fundo/moto separados. */
#inicio .hero-slide--bravus .hero-scene,
#inicio .hero-slide--bravus .hero-moto,
#inicio .hero-slide--bravus .hero-ground-shadow{
  display:none !important;
}

/* Remove os tratamentos antigos que alteravam visualmente a arte pronta. */
#inicio .hero-slide--bravus::before{
  display:none !important;
  content:none !important;
}

/* Mantém somente um véu muito discreto para leitura do texto no desktop. */
@media (min-width:1025px){
  #inicio .hero-slide--bravus::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(
      90deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,0) 58%,
      rgba(7,7,7,.08) 72%,
      rgba(7,7,7,.22) 86%,
      rgba(7,7,7,.34) 100%
    ) !important;
  }
}

/* Tablet: usa a composição 4:5 e mantém a arte inteira preenchendo o Hero. */
@media (min-width:561px) and (max-width:1024px){
  #inicio .hero-slide--bravus::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(
      0deg,
      rgba(7,7,7,.46) 0%,
      rgba(7,7,7,.18) 24%,
      rgba(7,7,7,0) 48%,
      rgba(7,7,7,0) 100%
    ) !important;
  }
}

/* Mobile: arte 9:16; sem zoom CSS, sem moto separada. */
@media (max-width:560px){
  #inicio .hero-slide--bravus .hero-art img{
    object-position:center center !important;
  }

  #inicio .hero-slide--bravus::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(
      0deg,
      rgba(7,7,7,.52) 0%,
      rgba(7,7,7,.18) 22%,
      rgba(7,7,7,0) 44%,
      rgba(7,7,7,0) 100%
    ) !important;
  }
}



/* BRAVUS v2 — interface responsiva independente da arte */

/* NOTEBOOK: MacBook Air como referência estrutural */
@media (min-width:1025px) and (max-width:1439px){
  #inicio .hero-slide--bravus .hero-copy{
    width:min(470px,38vw) !important;
    margin-right:5.2vw !important;
    transform:none !important;
  }
}

/* DESKTOP: aproxima conteúdo da moto e reduz o vazio central */
@media (min-width:1440px) and (max-width:1919px){
  #inicio .hero-slide--bravus .hero-copy{
    width:min(500px,34vw) !important;
    margin-right:11.5vw !important;
    transform:translateX(-2.5vw) !important;
  }
}

/* ULTRAWIDE: aproxima ainda mais o bloco do centro visual */
@media (min-width:1920px){
  #inicio .hero-slide--bravus .hero-copy{
    width:min(520px,29vw) !important;
    margin-right:15vw !important;
    transform:translateX(-4vw) !important;
  }
}

/* TABLETS — base */
@media (min-width:601px) and (max-width:1100px){
  #inicio .hero-slide--bravus .hero-content{
    position:relative !important;
    display:block !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
  }
  #inicio .hero-slide--bravus .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:block !important;
    text-align:center !important;
  }
  #inicio .hero-slide--bravus .hero-text{
    position:absolute !important;
    top:112px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:min(78vw,620px) !important;
    text-align:center !important;
  }
  #inicio .hero-slide--bravus .hero-name{
    font-size:clamp(64px,10vw,100px) !important;
    line-height:.82 !important;
    margin:0 0 10px !important;
  }
  #inicio .hero-slide--bravus .hero-power{
    font-size:clamp(27px,4vw,38px) !important;
    margin:0 0 12px !important;
  }
  #inicio .hero-slide--bravus .hero-copy p{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    text-align:center !important;
    line-height:1.45 !important;
    font-size:14px !important;
  }
  #inicio .hero-slide--bravus .hero-actions{
    position:absolute !important;
    left:50% !important;
    bottom:28px !important;
    transform:translateX(-50%) !important;
    width:min(72vw,540px) !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
}

/* TABLET RETRATO ESTREITO */
@media (min-width:601px) and (max-width:850px) and (orientation:portrait){
  #inicio .hero-slide--bravus .hero-text{top:104px !important;width:82vw !important;}
  #inicio .hero-slide--bravus .hero-name{font-size:clamp(58px,11vw,82px) !important;}
  #inicio .hero-slide--bravus .hero-actions{width:76vw !important;bottom:22px !important;}
}

/* TABLET RETRATO MAIOR */
@media (min-width:851px) and (max-width:1100px) and (orientation:portrait){
  #inicio .hero-slide--bravus .hero-text{top:118px !important;}
  #inicio .hero-slide--bravus .hero-actions{bottom:34px !important;}
}

/* TABLET PAISAGEM: volta à lógica lateral, sem esmagar o produto */
@media (min-width:700px) and (max-width:1180px) and (orientation:landscape){
  #inicio .hero-slide--bravus .hero-content{display:flex !important;align-items:center !important;justify-content:flex-end !important;padding:80px 0 0 !important;}
  #inicio .hero-slide--bravus .hero-copy{position:relative !important;inset:auto !important;width:42vw !important;margin:0 5vw 0 auto !important;display:flex !important;align-items:flex-end !important;text-align:right !important;}
  #inicio .hero-slide--bravus .hero-text{position:static !important;transform:none !important;width:100% !important;text-align:right !important;}
  #inicio .hero-slide--bravus .hero-name{font-size:clamp(62px,8vw,96px) !important;}
  #inicio .hero-slide--bravus .hero-copy p{text-align:right !important;margin:0 0 20px auto !important;font-size:13px !important;}
  #inicio .hero-slide--bravus .hero-actions{position:static !important;transform:none !important;width:100% !important;display:flex !important;justify-content:flex-end !important;}
}

/* MOBILE — hierarquia: texto > moto (na arte) > detalhes > CTA */
@media (max-width:600px){
  #inicio.hero{height:100svh !important;min-height:620px !important;}
  #inicio .hero-slide--bravus .hero-content{
    position:relative !important;
    display:block !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
  }
  #inicio .hero-slide--bravus .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:block !important;
    text-align:center !important;
  }
  #inicio .hero-slide--bravus .hero-text{
    position:absolute !important;
    top:92px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:88vw !important;
    text-align:center !important;
  }
  #inicio .hero-slide--bravus .hero-name{
    display:block !important;
    font-size:clamp(50px,15vw,70px) !important;
    line-height:.82 !important;
    margin:0 0 7px !important;
  }
  #inicio .hero-slide--bravus .hero-power{
    font-size:clamp(24px,7vw,32px) !important;
    line-height:1 !important;
    margin:0 0 9px !important;
  }
  #inicio .hero-slide--bravus .hero-copy p{
    width:100% !important;
    max-width:340px !important;
    margin:0 auto !important;
    text-align:center !important;
    font-size:11px !important;
    line-height:1.4 !important;
  }
  #inicio .hero-slide--bravus .hero-actions{
    position:absolute !important;
    left:50% !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
    width:86vw !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  #inicio .hero-slide--bravus .hero-actions .btn{width:100% !important;min-height:42px !important;font-size:10px !important;}
  #inicio .hero-slide--bravus .hero-actions .btn:not(.btn--yellow){order:1 !important;}
  #inicio .hero-slide--bravus .hero-actions .btn--yellow{order:2 !important;}
  #inicio .hero-slide--bravus .hero-nav{right:9px !important;top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;}
  #inicio .hero-slide--bravus .scroll-down{display:none !important;}
}

/* Celulares baixos: compacta somente a interface, sem mexer na arte */
@media (max-width:600px) and (max-height:720px){
  #inicio .hero-slide--bravus .hero-text{top:82px !important;}
  #inicio .hero-slide--bravus .hero-name{font-size:48px !important;}
  #inicio .hero-slide--bravus .hero-power{font-size:23px !important;}
  #inicio .hero-slide--bravus .hero-copy p{font-size:10px !important;}
  #inicio .hero-slide--bravus .hero-actions{bottom:10px !important;gap:6px !important;}
  #inicio .hero-slide--bravus .hero-actions .btn{min-height:38px !important;}
}



/* ==========================================================
   MOBILE BRAVUS — GABARITO APROVADO
   Header
   [ área livre: título + potência + frase ]
   Moto
   Ver detalhes
   CTA WhatsApp
   ========================================================== */
@media (max-width:600px){

  /* O bloco de texto usa SOMENTE a zona livre entre o header
     e o início visual dos retrovisores da moto na arte. */
  #inicio .hero-slide--bravus .hero-text{
    position:absolute !important;

    /* começo: logo abaixo do header */
    top:76px !important;

    /* fim da zona de texto: antes do topo visual da moto */
    height:calc(35% - 76px) !important;

    right:18px !important;
    left:auto !important;
    transform:none !important;

    width:min(310px,78vw) !important;
    max-width:310px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;   /* centralização VERTICAL */
    align-items:flex-end !important;

    text-align:right !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  #inicio .hero-slide--bravus .hero-name,
  #inicio .hero-slide--bravus .hero-power,
  #inicio .hero-slide--bravus .hero-copy p{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
  }

  #inicio .hero-slide--bravus .hero-name{
    font-size:clamp(48px,13vw,64px) !important;
    line-height:.84 !important;
    margin-top:0 !important;
    margin-bottom:5px !important;
  }

  #inicio .hero-slide--bravus .hero-power{
    font-size:clamp(22px,6.4vw,29px) !important;
    line-height:1 !important;
    margin-top:0 !important;
    margin-bottom:9px !important;
  }

  /* Frase obrigatoriamente em 2 linhas e justificada à direita */
  #inicio .hero-slide--bravus .hero-copy p{
    font-size:clamp(10px,2.65vw,11.5px) !important;
    line-height:1.35 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  #inicio .hero-slide--bravus .hero-copy p .hero-line{
    display:block !important;
    white-space:nowrap !important;
    width:100% !important;
    text-align:right !important;
  }

  /* Botões continuam exclusivamente abaixo da zona da moto. */
  #inicio .hero-slide--bravus .hero-actions{
    left:50% !important;
    right:auto !important;
    bottom:12px !important;
    transform:translateX(-50%) !important;
    width:min(320px,86vw) !important;
    gap:8px !important;
  }

  #inicio .hero-slide--bravus .hero-actions .btn:not(.btn--yellow){
    order:1 !important;
  }

  #inicio .hero-slide--bravus .hero-actions .btn--yellow{
    order:2 !important;
  }
}

/* Telas mobile mais baixas:
   reduz tipografia, mas preserva exatamente a mesma hierarquia. */
@media (max-width:600px) and (max-height:720px){
  #inicio .hero-slide--bravus .hero-text{
    top:76px !important;
    height:calc(34% - 76px) !important;
    right:14px !important;
    width:min(290px,80vw) !important;
  }

  #inicio .hero-slide--bravus .hero-name{
    font-size:44px !important;
    margin-bottom:3px !important;
  }

  #inicio .hero-slide--bravus .hero-power{
    font-size:20px !important;
    margin-bottom:6px !important;
  }

  #inicio .hero-slide--bravus .hero-copy p{
    font-size:9.5px !important;
    line-height:1.28 !important;
  }

  #inicio .hero-slide--bravus .hero-actions{
    bottom:8px !important;
    gap:6px !important;
  }
}

/* Telas mobile altas: amplia levemente a zona livre superior,
   sem empurrar o texto sobre a moto. */
@media (max-width:600px) and (min-height:820px){
  #inicio .hero-slide--bravus .hero-text{
    height:calc(36% - 76px) !important;
  }
}



@media (max-width:600px){

  /* =========================
     BLOCO DE CONTEÚDO SUPERIOR
     ========================= */
  #inicio .hero-slide--bravus .hero-text{
    position:absolute !important;

    /* Mockup final: sobe cerca de uma linha em relação à versão anterior */
    top:106px !important;
    right:16px !important;
    left:auto !important;

    width:min(332px,82vw) !important;
    max-width:332px !important;

    /* Zona livre entre header e topo visual do retrovisor */
    height:248px !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;   /* centralização vertical */
    align-items:flex-end !important;

    padding:0 !important;
    margin:0 !important;
    transform:none !important;
    box-sizing:border-box !important;

    text-align:right !important;
    z-index:6 !important;
  }

  #inicio .hero-slide--bravus .hero-name,
  #inicio .hero-slide--bravus .hero-power,
  #inicio .hero-slide--bravus .hero-copy p{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
  }

  #inicio .hero-slide--bravus .hero-name{
    font-size:clamp(50px,13.4vw,66px) !important;
    line-height:.86 !important;
    letter-spacing:.012em !important;
    margin-top:0 !important;
    margin-bottom:8px !important;
  }

  #inicio .hero-slide--bravus .hero-power{
    font-size:clamp(23px,6.2vw,30px) !important;
    line-height:1 !important;
    letter-spacing:.018em !important;
    margin-top:0 !important;
    margin-bottom:15px !important;
  }

  /* Frase: maior, mais nítida, com respiro entre letras,
     mantendo 2 linhas e alinhamento à direita */
  #inicio .hero-slide--bravus .hero-copy p{
    font-size:clamp(12.8px,3.2vw,14.2px) !important;
    line-height:1.5 !important;
    letter-spacing:.035em !important;
    font-weight:500 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.34) !important;
    -webkit-font-smoothing:antialiased !important;
    text-rendering:optimizeLegibility !important;
  }

  #inicio .hero-slide--bravus .hero-copy p .hero-line{
    display:block !important;
    width:100% !important;
    white-space:nowrap !important;
    text-align:right !important;
  }

  /* =========================
     BOTÕES — ABAIXO DA MOTO
     ========================= */
  #inicio .hero-slide--bravus .hero-actions{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    transform:translateX(-50%) !important;

    width:min(330px,86vw) !important;
    max-width:330px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    gap:9px !important;

    margin:0 !important;
    z-index:7 !important;
  }

  #inicio .hero-slide--bravus .hero-actions .btn{
    width:100% !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }

  /* Ordem definida: detalhes primeiro, CTA depois */
  #inicio .hero-slide--bravus .hero-actions .btn:not(.btn--yellow){
    order:1 !important;
  }

  #inicio .hero-slide--bravus .hero-actions .btn--yellow{
    order:2 !important;
  }

  /* =========================
     TELAS MAIS BAIXAS
     ========================= */
  @media (max-height:720px){
    #inicio .hero-slide--bravus .hero-text{
      top:98px !important;
      height:220px !important;
      right:14px !important;
      width:min(310px,82vw) !important;
    }

    #inicio .hero-slide--bravus .hero-name{
      font-size:46px !important;
      margin-bottom:6px !important;
    }

    #inicio .hero-slide--bravus .hero-power{
      font-size:21px !important;
      margin-bottom:11px !important;
    }

    #inicio .hero-slide--bravus .hero-copy p{
      font-size:11.6px !important;
      line-height:1.42 !important;
      letter-spacing:.03em !important;
    }

    #inicio .hero-slide--bravus .hero-actions{
      bottom:8px !important;
      gap:7px !important;
    }
  }

  /* =========================
     TELAS MAIS ALTAS
     ========================= */
  @media (min-height:820px){
    #inicio .hero-slide--bravus .hero-text{
      top:112px !important;
      height:260px !important;
    }
  }
}



/* AJUSTE SOLICITADO:
   sobe aproximadamente 2 linhas SOMENTE o conjunto
   BRAVUS + 1000W + frase no mobile.
   Mantém alinhamento horizontal à direita e não altera moto/botões. */
@media (max-width:600px){
  #inicio .hero-slide--bravus .hero-text{
    transform:translateY(-30px) !important;
  }
}



/* ==========================================================
   NIMBUS — ARTES FINAIS RESPONSIVAS
   Replica a lógica visual aprovada da Bravus.
   ========================================================== */

#inicio .hero-slide--nimbus .hero-art{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#111 !important;
}
#inicio .hero-slide--nimbus .hero-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
#inicio .hero-slide--nimbus .hero-scene,
#inicio .hero-slide--nimbus .hero-moto,
#inicio .hero-slide--nimbus .hero-ground-shadow{
  display:none !important;
}
#inicio .hero-slide--nimbus::before{
  display:none !important;
  content:none !important;
}

@media (min-width:1025px){
  #inicio .hero-slide--nimbus::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,0) 58%,
      rgba(7,7,7,.08) 72%,
      rgba(7,7,7,.22) 86%,
      rgba(7,7,7,.34) 100%) !important;
  }
}
@media (min-width:561px) and (max-width:1024px){
  #inicio .hero-slide--nimbus::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(0deg,
      rgba(7,7,7,.46) 0%,
      rgba(7,7,7,.18) 24%,
      rgba(7,7,7,0) 48%,
      rgba(7,7,7,0) 100%) !important;
  }
}
@media (max-width:560px){
  #inicio .hero-slide--nimbus .hero-art img{
    object-position:center center !important;
  }
  #inicio .hero-slide--nimbus::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(0deg,
      rgba(7,7,7,.52) 0%,
      rgba(7,7,7,.18) 22%,
      rgba(7,7,7,0) 44%,
      rgba(7,7,7,0) 100%) !important;
  }
}

/* NOTEBOOK */
@media (min-width:1025px) and (max-width:1439px){
  #inicio .hero-slide--nimbus .hero-copy{
    width:min(470px,38vw) !important;
    margin-right:5.2vw !important;
    transform:none !important;
  }
}
/* DESKTOP */
@media (min-width:1440px) and (max-width:1919px){
  #inicio .hero-slide--nimbus .hero-copy{
    width:min(500px,34vw) !important;
    margin-right:11.5vw !important;
    transform:translateX(-2.5vw) !important;
  }
}
/* ULTRAWIDE */
@media (min-width:1920px){
  #inicio .hero-slide--nimbus .hero-copy{
    width:min(520px,29vw) !important;
    margin-right:15vw !important;
    transform:translateX(-4vw) !important;
  }
}

/* TABLET */
@media (min-width:601px) and (max-width:1100px){
  #inicio .hero-slide--nimbus .hero-content{
    position:relative !important;
    display:block !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
  }
  #inicio .hero-slide--nimbus .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:block !important;
    text-align:center !important;
  }
  #inicio .hero-slide--nimbus .hero-text{
    position:absolute !important;
    top:112px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:min(78vw,620px) !important;
    text-align:center !important;
  }
  #inicio .hero-slide--nimbus .hero-name{
    font-size:clamp(64px,10vw,100px) !important;
    line-height:.82 !important;
    margin:0 0 10px !important;
  }
  #inicio .hero-slide--nimbus .hero-power{
    font-size:clamp(27px,4vw,38px) !important;
    margin:0 0 12px !important;
  }
  #inicio .hero-slide--nimbus .hero-copy p{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    text-align:center !important;
    line-height:1.45 !important;
    font-size:14px !important;
  }
}

/* MOBILE — mesma hierarquia final aprovada */
@media (max-width:600px){
  #inicio .hero-slide--nimbus .hero-content{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
  }
  #inicio .hero-slide--nimbus .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:block !important;
  }
  #inicio .hero-slide--nimbus .hero-text{
    position:absolute !important;
    top:106px !important;
    right:16px !important;
    left:auto !important;
    width:min(332px,82vw) !important;
    max-width:332px !important;
    height:248px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-end !important;
    padding:0 !important;
    margin:0 !important;
    transform:translateY(-30px) !important;
    box-sizing:border-box !important;
    text-align:right !important;
    z-index:6 !important;
  }
  #inicio .hero-slide--nimbus .hero-name,
  #inicio .hero-slide--nimbus .hero-power,
  #inicio .hero-slide--nimbus .hero-copy p{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
  }
  #inicio .hero-slide--nimbus .hero-name{
    font-size:clamp(50px,13.4vw,66px) !important;
    line-height:.86 !important;
    letter-spacing:.012em !important;
    margin-top:0 !important;
    margin-bottom:8px !important;
  }
  #inicio .hero-slide--nimbus .hero-power{
    font-size:clamp(23px,6.2vw,30px) !important;
    line-height:1 !important;
    letter-spacing:.018em !important;
    margin-top:0 !important;
    margin-bottom:15px !important;
  }
  #inicio .hero-slide--nimbus .hero-copy p{
    font-size:clamp(12.8px,3.2vw,14.2px) !important;
    line-height:1.5 !important;
    letter-spacing:.035em !important;
    font-weight:500 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.34) !important;
    -webkit-font-smoothing:antialiased !important;
    text-rendering:optimizeLegibility !important;
  }
  #inicio .hero-slide--nimbus .hero-copy p .hero-line{
    display:block !important;
    width:100% !important;
    white-space:nowrap !important;
    text-align:right !important;
  }
  #inicio .hero-slide--nimbus .hero-actions{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    transform:translateX(-50%) !important;
    width:min(330px,86vw) !important;
    max-width:330px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    gap:9px !important;
    margin:0 !important;
    z-index:7 !important;
  }
  #inicio .hero-slide--nimbus .hero-actions .btn{
    width:100% !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }
  #inicio .hero-slide--nimbus .hero-actions .btn:not(.btn--yellow){order:1 !important;}
  #inicio .hero-slide--nimbus .hero-actions .btn--yellow{order:2 !important;}
}
@media (max-width:600px) and (max-height:720px){
  #inicio .hero-slide--nimbus .hero-text{
    top:98px !important;
    height:220px !important;
    right:14px !important;
    width:min(310px,82vw) !important;
    transform:translateY(-30px) !important;
  }
  #inicio .hero-slide--nimbus .hero-name{font-size:46px !important;margin-bottom:6px !important;}
  #inicio .hero-slide--nimbus .hero-power{font-size:21px !important;margin-bottom:11px !important;}
  #inicio .hero-slide--nimbus .hero-copy p{
    font-size:11.6px !important;
    line-height:1.42 !important;
    letter-spacing:.03em !important;
  }
  #inicio .hero-slide--nimbus .hero-actions{bottom:8px !important;gap:7px !important;}
}
@media (max-width:600px) and (min-height:820px){
  #inicio .hero-slide--nimbus .hero-text{
    top:112px !important;
    height:260px !important;
    transform:translateY(-30px) !important;
  }
}



/* ==========================================================
   NIMBUS — SOMBREADO SUAVE TIPO FUMAÇA / DEGRADÊ
   SOMENTE MOBILE E TABLET
   Objetivo: reduzir o ponto de luz branco atrás do bloco
   NIMBUS + 1000W + frase, sem contorno nas letras.
   ========================================================== */

/* Remove qualquer sombra pesada aplicada diretamente ao texto da Nimbus */
@media (max-width:1100px){
  #inicio .hero-slide--nimbus .hero-name,
  #inicio .hero-slide--nimbus .hero-power,
  #inicio .hero-slide--nimbus .hero-copy p{
    text-shadow:none !important;
    filter:none !important;
  }

  /* Garante que o conteúdo fique acima da fumaça */
  #inicio .hero-slide--nimbus .hero-text{
    z-index:7 !important;
  }

  /* Fumaça/degradê: camada independente ATRÁS do texto */
  #inicio .hero-slide--nimbus .hero-text::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    pointer-events:none !important;

    /* espalha a sombra além do conteúdo para não parecer uma caixa */
    top:-34px !important;
    right:-24px !important;
    bottom:-30px !important;
    left:-54px !important;

    border-radius:50% !important;

    background:
      radial-gradient(
        ellipse at 72% 48%,
        rgba(7,7,7,.52) 0%,
        rgba(7,7,7,.42) 26%,
        rgba(7,7,7,.28) 48%,
        rgba(7,7,7,.14) 66%,
        rgba(7,7,7,.05) 80%,
        rgba(7,7,7,0) 100%
      ) !important;

    filter:blur(18px) !important;
    opacity:.72 !important;
  }
}

/* TABLET — fumaça um pouco mais ampla e ainda discreta */
@media (min-width:601px) and (max-width:1100px){
  #inicio .hero-slide--nimbus .hero-text::before{
    top:-42px !important;
    right:-38px !important;
    bottom:-38px !important;
    left:-80px !important;
    filter:blur(22px) !important;
    opacity:.68 !important;
    background:
      radial-gradient(
        ellipse at 68% 48%,
        rgba(7,7,7,.48) 0%,
        rgba(7,7,7,.38) 30%,
        rgba(7,7,7,.24) 52%,
        rgba(7,7,7,.11) 70%,
        rgba(7,7,7,.03) 84%,
        rgba(7,7,7,0) 100%
      ) !important;
  }
}

/* MOBILE — sombra localizada exatamente no bloco superior direito */
@media (max-width:600px){
  #inicio .hero-slide--nimbus .hero-text::before{
    top:-28px !important;
    right:-16px !important;
    bottom:-28px !important;
    left:-46px !important;
    filter:blur(16px) !important;
    opacity:.74 !important;
    background:
      radial-gradient(
        ellipse at 74% 50%,
        rgba(7,7,7,.54) 0%,
        rgba(7,7,7,.43) 28%,
        rgba(7,7,7,.27) 50%,
        rgba(7,7,7,.12) 68%,
        rgba(7,7,7,.04) 82%,
        rgba(7,7,7,0) 100%
      ) !important;
  }
}

/* DESKTOP/ULTRAWIDE: nenhuma fumaça adicional */
@media (min-width:1101px){
  #inicio .hero-slide--nimbus .hero-text::before{
    content:none !important;
    display:none !important;
  }
}



/* ==========================================================
   PULSE — ARTES RESPONSIVAS FINAIS
   Usa as 4 artes específicas por dispositivo.
   ========================================================== */

#inicio .hero-slide--pulse .hero-art{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#111 !important;
}
#inicio .hero-slide--pulse .hero-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
#inicio .hero-slide--pulse .hero-scene,
#inicio .hero-slide--pulse .hero-moto,
#inicio .hero-slide--pulse .hero-ground-shadow{
  display:none !important;
}
#inicio .hero-slide--pulse::before{
  display:none !important;
  content:none !important;
}

/* Sombras gerais discretas para leitura, sem alterar a arte */
@media (min-width:1025px){
  #inicio .hero-slide--pulse::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,0) 58%,
      rgba(7,7,7,.07) 72%,
      rgba(7,7,7,.18) 86%,
      rgba(7,7,7,.28) 100%) !important;
  }
}
@media (min-width:561px) and (max-width:1024px){
  #inicio .hero-slide--pulse::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(0deg,
      rgba(7,7,7,.42) 0%,
      rgba(7,7,7,.14) 24%,
      rgba(7,7,7,0) 48%,
      rgba(7,7,7,0) 100%) !important;
  }
}
@media (max-width:560px){
  #inicio .hero-slide--pulse::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(0deg,
      rgba(7,7,7,.46) 0%,
      rgba(7,7,7,.14) 22%,
      rgba(7,7,7,0) 44%,
      rgba(7,7,7,0) 100%) !important;
  }
}

/* NOTEBOOK */
@media (min-width:1025px) and (max-width:1439px){
  #inicio .hero-slide--pulse .hero-copy{
    width:min(470px,38vw) !important;
    margin-right:5.2vw !important;
    transform:none !important;
  }
}

/* DESKTOP */
@media (min-width:1440px) and (max-width:1919px){
  #inicio .hero-slide--pulse .hero-copy{
    width:min(500px,34vw) !important;
    margin-right:11.5vw !important;
    transform:translateX(-2.5vw) !important;
  }
}

/* ULTRAWIDE */
@media (min-width:1920px){
  #inicio .hero-slide--pulse .hero-copy{
    width:min(520px,29vw) !important;
    margin-right:15vw !important;
    transform:translateX(-4vw) !important;
  }
}

/* TABLET */
@media (min-width:601px) and (max-width:1100px){
  #inicio .hero-slide--pulse .hero-content{
    position:relative !important;
    display:block !important;
    padding:0 !important;
    width:100% !important;
    max-width:none !important;
  }
  #inicio .hero-slide--pulse .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:block !important;
    text-align:center !important;
  }
  #inicio .hero-slide--pulse .hero-text{
    position:absolute !important;
    top:112px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:min(78vw,620px) !important;
    text-align:center !important;
  }
  #inicio .hero-slide--pulse .hero-name{
    font-size:clamp(64px,10vw,100px) !important;
    line-height:.82 !important;
    margin:0 0 10px !important;
  }
  #inicio .hero-slide--pulse .hero-power{
    font-size:clamp(27px,4vw,38px) !important;
    margin:0 0 12px !important;
  }
  #inicio .hero-slide--pulse .hero-copy p{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    text-align:center !important;
    line-height:1.45 !important;
    font-size:14px !important;
  }
}

/* MOBILE — mesma estrutura final aprovada */
@media (max-width:600px){
  #inicio .hero-slide--pulse .hero-content{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
  }
  #inicio .hero-slide--pulse .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:block !important;
  }
  #inicio .hero-slide--pulse .hero-text{
    position:absolute !important;
    top:106px !important;
    right:16px !important;
    left:auto !important;
    width:min(332px,82vw) !important;
    max-width:332px !important;
    height:248px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-end !important;
    padding:0 !important;
    margin:0 !important;
    transform:translateY(-30px) !important;
    box-sizing:border-box !important;
    text-align:right !important;
    z-index:6 !important;
  }
  #inicio .hero-slide--pulse .hero-name,
  #inicio .hero-slide--pulse .hero-power,
  #inicio .hero-slide--pulse .hero-copy p{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
  }
  #inicio .hero-slide--pulse .hero-name{
    font-size:clamp(50px,13.4vw,66px) !important;
    line-height:.86 !important;
    letter-spacing:.012em !important;
    margin-top:0 !important;
    margin-bottom:8px !important;
  }
  #inicio .hero-slide--pulse .hero-power{
    font-size:clamp(23px,6.2vw,30px) !important;
    line-height:1 !important;
    letter-spacing:.018em !important;
    margin-top:0 !important;
    margin-bottom:15px !important;
  }
  #inicio .hero-slide--pulse .hero-copy p{
    font-size:clamp(12.8px,3.2vw,14.2px) !important;
    line-height:1.5 !important;
    letter-spacing:.035em !important;
    font-weight:500 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.34) !important;
    -webkit-font-smoothing:antialiased !important;
    text-rendering:optimizeLegibility !important;
  }
  #inicio .hero-slide--pulse .hero-copy p .hero-line{
    display:block !important;
    width:100% !important;
    white-space:nowrap !important;
    text-align:right !important;
  }
  #inicio .hero-slide--pulse .hero-actions{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    transform:translateX(-50%) !important;
    width:min(330px,86vw) !important;
    max-width:330px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    gap:9px !important;
    margin:0 !important;
    z-index:7 !important;
  }
  #inicio .hero-slide--pulse .hero-actions .btn{
    width:100% !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }
  #inicio .hero-slide--pulse .hero-actions .btn:not(.btn--yellow){order:1 !important;}
  #inicio .hero-slide--pulse .hero-actions .btn--yellow{order:2 !important;}
}



/* ==========================================================
   HE-15 — HERO RESPONSIVO FINAL
   Corrige a estrutura que estava sem configuração específica.
   Mantém o mesmo sistema final de Bravus / Nimbus / Pulse.
   ========================================================== */

/* ARTE RESPONSIVA */
#inicio .hero-slide--he15 .hero-art{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#111 !important;
}
#inicio .hero-slide--he15 .hero-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* desliga a antiga montagem fundo + PNG transparente */
#inicio .hero-slide--he15 .hero-scene,
#inicio .hero-slide--he15 .hero-moto,
#inicio .hero-slide--he15 .hero-ground-shadow{
  display:none !important;
}
#inicio .hero-slide--he15::before{
  display:none !important;
  content:none !important;
}

/* ==========================================================
   DESKTOP / NOTEBOOK / ULTRAWIDE
   ========================================================== */
@media (min-width:1025px){
  #inicio .hero-slide--he15::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,
      rgba(7,7,7,0) 0%,
      rgba(7,7,7,0) 57%,
      rgba(7,7,7,.07) 70%,
      rgba(7,7,7,.18) 84%,
      rgba(7,7,7,.30) 100%) !important;
  }

  #inicio .hero-slide--he15 .hero-content{
    position:relative !important;
    z-index:5 !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    padding-top:var(--header) !important;
  }

  #inicio .hero-slide--he15 .hero-copy{
    text-align:right !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
  }

  #inicio .hero-slide--he15 .hero-text{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    text-align:right !important;
  }

  #inicio .hero-slide--he15 .hero-name,
  #inicio .hero-slide--he15 .hero-power,
  #inicio .hero-slide--he15 .hero-copy p{
    text-align:right !important;
  }

  #inicio .hero-slide--he15 .hero-actions{
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-end !important;
    gap:12px !important;
  }

  #inicio .hero-slide--he15 .hero-actions .btn--yellow{order:1 !important;}
  #inicio .hero-slide--he15 .hero-actions .btn:not(.btn--yellow){order:2 !important;}
}

/* NOTEBOOK */
@media (min-width:1025px) and (max-width:1439px){
  #inicio .hero-slide--he15 .hero-copy{
    width:min(470px,38vw) !important;
    margin-right:5.2vw !important;
    transform:none !important;
  }
}

/* DESKTOP */
@media (min-width:1440px) and (max-width:1919px){
  #inicio .hero-slide--he15 .hero-copy{
    width:min(500px,34vw) !important;
    margin-right:11.5vw !important;
    transform:translateX(-2.5vw) !important;
  }
}

/* ULTRAWIDE */
@media (min-width:1920px){
  #inicio .hero-slide--he15 .hero-copy{
    width:min(520px,29vw) !important;
    margin-right:15vw !important;
    transform:translateX(-4vw) !important;
  }
}

/* ==========================================================
   TABLET
   ========================================================== */
@media (min-width:601px) and (max-width:1100px){
  #inicio .hero-slide--he15::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(0deg,
      rgba(7,7,7,.42) 0%,
      rgba(7,7,7,.14) 24%,
      rgba(7,7,7,0) 48%,
      rgba(7,7,7,0) 100%) !important;
  }

  #inicio .hero-slide--he15 .hero-content{
    position:relative !important;
    z-index:5 !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  #inicio .hero-slide--he15 .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:block !important;
  }

  /* texto no topo, alinhado à direita */
  #inicio .hero-slide--he15 .hero-text{
    position:absolute !important;
    top:112px !important;
    right:5.5vw !important;
    left:auto !important;
    width:min(66vw,620px) !important;
    max-width:620px !important;
    transform:none !important;
    text-align:right !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    z-index:7 !important;
    isolation:isolate !important;
  }

  #inicio .hero-slide--he15 .hero-name{
    font-size:clamp(64px,10vw,100px) !important;
    line-height:.82 !important;
    margin:0 0 10px !important;
    text-align:right !important;
  }

  #inicio .hero-slide--he15 .hero-power{
    font-size:clamp(27px,4vw,38px) !important;
    margin:0 0 12px !important;
    text-align:right !important;
  }

  #inicio .hero-slide--he15 .hero-copy p{
    width:100% !important;
    max-width:560px !important;
    margin:0 0 0 auto !important;
    text-align:right !important;
    line-height:1.5 !important;
    font-size:14px !important;
    text-shadow:none !important;
  }

  /* fumaça discreta atrás do bloco de texto */
  #inicio .hero-slide--he15 .hero-text::before{
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    pointer-events:none !important;
    top:-42px !important;
    right:-34px !important;
    bottom:-40px !important;
    left:-88px !important;
    border-radius:50% !important;
    background:radial-gradient(
      ellipse at 72% 48%,
      rgba(7,7,7,.48) 0%,
      rgba(7,7,7,.37) 30%,
      rgba(7,7,7,.23) 52%,
      rgba(7,7,7,.10) 70%,
      rgba(7,7,7,.03) 84%,
      rgba(7,7,7,0) 100%
    ) !important;
    filter:blur(22px) !important;
    opacity:.68 !important;
  }

  /* botões embaixo */
  #inicio .hero-slide--he15 .hero-actions{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:20px !important;
    transform:translateX(-50%) !important;
    width:min(520px,78vw) !important;
    max-width:520px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    margin:0 !important;
    z-index:7 !important;
  }

  #inicio .hero-slide--he15 .hero-actions .btn{
    width:100% !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #inicio .hero-slide--he15 .hero-actions .btn:not(.btn--yellow){order:1 !important;}
  #inicio .hero-slide--he15 .hero-actions .btn--yellow{order:2 !important;}
}

/* ==========================================================
   MOBILE
   Estrutura final:
   título + potência + frase à direita
   moto no centro da arte
   detalhes
   CTA
   ========================================================== */
@media (max-width:600px){
  #inicio .hero-slide--he15::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(0deg,
      rgba(7,7,7,.46) 0%,
      rgba(7,7,7,.14) 22%,
      rgba(7,7,7,0) 44%,
      rgba(7,7,7,0) 100%) !important;
  }

  #inicio .hero-slide--he15 .hero-content{
    position:relative !important;
    z-index:5 !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  #inicio .hero-slide--he15 .hero-copy{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:block !important;
  }

  #inicio .hero-slide--he15 .hero-text{
    position:absolute !important;
    top:106px !important;
    right:28px !important;
    left:auto !important;
    width:min(318px,78vw) !important;
    max-width:318px !important;
    height:248px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-end !important;
    padding:0 !important;
    margin:0 !important;
    transform:translateY(-30px) !important;
    box-sizing:border-box !important;
    text-align:right !important;
    z-index:7 !important;
    isolation:isolate !important;
  }

  #inicio .hero-slide--he15 .hero-name,
  #inicio .hero-slide--he15 .hero-power,
  #inicio .hero-slide--he15 .hero-copy p{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:0 !important;
    text-align:right !important;
    position:relative !important;
    z-index:2 !important;
  }

  #inicio .hero-slide--he15 .hero-name{
    font-size:clamp(50px,13.4vw,66px) !important;
    line-height:.86 !important;
    letter-spacing:.012em !important;
    margin-top:0 !important;
    margin-bottom:8px !important;
  }

  #inicio .hero-slide--he15 .hero-power{
    font-size:clamp(23px,6.2vw,30px) !important;
    line-height:1 !important;
    letter-spacing:.018em !important;
    margin-top:0 !important;
    margin-bottom:15px !important;
  }

  #inicio .hero-slide--he15 .hero-copy p{
    font-size:clamp(12.8px,3.2vw,14.2px) !important;
    line-height:1.5 !important;
    letter-spacing:.035em !important;
    font-weight:500 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    text-shadow:none !important;
    -webkit-font-smoothing:antialiased !important;
    text-rendering:optimizeLegibility !important;
  }

  #inicio .hero-slide--he15 .hero-copy p .hero-line{
    display:block !important;
    width:100% !important;
    white-space:normal !important;
    text-align:right !important;
  }

  /* fumaça suave atrás do conteúdo */
  #inicio .hero-slide--he15 .hero-text::before{
    content:"" !important;
    position:absolute !important;
    z-index:1 !important;
    pointer-events:none !important;
    top:-30px !important;
    right:-14px !important;
    bottom:-30px !important;
    left:-52px !important;
    border-radius:50% !important;
    background:radial-gradient(
      ellipse at 78% 50%,
      rgba(7,7,7,.50) 0%,
      rgba(7,7,7,.39) 28%,
      rgba(7,7,7,.25) 50%,
      rgba(7,7,7,.12) 68%,
      rgba(7,7,7,.04) 82%,
      rgba(7,7,7,0) 100%
    ) !important;
    filter:blur(16px) !important;
    opacity:.72 !important;
  }

  #inicio .hero-slide--he15 .hero-actions{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    transform:translateX(-50%) !important;
    width:min(330px,86vw) !important;
    max-width:330px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-end !important;
    gap:9px !important;
    margin:0 !important;
    z-index:7 !important;
  }

  #inicio .hero-slide--he15 .hero-actions .btn{
    width:100% !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }

  #inicio .hero-slide--he15 .hero-actions .btn:not(.btn--yellow){order:1 !important;}
  #inicio .hero-slide--he15 .hero-actions .btn--yellow{order:2 !important;}
}

/* celulares com pouca altura */
@media (max-width:600px) and (max-height:720px){
  #inicio .hero-slide--he15 .hero-text{
    top:98px !important;
    height:220px !important;
    right:24px !important;
    width:min(304px,78vw) !important;
    transform:translateY(-30px) !important;
  }
  #inicio .hero-slide--he15 .hero-name{
    font-size:46px !important;
    margin-bottom:6px !important;
  }
  #inicio .hero-slide--he15 .hero-power{
    font-size:21px !important;
    margin-bottom:11px !important;
  }
  #inicio .hero-slide--he15 .hero-copy p{
    font-size:11.6px !important;
    line-height:1.42 !important;
    letter-spacing:.03em !important;
  }
  #inicio .hero-slide--he15 .hero-actions{
    bottom:8px !important;
    gap:7px !important;
  }
}

/* celulares mais altos */
@media (max-width:600px) and (min-height:820px){
  #inicio .hero-slide--he15 .hero-text{
    top:112px !important;
    height:260px !important;
    transform:translateY(-30px) !important;
  }
}



/* HE-15 — ajuste solicitado no mobile
   - frase em exatamente 2 linhas
   - sobe título + potência + frase aproximadamente 1 linha
   - mantém alinhamento à direita
   - não altera moto nem botões
*/

#inicio .hero-slide--he15 .he15-copy--mobile{
  display:none !important;
}

@media (max-width:600px){
  #inicio .hero-slide--he15 .he15-copy--desktop{
    display:none !important;
  }

  #inicio .hero-slide--he15 .he15-copy--mobile{
    display:block !important;
  }

  /* antes estava -30px; sobe mais ~22px */
  #inicio .hero-slide--he15 .hero-text{
    transform:translateY(-52px) !important;
  }

  #inicio .hero-slide--he15 .he15-copy--mobile{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 0 auto !important;
    text-align:right !important;
    font-size:clamp(12.8px,3.2vw,14.2px) !important;
    line-height:1.5 !important;
    letter-spacing:.035em !important;
    font-weight:500 !important;
  }

  #inicio .hero-slide--he15 .he15-copy--mobile .hero-line{
    display:block !important;
    width:100% !important;
    white-space:nowrap !important;
    text-align:right !important;
  }
}

@media (max-width:600px) and (max-height:720px){
  #inicio .hero-slide--he15 .hero-text{
    transform:translateY(-50px) !important;
  }

  #inicio .hero-slide--he15 .he15-copy--mobile{
    font-size:11.4px !important;
    letter-spacing:.025em !important;
  }
}

@media (max-width:600px) and (min-height:820px){
  #inicio .hero-slide--he15 .hero-text{
    transform:translateY(-52px) !important;
  }
}

@media (min-width:601px){
  #inicio .hero-slide--he15 .he15-copy--desktop{
    display:block !important;
  }

  #inicio .hero-slide--he15 .he15-copy--mobile{
    display:none !important;
  }
}



/* HE-15 — seletores de cor no mesmo padrão dos demais cards */
.color-dot.he15-green{background:#596047 !important;}
.color-dot.he15-blue{background:#1247a8 !important;}


/* Static-build accessibility, conversion and performance safeguards. */
:root{--wa-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.52 3.48A11.81 11.81 0 0 0 12.11 0C5.6 0 .3 5.3.3 11.82c0 2.08.54 4.11 1.57 5.9L.2 23.82l6.25-1.64a11.8 11.8 0 0 0 5.65 1.44h.01c6.51 0 11.81-5.3 11.81-11.82 0-3.16-1.23-6.13-3.4-8.32Zm-8.41 18.15h-.01a9.8 9.8 0 0 1-4.99-1.37l-.36-.21-3.71.97.99-3.62-.23-.37a9.8 9.8 0 1 1 8.31 4.6Zm5.38-7.35c-.29-.15-1.74-.86-2.01-.96-.27-.1-.47-.15-.67.15-.2.29-.77.96-.94 1.16-.17.2-.35.22-.64.07-.29-.15-1.24-.46-2.36-1.46-.87-.78-1.46-1.74-1.63-2.03-.17-.3-.02-.46.13-.6.13-.13.29-.35.44-.52.15-.17.2-.3.3-.49.1-.2.05-.37-.02-.52-.08-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49 0 1.46 1.07 2.88 1.22 3.08.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.69.63.71.23 1.36.19 1.87.12.57-.09 1.74-.71 1.99-1.4.25-.68.25-1.27.17-1.39-.07-.12-.27-.2-.57-.35Z'/%3E%3C/svg%3E")}
.wa-model:not(.muvi-footer-slim-icon)::before,
.wa-general:not(.muvi-footer-slim-icon)::before,
.muvi-popup-whatsapp::before{content:"";display:inline-block;flex:0 0 19px;width:19px;height:19px;margin-right:9px;background:currentColor;-webkit-mask:var(--wa-icon) center/contain no-repeat;mask:var(--wa-icon) center/contain no-repeat}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn--yellow:focus-visible{outline-color:#111}
.skip-link{position:fixed;left:12px;top:12px;z-index:2147483647;padding:12px 16px;background:#fff;color:#000;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.store-visual{background-image:url('../images/muvi-e-fachada-reconstruida.webp')!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.in,.hero-slide,.btn,.product-card{animation:none!important;transition:none!important;transform:none!important}.reveal{opacity:1!important}}

/* Conteudo visivel imediatamente: melhora leitura, SEO e navegacao sem JavaScript. */
.reveal{opacity:1!important;transform:none!important}

/* Ajustes da revisao visual. */
#inicio .scroll-down{display:none!important}
.logo{width:100px!important;height:88px!important;overflow:hidden!important;flex:0 0 100px!important}
.logo img{display:block!important;width:215px!important;max-width:none!important;height:auto!important;transform:translate(-60px,-70px)!important}
.store-visual:before{display:block!important;content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:2!important;pointer-events:none!important;transform:none!important;background:linear-gradient(90deg,#101010 0%,rgba(16,16,16,.82) 8%,rgba(16,16,16,.22) 22%,transparent 34%,transparent 66%,rgba(16,16,16,.22) 78%,rgba(16,16,16,.82) 92%,#101010 100%),linear-gradient(0deg,rgba(16,16,16,.28),transparent 18%,transparent 82%,rgba(16,16,16,.12))!important}
.map-wrap{position:relative;background:linear-gradient(135deg,#181811,#080808)!important}
.map-wrap iframe{display:block!important;position:relative;z-index:1;background:#111!important}
@media(max-width:1024px){.logo{width:88px!important;height:76px!important;flex-basis:88px!important}.logo img{width:188px!important;transform:translate(-53px,-61px)!important}}
@media(max-width:560px){.logo{width:76px!important;height:66px!important;flex-basis:76px!important}.logo img{width:164px!important;transform:translate(-46px,-53px)!important}.store-visual:before{background:linear-gradient(90deg,rgba(16,16,16,.78),transparent 22%,transparent 78%,rgba(16,16,16,.78))!important}}
@media(max-width:560px){.location-grid.container{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:12px!important;margin-right:12px!important}.location-copy,.map-wrap{width:100%!important;min-width:0!important}}

/* Revisao 5: marca horizontal, navegacao do hero isolada e midias sem recorte. */
.logo{width:auto!important;height:96px!important;overflow:visible!important;flex:0 0 auto!important;gap:12px!important;justify-content:flex-start!important}
.logo img{width:72px!important;height:72px!important;max-width:72px!important;object-fit:contain!important;transform:none!important;flex:0 0 72px!important}
.logo span{display:block;color:#fff;font-size:31px;font-weight:800;line-height:1;letter-spacing:.09em;white-space:nowrap}
#inicio>.hero-nav{left:50%!important;right:auto!important;top:auto!important;bottom:16px!important;transform:translateX(-50%)!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:7px 11px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(5,5,5,.72)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
#inicio>.hero-nav button{display:flex!important;padding:7px 3px!important;margin:0!important}
#inicio>.hero-nav .bar{width:24px!important;height:3px!important;border-radius:4px!important;background:rgba(255,255,255,.38)!important}
#inicio>.hero-nav button.active .bar{width:44px!important;background:var(--yellow)!important}
.store-visual{aspect-ratio:3/2!important;min-height:0!important;background-size:contain!important;background-position:center!important;background-color:#101010!important;align-self:center!important}
.map-route{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;background:var(--yellow);color:#050505;font-size:11px;font-weight:800;letter-spacing:.08em;box-shadow:0 8px 24px rgba(0,0,0,.3)}
@media(max-width:1024px){.logo{height:84px!important;gap:10px!important}.logo img{width:64px!important;height:64px!important;max-width:64px!important;flex-basis:64px!important}.logo span{font-size:28px}}
@media(max-width:820px){#inicio>.hero-nav{bottom:10px!important}.store-visual{min-height:0!important}}
@media(max-width:560px){.logo{height:70px!important;gap:8px!important}.logo img{width:52px!important;height:52px!important;max-width:52px!important;flex-basis:52px!important}.logo span{font-size:22px;letter-spacing:.07em}#inicio>.hero-nav{bottom:8px!important;padding:5px 9px!important;gap:5px!important}#inicio>.hero-nav .bar{width:18px!important}#inicio>.hero-nav button.active .bar{width:34px!important}.map-route{left:10px;right:10px;bottom:10px;min-height:42px}}
#inicio>.hero-slide{bottom:46px!important}

/* Static location preview: reliable even when embedded map providers are blocked. */
.map-static{
  position:absolute;
  inset:0;
  z-index:1;
  background:url('../images/campinas-map-preview.png') right bottom/auto 180.4% no-repeat;
  background-color:#181818;
}
.map-credit{
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:3;
  padding:3px 6px;
  background:rgba(255,255,255,.9);
  color:#111;
  font-size:10px;
  line-height:1.2;
}

/* Revisao 8: navegacao lateral discreta, mapa original e respiros responsivos. */
#inicio>.hero-slide{bottom:0!important}
#inicio>.hero-nav{
  left:auto!important;
  right:22px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  flex-direction:column!important;
  gap:11px!important;
  padding:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#inicio>.hero-nav button{padding:4px!important;min-width:22px!important;min-height:22px!important;justify-content:center!important}
#inicio>.hero-nav .bar{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(0,0,0,.3)!important;
  box-shadow:0 1px 5px rgba(0,0,0,.45)!important;
}
#inicio>.hero-nav button.active .bar{
  width:13px!important;
  height:13px!important;
  background:var(--yellow)!important;
  border-color:#fff!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.38),0 0 0 1px #fff!important;
}
.reviews h2{margin-top:22px!important;line-height:.96!important;padding-top:.04em!important}
.nowrap{white-space:nowrap}
.products,.store,.reviews,.location{scroll-margin-top:96px}
.map-wrap{position:relative!important;background:#151515!important;overflow:hidden!important}
.map-wrap iframe{display:block!important;width:100%!important;height:100%!important;border:0!important}
.map-mobile-fallback{display:none}

@media (max-width:1180px){
  .location-grid{grid-template-columns:1fr!important;gap:34px!important}
  .location-copy{width:100%!important;max-width:780px!important;min-width:0!important;padding-left:18px!important;padding-right:18px!important}
  .location-copy h2{font-size:clamp(64px,10vw,96px)!important;line-height:.88!important}
  .location-copy p{max-width:720px!important;font-size:16px!important;line-height:1.7!important}
  .map-wrap,.map-wrap iframe{width:100%!important;min-width:0!important;min-height:400px!important}
}

@media (min-width:821px) and (max-width:1180px){
  #inicio .hero-copy{width:min(500px,40vw)!important;margin-right:10vw!important}
  #inicio .hero-slide .hero-copy{transform:translateX(-30px)!important}
  #inicio>.hero-nav{right:8px!important}
}

@media (max-width:820px){
  #inicio>.hero-nav{right:10px!important;top:52%!important;gap:8px!important;padding:5px!important}
  #inicio>.hero-nav button{min-width:20px!important;min-height:20px!important;padding:4px!important}
  #inicio>.hero-nav .bar{width:9px!important;height:9px!important}
  #inicio>.hero-nav button.active .bar{width:12px!important;height:12px!important}
  #inicio .hero-copy{margin-right:48px!important;max-width:calc(100% - 66px)!important}
  #inicio .hero-text,#inicio .hero-actions{max-width:100%!important}
  .reviews h2{margin-top:26px!important}
}

@media (max-width:560px){
  .products,.store,.reviews,.location{scroll-margin-top:76px}
  .reviews h2{font-size:clamp(48px,14vw,58px)!important;line-height:.94!important}
  .location-grid.container{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
  .location-copy{padding:0 10px!important;max-width:100%!important}
  .location-copy h2{font-size:clamp(58px,18vw,78px)!important;line-height:.88!important}
  .location-copy p{font-size:15px!important;line-height:1.65!important}
  .map-wrap,.map-wrap iframe{min-height:310px!important}
  .map-wrap iframe{display:none!important}
  .map-mobile-fallback{display:block;position:absolute;inset:0;z-index:2;color:#050505;overflow:hidden}
  .map-mobile-fallback img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
  .map-mobile-fallback span{position:absolute;left:12px;right:12px;bottom:12px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--yellow);color:#050505;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
}

/* Mapa unico e responsivo: mesma implementacao confiavel em todos os dispositivos. */
.map-wrap{position:relative!important;width:100%!important;min-width:0!important;min-height:0!important;aspect-ratio:5/3!important;overflow:hidden!important;background:#151515!important}
.map-universal{position:absolute;inset:0;display:block;overflow:hidden;color:#050505}
.map-universal img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.map-universal:hover img{transform:scale(1.015)}
.map-universal span{position:absolute;right:16px;bottom:16px;min-height:46px;display:flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--yellow);color:#050505;font-size:11px;font-weight:800;letter-spacing:.08em;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
@media (max-width:560px){
  .map-wrap{aspect-ratio:1.25!important;min-height:0!important}
  .map-universal span{left:12px;right:12px;bottom:12px;min-height:44px;padding:8px 12px;font-size:10.5px;letter-spacing:.07em}
}

/* Mapa oficial do projeto inicial, gerado pela ficha da Muvi-E no Google Maps. */
.map-wrap iframe{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;background:#fff!important}

/* Revisao 16: visual do Google Maps do projeto inicial, sem falhas de carregamento. */
.map-google-static{position:absolute;inset:0;display:block;overflow:hidden;color:#050505;background:#e9e5dc}
.map-google-static img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.map-google-static:hover img{transform:scale(1.012)}
.map-google-static span{position:absolute;right:16px;bottom:16px;z-index:2;min-height:46px;display:flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--yellow);color:#050505;font-size:11px;font-weight:800;letter-spacing:.08em;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
@media (max-width:560px){
  .map-google-static span{left:12px;right:12px;bottom:12px;min-height:44px;padding:8px 12px;font-size:10.5px;letter-spacing:.07em}
}

/* Revisao 17: desempenho, enquadramento do hero e acessibilidade. */
.products .eyebrow,.reviews .eyebrow{color:#805f00}
.color-picker{gap:0;padding:2px 5px}
.color-dot{position:relative;width:44px!important;height:44px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important}
.color-dot::before{content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid rgba(0,0,0,.32);background:#aaa;box-shadow:0 0 0 1px rgba(255,255,255,.85)}
.color-dot.active::before{outline:2px solid #111;outline-offset:2px}
.color-dot.red::before{background:#a92020}.color-dot.black::before{background:#151515}.color-dot.silver::before{background:#aaa}.color-dot.white::before{background:#f6f6f3}
.color-dot.he15-green::before{background:#596047}.color-dot.he15-blue::before{background:#1247a8}
@media (min-width:1025px){
  #inicio .hero-slide--he15 .hero-art{top:96px!important;height:calc(100% - 96px)!important}
  #inicio .hero-slide--he15 .hero-art img{object-position:center top!important}
}