@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
:root{--primary:#0b2047;--accent:#25D366;--light:#f8fafc}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Arial,sans-serif;color:#0b2030;background:#fff}
.container{width:min(1100px,92%);margin:0 auto}
nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
nav .left{display:flex;align-items:center;gap:12px}
nav img.logo{height:56px}
nav .links a{margin:0 10px;text-decoration:none;color:var(--primary);font-weight:600}
.hero{min-height:64vh;display:flex;align-items:center;color:#fff;background:linear-gradient(180deg,rgba(11,32,71,.75),rgba(11,32,71,.85)),url('hero-banner.jpg') center/cover no-repeat}
.hero .content{padding:60px 0}
.hero h1{font-size:clamp(28px,4vw,44px);margin:0 0 10px;font-weight:800}
.hero p{margin:0 0 16px;color:#e6eefc}
.cta{display:flex;gap:12px;flex-wrap:wrap}
a.button{background:#0b4bb6;color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}
a.button.alt{background:var(--accent)}
.section{padding:60px 0}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(12,22,50,0.06);border:1px solid #eef2ff}
.card img{width:100%;border-radius:8px}
.badge{display:inline-block;background:#e6f2ff;color:#0b3b7a;padding:6px 12px;border-radius:999px;font-weight:700;margin-bottom:12px}
.partner-strip{display:flex;gap:18px;align-items:center;overflow:hidden;padding:12px 0}
.partner-strip img{height:48px;opacity:.95}
footer{background:var(--primary);color:#fff;padding:28px 0;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.footer-grid a{color:#fff;text-decoration:underline}
.whatsapp{position:fixed;right:18px;bottom:18px;background:var(--accent);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;text-decoration:none;box-shadow:0 12px 24px rgba(0,0,0,.18);z-index:9999}
@media (max-width:700px){nav .links{display:none}.hero{min-height:54vh;padding:30px}nav img.logo{height:44px}}