@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#082e63;--blue:#096be8;--ink:#12243d;--gold:#d6a13d;--paper:#f7f8fa;--muted:#64748b;--line:#dfe5ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0f4}.brand{display:flex;align-items:center;gap:13px}.brand img{width:62px;height:54px;object-fit:contain}.brand-text{display:flex;flex-direction:column;line-height:1.15;color:var(--navy)}.brand-text strong{font:800 18px Manrope,sans-serif;letter-spacing:.02em}.brand-text>span{font-size:13px;letter-spacing:.15em;margin-top:5px}.brand-text small{font-size:9px;letter-spacing:.17em;color:var(--blue);margin-top:6px}.nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.nav a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--navy);color:white;padding:12px 20px;border-radius:3px}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--navy)}
.hero{min-height:620px;position:relative;display:flex;align-items:center;color:white;overflow:hidden;background:var(--navy)}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background-image:url('assets/operacion-logistica.jpg');background-size:cover;background-position:center 54%;transform:scale(1.01)}.hero-shade{background:linear-gradient(90deg,rgba(4,27,61,.91) 0%,rgba(5,35,76,.78) 42%,rgba(5,35,76,.12) 100%)}.hero-content{position:relative;z-index:1;max-width:670px;margin-left:9%;padding:90px 0}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--gold)}.hero h1,.section h2,.reach h2,.contact h2{font:800 clamp(38px,5vw,66px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;margin:20px 0}.hero h1 span,.section h2 span,.reach h2 span,.contact h2 span{color:var(--gold)}.hero-content>p:not(.eyebrow){font-size:17px;max-width:520px;color:#e3eaf3}.button{display:inline-flex;align-items:center;gap:22px;margin-top:22px;padding:15px 22px;background:var(--gold);color:#102c52;font-weight:700;font-size:13px}.button span{font-size:20px}.hero-note{position:absolute;right:6.5%;bottom:34px;z-index:2;font-size:11px;letter-spacing:.06em;text-transform:uppercase;display:flex;gap:10px;align-items:center}.gold-dot{width:8px;height:8px;background:var(--gold);border-radius:50%}.section{padding:100px 9%}.section-label{font-size:11px;letter-spacing:.18em;color:var(--blue);font-weight:800;margin-bottom:26px}.intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:start}.section h2,.reach h2,.contact h2{font-size:clamp(34px,4vw,50px);color:var(--navy);margin:0}.intro-copy p{margin:0 0 17px;color:#48566a;font-size:15px}.intro-copy strong{color:var(--navy)}.stats{display:flex;border-top:1px solid var(--line);margin-top:55px;padding-top:27px;gap:0}.stats>div{display:flex;flex-direction:column;width:33.333%;padding:0 28px;border-right:1px solid var(--line)}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{font:800 34px Manrope;color:var(--blue)}.stats span{font-size:12px;color:var(--muted)}.services{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;min-height:225px;background:white;padding:28px 27px;border:1px solid #edf0f4;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#b8cbe4}.service-icon{font-size:27px;color:var(--blue);font-weight:700}.card-number{position:absolute;right:25px;top:30px;color:#a7b2c1;font-size:11px;letter-spacing:.1em}.service-card h3{font:700 17px/1.35 Manrope;color:var(--navy);margin:21px 0 10px}.service-card p{font-size:13px;color:var(--muted);margin:0}.featured{background:var(--navy);color:white}.featured h3{color:white}.featured p{color:#c7d4e7}.featured .service-icon{color:var(--gold)}.reach{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:460px}.reach-image{background:url('assets/operacion-logistica-2.jpeg') center/cover;min-height:460px}.reach-content{padding:75px 10% 65px 9%;align-self:center}.light{color:var(--gold)}.reach h2{font-size:clamp(30px,3.5vw,43px);color:white;margin-bottom:24px}.reach-content>p{font-size:14px;color:#d0d9e7;max-width:550px}.countries{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.countries span{border:1px solid #48668c;color:#fff;padding:7px 10px;font-size:10px;letter-spacing:.08em}.partners{background:#fff}.partner-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.partner-list>div{display:flex;align-items:center;gap:17px;padding:20px 10px;border-bottom:1px solid var(--line)}.partner-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;background:#edf3fb;color:var(--navy);font:800 11px Manrope;border-radius:50%;border:1px solid #d9e5f5}.partner-list p{margin:0;font-size:13px}.partner-list strong{font-weight:700}.partner-list small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.partner-note{font-size:11px;color:#8792a2;margin-top:18px}.contact{background:#f4f6f9;display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:center}.contact-panel{background:var(--navy);padding:48px 45px;color:white}.contact h2{font-size:clamp(35px,4vw,48px);color:white}.contact-panel>p{color:#cbd7e8;font-size:14px}.contact-items{margin-top:28px;display:grid;gap:12px}.contact-items a{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.07);padding:12px 14px;border:1px solid rgba(255,255,255,.1);overflow-wrap:anywhere}.contact-items a:hover{background:rgba(255,255,255,.13)}.contact-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-size:20px;border-radius:50%;flex-shrink:0}.contact-items small,.contact-items strong{display:block}.contact-items small{font-size:10px;color:#b8c9df}.contact-items strong{font-size:13px;color:white}.contact-aside{padding:25px 0}.aside-line{width:50px;height:3px;background:var(--gold);margin-bottom:25px}.contact-aside .eyebrow{color:var(--blue);font-size:10px}.contact-aside h3{font:800 clamp(27px,3vw,38px)/1.35 Manrope;color:var(--navy);margin:20px 0}.contact-aside>p:last-child{color:var(--muted);font-size:13px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 6.5%;background:#061f45;color:#c4d0e0;font-size:11px}footer p{margin:0}.footer-brand{font:800 13px Manrope;color:white}.footer-brand span{display:block;font-size:9px;letter-spacing:.15em;font-weight:500}.back-top{color:var(--gold)}
@media(max-width:800px){.site-header{height:75px;padding:0 5%}.brand img{width:47px;height:45px}.brand-text strong{font-size:14px}.brand-text>span{font-size:10px}.brand-text small{font-size:8px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:18px 6%;background:white;box-shadow:0 10px 20px #10243b18;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0}.nav .nav-cta{padding:12px 15px;text-align:center;margin-top:5px}.hero{min-height:600px}.hero-content{margin:0 7%;padding:70px 0}.hero-shade{background:linear-gradient(90deg,rgba(4,27,61,.91),rgba(5,35,76,.55))}.hero-note{left:7%;right:auto;font-size:9px}.section{padding:70px 7%}.intro-grid,.reach,.contact{grid-template-columns:1fr}.intro-grid{gap:20px}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid{grid-template-columns:repeat(2,1fr)}.reach-image{min-height:280px}.reach-content{padding:55px 7%}.partner-list{grid-template-columns:1fr}.contact-panel{padding:36px 25px}.contact-aside{padding:25px 0 0}footer{padding:25px 7%;flex-wrap:wrap}footer p{order:3;width:100%}}
@media(max-width:480px){.brand{gap:7px}.brand img{width:39px}.brand-text strong{font-size:12px}.brand-text>span{font-size:9px;letter-spacing:.1em}.brand-text small{font-size:7px}.hero h1{font-size:39px}.hero-content>p:not(.eyebrow){font-size:15px}.service-grid{grid-template-columns:1fr}.service-card{min-height:190px}.stats>div{padding:0 12px}.stats strong{font-size:27px}.stats span{font-size:10px}.contact-panel{padding:32px 20px}.contact-items strong{font-size:11px}.countries{gap:6px}}