:root{
--primary:#0d6efd;--secondary:#00c2a8;--dark:#0f172a;--text:#334155;--bg:#f8fafc;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6}
.container{width:min(1140px,calc(100% - 40px));margin:auto}
.hero{background:linear-gradient(135deg,#0d6efd,#00c2a8);color:#fff;padding-bottom:80px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0}
.logo{font-size:1.5rem;font-weight:700}
.hero-content{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;padding-top:40px}
.tag{display:inline-block;background:rgba(255,255,255,.15);padding:8px 14px;border-radius:999px}
h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.1;margin:20px 0}
h2{font-size:2.2rem;color:var(--dark);text-align:center;margin-bottom:40px}
.hero h3,.hero p,.hero li{color:#fff}
.btn{display:inline-block;padding:14px 26px;border-radius:12px;text-decoration:none;font-weight:700;transition:.3s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#25D366;color:#fff}
.btn-secondary,.btn-outline{background:#fff;color:var(--primary)}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-card,.card{background:#fff;color:var(--text);padding:30px;border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.12)}
.hero-card h3{color:var(--dark)}
.hero-card li{color:var(--text);margin-bottom:10px}
.section{padding:80px 0}
.alt{background:var(--bg)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.cta{background:linear-gradient(135deg,#0d6efd,#00c2a8);color:#fff;text-align:center}
.cta h2{color:#fff}
.footer{background:var(--dark);color:#cbd5e1;text-align:center;padding:30px 0}
.whatsapp-float{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.2)}
@media(max-width:900px){
.hero-content{grid-template-columns:1fr}
}