@media(max-width:1040px){.nav-cta{display:none}.hero-grid{gap:38px}.hero-visual{min-height:430px}.service-grid{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}@media(max-width:820px){html{scroll-padding-top:84px}.topbar{display:none}.navbar{min-height:72px}.menu-toggle{display:block;position:relative;z-index:102}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;inset:72px 0 auto;z-index:101;display:grid;gap:0;padding:18px 16px 26px;background:rgba(7,7,7,.98);transform:translateY(-130%);transition:.3s}.main-nav.open{transform:none}.main-nav a{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem}.hero{padding-top:64px}.hero-grid,.two-col,.tech-grid,.contact-grid{grid-template-columns:1fr}.hero-content{text-align:center}.hero-actions,.hero-benefits{justify-content:center}.hero-visual{width:min(100%,600px);min-height:510px;margin:auto}.stats{grid-template-columns:repeat(2,1fr)}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}.two-col{gap:62px}.about-image{width:min(100%,620px);margin:auto}.tech-grid{gap:45px}.tech-grid>div:first-child{text-align:center}.tech ul{display:inline-grid;text-align:left}.cta-box{display:grid;text-align:center}.cta-box .btn{justify-self:center}}@media(max-width:640px){.container{width:min(calc(100% - 24px),var(--max))}.section{padding:78px 0}.brand-atm{font-size:1.7rem}h1{font-size:clamp(2.65rem,14vw,4.4rem)}.hero{padding-top:48px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-benefits{display:grid;text-align:left}.hero-visual{min-height:380px;margin-top:14px}.rating{top:18px;left:-2px}.hours{right:-2px;bottom:22px}.stats{margin-top:48px}.stats article{padding:20px 16px}.badge{right:-4px;bottom:-24px;border-width:5px}.check-grid,.service-grid,.tech-panel,.audience-grid,.form-row,.footer-grid{grid-template-columns:1fr}.service-card p{min-height:auto}.tech-panel div{min-height:115px}.slider{padding:0 0 65px}.testimonial{padding:32px 22px}.slider button{top:auto;bottom:0;transform:none}.prev{left:calc(50% - 54px)}.next{right:calc(50% - 54px)}.cta{padding-bottom:78px}.cta-box{padding:38px 22px;border-radius:20px}.contact-form{padding:24px 18px}.contact-form .btn{width:100%}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;text-align:center}.whatsapp-float{width:54px;height:54px;padding:0;justify-content:center;font-size:0}.whatsapp-float:before{content:"✆";font-size:1.4rem}}


/* FASE 3 — RESPONSIVIDADE */
@media (max-width: 960px) {
  .about-story,
  .values-layout,
  .coverage {
    grid-template-columns: 1fr;
  }

  .about-story {
    gap: 58px;
  }

  .about-story__media {
    width: min(100%, 650px);
    margin-inline: auto;
  }

  .values-layout__intro {
    position: static;
  }

  .purpose-grid {
    grid-template-columns: 1fr;
  }

  .purpose-card {
    min-height: 250px;
  }
}

@media (max-width: 640px) {
  .page-hero {
    padding: 72px 0;
  }

  .page-hero__content {
    margin-left: auto;
  }

  .page-hero h1 {
    font-size: clamp(2.65rem, 13vw, 4.2rem);
  }

  .about-story__seal {
    right: -4px;
    bottom: -22px;
    border-width: 5px;
  }

  .values-list,
  .coverage__cards {
    grid-template-columns: 1fr;
  }

  .process-list::before {
    left: 22px;
  }

  .process-step {
    grid-template-columns: 45px 1fr;
    gap: 14px;
  }

  .process-step > span {
    width: 45px;
    height: 45px;
  }

  .process-step > div {
    padding: 17px;
  }

  .about__actions {
    display: grid;
    gap: 12px;
  }
}


/* FASE 4 — RESPONSIVIDADE */
@media (max-width: 960px) {
  .service-detail__grid,
  .service-detail__grid--reverse,
  .emergency-grid {
    grid-template-columns: 1fr;
  }

  .service-detail__grid--reverse .service-detail__visual {
    order: 2;
  }

  .service-detail__grid--reverse .service-detail__content {
    order: 1;
  }

  .emergency-actions {
    justify-content: flex-start;
  }

  .request-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .service-category-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .service-category-nav a {
    text-align: center;
  }

  .service-detail__panel,
  .request-grid {
    grid-template-columns: 1fr;
  }

  .service-highlight {
    min-height: 135px;
  }

  .emergency-actions {
    display: grid;
  }

  .emergency-actions .button {
    width: 100%;
  }
}


/* FASE 5 — RESPONSIVIDADE */
@media (max-width: 980px) {
  .equipment-intro,
  .equipment-benefits__grid {
    grid-template-columns: 1fr;
  }

  .equipment-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .tech-application-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .tech-process {
    grid-template-columns: 1fr;
    max-width: 720px;
    margin-inline: auto;
  }

  .tech-process::before {
    top: 0;
    bottom: 0;
    left: 33px;
    right: auto;
    width: 2px;
    height: auto;
  }

  .tech-process__step {
    display: grid;
    grid-template-columns: 68px 1fr;
    gap: 20px;
    text-align: left;
  }

  .tech-process__step > span {
    margin: 0;
  }
}

@media (max-width: 640px) {
  .equipment-grid,
  .tech-application-grid,
  .equipment-benefits__cards {
    grid-template-columns: 1fr;
  }

  .equipment-card {
    min-height: 285px;
  }

  .tech-application {
    min-height: 200px;
  }

  .tech-process__step {
    grid-template-columns: 55px 1fr;
  }

  .tech-process::before {
    left: 27px;
  }

  .tech-process__step > span {
    width: 55px;
    height: 55px;
    border-width: 5px;
  }
}


/* FASE 6 — RESPONSIVIDADE */
@media (max-width: 1040px) {
  .brands-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .key-system-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .brands-intro,
  .compatibility-grid {
    grid-template-columns: 1fr;
  }

  .brand-orbit {
    width: min(100%, 380px);
  }

  .brands-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .motorcycle-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .brands-grid,
  .motorcycle-grid,
  .compatibility-grid__panel,
  .key-system-grid {
    grid-template-columns: 1fr;
  }

  .brand-filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .brand-filter__button:last-child {
    grid-column: 1 / -1;
  }

  .brand-card {
    min-height: 120px;
  }

  .brand-orbit strong {
    font-size: 3.6rem;
  }
}


/* FASE 7 — RESPONSIVIDADE */
@media (max-width: 980px) {
  .business-intro,
  .corporate-process-grid,
  .fleet-grid,
  .business-contact-grid {
    grid-template-columns: 1fr;
  }

  .corporate-process__content {
    position: static;
  }

  .business-audience-grid,
  .business-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .business-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .business-intro__panel,
  .business-audience-grid,
  .business-services-grid,
  .business-benefits-grid {
    grid-template-columns: 1fr;
  }

  .business-audience-card {
    min-height: 240px;
  }

  .corporate-process__steps article {
    grid-template-columns: 48px 1fr;
  }

  .corporate-process__steps article > span {
    width: 48px;
    height: 48px;
  }

  .business-form {
    padding: 24px 18px;
  }

  .business-form .button {
    width: 100%;
  }
}


/* FASE 8 — RESPONSIVIDADE */
@media (max-width: 980px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-benefits-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-upload-guide,
  .gallery-contact-grid {
    grid-template-columns: 1fr;
  }

  .gallery-contact-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .gallery-filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .gallery-grid,
  .gallery-benefits-grid,
  .gallery-upload-guide__steps {
    grid-template-columns: 1fr;
  }

  .gallery-item__button img {
    aspect-ratio: 1 / .82;
  }

  .gallery-contact-actions {
    display: grid;
  }

  .gallery-contact-actions .button {
    width: 100%;
  }

  .lightbox {
    padding: 14px;
  }
}


/* FASE 9 — RESPONSIVIDADE */
@media (max-width: 980px) {
  .review-summary,
  .trust-process,
  .review-form-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-wall {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .testimonial-filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-filter__button:first-child {
    grid-column: 1 / -1;
  }

  .testimonial-wall,
  .trust-process__grid {
    grid-template-columns: 1fr;
  }

  .review-summary__bars > div {
    grid-template-columns: 80px 1fr 45px;
    gap: 10px;
  }

  .review-card {
    min-height: 270px;
  }

  .review-form {
    padding: 24px 18px;
  }

  .review-form .button {
    width: 100%;
  }
}


/* FASE 10 — RESPONSIVIDADE */
@media (max-width: 1040px) {
  .contact-channel-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 920px) {
  .contact-premium-grid,
  .location-detail-grid,
  .contact-hours-grid,
  .contact-reviews-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .contact-channel-grid,
  .contact-hours__cards {
    grid-template-columns: 1fr;
  }

  .contact-channel-card {
    min-height: 190px;
  }

  .contact-premium-form {
    padding: 24px 18px;
  }

  .contact-premium-form .button {
    width: 100%;
  }
}


/* FASE 11 — RESPONSIVIDADE */
@media (max-width: 980px) {
  .blog-featured__card,
  .blog-newsletter,
  .blog-cta-grid,
  .article-layout {
    grid-template-columns: 1fr;
  }

  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .article-sidebar > div {
    position: static;
  }
}

@media (max-width: 640px) {
  .blog-featured__content {
    padding: 28px 22px;
  }

  .blog-featured__image img {
    min-height: 280px;
  }

  .blog-filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .blog-filter__button:first-child {
    grid-column: 1 / -1;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-newsletter__form {
    padding: 24px 18px;
  }

  .article-layout {
    padding-top: 45px;
  }
}