
*{box-sizing:border-box;}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:#f4f7fb;color:#333;}
header{background:#2f63b8;position:sticky;top:0;z-index:1000;}
nav{max-width:1200px;margin:auto;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;}
nav img{height:40px;}
nav a{color:white;text-decoration:none;margin-left:20px;font-weight:600;}
.hero{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('https://images.unsplash.com/photo-1523961131990-5ea7c61b2107') center/cover;color:white;padding:120px 20px;text-align:center;}
.section{max-width:1200px;margin:40px auto;background:white;padding:40px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.05);}
.section h2{border-left:6px solid #2f63b8;padding-left:10px;color:#2f63b8;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;}
.card{background:#f2f5f9;padding:20px;border-radius:10px;transition:.3s;}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);}
footer{background:#111;color:#ccc;text-align:center;padding:20px;margin-top:50px;}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#25d366;color:white;padding:15px;border-radius:50%;font-size:22px;text-decoration:none;}
button.lang{margin-left:20px;}
