:root{
  --blue:#1789c9;
  --blue-dark:#0c4f91;
  --blue-soft:#eaf7ff;
  --cyan:#39a9d6;
  --ink:#14213d;
  --muted:#607080;
  --line:#d9edf7;
  --white:#ffffff;
  --gray:#f6f9fb;
  --shadow:0 22px 70px rgba(14,67,111,.14);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Nunito Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.65;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,92%);margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(23,137,201,.12);
}
.navbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;font-weight:900;color:var(--blue-dark)}
.brand-logo{width:58px;height:58px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 12px 32px rgba(23,137,201,.16)}
.brand-text{font-family:Montserrat,sans-serif;font-size:1.08rem;letter-spacing:.02em}
.nav-links{display:flex;align-items:center;gap:10px;font-weight:800;color:#365063}
.nav-links a{padding:11px 15px;border-radius:999px;transition:.25s ease}
.nav-links a:hover{background:var(--blue-soft);color:var(--blue-dark)}
.nav-cta{background:var(--blue)!important;color:#fff!important;box-shadow:0 14px 28px rgba(23,137,201,.24)}
.menu-toggle{display:none;border:0;background:transparent;cursor:pointer;gap:5px;flex-direction:column}
.menu-toggle span{width:28px;height:3px;background:var(--blue-dark);border-radius:999px;display:block}
.hero{position:relative;padding:76px 0 90px;background:linear-gradient(135deg,#fff 0%,#f7fbfe 48%,#eaf8ff 100%);overflow:hidden}
.hero-bg-shape{position:absolute;border-radius:50%;border:24px solid rgba(23,137,201,.18);pointer-events:none}
.shape-one{width:220px;height:220px;right:-70px;top:60px}
.shape-two{width:160px;height:160px;left:-72px;bottom:70px;border-color:rgba(57,169,214,.22)}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:52px;position:relative;z-index:1}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;background:var(--blue-soft);color:var(--blue-dark);font-weight:900;padding:8px 14px;border-radius:999px;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}
h1,h2,h3{font-family:Montserrat,sans-serif;line-height:1.08;color:#101c2d}
h1{font-size:clamp(3rem,6vw,5.9rem);letter-spacing:-.07em;margin:18px 0 18px}
h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;margin:12px 0 18px}
h3{font-size:1.25rem;margin-bottom:8px}
.hero-subtitle{font-size:1.35rem;color:#4c6171;max-width:600px;font-weight:700}
.hero-actions,.social-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 23px;font-weight:900;transition:.25s ease;border:1px solid transparent;min-height:52px}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 16px 32px rgba(23,137,201,.28)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(23,137,201,.33)}
.btn-secondary{background:#fff;color:var(--blue-dark);border-color:var(--line);box-shadow:0 12px 28px rgba(22,67,111,.08)}
.btn-secondary:hover{transform:translateY(-3px);background:var(--blue-soft)}
.quick-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.quick-info div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 12px 30px rgba(14,67,111,.07)}
.quick-info strong{display:block;color:var(--blue-dark);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.quick-info span{display:block;color:#4d6576;font-weight:800;margin-top:2px;word-break:break-word}
.hero-visual{position:relative}
.banner-card{background:#fff;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);border:1px solid rgba(23,137,201,.14)}
.main-banner{width:100%;height:auto;border-radius:20px;object-fit:contain;background:#eef3f6}
.section{padding:90px 0}.intro{background:#fff}.split,.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.section-copy p,.section-heading p,.contact-card p,.social-panel p{color:var(--muted);font-size:1.12rem;margin-top:12px;max-width:720px}.identity-card,.final-brand{background:linear-gradient(180deg,#fff,#f5fbff);border:1px solid var(--line);border-radius:var(--radius);padding:38px;text-align:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.identity-card:before,.final-brand:before{content:"";position:absolute;width:180px;height:180px;border:26px solid rgba(23,137,201,.11);border-radius:50%;right:-70px;top:-70px}.identity-logo{width:210px;margin:0 auto 22px;border-radius:50%;position:relative;z-index:1}.identity-card h3,.identity-card p,.identity-card a,.final-brand h3,.final-brand p{position:relative;z-index:1}.identity-card p{color:var(--muted);font-weight:800}.identity-card a{display:inline-flex;margin-top:18px;color:var(--blue-dark);font-weight:900}.presence{background:var(--gray)}.section-heading{text-align:center;max-width:780px;margin:0 auto 40px}.presence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.presence-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;min-height:190px;box-shadow:0 16px 44px rgba(14,67,111,.08);position:relative;overflow:hidden}.presence-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,rgba(23,137,201,.14),rgba(57,169,214,.08));right:-38px;bottom:-38px}.presence-card span{display:inline-flex;width:48px;height:48px;border-radius:16px;background:var(--blue-soft);align-items:center;justify-content:center;color:var(--blue-dark);font-weight:900;margin-bottom:30px}.presence-card h3{font-size:1.55rem}.services{background:#fff}.services-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:start}.service-list{display:grid;gap:18px}.service-item{display:flex;gap:18px;background:linear-gradient(135deg,#fff,#f6fbff);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(14,67,111,.07)}.icon-dot{flex:0 0 18px;width:18px;height:18px;margin-top:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 9px rgba(23,137,201,.12)}.service-item p{color:var(--muted)}.social-section{background:linear-gradient(135deg,#ecf8ff,#fff)}.social-panel{background:#fff;border:1px solid var(--line);border-radius:34px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow)}.contact{background:#fff}.contact-card{background:linear-gradient(135deg,#f7fcff,#fff);border:1px solid var(--line);border-radius:34px;padding:44px;box-shadow:var(--shadow)}.contact-data{display:grid;gap:12px;margin:24px 0}.contact-data a,.contact-data span{padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:18px;color:#465f70;font-weight:800}.contact-data strong{color:var(--blue-dark)}.wide{width:100%}.final-brand img{width:230px;margin:0 auto 20px;border-radius:50%}.final-brand p{color:var(--muted);font-weight:800}.footer{padding:28px 0;background:#101c2d;color:#dbefff}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.footer a{font-weight:900;color:#fff}.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:60;background:#18a84f;color:#fff;font-weight:900;border-radius:999px;padding:14px 18px;box-shadow:0 16px 36px rgba(24,168,79,.28)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media (max-width:900px){.menu-toggle{display:flex}.nav-links{position:absolute;top:86px;left:4%;right:4%;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;display:none;flex-direction:column;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{width:100%;text-align:center}.hero-grid,.split,.services-layout,.contact-grid{grid-template-columns:1fr}.hero{padding-top:46px}.quick-info{grid-template-columns:1fr}.presence-grid{grid-template-columns:1fr}.social-panel{flex-direction:column;align-items:flex-start}.social-actions{width:100%}.social-actions .btn{width:100%}}
@media (max-width:560px){.navbar{height:76px}.brand-logo{width:48px;height:48px}.brand-text{font-size:.95rem}.nav-links{top:76px}h1{font-size:3rem}.section{padding:66px 0}.hero-actions .btn,.btn{width:100%;padding-inline:18px}.identity-card,.contact-card,.social-panel{padding:28px}.footer-content{justify-content:center;text-align:center}.floating-whatsapp{left:16px;right:16px;text-align:center}}
