/* AKMJ Transportes & Serviços - Styles */
:root{
  --brand:#f36f21; /* laranja AKMJ */
  --brand-600:#e65d0c;
  --dark:#1f2937;
  --text:#334155;
  --muted:#6b7280;
  --bg:#ffffff;
  --bg-alt:#f8fafc;
  --card:#ffffff;
  --ring:rgba(243,111,33,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--text);background:var(--bg)
}
img{max-width:100%;height:auto;display:block}
.container{width:min(1120px,92%);margin-inline:auto}

/* Navbar */
.navbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eef2f7}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dark)}
.brand-logo{height:44px;width:44px;border-radius:50%;object-fit:contain;border:2px solid var(--brand)}
.brand-name{font-weight:800;letter-spacing:.2px}
.nav-menu{display:flex;gap:18px;align-items:center}
.nav-menu a{color:var(--dark);text-decoration:none;font-weight:600;opacity:.9}
.nav-menu a:hover{color:var(--brand)}
.nav-toggle{display:none;background:transparent;border:0;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--dark);margin:5px 0;border-radius:2px}

/* Buttons */
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:2px solid transparent;text-decoration:none;font-weight:700;transition:.2s}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-600)}
.btn-outline{border-color:var(--brand);color:var(--brand);background:#fff}
.btn-outline:hover{background:var(--ring)}

/* Hero */
.hero{background:linear-gradient(180deg,#fff 0,#fff 60%,var(--bg-alt) 100%)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:60px 0}
.hero h1{font-size:clamp(28px,3.5vw,44px);margin:0 0 10px;color:var(--dark)}
.hero p{font-size:18px;opacity:.95}
.hero-cta{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}
.hero-badges{margin-top:18px;padding:0;list-style:none;display:flex;gap:14px;flex-wrap:wrap}
.hero-badges li{background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:999px;font-size:14px}
.media-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.06)}

/* Sections */
.section{padding:64px 0}
.section.alt{background:var(--bg-alt)}
.section h2{font-size:28px;color:var(--dark);margin-top:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.card h3{margin-top:0;color:var(--dark)}

/* Serviços */
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.service{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px}
.service h3{margin-top:0;color:var(--dark)}

/* Diferenciais */
.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-left:18px}
.features li{margin:0 0 6px}

/* Certidões */
.datagrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:10px}
.datagrid li{display:grid;grid-template-columns:180px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px}
.datagrid span{color:var(--muted)}
.document-thumb{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;text-align:center}
.note{margin:8px 0 12px;color:var(--muted)}
.muted{color:var(--muted);font-size:14px}

/* Contato */
.contact-actions{display:flex;gap:10px;flex-wrap:wrap}
.map-embed{margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}
.map-embed iframe{width:100%;height:220px;border:0}

/* Clientes / Parceiros */
.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:center}
.partners img{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;aspect-ratio:3/2;object-fit:contain}

/* CTA final */
.cta-inner{display:flex;flex-direction:column;align-items:flex-start;gap:10px}

/* Footer */
.footer{background:#0f172a;color:#e2e8f0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}
.footer a{color:#e2e8f0;text-decoration:none;opacity:.9}
.footer a:hover{color:#fff}

/* Floating buttons */
.fab-whatsapp{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#25D366 url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 24 24%22 fill=%22white%22%3E%3Cpath d=%22M20.52 3.48A11.86 11.86 0 0012 0C5.37 0 .01 5.36.01 12c0 2.1.55 4.15 1.6 5.96L0 24l6.2-1.62A12 12 0 0024 12c0-3.19-1.24-6.19-3.48-8.52zM12 22a9.87 9.87 0 01-5.05-1.4l-.36-.21-3.59.94.96-3.49-.23-.36A9.88 9.88 0 1122 12 10 10 0 0112 22zm5.44-7.53c-.3-.15-1.77-.87-2.04-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.95 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.5-.9-.8-1.5-1.78-1.68-2.08-.17-.3-.02-.46.13-.61.14-.14.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.6-.92-2.2-.24-.57-.48-.5-.67-.51h-.57c-.2 0-.52.08-.8.37-.27.3-1.05 1.03-1.05 2.52s1.08 2.92 1.23 3.12c.15.2 2.13 3.26 5.16 4.57.72.31 1.28.5 1.72.64.72.23 1.38.2 1.9.12.58-.09 1.77-.72 2.02-1.42.25-.7.25-1.3.17-1.42-.08-.12-.27-.2-.57-.35z%22/%3E%3C/svg%3E') center/60% no-repeat;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.fab-whatsapp:hover{transform:translateY(-2px)}
.fab-top{position:fixed;right:18px;bottom:86px;width:44px;height:44px;border-radius:50%;border:0;background:var(--dark);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.fab-top:hover{background:#0b1224}

/* Responsive */
@media (max-width: 980px){
  .hero-inner{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .card-list{grid-template-columns:1fr 1fr}
  .services{grid-template-columns:1fr 1fr}
}
@media (max-width: 680px){
  .nav-toggle{display:block}
  .nav-menu{position:fixed;inset:60px 0 auto 0;background:#fff;border-bottom:1px solid #eef2f7;padding:12px 4%;display:none;flex-direction:column;gap:8px}
  .nav-menu.open{display:flex}
  .card-list{grid-template-columns:1fr}
  .services{grid-template-columns:1fr}
  .features{grid-template-columns:1fr}
  .datagrid li{grid-template-columns:1fr}
  .partners{grid-template-columns:1fr 1fr}
}

/* Forms */
.contact-form{margin-top:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field{display:flex;flex-direction:column;gap:6px}
.form-full{grid-column:1 / -1}
.form-field label{font-weight:600;color:var(--dark)}
.form-field input,.form-field textarea{padding:12px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font:inherit}
.form-field input:focus,.form-field textarea:focus{outline:3px solid var(--ring);border-color:var(--brand)}
.checkbox{display:flex;gap:8px;align-items:center;font-weight:500}
.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.form-alert{margin:10px 0;padding:12px 14px;border-radius:10px;border:1px solid;display:block}
.form-alert.ok{background:#ecfdf5;border-color:#10b981;color:#065f46}
.form-alert.error{background:#fef2f2;border-color:#ef4444;color:#991b1b}

@media (max-width:680px){
  .form-grid{grid-template-columns:1fr}
}