:root{
  --dark:#153a62;
  --blue:#2b9dcc;
  --blue-2:#5fc1de;
  --soft:#eef9fd;
  --soft-2:#d9eff9;
  --white:#ffffff;
  --text:#17334d;
  --muted:#63788b;
  --line:#cce8f3;
  --shadow:0 22px 70px rgba(21,58,98,.16);
  --radius:30px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--white);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin:0 auto}
.section{padding:88px 0}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(204,232,243,.8)}
.nav{width:min(1180px,94%);margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--dark)}
.brand img{width:62px;height:62px;object-fit:contain;border-radius:50%;box-shadow:0 12px 30px rgba(43,157,204,.18)}
.menu{display:flex;align-items:center;gap:8px}
.menu a{font-weight:800;color:var(--dark);padding:10px 15px;border-radius:999px;transition:.25s}
.menu a:hover{background:var(--soft);color:var(--blue)}
.menu-btn{display:none;background:transparent;border:0;cursor:pointer;flex-direction:column;gap:5px}
.menu-btn span{display:block;width:28px;height:3px;background:var(--dark);border-radius:999px}
.hero{position:relative;min-height:calc(100vh - 82px);display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 16% 18%,#dff5fb 0 20%,transparent 42%),linear-gradient(135deg,#ffffff 0%,#f2fafe 45%,#d7edf8 100%)}
.bubble{position:absolute;border-radius:50%;background:rgba(95,193,222,.32)}
.bubble-one{width:420px;height:420px;right:-140px;top:40px}.bubble-two{width:240px;height:240px;left:-80px;bottom:40px}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
.label{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;font-weight:900;color:var(--blue);margin-bottom:14px}
.label:before{content:"";width:28px;height:3px;background:var(--blue);border-radius:99px}
h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.92;color:var(--dark);letter-spacing:-.07em;margin-bottom:24px}
.lead{font-size:clamp(1.12rem,2vw,1.45rem);color:var(--muted);max-width:680px;margin-bottom:30px}
.actions{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:999px;font-weight:900;border:2px solid transparent;box-shadow:0 14px 34px rgba(21,58,98,.12);transition:.25s;text-align:center}.btn:hover{transform:translateY(-3px)}
.primary{background:linear-gradient(135deg,var(--blue),var(--dark));color:white}.secondary{background:white;color:var(--dark);border-color:var(--line)}.light{background:white;color:var(--dark)}.full{width:100%;margin-top:12px}
.hero-panel{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:38px;padding:28px;box-shadow:var(--shadow)}
.logo-card{min-height:330px;background:linear-gradient(180deg,#fff,var(--soft));border:1px solid var(--line);border-radius:34px;display:grid;place-items:center;padding:28px}.logo-card img{width:min(330px,94%)}
.quick-contact{display:grid;gap:12px;margin-top:16px}.quick-contact div{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:16px}.quick-contact small{display:block;color:var(--muted);font-weight:800}.quick-contact a,.quick-contact strong{font-size:1.05rem;color:var(--dark);font-weight:900}
.intro,.coverage,.contact{background:linear-gradient(180deg,var(--soft),#fff)}
.two-columns{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:start}.section-title h2,.center h2,.banner h2,.facebook h2,.contact h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;color:var(--dark);letter-spacing:-.04em}.text-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:0 18px 55px rgba(21,58,98,.08);font-size:1.1rem;color:var(--muted)}.text-card p+p{margin-top:14px}
.center{text-align:center;max-width:780px;margin:0 auto 40px}.center .label{justify-content:center}.center .label:after{content:"";width:28px;height:3px;background:var(--blue);border-radius:99px}.center p{color:var(--muted);font-size:1.08rem;margin-top:10px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;overflow:hidden;background:white;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:0 18px 55px rgba(21,58,98,.08);transition:.25s}.card:after{content:"";position:absolute;right:-56px;bottom:-72px;width:170px;height:170px;border-radius:50%;background:#e3f6fc}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.icon{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,var(--blue),var(--dark));color:white;display:grid;place-items:center;font-size:1.5rem;font-weight:900;margin-bottom:22px}.card h3{font-size:1.42rem;color:var(--dark);margin-bottom:10px}.card p{color:var(--muted)}
.banner{background:linear-gradient(135deg,var(--dark),var(--blue));color:white}.banner-box{display:flex;align-items:center;justify-content:space-between;gap:28px}.banner .label,.banner h2,.banner p{color:white}.banner .label:before{background:white}.banner p{font-size:1.1rem;opacity:.94;margin-top:12px;max-width:700px}
.zones{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.zone{background:white;border:1px solid var(--line);border-radius:30px;padding:40px;text-align:center;box-shadow:0 18px 55px rgba(21,58,98,.08)}.zone span{display:block;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle,var(--blue) 0 36%,var(--soft-2) 37%);margin:0 auto 16px}.zone h3{font-size:1.5rem;color:var(--dark)}
.facebook-box{display:grid;grid-template-columns:.48fr 1fr;gap:34px;align-items:center;background:linear-gradient(135deg,#f6fcfe,#fff);border:1px solid var(--line);border-radius:38px;padding:36px;box-shadow:var(--shadow)}.facebook-logo{background:white;border:1px solid var(--line);border-radius:30px;padding:24px}.facebook-logo img{width:220px;margin:auto}.facebook p{color:var(--muted);margin:12px 0 22px}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.contact-card,.contact-panel{background:white;border:1px solid var(--line);border-radius:34px;padding:36px;box-shadow:0 18px 55px rgba(21,58,98,.08)}.contact-card>p{color:var(--muted);margin:14px 0 22px}.data-list{display:grid;gap:12px}.data-list p{background:var(--soft);border-radius:18px;padding:16px}.data-list a{color:var(--blue);font-weight:900}.contact-panel{text-align:center}.contact-panel img{width:190px;margin:0 auto 18px;border-radius:50%}.contact-panel h3{font-size:2rem;color:var(--dark);line-height:1}.contact-panel p{color:var(--muted);margin:12px 0 18px}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:30;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2dbb74,#148d52);color:white;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.footer{background:var(--dark);color:white;text-align:center;padding:24px 0}.footer p{opacity:.92}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.js .reveal.active{opacity:1;transform:none}
@media(max-width:900px){.section{padding:66px 0}.menu-btn{display:flex}.menu{position:absolute;top:82px;left:3%;right:3%;display:none;flex-direction:column;background:white;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.menu.open{display:flex}.menu a{width:100%;text-align:center}.hero{min-height:auto}.hero-grid,.two-columns,.contact-grid,.facebook-box{grid-template-columns:1fr}.hero-panel{order:-1}.logo-card{min-height:240px}.cards{grid-template-columns:1fr}.banner-box{flex-direction:column;align-items:flex-start}.zones{grid-template-columns:1fr}.brand span{font-size:.95rem}.brand img{width:54px;height:54px}}
@media(max-width:520px){.container{width:91%}.section{padding:54px 0}.actions .btn{width:100%}.hero-panel,.contact-card,.contact-panel,.facebook-box{border-radius:26px;padding:22px}h1{font-size:3.25rem}.section-title h2,.center h2,.banner h2,.facebook h2,.contact h2{font-size:2.15rem}.whatsapp-float{width:56px;height:56px;right:14px;bottom:14px}}