*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#071f3e;--blue:#092f70;--cyan:#00c7e8;--ink:#0a2148;--muted:#5c6d86;--pale:#f1f5fb}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1320px,calc(100% - 56px));margin:auto}
.header{height:88px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #061b3b12}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:142px;height:74px;object-fit:contain}.menu{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700;color:#071f3e}.menu a:hover{color:#087db5}.nav-phone{background:#063b91;color:#fff;padding:13px 21px;border-radius:30px}.menu-btn{display:none;border:0;background:none;font-size:28px;color:var(--navy)}
.hero{height:440px;position:relative;display:flex;align-items:center;color:white;background:var(--navy) url('assets/capa-portfolio.jpg') center 44%/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031a35 0%,#03254bdc 42%,#03254b20 100%)}.hero-inner{position:relative;z-index:1;padding-left:7%;}.eyebrow,.kicker{display:block;color:#08bfe2;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:clamp(35px,4vw,56px);line-height:1.07;max-width:700px;font-weight:800;letter-spacing:-1.6px}.hero h1 em{display:block;color:#00d0ed;font-style:normal}.hero p{max-width:490px;margin:17px 0 22px;color:#e7f1fa;font-size:15px}.cyan-rule{height:5px;width:68px;background:var(--cyan);border-radius:5px;margin-top:18px}.btn{display:inline-flex;align-items:center;gap:16px;background:#00c7e8;color:#05274a;border-radius:28px;padding:12px 25px;font-size:13px;font-weight:800}.btn span{font-size:25px;line-height:15px}
.section{padding:76px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about h2,.section-title h2,.logo-heading h2,.contact h2{font-size:clamp(27px,3vw,40px);line-height:1.16;letter-spacing:-1px}.about-text{color:var(--muted);font-size:14px}.about-text p+p{margin-top:13px}
.services{background:#f6f8fc}.section-title{text-align:center;margin-bottom:35px}.section-title h2{font-size:39px}.section-title p{color:#38577e;font-size:14px;margin-top:7px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.service{min-height:112px;background:linear-gradient(135deg,#f0f4fb,#e6edf8);border:1px solid #e6edf7;border-radius:16px;padding:20px 16px;display:flex;align-items:center;gap:15px;box-shadow:0 6px 18px #0b28500a;transition:.2s}.service:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0b285018}.service-icon{font-size:34px;line-height:1;color:#082c6a;min-width:38px;text-align:center}.service h3{font-size:13px;line-height:1.35;color:#071f4c}
.logo-section{padding:30px 0}.logo-layout{display:grid;grid-template-columns:290px 1fr;gap:32px;align-items:center}.logo-heading{display:flex;align-items:center;gap:18px}.logo-heading h2{font-size:21px}.logo-heading p{font-size:12px;opacity:.8;margin-top:4px}.outline-icon{font-size:43px;min-width:48px;text-align:center}.logo-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.logo-slot{height:74px;border:1px dashed #9eb2cc;border-radius:12px;background:#f5f7fb;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;color:#627b9d;font-size:10px;font-weight:700;letter-spacing:1px}.logo-slot:hover{border-color:#0b69a9;background:#fff}.partners{background:linear-gradient(110deg,#05274d,#07518a);color:white}.partners .logo-slot{background:#fff;border:1px dashed #c4d2e1;color:#52708e}.light{color:#16c9e8}.certs{background:#f8faff}.cert-slots{grid-template-columns:repeat(4,1fr)}
.contact{background:linear-gradient(110deg,#041b38,#082f5b);color:white;padding:65px 0}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.contact h2{max-width:570px}.contact-grid>div:first-child p{margin-top:15px;color:#d0dfed;font-size:14px}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px}.contact-details a,.contact-details>p{display:flex;flex-direction:column;gap:3px;border-left:2px solid #11c4e5;padding-left:13px}.contact-details small{color:#a8c2d8;font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.contact-details strong{font-size:12px;overflow-wrap:anywhere}
footer{background:#03152c;color:#b9c8d8;padding:18px 0}.footer{display:flex;align-items:center;justify-content:space-between;font-size:10px}.footer img{width:90px;height:48px;object-fit:contain}.footer a{color:#1ac9e9;font-weight:700}
.whatsapp{position:fixed;right:22px;bottom:20px;z-index:30;display:flex;align-items:center;gap:12px;background:#08a93f;color:#fff;border:4px solid #23e75d;border-radius:50px;padding:10px 19px 10px 12px;box-shadow:0 8px 28px #0004}.wa-symbol{width:42px;height:42px;border:3px solid white;border-radius:50%;display:grid;place-items:center;font-size:29px}.whatsapp b{font-size:12px;line-height:1.2;display:block}.whatsapp small{font-size:11px;font-weight:700}
@media(max-width:1100px){.menu{gap:13px;font-size:11px}.service-grid{grid-template-columns:repeat(3,1fr)}.logo-layout{grid-template-columns:230px 1fr}.logo-slots{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.container{width:calc(100% - 34px)}.header{height:72px}.brand img{width:112px;height:62px}.menu-btn{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:15px 24px 22px;box-shadow:0 12px 18px #061b3b20;flex-direction:column;align-items:stretch;gap:0}.menu.open{display:flex}.menu a{padding:12px 5px;border-bottom:1px solid #edf1f6}.menu .nav-phone{text-align:center;margin-top:10px;border:0}.hero{height:510px;background-position:58% center}.hero-shade{background:linear-gradient(90deg,#031a35f5,#03254bc9 70%,#03254b80)}.hero-inner{padding-left:0}.hero h1{font-size:39px}.hero p{font-size:13px;max-width:380px}.section{padding:58px 0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:22px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service{min-height:105px;padding:13px 10px;gap:9px}.service-icon{font-size:27px;min-width:30px}.service h3{font-size:11px}.section-title h2{font-size:31px}.logo-layout{grid-template-columns:1fr;gap:20px}.logo-heading h2{font-size:20px}.logo-slots{grid-template-columns:repeat(2,1fr)}.logo-slot{height:65px}.cert-slots{grid-template-columns:repeat(2,1fr)}.contact-details{gap:15px}.footer{flex-wrap:wrap;justify-content:center;gap:10px;text-align:center}.footer span{width:100%;order:3}.whatsapp{right:12px;bottom:12px;padding:8px 12px 8px 9px;gap:8px}.wa-symbol{width:35px;height:35px;font-size:23px}.whatsapp b{font-size:10px}.whatsapp small{font-size:9px}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service{min-height:80px}.hero h1{font-size:34px}.whatsapp{transform:scale(.9);transform-origin:bottom right}}