
:root{--navy:#061b3f;--blue:#064aa5;--bright:#0b62d1;--light:#f5f8fc;--text:#182236;--shadow:0 16px 38px rgba(0,25,70,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{color:inherit}
.topbar{background:linear-gradient(90deg,#031632,#082b60);color:#fff;padding:10px 6%;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:15px}
.header{position:sticky;top:0;z-index:50;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 6%;box-shadow:0 2px 18px rgba(0,0,0,.08)}
.logo{text-decoration:none;color:var(--navy);font-weight:900;font-size:36px;line-height:.95}.logo span{color:var(--bright)}.logo small{display:block;font-size:12px;letter-spacing:.09em;color:#111;margin-top:7px}
.nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav a{text-decoration:none;font-size:14px;font-weight:800;text-transform:uppercase}.nav a:hover{color:var(--bright)}.nav .cta{background:var(--blue);color:white;padding:13px 20px;border-radius:7px}
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:linear-gradient(90deg,#061b3f 0%,#082b60 48%,#eef5fb 48%,#fff 100%);overflow:hidden}.hero-content{color:white;padding:72px 6vw}.eyebrow{font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#b8d5ff}
h1{font-size:56px;line-height:1.05;margin:18px 0;text-transform:uppercase;letter-spacing:-1px;color:inherit}h1 span{color:#45a2ff}.lead{font-size:20px;line-height:1.65;max-width:850px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;text-decoration:none;border-radius:8px;padding:15px 22px;font-weight:900}.btn.primary{background:#0b62d1;color:white}.btn.secondary{border:1px solid rgba(255,255,255,.75);color:white}
.hero-image{display:flex;align-items:center;justify-content:center;padding:35px}.hero-image img{max-width:100%;border-radius:22px;box-shadow:var(--shadow)}
.section{padding:78px 6%}.section.alt{background:var(--light)}.wrap{max-width:1180px;margin:auto}.center{text-align:center}h2{font-size:38px;color:var(--navy);margin:0 0 16px}h3{color:var(--blue);font-size:23px;margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.card{background:white;border:1px solid #dfe7f3;border-radius:20px;padding:28px;box-shadow:var(--shadow);transition:.25s}.card:hover{transform:translateY(-5px)}.card p,.card li{line-height:1.62;color:#2c384b}.icon{font-size:42px;margin-bottom:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.two img{width:100%;border-radius:20px;box-shadow:var(--shadow)}.list{padding-left:0;list-style:none}.list li{padding:9px 0}.list li:before{content:"✓";color:var(--bright);font-weight:900;margin-right:8px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:linear-gradient(90deg,#031632,#073b82);color:#fff;padding:30px 6%;text-align:center}.stat b{font-size:34px;display:block}
.contact-box{background:linear-gradient(135deg,#061b3f,#073b82);color:#fff;border-radius:24px;padding:42px;box-shadow:var(--shadow)}.contact-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.contact-line{background:rgba(255,255,255,.09);padding:20px;border-radius:14px}
.legal{max-width:980px;margin:auto;background:white;border-radius:18px;padding:34px;box-shadow:var(--shadow)}.legal h1{color:var(--navy);font-size:42px;text-transform:none}.legal h2{font-size:26px;margin-top:30px}.legal p,.legal li{line-height:1.65}
.footer{background:#03152f;color:white;padding:34px 6%;text-align:center}.footer a{color:white}.whatsapp{position:fixed;right:22px;bottom:22px;background:#25d366;color:white;text-decoration:none;font-weight:900;padding:15px 18px;border-radius:999px;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:60}
.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.show{opacity:1;transform:none}
@media(max-width:1000px){.hero,.two{grid-template-columns:1fr}.grid,.stats,.contact-lines{grid-template-columns:1fr}.nav{display:none}h1{font-size:40px}.section{padding:54px 22px}.topbar,.header{padding-left:22px;padding-right:22px}}
