:root{--blue:#0b4fa8;--dark:#0b2f59;--muted:#6b7a8a;--maxw:1100px}
*{box-sizing:border-box}
body{font-family:Inter, Roboto, -apple-system, system-ui, "Segoe UI", Arial; margin:0; color:var(--dark); background:#fff;-webkit-font-smoothing:antialiased}
.container{max-width:var(--maxw); margin:36px auto; padding:20px}
header{display:flex;align-items:center;gap:20px}
.logo img{height:72px;display:block}
.brand h1{margin:0;font-size:28px;letter-spacing:0.02em;color:var(--dark)}
.tagline{margin-top:6px;color:var(--muted);font-size:14px}
nav{margin-left:auto}
nav a{text-decoration:none;color:var(--blue);margin-left:16px;font-weight:600;font-size:14px}
.hero{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:center;margin-top:36px}
.hero .lead{font-size:20px;line-height:1.5;color:#1f2d3b}
.card{background:#f8fbff;border:1px solid #eef6ff;padding:20px;border-radius:10px}
ul.services{list-style:none;padding:0;margin:0}
ul.services li{padding:12px 0;border-bottom:1px dashed #e6eef7;color:#123;}
a.cta{display:inline-block;margin-top:16px;background:var(--blue);color:#fff;padding:12px 18px;border-radius:8px;text-decoration:none;font-weight:700}
footer{margin-top:40px;border-top:1px solid #eef3f9;padding-top:18px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;align-items:center}
.contact-card{padding:18px;border-radius:10px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #eef6ff}
.logos-row{display:flex;gap:12px;align-items:center;margin-top:12px}
.logos-row img{height:34px}

/* Contact form */
form.contact-form{margin-top:12px;display:grid;gap:10px}
.form-row{display:flex;gap:10px}
input[type="text"], input[type="email"], textarea{width:100%;padding:10px;border:1px solid #dbeaf8;border-radius:8px;font-size:14px}
textarea{min-height:120px;resize:vertical}
button[type="submit"]{background:var(--blue);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:700;cursor:pointer}

/* WhatsApp flotante */
.whatsapp-fab{position:fixed;right:18px;bottom:18px;background:#25D366;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(37,211,102,0.18);z-index:999}
.whatsapp-fab img{width:26px;height:26px}

@media (max-width:900px){ .hero{grid-template-columns:1fr} nav{display:none} .brand h1{font-size:22px} .logo img{height:56px} .hero{gap:18px} }