/* Loja do AC • experiência responsiva v8 — carregar por último */
:root{--ac-blue:#00aeef;--ac-blue-hover:#007eae;--ac-navy:#17384a}
html{scroll-behavior:smooth;scroll-padding-top:92px}
*,*::before,*::after{box-sizing:border-box}
body{overflow-x:clip}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #00aeef;outline-offset:4px}
button{cursor:pointer}
.site-header{transition:border-color .2s ease,background-color .2s ease;isolation:isolate}
.site-header.is-scrolled{border-bottom-color:#cfe5f1;background:rgba(255,255,255,.98)}
.desktop-nav a[aria-current="location"]{color:#007fb5;position:relative}
.desktop-nav a[aria-current="location"]:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:#00aeef;border-radius:2px}
.mobile-nav[hidden]{display:none!important}
.mobile-nav__contact{color:#0076a9!important;background:#ecf9ff;border:1px solid #d7eff9;border-radius:9px;margin-top:10px;padding:14px!important}
.mobile-nav:not([hidden]){z-index:99;max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 14px 24px rgba(15,63,91,.1)}
.menu-button{flex-shrink:0}
.button,.header-catalog,.circle-action,.quote-mode__button{transition:background-color .19s ease,color .19s ease,border-color .19s ease!important}
.button:hover,.header-catalog:hover,.circle-action:hover{box-shadow:none!important;transform:none!important}
.button--primary:hover,.header-catalog:hover,.button--dark:hover{background:#007eae!important;border-color:#007eae!important;color:white!important}
.button--ghost:hover{background:#005b87!important;border-color:#005b87!important;color:#fff!important}
.hero .button--ghost:hover{background:#005b87!important;border-color:#005b87!important;color:#fff!important}
.product-card{transition:border-color .22s ease,background-color .22s ease!important}
.product-card:hover{border-color:#87cfe9!important}
.product-card:focus-within{border-color:#00aeef!important}
.product-card__visual img{transition:transform .26s ease!important}
.product-card:hover .product-card__visual img{transform:scale(1.035)}
.hero-benefits__card{transition:background-color .2s ease,border-color .2s ease}
.hero-benefits__card:hover{background:#edf9ff;border-color:#b8e5f7}
/* Cotação contextual sem depender de servidor */
.quick-quote__panel{gap:28px;align-items:center;padding:26px 0 30px}
.quick-quote__intro{align-items:flex-start;gap:14px;flex:0 1 47%;min-width:0}
.quick-quote__icon{margin-top:3px}
.quick-quote__details{min-width:0}
.quick-quote h2{font-size:18px;margin-bottom:5px}
.quote-mode{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:13px}
.quote-mode__button{font:inherit;font-size:11px;font-weight:800;color:#507185;border:1px solid #cddfe8;border-radius:7px;padding:8px 11px;background:white;min-height:35px}
.quote-mode__button:hover{background:#e6f6fe;border-color:#88caeb;color:#006c9f}
.quote-mode__button.is-active,.quote-mode__button[aria-pressed="true"]{background:#dff4ff;color:#0079ad;border-color:#76c9ee}
.quick-quote__form{flex:1 1 52%;min-width:0;max-width:none;border-radius:11px}
.quick-quote__form:focus-within{border-color:#00aeef;box-shadow:0 0 0 2px rgba(0,174,239,.09)!important}
.quick-quote input{font-size:13px;min-height:40px}
.quick-quote .button{flex-shrink:0}
/* Navegação de retorno */
.back-to-top{position:fixed;z-index:48;right:30px;bottom:102px;width:41px;height:41px;border:1px solid #cce9f6;border-radius:10px;background:#fff;color:#007baa;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background-color .2s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{background:#e7f7ff}
.back-to-top .icon{width:18px;height:18px;transform:rotate(-45deg)}
.floating-contact{z-index:52}
.floating-contact:hover{background:#09834d!important}
/* Leitura e acessibilidade em telas médias */
@media (max-width:1180px){
  .site-header__inner{gap:14px}
  .hero-benefits{width:min(570px,50vw)}
  .hero__content{max-width:550px}
  .quick-quote__panel{gap:20px}
  .quick-quote__intro{flex-basis:49%}
}
@media (max-width:920px){
  html{scroll-padding-top:78px}
  body.menu-open{overflow:hidden}
  .mobile-nav:not([hidden]){display:flex!important}
  .site-header__inner{height:74px}
  .hero{background-position:57% center}
  .hero-benefits{right:20px}
  .quick-quote__panel{flex-direction:column;align-items:stretch;gap:17px}
  .quick-quote__intro{flex-basis:auto;width:100%}
  .quick-quote__form{flex-basis:auto;width:100%;max-width:100%}
  .about-section__grid{gap:35px}
}
/* Tablets: preserva veículos sem competir com headline */
@media (min-width:761px) and (max-width:960px){
  .hero{background-position:59% center}
  .hero__content{width:58%;padding-bottom:185px!important}
  .hero h1{font-size:clamp(37px,5vw,48px)!important}
  .hero-benefits{width:47%;grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .hero__content{padding:44px 0 9px!important}
  .hero h1{font-size:clamp(38px,8vw,55px)!important}
  .hero-mobile-media{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px;height:clamp(225px,55vw,340px)}
  .hero-mobile-media img{object-position:center center}
  .hero-benefits{width:calc(100% - 44px);margin:0 auto 22px;gap:10px}
  .hero-benefits__card{min-height:116px;padding:13px 10px}
  .quick-quote__panel{padding:23px 0 26px}
  .quick-quote__icon{width:44px;height:44px}
  .quote-mode{margin-top:12px}
  .quick-quote__form{padding:5px 5px 5px 12px;flex-wrap:nowrap;gap:6px}
  .quick-quote input{flex:1 1 auto;min-width:0;min-height:43px;padding:8px 3px!important;font-size:12px}
  .quick-quote .button{width:auto;min-height:43px;font-size:11px;padding:11px 10px;gap:8px}
  .quick-quote .button .icon{width:14px}
  .back-to-top{right:22px;bottom:89px;width:40px;height:40px}
}
@media (max-width:650px){
  html{scroll-padding-top:74px}
  .site-header__inner{height:70px}
  .mobile-nav:not([hidden]){max-height:calc(100dvh - 70px)}
  .container{width:calc(100% - 38px)}
  .hero-mobile-media{width:calc(100% + 38px);margin-left:-19px;margin-right:-19px}
  .hero-benefits{width:calc(100% - 38px)}
  .hero-benefits__card{min-height:102px}
  .product-card__visual{height:145px}
  .product-card__visual img{height:100%;max-width:100%}
  .about-visual__frame--photo{height:315px}
  .quick-quote__form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .quick-quote input{grid-column:1;flex-basis:auto;padding-left:5px!important}
  .quick-quote .button{grid-column:2;width:auto;white-space:nowrap}
}
@media (max-width:430px){
  .hero__content{padding-top:35px!important}
  .hero h1{font-size:clamp(33px,9.05vw,43px)!important;letter-spacing:-.055em!important}
  .hero__lead{font-size:12.5px!important}
  .hero__buttons{display:flex;gap:8px}
  .hero__buttons .button{flex:1 1 auto;font-size:10.5px;min-height:44px;gap:8px;padding:10px 12px}
  .hero-mobile-media{height:220px;margin-top:15px}
  .hero-benefits__card strong{font-size:11.5px}
  .hero-benefits__card span{font-size:9.5px}
  .quote-mode__button{font-size:10.5px}
  .quick-quote__form{display:flex;flex-direction:column;padding:6px;gap:6px}
  .quick-quote input{width:100%;padding:12px 10px!important;min-height:42px}
  .quick-quote .button{width:100%;min-height:42px;grid-column:auto}
  .site-footer__grid{gap:28px 16px}
  .floating-contact{right:16px;bottom:17px;width:50px;height:50px}
  .back-to-top{right:20px;bottom:80px}
}
@media (hover:none){.product-card:hover .product-card__visual img{transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}
  .will-reveal{opacity:1!important;transform:none!important}
}
