/* ROADD — mobile refinements (≤640px). Loaded after page styles. */
html{-webkit-tap-highlight-color:transparent}
@media (max-width:640px){
  [style*="font-size:11.5px"],[style*="font-size:12px"],[style*="font-size:12.5px"],[style*="font-size: 11.5px"],[style*="font-size: 12px"],[style*="font-size: 12.5px"]{font-size:13px !important}
  :is([style*="font-size: 11px"],[style*="font-size:11px"]):not([role="img"] *,[data-docstage] *,svg *){font-size:13px !important}
  h1,h2,h3,h4{overflow-wrap:break-word}
  #hero-t{font-size:11vw !important;line-height:0.88 !important}
  #hero-t [data-kin]{padding-left:0 !important}
  #idea-t{font-size:10.4vw !important}
  #idea-t > span{padding-left:20px !important;padding-right:20px !important;transform:none !important}
  #p-t{font-size:9.4vw !important}
  #f-t{font-size:7.6vw !important;line-height:0.94 !important}
  #f-t span{white-space:nowrap}
  #t1 + p,#t2 + p,#t3 + p{display:none !important}
  #t1,#t2,#t3{max-width:100%;white-space:nowrap;line-height:0.9 !important}
  #pfa,#pfc{font-size:10vw !important}
  #pfb,#pfp,#pi-t{font-size:8.6vw !important}
  #t1,#t2,#t3{font-size:12.4vw !important}
  img[src*="circulacion-alterra"]{object-position:62% 58% !important}
  img[src*="hero-horizonte"]{object-position:70% 46% !important}
  a[href],button{touch-action:manipulation}
  :is(#trailer,#trasera,#urbano) > p[aria-hidden="true"][data-kin]{display:none !important}
  #trasera,#urbano{padding-top:56px !important}
  #hero-img{object-position:50% 0 !important;filter:none !important}
  #hero-ph{top:calc(85px + (100% - 269px - 103.5vw) / 2 - 58.27vw) !important;bottom:auto !important;height:216.2vw !important}
  #hero-txt{padding-bottom:20px !important}
  #hero-txt > div{gap:16px !important}
  [data-fleet-tag]{display:none !important}
  #faq{gap:8px !important}
  #faq button,#faq [data-faq-a]{grid-template-columns:24px minmax(0,1fr) 30px !important;column-gap:12px !important;padding-left:16px !important;padding-right:16px !important}
  #faq button{padding-top:14px !important;padding-bottom:14px !important}
  #faq button > span:nth-child(2){font-size:15.5px !important;line-height:1.28 !important}
  #faq [data-pmb]{width:30px !important;height:30px !important}
  #faq [data-pm]{font-size:18px !important}
  #faq [data-faq-a]{padding-bottom:16px !important}
  #faq [data-faq-a] p{font-size:15px !important;line-height:1.55 !important;padding-top:12px !important}
  #inf-grid,#inf-grid *{overflow-anchor:none}
  #inf-grid{display:flex !important;flex-direction:column !important;gap:0 !important}
  #inf-grid [data-inf-col]{display:contents !important}
  #inf-grid h3{order:0;margin-bottom:14px}
  #inf-grid [data-inf-btn]{order:var(--o) !important}
  #inf-grid [data-inf-btn]:nth-last-child(1 of [data-inf-btn]){border-bottom:1px solid rgba(244,242,236,0.28)}
  #inf-grid [data-inf-bar]{display:none !important}
  #inf-grid [data-inf-card]{order:var(--o);margin:4px 0 22px}
  #pfc{line-height:0.92 !important}
  #pfc span{white-space:normal !important}
  #cov{padding-top:0 !important}
  #cov > div[aria-hidden]:not([data-m]){left:6px !important;right:auto !important;top:26px !important;bottom:26px !important;width:2px !important;height:auto !important;transform-origin:50% 0 !important}
  #cov > div[data-kin]{transform:scaleY(max(0, min(1, calc(var(--p,1) * 2.2 - 0.4)))) !important}
  #cov > div[data-m]{grid-template-columns:1fr !important;gap:0 !important}
  #cov > div[data-m] > div{flex-direction:row !important;align-items:center !important;gap:20px !important;padding:16px 0 !important;border-bottom:1px solid #DEDAD1}
  #cov > div[data-m] > div:last-child{border-bottom:0}
  #cov > div[data-m] > div > span:first-child{flex:none}
  #cov > div[data-m] > div > span:last-child{font-size:7.2vw !important;line-height:1.05 !important;min-width:0}
  [data-inf-card] [style*="repeat(3, minmax(0px, 1fr))"]{gap:6px !important}
  [data-inf-card] [style*="repeat(3, minmax(0px, 1fr))"] > div{padding:10px 8px !important;min-width:0}
  [data-inf-card] [style*="repeat(3, minmax(0px, 1fr))"] > div > span:first-child{font-size:13px !important;letter-spacing:-0.02em !important}
  [data-inf-card] [style*="repeat(3, minmax(0px, 1fr))"] > div > span:last-child{font-size:clamp(16px,5vw,22px) !important}
  footer nav a,footer a[href^="mailto"]{padding:9px 0 !important}
  footer button{padding-top:14px !important;padding-bottom:14px !important}
  html[lang="en"] #f-t span{white-space:normal}
}
@media (max-width:1080px){
  [data-hlang] button{padding:13px 12px !important}
}
@media (max-width:1100px) and (pointer:coarse), (max-width:640px){
  [data-m~="cardcontact"] a{padding:8px 0}
}
@media (hover:none) and (pointer:coarse){
  button:active,a[style*="background"]:active{filter:brightness(0.92)}
}


@media (max-width:360px){[data-inf-card] [style*="repeat(3, minmax(0px, 1fr))"] > div > span:first-child{font-size:12px !important}}