:root{
  --blue-900:#071d34;
  --blue-800:#082a4a;
  --blue-700:#0b3a65;
  --blue-600:#0b6aa8;
  --cyan:#22b7e8;
  --charcoal:#111923;
  --muted:#667486;
  --light:#f4f8fb;
  --white:#fff;
  --whatsapp:#25D366;
  --whatsapp-dark:#128C7E;
  --radius:22px;
  --shadow:0 22px 55px rgba(4,18,36,.18);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:#17212c;background:#fff;line-height:1.58}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:auto;background:#fff;color:#000;padding:8px;z-index:9999}.skip-link:focus{left:12px;top:12px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,29,52,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-wrap{width:min(1240px,calc(100% - 30px));margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:18px}
.brand{display:flex;align-items:center;gap:12px;min-width:245px;color:#fff}.brand-logo{width:56px;height:56px;object-fit:contain}.brand-text{display:grid;line-height:1.1}.brand-text strong{font-size:1.02rem;letter-spacing:.02em}.brand-text small{font-size:.75rem;color:#b8d7ec;margin-top:3px}
.main-nav{display:flex;align-items:center;gap:4px}.nav-link,.dropbtn{color:#eaf4fb;background:none;border:0;font:inherit;padding:12px 11px;border-radius:12px;cursor:pointer;white-space:nowrap}.nav-link:hover,.dropbtn:hover,.nav-link.active,.dropbtn.active{background:rgba(255,255,255,.1);color:#fff}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;min-width:285px;background:#fff;color:#132435;border-radius:16px;padding:8px;box-shadow:var(--shadow);display:none;border:1px solid rgba(10,50,80,.08)}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;border-radius:10px;color:#132435}.dropdown-menu a:hover{background:#edf7fc;color:#07345e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 21px;font-weight:800;border:1px solid transparent;line-height:1.1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-whatsapp{background:linear-gradient(135deg,var(--whatsapp),var(--whatsapp-dark));color:#fff;box-shadow:0 12px 28px rgba(37,211,102,.28)}.btn-secondary{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}.nav-cta{padding:11px 17px;margin-left:6px}.nav-toggle{display:none;background:rgba(255,255,255,.1);border:0;border-radius:14px;padding:10px;cursor:pointer}.nav-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.page-hero,.home-hero{min-height:560px;background-image:var(--hero-image);background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden}.home-hero:after,.page-hero:after{content:"";position:absolute;inset:auto -15% -35% -15%;height:260px;background:radial-gradient(circle at 50% 0, rgba(34,183,232,.28), transparent 65%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:820px;padding:80px 0}.eyebrow{display:inline-flex;color:#bff1ff;background:rgba(34,183,232,.14);border:1px solid rgba(34,183,232,.35);padding:7px 12px;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.77rem}.hero-inner h1{font-size:clamp(2.35rem,5vw,5.1rem);line-height:.98;margin:18px 0 18px;letter-spacing:-.055em}.hero-inner p{font-size:clamp(1.02rem,1.6vw,1.28rem);max-width:760px;color:#e5f4fb;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.hero-badges span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:9px 12px;border-radius:999px;color:#f8fbfd;font-weight:700;font-size:.92rem}
.section{padding:78px 0}.section.alt{background:linear-gradient(180deg,#f6fbfe,#eef6fb)}.section.dark{background:linear-gradient(135deg,#071d34,#0a355f);color:#fff}.section-head{max-width:760px;margin:0 auto 36px;text-align:center}.section-head.left{text-align:left;margin-left:0}.section-head h2{font-size:clamp(2rem,3vw,3rem);line-height:1.05;margin:8px 0 14px;color:#0b2745}.dark .section-head h2,.section.dark h2{color:#fff}.section-head p,.lead{color:#5f7080;font-size:1.08rem}.dark .section-head p,.section.dark p{color:#d9edf8}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid rgba(10,50,80,.09);border-radius:var(--radius);box-shadow:0 12px 32px rgba(8,42,74,.08);overflow:hidden}.media-card img{height:225px;width:100%;object-fit:cover}.card-body{padding:24px}.card h3{margin:0 0 10px;color:#0b2745;font-size:1.28rem;line-height:1.16}.card p{color:#607081;margin:0 0 16px}.tag{display:inline-flex;align-items:center;color:#0b6aa8;background:#e8f7fd;border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:800;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.text-link{font-weight:900;color:#0b6aa8}.text-link:hover{text-decoration:underline}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.split.reverse{grid-template-columns:.95fr 1.05fr}.split-img{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);position:relative}.split-img img{width:100%;height:100%;max-height:540px;object-fit:cover}.feature-list{display:grid;gap:12px;margin:24px 0}.feature{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid rgba(10,50,80,.08);border-radius:16px;padding:14px 16px;box-shadow:0 10px 24px rgba(8,42,74,.06)}.feature:before{content:"✓";display:inline-grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#e8f8ef;color:#128c4b;font-weight:900}.dark .feature{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14)}.stat-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:-48px;position:relative;z-index:3}.stat{background:#fff;border-radius:20px;padding:22px;text-align:center;box-shadow:var(--shadow);border:1px solid rgba(10,50,80,.08)}.stat strong{display:block;color:#0b6aa8;font-size:1.8rem;line-height:1}.stat span{display:block;color:#526474;margin-top:8px;font-weight:700}.process{counter-reset:step}.step{position:relative;padding:28px;background:#fff;border-radius:22px;border:1px solid rgba(10,50,80,.1);box-shadow:0 12px 28px rgba(8,42,74,.07)}.step:before{counter-increment:step;content:counter(step);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0b6aa8;color:#fff;font-weight:900;margin-bottom:18px}.step h3{margin:0 0 10px;color:#0b2745}.cta-panel{background:linear-gradient(135deg,#082a4a,#0b6aa8);border-radius:30px;padding:44px;color:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:1.3fr auto;gap:24px;align-items:center;overflow:hidden;position:relative}.cta-panel:before{content:"";position:absolute;right:-90px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12)}.cta-panel h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.cta-panel p{margin:0;color:#dff3fb}.pill-list{display:flex;flex-wrap:wrap;gap:10px}.pill-list span{background:#eef7fc;border:1px solid rgba(11,106,168,.15);color:#0b3a65;border-radius:999px;padding:9px 12px;font-weight:800;font-size:.88rem}.breadcrumb{margin-bottom:16px;color:#b9d8ec;font-weight:700}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.notice{background:#fff7e6;border:1px solid #f0d08b;color:#5a3d0a;padding:14px 16px;border-radius:16px}.quote{font-size:1.42rem;line-height:1.32;color:#0b2745;font-weight:800;border-left:5px solid #0b6aa8;padding-left:18px;margin:24px 0}.project-list{columns:2;column-gap:34px;margin:18px 0 0;padding-left:20px}.project-list li{break-inside:avoid;margin:0 0 8px}.contact-card{padding:30px}.contact-line{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(10,50,80,.08)}.contact-line strong{display:block;color:#0b2745}.contact-line span{color:#617384}.site-footer{background:#071d34;color:#d8edf8;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.25fr;gap:28px}.footer-logo{width:86px;height:86px;object-fit:contain;margin-bottom:12px}.site-footer h3{color:#fff;margin:0 0 12px}.site-footer p{color:#c4d9e7}.site-footer a{display:block;color:#d8edf8;margin:8px 0}.site-footer a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding:18px 20px;text-align:center;color:#acc8da}.footer-bottom p{margin:0}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:999;background:linear-gradient(135deg,var(--whatsapp),var(--whatsapp-dark));color:#fff;border-radius:999px;padding:14px 20px;font-weight:900;box-shadow:0 18px 36px rgba(0,0,0,.25)}
@media (max-width: 1040px){.main-nav{position:fixed;inset:76px 0 auto 0;background:#071d34;display:none;flex-direction:column;align-items:stretch;padding:16px 20px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.main-nav.open{display:flex}.nav-toggle{display:block}.nav-link,.dropbtn{text-align:left;width:100%;display:flex;justify-content:space-between}.dropdown-menu{position:static;background:rgba(255,255,255,.08);box-shadow:none;border:1px solid rgba(255,255,255,.1);margin:5px 0 10px;display:none;min-width:0}.dropdown.open .dropdown-menu{display:block}.dropdown:hover .dropdown-menu{display:none}.dropdown.open:hover .dropdown-menu{display:block}.dropdown-menu a{color:#eaf4fb}.dropdown-menu a:hover{background:rgba(255,255,255,.08);color:#fff}.nav-cta{margin:8px 0 0}.brand-text small{display:none}.stat-band{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 820px){.container{width:min(100% - 28px,var(--container))}.page-hero,.home-hero{min-height:520px}.hero-inner{padding:60px 0}.grid-2,.grid-3,.grid-4,.split,.split.reverse{grid-template-columns:1fr}.section{padding:58px 0}.stat-band{margin-top:18px}.cta-panel{grid-template-columns:1fr;padding:32px}.project-list{columns:1}.media-card img{height:220px}.footer-grid{grid-template-columns:1fr}.floating-whatsapp{left:16px;right:16px;text-align:center;justify-content:center;display:flex;bottom:14px}.site-footer{padding-bottom:70px}.brand{min-width:0}.brand-logo{width:50px;height:50px}}
@media (max-width: 440px){.nav-wrap{width:calc(100% - 20px)}.brand-text strong{font-size:.9rem}.hero-inner h1{font-size:2.2rem}.hero-actions .btn{width:100%}.stat-band{grid-template-columns:1fr}.section-head h2{font-size:2rem}.card-body{padding:20px}.cta-panel{padding:26px}.footer-logo{width:76px;height:76px}}