/* Importa Logistics — Estilos compartidos */
:root {
  --navy: #0B2645;
  --navy-mid: #1A3E6E;
  --orange: #F07020;
  --orange-dark: #C85A10;
  --offwhite: #F5F5F2;
  --slate: #8A9BB0;
  --white: #FFFFFF;
  --text-body: #1C2B3A;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;font-weight:400;font-size:16px;line-height:1.65;color:var(--text-body);background:var(--white);overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:'Barlow Condensed',sans-serif;line-height:1.08}
.eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--orange);display:block}
.container{max-width:1160px;margin:0 auto;padding:0 24px}
section{padding:88px 0}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;padding:15px 32px;border-radius:4px;border:none;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}
.btn-primary{background:var(--orange);color:var(--white)}
.btn-primary:hover{background:var(--orange-dark);transform:translateY(-1px);box-shadow:0 8px 24px rgba(240,112,32,0.35)}
.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.45)}
.btn-outline:hover{border-color:var(--white);background:rgba(255,255,255,0.07)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-mid);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.btn-ghost:hover{background:var(--navy);color:var(--white)}
.wa-icon{width:22px;height:22px;flex-shrink:0}

/* HEADER */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(11,38,69,0.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.07);transition:box-shadow 0.3s}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:0;text-decoration:none;flex-shrink:0}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.nav-links a{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;color:rgba(255,255,255,0.72);text-decoration:none;transition:color 0.2s}
.nav-links a:hover{color:var(--white)}
.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.hamburger span{display:block;width:24px;height:2px;background:var(--white)}
.mobile-menu{display:none;position:absolute;top:68px;left:0;right:0;background:var(--navy);border-top:1px solid rgba(255,255,255,0.07);padding:24px;flex-direction:column;gap:20px}
.mobile-menu.open{display:flex}
.mobile-menu a{color:rgba(255,255,255,0.82);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.07)}

/* SECTION HEADER */
.section-header{margin-bottom:52px}
.section-header h2{font-size:clamp(36px,5vw,54px);font-weight:900;color:var(--navy);text-transform:uppercase;margin-top:10px;margin-bottom:16px}
.section-header p{font-family:'DM Sans',sans-serif;font-size:17px;color:#4A5568;max-width:560px;font-weight:300;line-height:1.7}

/* TRUST BAR */
.trust-bar{background:var(--offwhite);padding:26px 0;border-bottom:1px solid rgba(11,38,69,0.07)}
.trust-bar-inner{display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:10px;flex-shrink:0}
.trust-icon{width:32px;height:32px;background:var(--navy);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.trust-text{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:14px;letter-spacing:0.5px;color:var(--navy);text-transform:uppercase}

/* FOOTER */
footer{background:#060E1A;padding:60px 0 32px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-brand p{font-family:'DM Sans',sans-serif;font-size:14px;color:var(--slate);line-height:1.7;margin-top:18px;max-width:260px;font-weight:300}
.footer-col h5{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.35);margin-bottom:20px}
.footer-col a{display:block;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--slate);text-decoration:none;margin-bottom:10px;transition:color 0.2s}
.footer-col a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p,.footer-bottom a{font-family:'DM Sans',sans-serif;font-size:12px;color:rgba(255,255,255,0.22);text-decoration:none}

/* WA FLOTANTE */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:998;display:flex;align-items:center;gap:12px;text-decoration:none}
.wa-float-bubble{background:var(--navy);color:var(--white);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;padding:10px 18px;border-radius:100px;border:1px solid rgba(255,255,255,0.11);white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,0.28);animation:slideInBubble 0.5s 2.5s ease both}
@keyframes slideInBubble{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.wa-float-btn{width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.42);transition:all 0.25s;flex-shrink:0}
.wa-float-btn:hover{transform:scale(1.08);box-shadow:0 8px 28px rgba(37,211,102,0.52)}

/* STICKY MOBILE BAR */
.sticky-mobile{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--navy);border-top:1px solid rgba(255,255,255,0.08);padding:12px 16px;z-index:999;gap:10px;box-shadow:0 -4px 20px rgba(0,0,0,0.25)}
.sticky-mobile a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:6px;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.sticky-mobile .sm-wa{background:#25D366;color:var(--white)}
.sticky-mobile .sm-form{background:var(--orange);color:var(--white)}

/* COOKIE BANNER */
.cookie-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--navy);color:var(--white);padding:18px 24px;z-index:1100;box-shadow:0 -4px 24px rgba(0,0,0,0.4);border-top:2px solid var(--orange)}
.cookie-banner.show{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.cookie-banner p{font-family:'DM Sans',sans-serif;font-size:14px;color:rgba(255,255,255,0.85);margin:0;flex:1;min-width:280px}
.cookie-banner a{color:var(--orange);text-decoration:underline}
.cookie-banner-btns{display:flex;gap:10px;flex-wrap:wrap}
.cookie-banner button{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:10px 20px;border-radius:4px;border:none;cursor:pointer}
.cookie-accept{background:var(--orange);color:var(--white)}
.cookie-reject{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.4)!important}

/* RESPONSIVE GLOBAL */
@media(max-width:900px){
  section{padding:64px 0}
  .nav-links,.nav-cta .btn{display:none}
  .hamburger{display:flex}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .sticky-mobile{display:flex}
  .wa-float{display:none}
  body{padding-bottom:80px}
}
@media(max-width:600px){
  section{padding:56px 0}
  .footer-grid{grid-template-columns:1fr}
  .trust-bar-inner{gap:20px}
}