/* .badge removida para menu hamburguer */

@media (max-width: 480px) {
  .badge {
    padding:8px 10px;
    font-size:12px;
    white-space:normal;
    text-align:center;
    min-width:60px;
    min-height:48px;
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }
}

*{box-sizing:border-box}
:root{
  --bg:#0b1220;
  --card:#111827;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --primary:#22c55e;
  --accent:#0ea5e9;
  --ring: rgba(34,197,94,.4);
  --max:1100px
}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:linear-gradient(180deg,#0b1220 0%, #0b1220 60%, #0a0f1a 100%);
  color:var(--text);
  line-height:1.6
}
.container{max-width:var(--max); margin:0 auto; padding:0 20px}
header{
  position:sticky; top:0; z-index:50;
  background: rgba(11,18,32,.7); backdrop-filter: blur(8px); border-bottom:1px solid #1f2937
}

.menu-toggle {
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:0;
  position:static;
}

@media (max-width: 480px) {
  .menu-toggle {
    display:inline-block;
    position:absolute;
    top:16px;
    right:20px;
    z-index:101;
  }
  .nav {
    position:relative;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    padding:12px 0;
  }
  .brand {
    flex-direction:row;
    align-items:center;
    gap:12px;
    width:100%;
    justify-content:center;
  }
  .menu-links {
    display:none;
    flex-direction:column;
    align-items:center;
    gap:8px;
    background:rgba(11,18,32,.98);
    position:absolute;
    top:56px;
    left:0;
    width:100vw;
    padding:24px 0 16px 0;
    z-index:100;
    border-bottom:1px solid #1f2937;
  }
  .menu-links.open {
    display:flex;
  }
  nav a {
    margin:0;
    font-size:18px;
    padding:8px 0;
  }
}
}

@media (max-width: 480px) {
  .nav {
    flex-direction:column;
    align-items:center;
    gap:12px;
    padding:16px 0 8px 0;
  }
  .brand {
    flex-direction:column;
    align-items:center;
    gap:6px;
    margin-bottom:8px;
  }
  nav {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
  }
  nav a {
    margin:0;
    font-size:16px;
    padding:4px 0;
  }
}
}
.nav{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.nav a{color:var(--muted); text-decoration:none; margin:0 10px; font-weight:600}
.nav a:hover{color:var(--text)}
.brand{display:flex; gap:12px; align-items:center}
.brand img{height:36px}
.badge{
  font-size:12px; padding:2px 8px; border:1px solid #334155; border-radius:999px; color:#cbd5e1}
.hero{padding:64px 0 24px}
.hero{padding:64px 0 24px}

@media (max-width: 480px) {
  .hero {
    padding-top:32px;
  }
}
h1{font-size: clamp(28px, 5vw, 48px); line-height:1.1; margin:0 0 14px}
.lead{font-size: clamp(16px, 2.4vw, 20px); color:#cbd5e1}
.kpis{display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); margin:28px 0}
.kpi{background:var(--card); padding:14px 16px; border:1px solid #1f2937; border-radius:16px}
.section{padding:48px 0}
.section h2{font-size: clamp(22px, 4vw, 32px); margin:0 0 16px}
.grid{display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card); border:1px solid #1f2937; border-radius:16px; padding:18px}
.card h3{margin:0 0 8px}
ul.clean{list-style:none; padding-left:0; margin:0}
ul.clean li{padding-left:22px; position:relative; margin:8px 0}
ul.clean li:before{content:"✓"; position:absolute; left:0; color:var(--primary)}
.cta-bar{
  position:sticky; bottom:0; z-index:40; background: rgba(3,7,18,.85);
  border-top:1px solid #1f2937; backdrop-filter: blur(8px)
}
.cta-wrap{display:flex; gap:12px; align-items:center; justify-content:space-between; padding:12px 0}
.btn{display:inline-flex; gap:8px; align-items:center; border-radius:12px; padding:12px 16px; font-weight:700; text-decoration:none}
.btn-primary{background:linear-gradient(135deg,var(--primary), #16a34a); color:#072012; border:0}
.btn-outline{border:1px solid #334155; color:#cbd5e1}
footer{padding:32px 0; color:#94a3b8; border-top:1px solid #1f2937}
.small{font-size:13px; color:#94a3b8}
.tag{display:inline-block; font-size:12px; padding:4px 8px; border:1px solid #334155; border-radius:999px; margin:4px 6px 0 0}
.highlight{color:#a7f3d0}
hr.sep{border:0; border-top:1px solid #1f2937; margin:24px 0}
#agent{background:#0c1324; border:1px dashed #1f2937}
.input-row{display:flex; gap:8px; margin-top:8px}
input,textarea{width:100%; background:#0b1220; color:#e5e7eb; border:1px solid #334155; border-radius:12px; padding:12px}
input:focus,textarea:focus{outline:2px solid var(--ring); border-color:#16a34a}
#reply{white-space:pre-wrap; background:#0b1220; border-radius:12px; padding:12px; border:1px solid #1f2937; min-height:64px}
.floating-wa{position:fixed; right:16px; bottom:76px; z-index:60}
.floating-wa .btn{box-shadow:0 10px 30px rgba(34,197,94,.25)}
.code{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:13px; color:#a3e635}