/* ACCERTA Transportes · estilos gerais (o layout de cada seção está no próprio index.html) */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FAF9F6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:#DEBD73}a:hover{color:#FAF9F6}
a:focus-visible{outline:2px solid #B18C4D;outline-offset:3px}
#inicio{background:linear-gradient(90deg,rgba(11,25,43,.97) 0%,rgba(11,25,43,.9) 55%,rgba(11,25,43,.82) 100%),url(../img/rodovia-castelo.jpg) center/cover}
section[id]{scroll-margin-top:76px}
.topo{position:sticky;top:0;z-index:20}

/* Botão fixo do WhatsApp */
.wa-fixo{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:10px;padding:14px 18px;background:#B18C4D;color:#0B192B!important;font:700 13px/1 Montserrat,Helvetica,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:40px;box-shadow:0 6px 20px rgba(11,25,43,.35)}
.wa-fixo:hover{background:#DEBD73}

/* Celular */
@media (max-width:760px){
  .topo nav a:not(.cta){display:none!important}
  #inicio h1{font-size:32px!important}
  section h2{font-size:28px!important}
  #inicio > div:first-child{padding-top:36px!important}
  #inicio img.logo-hero{width:240px!important;order:-1}
  section[id]:not(#inicio){padding-top:56px!important;padding-bottom:56px!important}
  #malha dl{grid-template-columns:1fr!important}
  .wa-fixo span{display:none}
  .wa-fixo{padding:16px;border-radius:50%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}