/* Global styles */
:root{
  --accent:#0066cc;
  --accent-2:#d7263d;
  --dark:#0b1720;
  --muted:#6b7280;
  --card:#ffffff;
  --bg:#f6f9fc;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;background:var(--bg);color:var(--dark);margin:0}
.wrap{max-width:1100px;margin:0 auto;padding:24px}
.site-header{background:linear-gradient(90deg,var(--accent),#0088dd);color:#fff}
.site-header.small{padding:10px 0}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:14px}
.logo{height:56px;border-radius:8px;box-shadow:0 4px 14px rgba(2,40,80,0.12)}
.brand-text h1{margin:0;font-size:18px}
.brand-text .tag{margin:0;font-size:13px;color:var(--muted)}
.main-nav a{color:#fff;text-decoration:none;margin-left:14px;padding:8px 10px;border-radius:8px}
.main-nav a.active, .main-nav a:hover{background:rgba(255,255,255,0.08)}
.home-hero{padding:48px 0;text-align:center;background:linear-gradient(180deg,#eef7ff,#f9fcff)}
.home-hero h2{font-size:28px;margin:0}
.lead{color:var(--muted);font-size:16px}
.cta{margin-top:16px}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;border:0;cursor:pointer;font-weight:700}
.btn.primary{background:var(--accent);color:#fff}
.btn.outline{background:transparent;border:2px solid rgba(0,0,0,0.06)}
.content-card{margin-top:28px;background:var(--card);padding:28px;border-radius:10px;box-shadow:0 8px 24px rgba(10,30,80,0.04)}
.contact-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}
.contact-grid label{display:block;margin-top:8px;font-weight:600}
.contact-grid input,.contact-grid textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef9;background:#fbfdff}
.card{background:var(--card);padding:16px;border-radius:10px;box-shadow:0 6px 18px rgba(10,30,80,0.04)}
.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.client-card{background:linear-gradient(180deg,#fff,#f3f7ff);padding:16px;border-radius:8px;text-align:center;font-weight:800;color:var(--accent)}
.site-footer{background:#003366;color:#fff;padding:18px 0;margin-top:28px;text-align:center}
.whatsapp-float{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:14px;border-radius:50%;font-size:20px;box-shadow:0 6px 18px rgba(0,0,0,0.2);text-decoration:none}
.chat-modal{display:none;position:fixed;right:20px;bottom:90px;width:320px;max-width:90%;z-index:999}
.chat-modal[aria-hidden="false"]{display:block}
.chat-window{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(2,20,60,0.2);overflow:hidden;display:flex;flex-direction:column;height:420px}
.chat-header{background:var(--accent);color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}
.chat-body{padding:12px;flex:1;overflow:auto}
.chat-input{display:flex;padding:10px;border-top:1px solid #eee}
.chat-input input{flex:1;padding:8px;border-radius:6px;border:1px solid #ddd;margin-right:8px}
.chat-input button{padding:8px 10px;border-radius:6px;background:var(--accent);color:#fff;border:0}
.msg{padding:8px 10px;border-radius:8px;margin-bottom:8px;display:inline-block}
.msg.bot{background:#f1f5ff;color:#0b2b6b}
.msg.user{background:#e6ffe9;color:#084b12;align-self:flex-end}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}}