/* Minimal, clean styling */
:root{--maxw:1100px;--pad:16px;--radius:14px;--shadow:0 10px 25px rgba(0,0,0,.08);}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;color:#1a1a1a}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:50}
.nav{max-width:var(--maxw);margin:0 auto;padding:10px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-weight:800;letter-spacing:.2px}
.nav a{padding:10px 12px;border-radius:10px}
.nav a.active, .nav a:hover{background:#f3f4f6}
.hero{position:relative;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.35)), url('https://images.unsplash.com/photo-1560717842-d0fa2b46f3e1?q=80&w=1600&auto=format&fit=crop'); background-size:cover;background-position:center; color:#fff}
.hero .wrap{max-width:var(--maxw);margin:0 auto;padding:80px var(--pad)}
.hero h1{font-size: clamp(28px, 5vw, 48px); margin:0 0 10px}
.hero p{font-size: clamp(16px, 2.4vw, 20px);opacity:.95;max-width:800px}
.cta{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow);background:#fff;color:#111}
.btn.primary{background:#0ea5e9;color:#fff;border-color:#0ea5e9}
.section{max-width:var(--maxw);margin:36px auto;padding:0 var(--pad)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{padding:16px;border:1px solid #eee;border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;display: flex;flex-direction: column;height: 100%}
.card h3{margin:8px 0 6px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kpi{padding:18px;border-radius:var(--radius);background:#fafafa;border:1px solid #eee;text-align:center}
.banner{margin:36px auto;border-radius:18px;padding:22px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#231815;max-width:var(--maxw)}
.banner strong{display:block;font-size:20px}
footer{margin-top:40px;border-top:1px solid #eee;background:#fafafa}
.footer-inner{max-width:var(--maxw);margin:0 auto;padding:26px var(--pad);display:grid;gap:16px}
.whatsapp{position:fixed;right:16px;bottom:16px;background:#22c55e;color:#fff;border-radius:999px;padding:14px 16px;font-weight:600;box-shadow:var(--shadow)}
.map{border:0;width:100%;height:340px;border-radius:16px;box-shadow:var(--shadow)}
@media (max-width:900px){.grid,.kpis{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid,.kpis{grid-template-columns:1fr} .nav{flex-wrap:wrap}}


/* Nav dropdown */
.nav .links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.dropdown{position:relative}
.dropdown>.dropdown-toggle::after{content:"▾";margin-left:4px;font-size:.85em}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #eee;border-radius:12px;min-width:180px;padding:6px;box-shadow:var(--shadow,0 6px 20px rgba(0,0,0,.08));z-index:20}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:8px 10px;border-radius:10px;color:#111;text-decoration:none}
.dropdown-menu a:hover{background:#f5f5f5}