Almac\u00e9n El Paso, Texas | Warehousing & Distribuci\u00f3n Fronteriza | Buckland<\/title>\r\n <meta name=\"description\" content=\"Optimiza tu cadena de suministro con almacenamiento y distribuci\u00f3n a tu medida en El Paso, TX. 66,000 ft\u00b2 seguros, cross-docking, WMS 24\/7. Cotizaci\u00f3n gratis.\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap\" rel=\"stylesheet\">\r\n <style>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n NAVBAR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/.topbar { background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.08); padding: 0; } .topbar-inner { max-width: 1180px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; height: 38px; } .topbar-left { display: flex; align-items: center; gap: 20px; } .topbar-item { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: rgba(255,255,255,.55); text-decoration: none; transition: color .2s; } .topbar-item:hover { color: var(--blue); } .topbar-item svg { flex-shrink: 0; opacity: .6; } .topbar-divider { width: 1px; height: 16px; background: rgba(255,255,255,.12); } .topbar-right { display: flex; align-items: center; gap: 6px; } .topbar-badge { font-size: 10px; font-family: var(--font-display); font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; background: rgba(236,173,32,.15); border: 1px solid rgba(236,173,32,.3); color: var(--gold); padding: 3px 10px; border-radius: 2px; } .navbar { background: var(--white); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 900; box-shadow: 0 2px 14px rgba(26,38,84,.07); transition: box-shadow .3s; } .navbar.scrolled { box-shadow: 0 4px 24px rgba(26,38,84,.13); } .nav-inner { max-width: 1180px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; height: 72px; } .nav-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; } .nav-logo img { height: 42px; width: auto; display: block; } .nav-links { display: flex; align-items: center; gap: 4px; } .nav-link { font-family: var(--font-body); font-size: 13.5px; font-weight: 700; color: var(--navy); text-decoration: none; padding: 6px 13px; border-radius: var(--radius); transition: color .2s, background .2s; letter-spacing: .2px; white-space: nowrap; } .nav-link:hover { color: var(--blue); background: rgba(81,171,211,.07); } .nav-link.active { color: var(--blue); } .nav-sep { width: 1px; height: 20px; background: var(--border); margin: 0 6px; } .nav-cta-group { display: flex; align-items: center; gap: 10px; } .nav-cta-ghost { font-family: var(--font-body); font-size: 13px; font-weight: 700; color: var(--navy); text-decoration: none; padding: 7px 15px; border: 1.5px solid var(--border); border-radius: var(--radius); transition: border-color .2s, color .2s; } .nav-cta-ghost:hover { border-color: var(--blue); color: var(--blue); } .nav-cta-primary { font-family: var(--font-body); font-size: 13px; font-weight: 700; color: var(--navy); background: var(--gold); text-decoration: none; padding: 8px 18px; border-radius: var(--radius); border: 2px solid var(--gold); transition: background .2s, transform .15s, box-shadow .2s; white-space: nowrap; } .nav-cta-primary:hover { background: #d49a18; border-color: #d49a18; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(236,173,32,.3); } \/* Mobile hamburger *\/.nav-burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 6px; border: none; background: none; } .nav-burger span { display: block; width: 22px; height: 2px; background: var(--navy); border-radius: 2px; transition: all .3s; } \/* Mobile menu *\/.nav-mobile { display: none; position: fixed; inset: 0; background: var(--white); z-index: 1000; padding: 0; overflow-y: auto; transform: translateX(100%); transition: transform .3s cubic-bezier(.22,.68,0,1.1); } .nav-mobile.open { transform: translateX(0); } .nav-mobile-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--border); } .nav-mobile-logo img { height: 36px; width: auto; } .nav-mobile-close { background: none; border: none; font-size: 26px; color: var(--navy); cursor: pointer; line-height: 1; padding: 4px 8px; } .nav-mobile-links { padding: 12px 0; } .nav-mobile-link { display: block; font-size: 16px; font-weight: 700; color: var(--navy); text-decoration: none; padding: 15px 24px; border-bottom: 1px solid var(--border); transition: color .2s, background .2s; } .nav-mobile-link:hover { color: var(--blue); background: var(--light); } .nav-mobile-footer { padding: 24px; display: flex; flex-direction: column; gap: 12px; } \/* Responsive navbar *\/@media (max-width: 1020px) { .topbar { display: none; } .nav-links { display: none; } .nav-sep { display: none; } .nav-cta-group { display: none; } .nav-burger { display: flex; } .nav-mobile { display: block; } .nav-inner { padding: 0 20px; height: 64px; } } \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/:root { --navy: #1A2654; --blue: #51ABD3; --blue2: #44AAD2; --gold: #ECAD20; --white: #ffffff; --light: #f5f8fa; --border: #dde6ed; --gray: #6b7a8d; --text: #2d3a4a; --radius: 4px; --font-body: 'Open Sans Condensed', 'Arial Narrow', sans-serif; --font-display: 'Open Sans Condensed', 'Arial Narrow', sans-serif; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font-body); font-size: 15px; color: var(--text); background: var(--white); overflow-x: hidden; line-height: 1.65; -webkit-font-smoothing: antialiased; margin-top: -185px; } \/* \u2500\u2500\u2500 TYPE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(38px,5.5vw,66px); line-height: 1.07; color: var(--white); letter-spacing: .5px; } h1 em { font-style: italic; font-weight: 300; color: rgba(255,255,255,.78); } h1 strong { font-weight: 700; } h1 .hl { color: var(--blue); } h2 { font-family: var(--font-display); font-weight: 700; font-size: clamp(28px,3.6vw,44px); line-height: 1.12; color: var(--navy); } h2 em { font-style: italic; font-weight: 300; color: var(--gray); } h2 strong { font-family: var(--font-display); font-weight: 700; } h3 { font-family: var(--font-body); font-weight: 700; font-size: clamp(16px,2vw,21px); line-height: 1.25; color: var(--navy); } h4 { font-family: var(--font-body); font-weight: 700; font-size: 14px; color: var(--navy); } p { line-height: 1.75; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: var(--blue); margin-bottom: 12px; } .eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: currentColor; flex-shrink: 0; } .eyebrow-gold { color: var(--gold); } .eyebrow-gold::before { background: var(--gold); } .kicker { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: var(--gold); margin-bottom: 18px; } .kicker::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); flex-shrink: 0; } .lead { font-size: 17px; font-weight: 300; color: var(--gray); line-height: 1.8; } \/* \u2500\u2500\u2500 LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/.wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; } .sec { padding: 84px 0; } \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/.btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-body); font-weight: 700; font-size: 14px; padding: 12px 26px; border-radius: var(--radius); text-decoration: none; border: 2px solid transparent; cursor: pointer; transition: all .2s; white-space: nowrap; } .btn-lg { padding: 14px 32px; font-size: 15px; } .btn-full { width: 100%; justify-content: center; } .btn-gold { background: var(--gold); color: var(--navy); border-color: var(--gold); } .btn-gold:hover { background: #d49a18; border-color: #d49a18; transform: translateY(-1px); box-shadow: 0 5px 16px rgba(236,173,32,.3); } .btn-navy { background: var(--navy); color: var(--white); border-color: var(--navy); } .btn-navy:hover { background: #111e44; transform: translateY(-1px); box-shadow: 0 5px 16px rgba(26,38,84,.25); } .btn-ghost-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,.4); } .btn-ghost-white:hover { background: rgba(255,255,255,.08); border-color: var(--white); } .btn-ghost-dark { background: transparent; color: var(--navy); border-color: var(--border); } .btn-ghost-dark:hover { border-color: var(--blue); color: var(--blue); } \/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/.rev { opacity: 1; transform: none; } .rev.in { opacity: 1; transform: none; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO \u2014 dark navy, real background image\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#hero { position: relative; overflow: hidden; padding: 100px 0 90px; background-color: var(--navy); } \/* The hero background: warehouse photo tinted dark navy *\/.hero-bg-img { position: absolute; inset: 0; background: url('https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1600&q=70') center center \/ cover no-repeat; opacity: .12; \/* very subtle \u2014 brand colour stays dominant *\/ mix-blend-mode: luminosity; } \/* soft gradient overlay so text stays perfectly readable *\/.hero-overlay { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(26,38,84,.97) 0%, rgba(26,38,84,.82) 55%, rgba(9,18,48,.75) 100%); } \/* gold line at bottom *\/#hero::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--gold) 0%, var(--blue) 100%); } .hero-layout { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: center; } .hero-sub { font-family: var(--font-body); font-weight: 300; font-size: 17px; color: rgba(255,255,255,.7); line-height: 1.8; margin-bottom: 32px; max-width: 490px; } .hero-sub strong { font-weight: 700; color: var(--white); } .hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 48px; } .hero-stats { display: flex; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); overflow: hidden; } .hero-stat { flex: 1; padding: 15px 20px; border-right: 1px solid rgba(255,255,255,.1); text-align: center; } .hero-stat:last-child { border-right: none; } .hero-stat .n { font-family: var(--font-display); font-weight: 700; font-size: 32px; color: var(--gold); line-height: 1; } .hero-stat .l { font-family: var(--font-body); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,.44); margin-top: 3px; } \/* Hero right: card with real warehouse image *\/.hero-card-wrap { position: relative; } .hero-badge { position: absolute; top: 14px; right: -4px; background: var(--gold); color: var(--navy); font-family: var(--font-display); font-weight: 700; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; padding: 5px 14px; border-radius: var(--radius) 0 0 var(--radius); box-shadow: -3px 3px 12px rgba(0,0,0,.3); z-index: 2; animation: badgepulse 2.5s ease-in-out infinite; } @keyframes badgepulse { 0%, 100% { opacity: 1; } 50% { opacity: .72; } } .hero-card { background: rgba(255,255,255,.05); border: 1px solid rgba(81,171,211,.2); border-radius: 6px; overflow: hidden; } \/* Real photo inside the card *\/.card-photo { height: 200px; position: relative; } .card-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(26,38,84,.35) 0%, rgba(26,38,84,.65) 100%); } .card-sqft { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); z-index: 2; text-align: center; } .card-sqft .big { font-family: var(--font-display); font-weight: 700; font-size: 46px; color: var(--gold); line-height: 1; text-shadow: 0 2px 12px rgba(0,0,0,.4); } .card-sqft .sm { font-family: var(--font-body); font-size: 10px; color: rgba(255,255,255,.65); letter-spacing: 2px; text-transform: uppercase; margin-top: 3px; } .card-body { padding: 18px 22px; } .card-feat { display: flex; align-items: center; gap: 11px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.06); } .card-feat:last-child { border-bottom: none; padding-bottom: 0; } .card-feat .ico { font-size: 15px; width: 22px; text-align: center; flex-shrink: 0; } .card-feat .tx { font-family: var(--font-body); font-size: 13px; color: rgba(255,255,255,.76); } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PROBLEMA (white)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#problema { background: var(--white); border-top: 1px solid var(--border); } .prob-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .prob-copy { margin-top: 16px; font-size: 17px; font-weight: 300; color: var(--gray); line-height: 1.85; margin-bottom: 24px; } .stat-callout { background: var(--navy); border-left: 4px solid var(--gold); border-radius: var(--radius); padding: 22px 26px; display: flex; align-items: center; gap: 18px; } .stat-callout .pct { font-family: var(--font-display); font-weight: 700; font-size: 50px; color: var(--gold); line-height: 1; white-space: nowrap; } .stat-callout p { font-size: 13px; color: rgba(255,255,255,.72); line-height: 1.6; } .pain-list { display: flex; flex-direction: column; gap: 11px; } .pain-item { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 15px 19px; display: flex; align-items: flex-start; gap: 13px; transition: border-color .2s, box-shadow .2s; } .pain-item:hover { border-color: var(--blue); box-shadow: 0 4px 14px rgba(81,171,211,.1); } .pain-ico { width: 38px; height: 38px; border-radius: 50%; background: #e8f4fb; display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; margin-top: 1px; } .pain-item h4 { margin-bottom: 3px; } .pain-item p { font-size: 13px; color: var(--gray); line-height: 1.55; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SOLUCI\u00d3N (light)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#solucion { background: var(--light); border-top: 1px solid var(--border); } .sol-head { text-align: center; max-width: 680px; margin: 0 auto 52px; } .sol-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; } .sol-card { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 26px 22px; transition: all .2s; position: relative; } .sol-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--blue); border-radius: var(--radius) var(--radius) 0 0; transform: scaleX(0); transform-origin: center; transition: transform .3s; } .sol-card:hover { border-color: rgba(81,171,211,.35); box-shadow: 0 8px 28px rgba(26,38,84,.08); transform: translateY(-3px); } .sol-card:hover::before { transform: scaleX(1); } .sol-icon { width: 48px; height: 48px; border-radius: var(--radius); background: #eaf5fb; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px; } .sol-card h3 { font-size: 16px; margin-bottom: 9px; } .sol-card p { font-size: 13px; color: var(--gray); line-height: 1.65; } .sol-cta-bar { margin-top: 44px; background: var(--navy); border-radius: var(--radius); padding: 32px 38px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; } .sol-cta-bar h3 { font-size: 20px; color: var(--white); margin-bottom: 5px; } .sol-cta-bar p { font-size: 13px; color: rgba(255,255,255,.58); } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BUCKLAND ADVANTAGE PHOTO BAND\r\n Full-width split: image left \/ copy right\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n VENTAJA \u2014 full width, no image, clean layout\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#ventaja { background: var(--navy); padding: 84px 0; position: relative; overflow: hidden; } #ventaja::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(81,171,211,.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(81,171,211,.04) 1px, transparent 1px); background-size: 60px 60px; } #ventaja::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--gold) 0%, var(--blue) 100%); } .ventaja-wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 2; } \/* top: copy left | checklist right *\/.ventaja-top { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; margin-bottom: 60px; } .ventaja-copy h2 { color: var(--white); margin-bottom: 16px; } .ventaja-copy h2 em { color: var(--blue); } .ventaja-copy > p { font-size: 16px; font-weight: 300; color: rgba(255,255,255,.65); line-height: 1.85; margin-bottom: 28px; } .ventaja-ctas { display: flex; gap: 12px; flex-wrap: wrap; } .ventaja-list { list-style: none; display: flex; flex-direction: column; gap: 12px; } .ventaja-list li { display: flex; align-items: center; gap: 12px; font-size: 15px; color: rgba(255,255,255,.82); } .ventaja-list li::before { content: '\u2713'; width: 22px; height: 22px; border-radius: 50%; background: var(--gold); color: var(--navy); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; } \/* bottom: 4 stat cards in a row *\/.ventaja-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(81,171,211,.12); border: 1px solid rgba(81,171,211,.15); border-radius: var(--radius); overflow: hidden; } .v-stat { background: rgba(10,22,52,.55); padding: 30px 20px; text-align: center; transition: background .25s; } .v-stat:hover { background: rgba(81,171,211,.1); } .v-num { font-family: var(--font-display); font-weight: 700; font-size: clamp(38px, 4vw, 54px); color: var(--gold); line-height: 1; display: flex; align-items: flex-start; justify-content: center; gap: 2px; } .v-sup { font-family: var(--font-display); font-weight: 700; font-size: .38em; color: var(--blue); margin-top: 10px; letter-spacing: 1px; } .v-lbl { font-family: var(--font-body); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,.38); margin-top: 10px; line-height: 1.5; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n EBOOK (navy)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#ebook { background: var(--navy); padding: 80px 0; border-top: 4px solid var(--gold); position: relative; overflow: hidden; } #ebook::before { content: ''; position: absolute; top: -150px; right: -150px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(81,171,211,.1) 0%, transparent 70%); pointer-events: none; } .ebook-layout { max-width: 1180px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; } #ebook h2 { color: var(--white); margin-bottom: 16px; } #ebook h2 em { color: var(--blue); } .ebook-copy { font-size: 16px; font-weight: 300; color: rgba(255,255,255,.62); line-height: 1.8; margin-bottom: 22px; } .ebook-checks { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 36px; } .ebook-checks li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: rgba(255,255,255,.8); line-height: 1.5; } .ebook-checks li::before { content: '\u2713'; flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); color: var(--navy); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; margin-top: 1px; } \/* Book mockup *\/.book { width: 200px; border-radius: 4px 10px 10px 4px; overflow: hidden; box-shadow: 10px 10px 0 rgba(236,173,32,.2), 18px 18px 0 rgba(236,173,32,.08); position: relative; } .book-spine { position: absolute; left: 0; top: 0; bottom: 0; width: 12px; background: linear-gradient(to right, #060c1e, #0e1a38); z-index: 2; } .book-front { background: linear-gradient(160deg, #091226 0%, #162050 50%, #0c3060 100%); padding: 22px 18px 22px 26px; min-height: 270px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(81,171,211,.18); } .b-label { font-family: var(--font-display); font-weight: 700; font-size: 8px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 9px; } .b-logo { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; } .b-logo-name { font-family: var(--font-display); font-weight: 700; font-size: 13px; color: var(--white); letter-spacing: 3px; } .b-title { font-family: var(--font-display); font-weight: 700; font-size: 18px; line-height: 1.15; color: var(--white); letter-spacing: .5px; margin-bottom: 8px; } .b-sub { font-family: var(--font-body); font-weight: 300; font-size: 9px; color: rgba(255,255,255,.5); line-height: 1.5; } .b-bar { height: 2px; background: var(--gold); margin: 12px 0; } .b-tag { display: inline-block; font-family: var(--font-display); font-weight: 700; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; background: rgba(236,173,32,.15); border: 1px solid rgba(236,173,32,.3); color: var(--gold); padding: 4px 10px; border-radius: 2px; } \/* Ebook form card *\/.ebook-card { background: var(--white); border-radius: 6px; padding: 38px; box-shadow: 0 20px 60px rgba(0,0,0,.28); position: relative; } .ebook-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--gold) 0%, var(--blue) 100%); border-radius: 6px 6px 0 0; } .ec-tag { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-display); font-weight: 700; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; background: #fef3d7; color: #9a7010; padding: 5px 12px; border-radius: 3px; margin-bottom: 14px; } .ebook-card h3 { font-size: 20px; margin-bottom: 5px; } .ec-sub { font-size: 13px; font-weight: 300; color: var(--gray); line-height: 1.55; margin-bottom: 24px; } \/* form atoms *\/.fg { margin-bottom: 14px; } .fg label { display: block; font-family: var(--font-display); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--navy); margin-bottom: 5px; } .fg input, .fg select, .fg textarea { width: 100%; padding: 11px 13px; border: 1.5px solid var(--border); border-radius: var(--radius); font-family: var(--font-body); font-size: 14px; color: var(--text); background: var(--white); outline: none; transition: border-color .2s, box-shadow .2s; } .fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(81,171,211,.1); } .fg textarea { min-height: 72px; resize: vertical; } .fg select { appearance: none; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232d3a4a' fill='none' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 30px; } .frow { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; } .form-note { text-align: center; font-size: 11px; color: var(--gray); margin-top: 8px; } .includes { margin-top: 20px; background: var(--light); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 18px; } .includes-hd { font-family: var(--font-display); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--navy); margin-bottom: 9px; } .includes ul { list-style: none; display: flex; flex-direction: column; gap: 6px; } .includes li { font-size: 12px; color: var(--gray); display: flex; align-items: center; gap: 8px; } .includes li::before { content: '\u2192'; color: var(--blue); font-weight: 700; flex-shrink: 0; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SERVICIOS (white) \u2014 with photo accent\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#servicios { background: var(--white); border-top: 1px solid var(--border); } .srv-top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; margin-bottom: 52px; } .trust-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 18px; } .trust-list li { display: flex; align-items: center; gap: 9px; font-size: 14px; color: var(--text); } .trust-list li::before { content: '\u2713'; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); color: var(--navy); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; } .adv-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; } .adv-card { background: var(--light); border: 1.5px solid transparent; border-radius: var(--radius); padding: 22px 18px; text-align: center; transition: all .2s; } .adv-card:hover { background: var(--white); border-color: var(--blue); box-shadow: 0 6px 20px rgba(81,171,211,.12); transform: translateY(-3px); } .adv-icon { font-size: 28px; margin-bottom: 11px; } .adv-card h4 { font-size: 13px; margin-bottom: 7px; } .adv-card p { font-size: 12px; color: var(--gray); line-height: 1.55; } .srv-cta { margin-top: 44px; background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 30px 36px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; } .srv-cta h3 { font-size: 20px; margin-bottom: 4px; } .srv-cta p { font-size: 13px; color: var(--gray); } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PHOTO QUOTE BAND (full-width image + overlay)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#quote-band { position: relative; overflow: hidden; padding: 100px 0; text-align: center; background: url('https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1600&q=70') center 40% \/ cover no-repeat; } #quote-band::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(26,38,84,.92) 0%, rgba(9,40,80,.85) 100%); } .quote-inner { position: relative; z-index: 2; max-width: 860px; margin: 0 auto; padding: 0 32px; } .quote-inner .q-text { font-family: var(--font-display); font-size: clamp(22px,3vw,38px); font-weight: 300; font-style: italic; color: var(--white); line-height: 1.4; margin-bottom: 20px; letter-spacing: .3px; } .quote-inner .q-text strong { font-weight: 700; font-style: normal; color: var(--gold); } .quote-inner .q-source { font-family: var(--font-display); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255,.5); } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FAQ (light)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#faq { background: var(--light); border-top: 1px solid var(--border); } .faq-layout { display: grid; grid-template-columns: 1fr 1.9fr; gap: 64px; } .faq-side h3 { font-size: 22px; margin-bottom: 12px; } .faq-side p { font-size: 13px; color: var(--gray); line-height: 1.75; margin-bottom: 22px; } .faq-cbox { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); overflow: hidden; } .faq-cbox-row { display: flex; align-items: center; gap: 12px; padding: 13px 17px; border-bottom: 1px solid var(--border); } .faq-cbox-row:last-child { border-bottom: none; } .faq-ci { width: 34px; height: 34px; border-radius: var(--radius); background: #e8f4fb; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .faq-cbox-row p { font-size: 11px; color: var(--gray); margin-bottom: 1px; } .faq-cbox-row a, .faq-cbox-row strong { font-size: 14px; font-weight: 700; color: var(--navy); text-decoration: none; } .faq-cbox-row a:hover { color: var(--blue); text-decoration: underline; } .faq-list { display: flex; flex-direction: column; gap: 8px; } .faq-it { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: border-color .2s; } .faq-it.open { border-color: var(--blue); } .faq-btn { width: 100%; background: none; border: none; cursor: pointer; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; text-align: left; font-family: var(--font-body); font-size: 14px; font-weight: 700; color: var(--navy); line-height: 1.4; transition: background .15s; } .faq-btn:hover { background: var(--light); } .faq-icon { width: 25px; height: 25px; border-radius: 50%; background: var(--gold); color: var(--navy); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; flex-shrink: 0; transition: transform .3s; } .faq-it.open .faq-icon { transform: rotate(45deg); } .faq-ans { max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .25s; padding: 0 20px; } .faq-it.open .faq-ans { max-height: 260px; padding: 0 20px 16px; } .faq-ans p { font-size: 13px; color: var(--gray); line-height: 1.75; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CONTACTO (white)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#contacto { background: var(--white); border-top: 1px solid var(--border); } .cont-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } .cont-lead { font-size: 16px; font-weight: 300; color: var(--gray); line-height: 1.8; margin-bottom: 28px; } .ci-list { display: flex; flex-direction: column; gap: 12px; } .ci { display: flex; align-items: center; gap: 12px; } .ci-ic { width: 36px; height: 36px; border-radius: var(--radius); background: #e8f4fb; border: 1px solid rgba(81,171,211,.22); display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .ci p { font-size: 11px; color: var(--gray); margin-bottom: 1px; } .ci a, .ci strong { font-size: 14px; font-weight: 700; color: var(--navy); text-decoration: none; } .ci a:hover { color: var(--blue); text-decoration: underline; } \/* Specialist box \u2014 sin foto *\/.spec-box { margin-top: 32px; background: var(--light); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px 24px; display: flex; align-items: center; gap: 16px; } .spec-icon { width: 46px; height: 46px; border-radius: 50%; background: var(--navy); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .spec-text { } .spec-text p { font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 4px; } .spec-text span { font-size: 12px; color: var(--gray); font-weight: 300; font-style: italic; line-height: 1.5; display: block; } \/* contact form card *\/.contact-card { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 34px; box-shadow: 0 8px 36px rgba(26,38,84,.07); position: relative; } .contact-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--gold); border-radius: var(--radius) var(--radius) 0 0; } .ct { font-family: var(--font-display); font-weight: 700; font-size: 22px; color: var(--navy); margin-bottom: 3px; } .cs { font-size: 13px; font-weight: 300; color: var(--gray); margin-bottom: 22px; } .ftrust { text-align: center; font-size: 11px; color: var(--gray); margin-top: 9px; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CLOSING BAND (navy + photo texture)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/.closing { position: relative; overflow: hidden; padding: 80px 0; text-align: center; background-color: var(--navy); } .closing-bg { position: absolute; inset: 0; background: url('https:\/\/images.unsplash.com\/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=1600&q=60') center center \/ cover no-repeat; opacity: .08; mix-blend-mode: luminosity; } .closing-overlay { position: absolute; inset: 0; background: rgba(26,38,84,.93); } .closing-inner { position: relative; z-index: 2; } .closing h2 { color: var(--white); margin-bottom: 14px; } .closing h2 em { color: var(--blue); } .closing .sub { font-size: 16px; font-weight: 300; color: rgba(255,255,255,.62); max-width: 500px; margin: 0 auto 32px; line-height: 1.8; } .btn-row { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER\r\n RESPONSIVE \u2014 TABLET \u2264 1020px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/@media (max-width: 1020px) { \/* Nav *\/ \/* Hero *\/ .hero-layout { grid-template-columns: 1fr; padding: 0 24px; } .hero-card-wrap { display: none; } #hero { padding: 80px 0 70px; } \/* Sections *\/ .prob-grid { grid-template-columns: 1fr; gap: 36px; } .sol-grid { grid-template-columns: 1fr 1fr; } .ventaja-top { grid-template-columns: 1fr; gap: 36px; } .ventaja-stats { grid-template-columns: repeat(2,1fr); } .ebook-layout { grid-template-columns: 1fr; gap: 40px; padding: 0 24px; } .srv-top { grid-template-columns: 1fr; gap: 28px; } .adv-grid { grid-template-columns: repeat(2,1fr); } .faq-layout { grid-template-columns: 1fr; gap: 32px; } .cont-layout { grid-template-columns: 1fr; gap: 40px; } .ft-grid { grid-template-columns: 1fr 1fr; gap: 28px; } \/* CTAs *\/ .sol-cta-bar { flex-direction: column; align-items: flex-start; gap: 16px; } .srv-cta { flex-direction: column; align-items: flex-start; gap: 12px; } .ventaja-ctas { flex-wrap: wrap; } \/* Services inline image *\/ .srv-inline-photo { height: 260px; } } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE \u2014 MOBILE \u2264 640px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/@media (max-width: 640px) { \/* Base *\/ .wrap { padding: 0 16px; } .sec { padding: 56px 0; } \/* Topbar hidden on mobile *\/ \/* Nav *\/ .nav-inner { padding: 0 16px; height: 62px; } .bk-name { font-size: 19px; letter-spacing: 3px; } \/* Hero *\/ #hero { padding: 72px 0 60px; } .hero-layout { padding: 0 16px; } .hero-ctas { flex-direction: column; } .hero-ctas .btn { width: 100%; justify-content: center; } .hero-stats { display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--radius); } .hero-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.1); padding: 12px; } .hero-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.1); } .hero-stat:nth-child(3), .hero-stat:nth-child(4) { border-bottom: none; } .hero-stat .n { font-size: 28px; } \/* Problema *\/ .pain-item { padding: 14px 16px; } \/* Soluci\u00f3n *\/ .sol-grid { grid-template-columns: 1fr; } .sol-cta-bar { padding: 24px 20px; } .sol-cta-bar .btn { width: 100%; justify-content: center; } \/* Ventaja *\/ .ventaja-wrap { padding: 0 16px; } .ventaja-stats { grid-template-columns: repeat(2,1fr); } .v-num { font-size: 36px; } .ventaja-ctas { flex-direction: column; } .ventaja-ctas .btn { width: 100%; justify-content: center; } \/* E-book *\/ .ebook-layout { padding: 0 16px; } .book { width: 180px; } \/* Servicios *\/ .srv-cta { padding: 22px 18px; } .srv-cta .btn { width: 100%; justify-content: center; } .adv-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .adv-card { padding: 18px 12px; } \/* Quote band *\/ .quote-inner { padding: 0 16px; } .quote-inner .q-text { font-size: clamp(17px,4.5vw,24px); } \/* FAQ *\/ .faq-btn { font-size: 13px; padding: 14px 16px; } .faq-ans p { font-size: 13px; } \/* Contacto *\/ .frow { grid-template-columns: 1fr; } .contact-card { padding: 24px 20px; } .spec-box { flex-direction: column; text-align: center; padding: 18px; } .spec-icon { margin: 0 auto; } \/* Closing *\/ .closing { padding: 60px 0; } .btn-row { flex-direction: column; } .btn-row .btn { width: 100%; justify-content: center; } \/* Footer *\/ .ft-grid { grid-template-columns: 1fr; gap: 28px; } .ft-bottom { flex-direction: column; gap: 8px; text-align: center; } .ft-links { justify-content: center; flex-wrap: wrap; gap: 12px; } } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE \u2014 SMALL MOBILE \u2264 380px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/@media (max-width: 380px) { h1 { font-size: 34px; } h2 { font-size: 26px; } .adv-grid { grid-template-columns: 1fr; } .ventaja-stats { grid-template-columns: 1fr 1fr; } .hero-stat .n { font-size: 24px; } } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCROLL ANIMATIONS \u2014 reveal system\r\n Classes applied by IntersectionObserver:\r\n data-anim=\"fade-up\" \u2192 default, fade + rise\r\n data-anim=\"fade-left\" \u2192 slide from left\r\n data-anim=\"fade-right\" \u2192 slide from right\r\n data-anim=\"zoom-in\" \u2192 scale up + fade\r\n data-anim=\"fade\" \u2192 pure fade\r\n data-anim=\"count\" \u2192 number counter trigger\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\/* Base state \u2014 visible by default; JS adds .js-anim-ready to body before observing *\/[data-anim] { opacity: 1; transform: none; transition-property: opacity, transform; transition-timing-function: cubic-bezier(.22,.68,0,1.2); transition-duration: .7s; will-change: opacity, transform; } .js-anim-ready [data-anim] { opacity: 0; } .js-anim-ready [data-anim=\"fade-up\"] { transform: translateY(40px); } .js-anim-ready [data-anim=\"fade-left\"] { transform: translateX(-44px); } .js-anim-ready [data-anim=\"fade-right\"] { transform: translateX(44px); } .js-anim-ready [data-anim=\"zoom-in\"] { transform: scale(.93); } .js-anim-ready [data-anim=\"fade\"] { transform: none; } \/* Visible state *\/[data-anim].anim-in { opacity: 1 !important; transform: none !important; } \/* Stagger delays via data-delay *\/[data-delay=\"100\"] { transition-delay: .1s; } [data-delay=\"150\"] { transition-delay: .15s; } [data-delay=\"200\"] { transition-delay: .2s; } [data-delay=\"250\"] { transition-delay: .25s; } [data-delay=\"300\"] { transition-delay: .3s; } [data-delay=\"350\"] { transition-delay: .35s; } [data-delay=\"400\"] { transition-delay: .4s; } [data-delay=\"500\"] { transition-delay: .5s; } [data-delay=\"600\"] { transition-delay: .6s; } \/* \u2500\u2500 Continuous micro-animations \u2500\u2500 *\/\/* Hero stat numbers \u2014 pulse on load *\/.hero-stat .n { display: inline-block; animation: statPop .6s cubic-bezier(.34,1.56,.64,1) both; } .hero-stat:nth-child(2) .n { animation-delay: .1s; } .hero-stat:nth-child(3) .n { animation-delay: .2s; } .hero-stat:nth-child(4) .n { animation-delay: .3s; } @keyframes statPop { 0% { opacity: 0; transform: scale(.7) translateY(10px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } \/* Hero h1 words \u2014 cascade in *\/.hero-word { display: inline-block; } .js-anim-ready .hero-word { opacity: 0; transform: translateY(24px); animation: wordIn .6s cubic-bezier(.22,.68,0,1.1) forwards; } @keyframes wordIn { to { opacity: 1; transform: translateY(0); } } \/* Gold eyebrow line \u2014 grow from left *\/.eyebrow::before { transform-origin: left; animation: lineGrow .5s ease forwards; } @keyframes lineGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } } \/* Cards \u2014 subtle lift on hover *\/.sol-card, .adv-card, .pain-item, .faq-it { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } \/* Pain items \u2014 left bar slide *\/.pain-item { border-left: 3px solid transparent; transition: border-left-color .3s ease, transform .25s ease, box-shadow .25s ease; } .pain-item:hover { border-left-color: var(--gold); transform: translateX(6px); box-shadow: 0 4px 18px rgba(26,38,84,.08); } \/* Ventaja stat cells \u2014 scale on hover *\/.v-stat { transition: background .25s ease, transform .2s ease; } .v-stat:hover { transform: translateY(-4px); background: rgba(81,171,211,.12) !important; } \/* Gold button \u2014 shimmer sweep *\/.btn-gold { position: relative; overflow: hidden; } .btn-gold::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: skewX(-18deg); transition: left .5s ease; pointer-events: none; } .btn-gold:hover::after { left: 160%; } \/* Solution card icon \u2014 bounce on hover *\/.sol-card:hover .sol-icon { animation: iconBounce .4s ease; } @keyframes iconBounce { 0%, 100% { transform: translateY(0); } 40% { transform: translateY(-6px); } 70% { transform: translateY(-3px); } } \/* Advantage card icon \u2014 spin on hover *\/.adv-card:hover .adv-icon { display: inline-block; animation: iconWiggle .5s ease; } @keyframes iconWiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-12deg); } 75% { transform: rotate(12deg); } } \/* FAQ chevron \u2014 rotate smooth *\/.faq-icon { transition: transform .32s cubic-bezier(.34,1.56,.64,1), background .2s; } \/* Quote band text \u2014 gentle float *\/.q-text { animation: gentleFloat 6s ease-in-out infinite; } @keyframes gentleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } \/* Hero overlay parallax hint *\/.hero-bg-img { transition: transform 8s linear; } \/* Closing section \u2014 CTA button pulse ring *\/.closing .btn-gold::before { content: ''; position: absolute; inset: -4px; border-radius: calc(var(--radius) + 4px); border: 2px solid rgba(236,173,32,.4); animation: ringPulse 2.2s ease-in-out infinite; pointer-events: none; } @keyframes ringPulse { 0%, 100% { opacity: 0; transform: scale(1); } 50% { opacity: 1; transform: scale(1.04); } } \/* Section transitions \u2014 subtle background shift on scroll entrance *\/section { transition: background-color .3s ease; } \/* Form inputs \u2014 focus glow *\/.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(81,171,211,.15); transition: border-color .2s ease, box-shadow .3s ease; } \/* Checklist items \u2014 slide in stagger *\/.ebook-checks li, .ventaja-list li, .trust-list li { transition: transform .2s ease, opacity .2s ease; } .ebook-checks li:hover, .ventaja-list li:hover, .trust-list li:hover { transform: translateX(5px); } \/* Hero kicker \u2014 blink dot *\/.kicker::before { animation: blinkBar 2.5s ease-in-out infinite alternate; } @keyframes blinkBar { from { opacity: .5; } to { opacity: 1; } } \/* Stat cells counter animation trigger class *\/.count-up { transition: color .3s; }<\/style>\r\n <\/head>\r\n <body>\r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\">\r\n <symbol id=\"globe\" viewBox=\"0 0 64 54\">\r\n <path d=\"M30 3 C12 3 4 15 4 27 C4 40 13 51 32 51\" stroke=\"#51ABD3\" stroke-width=\"2.3\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M9 14 C20 7 36 10 50 17 C56 20 60 23 62 27\" stroke=\"#51ABD3\" stroke-width=\"1.7\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M7 28 C18 21 34 25 50 31 C56 34 60 34 62 31\" stroke=\"#51ABD3\" stroke-width=\"2.1\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M11 41 C22 34 37 37 51 43 C56 45 59 43 62 40\" stroke=\"#44AAD2\" stroke-width=\"1.7\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M2 44 C11 37 25 49 40 45 C50 43 57 37 62 30\" stroke=\"#44AAD2\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/symbol>\r\n <\/svg>\r\n \r\n <div class=\"topbar\">\r\n <div class=\"topbar-inner\">\r\n <div class=\"topbar-left\">\r\n <a href=\"tel:+19155000000\" class=\"topbar-item\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.19 1.18 2 2 0 012.18 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.91a16 16 0 006.18 6.18l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/>\r\n <\/svg>\r\n +1 (915) 500-0000 <\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#cfaaa3bfaebca08fadbaaca4a3aea1abe1aca0a2\" class=\"topbar-item\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,12 2,6\"\/>\r\n <\/svg> <span class=\"__cf_email__\" data-cfemail=\"c5a0a9b5a4b6aa85a7b0a6aea9a4aba1eba6aaa8\"><a href=\"mailto:\"><\/a><\/span> <\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <span class=\"topbar-item\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <polyline points=\"12 6 12 12 16 14\"\/>\r\n <\/svg>\r\n Lun–Vie · 8 AM–6 PM MT <\/span>\r\n <\/div>\r\n <div class=\"topbar-right\">\r\n <span class=\"topbar-badge\">El Paso · I-10 Corridor<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <nav class=\"navbar\" id=\"mainNav\">\r\n <div class=\"nav-inner\">\r\n \r\n <a href=\"https:\/\/www.buckland.com\" class=\"nav-logo\" aria-label=\"Buckland \u2014 Inicio\"> <img decoding=\"async\" src=\"https:\/\/www.buckland.com\/wp-content\/uploads\/2025\/04\/logo-8.png\" alt=\"Buckland \u2014 Reaching Beyond Borders\" height=\"42\" width=\"auto\"> <\/a>\r\n \r\n <div class=\"nav-links\">\r\n <a href=\"#problema\" class=\"nav-link\">¿Por qué El Paso?<\/a>\r\n <a href=\"#solucion\" class=\"nav-link\">Solución<\/a>\r\n <a href=\"#ventaja\" class=\"nav-link\">Ventaja Buckland<\/a>\r\n <a href=\"#servicios\" class=\"nav-link\">Servicios<\/a>\r\n <a href=\"#faq\" class=\"nav-link\">FAQ<\/a>\r\n <div class=\"nav-sep\"><\/div>\r\n <a href=\"#ebook\" class=\"nav-link\">E-Book Gratis<\/a>\r\n <\/div>\r\n \r\n <div class=\"nav-cta-group\">\r\n <a href=\"tel:+19155000000\" class=\"nav-cta-ghost\">📞 Llamar<\/a>\r\n <a href=\"#contacto\" class=\"nav-cta-primary\">Cotización Gratuita<\/a>\r\n <\/div>\r\n \r\n <button class=\"nav-burger\" id=\"navBurger\" aria-label=\"Abrir menú\" aria-expanded=\"false\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n \r\n <div class=\"nav-mobile\" id=\"navMobile\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Menú de navegación\">\r\n <div class=\"nav-mobile-header\">\r\n <div class=\"nav-mobile-logo\">\r\n \r\n <img decoding=\"async\" src=\"BucklandLogoColour.png\" alt=\"Buckland\" height=\"36\" width=\"auto\">\r\n <\/div>\r\n <button class=\"nav-mobile-close\" id=\"navClose\" aria-label=\"Cerrar menú\">✕<\/button>\r\n <\/div>\r\n <div class=\"nav-mobile-links\">\r\n <a href=\"#problema\" class=\"nav-mobile-link\">¿Por qué El Paso?<\/a>\r\n <a href=\"#solucion\" class=\"nav-mobile-link\">Solución<\/a>\r\n <a href=\"#ventaja\" class=\"nav-mobile-link\">Ventaja Buckland<\/a>\r\n <a href=\"#servicios\" class=\"nav-mobile-link\">Servicios<\/a>\r\n <a href=\"#faq\" class=\"nav-mobile-link\">FAQ<\/a>\r\n <a href=\"#ebook\" class=\"nav-mobile-link\">📖 E-Book Gratis<\/a>\r\n <\/div>\r\n <div class=\"nav-mobile-footer\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-full btn-lg\">Cotización Gratuita<\/a>\r\n <a href=\"tel:+19155000000\" class=\"btn btn-ghost-dark btn-full\">📞 +1 (915) 500-0000<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <section id=\"hero\">\r\n \r\n <div class=\"hero-bg-img\"><\/div>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-layout\">\r\n <div>\r\n <div class=\"kicker\">El Paso, Texas \u00b7 Corredor I-10<\/div>\r\n <h1> <em>Optimiza tu cadena de<\/em><br>\r\n suministro <strong>con<\/strong><br> <span class=\"hl\">Buckland El Paso<\/span> <\/h1>\r\n <p class=\"hero-sub\" style=\"margin-top:18px;\">\r\n Almacenamiento y distribuci\u00f3n <strong>a tu medida<\/strong> en la frontera sur de EE.UU.\r\n Reducimos costos, eliminamos retrasos y gestionamos el cumplimiento aduanal\r\n para que tus operaciones fluyan sin obst\u00e1culos. <\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Obt\u00e9n una cotizaci\u00f3n gratuita<\/a>\r\n <a href=\"#ebook\" class=\"btn btn-ghost-white btn-lg\">Descargar E-Book gratis<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"n\">66K<\/div>\r\n <div class=\"l\">Pies cuadrados<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"n\">24\/7<\/div>\r\n <div class=\"l\">Acceso WMS<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"n\">13<\/div>\r\n <div class=\"l\">Puertas de carga<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"n\">15'<\/div>\r\n <div class=\"l\">Del Pte. Zaragoza<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-card-wrap rev\">\r\n <div class=\"hero-badge\">Disponible Ahora<\/div>\r\n <div class=\"hero-card\">\r\n <div class=\"card-photo\" style=\"position: relative; background-image: url('https:\/\/images.unsplash.com\/photo-1586528116022-aeda1613c63d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wyMDkyMnwwfDF8c2VhcmNofDEwfHx3YXJlaG91c2V8ZW58MHx8fHwxNzc0MDQ0NDk1fDA&ixlib=rb-4.1.0&q=80&w=1080'); background-position: center center; background-size: cover;\">\r\n <div class=\"card-sqft\">\r\n <div class=\"big\">66,000<\/div>\r\n <div class=\"sm\">Square Feet \u00b7 El Paso, TX<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\udce6<\/span>\r\n <span class=\"tx\">Cross-docking y almacenamiento flexible<\/span>\r\n <\/div>\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\udda5\ufe0f<\/span>\r\n <span class=\"tx\">WMS con tracking en tiempo real 24\/7<\/span>\r\n <\/div>\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\udd10<\/span>\r\n <span class=\"tx\">Centro de datos en sitio + CCTV<\/span>\r\n <\/div>\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\ude9b<\/span>\r\n <span class=\"tx\">Estacionamiento para 20 tr\u00e1ileres<\/span>\r\n <\/div>\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\udec2<\/span>\r\n <span class=\"tx\">Agentes aduanales EE.UU. & M\u00e9xico<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"problema\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"prob-grid\">\r\n <div>\r\n <div class=\"eyebrow\" data-anim=\"fade-up\">\u00bfTe sientes as\u00ed?<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\">Tu log\u00edstica fronteriza <em>te cuesta m\u00e1s<\/em> de lo que crees<\/h2>\r\n <p class=\"prob-copy\">Gestionar m\u00faltiples proveedores, costos log\u00edsticos elevados y retrasos impredecibles afecta la rentabilidad de tu empresa. Cada hora de retenci\u00f3n en la frontera El Paso\u2013Ju\u00e1rez es dinero perdido.<\/p>\r\n <div class=\"stat-callout\" data-anim=\"zoom-in\" data-delay=\"200\">\r\n <div class=\"pct\">7\u201312%<\/div>\r\n <p>de los ingresos totales se pierden en costos log\u00edsticos en industrias automotriz, electr\u00f3nica y de suministros m\u00e9dicos. <em>(Statista)<\/em><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-list rev\">\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"100\">\r\n <div class=\"pain-ico\">\ud83d\udd50<\/div>\r\n <div>\r\n <h4>Retrasos impredecibles en frontera<\/h4>\r\n <p>Inspecciones variables, documentos incompletos y traspasos sin coordinar detienen tus env\u00edos cuando m\u00e1s importa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"200\">\r\n <div class=\"pain-ico\">\ud83d\udcb8<\/div>\r\n <div>\r\n <h4>Costos ocultos que se acumulan<\/h4>\r\n <p>Env\u00edos urgentes, re-etiquetados y almacenamiento improvisado que nadie te anticipa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"300\">\r\n <div class=\"pain-ico\">\ud83d\udd0d<\/div>\r\n <div>\r\n <h4>Sin visibilidad de tu inventario<\/h4>\r\n <p>No saber d\u00f3nde est\u00e1 tu mercanc\u00eda hace imposible planear producci\u00f3n y cumplir con clientes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"400\">\r\n <div class=\"pain-ico\">\ud83d\udccb<\/div>\r\n <div>\r\n <h4>Cumplimiento aduanal complejo<\/h4>\r\n <p>USMCA, IMMEX, HTS: un solo error documental puede significar retenciones o multas regulatorias.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"500\">\r\n <div class=\"pain-ico\">\ud83c\udfed<\/div>\r\n <div>\r\n <h4>Riesgo de paro de l\u00ednea<\/h4>\r\n <p>Sin inventario de respaldo cerca, un proveedor retrasado puede paralizar toda tu operaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"solucion\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"sol-head\">\r\n <div class=\"eyebrow\" data-anim=\"fade-up\" style=\"justify-content:center;\">La Soluci\u00f3n<\/div>\r\n <h2>Almacenamiento <em>inteligente<\/em> en la frontera <strong>que funciona<\/strong><\/h2>\r\n <p class=\"lead\" style=\"margin-top:14px; text-align:center;\">Dise\u00f1amos soluciones que se adaptan a tu operaci\u00f3n: desde cross-docking el mismo d\u00eda hasta almacenamiento a largo plazo, con visibilidad total y cumplimiento garantizado.<\/p>\r\n <\/div>\r\n <div class=\"sol-grid rev\">\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"0\">\r\n <div class=\"sol-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3>Instalaciones Modernas<\/h3>\r\n <p>66,000 ft\u00b2 (16,723 m\u00b2) con control de temperatura, 13 puertas de carga, parking para 20 tr\u00e1ileres y centro de datos en sitio.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"100\">\r\n <div class=\"sol-icon\">\ud83d\udd04<\/div>\r\n <h3>Gesti\u00f3n Integral<\/h3>\r\n <p>Desde cross-docking hasta pick & pack, kitting y etiquetado. Nos encargamos de (casi) todo para que t\u00fa te concentres en crecer.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"200\">\r\n <div class=\"sol-icon\">\ud83d\udcbb<\/div>\r\n <h3>Tecnolog\u00eda WMS 24\/7<\/h3>\r\n <p>Seguimiento en tiempo real, notificaciones autom\u00e1ticas por estado y reportes a demanda desde cualquier dispositivo.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"300\">\r\n <div class=\"sol-icon\">\ud83d\uddfa\ufe0f<\/div>\r\n <h3>Ubicaci\u00f3n Estrat\u00e9gica<\/h3>\r\n <p>A 15 minutos del Puente Zaragoza, corredor I-10. Acceso inmediato a las principales rutas de transporte.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"400\">\r\n <div class=\"sol-icon\">\ud83d\udec2<\/div>\r\n <h3>Cumplimiento Aduanal<\/h3>\r\n <p>Tr\u00e1mites en EE.UU. y M\u00e9xico, HTS, USMCA\/IMMEX y servicios normativos en un solo proveedor confiable.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"500\">\r\n <div class=\"sol-icon\">\u2699\ufe0f<\/div>\r\n <h3>Personalizaci\u00f3n Total<\/h3>\r\n <p>Sistemas a tu medida: EDI, SFTP, notificaciones push y almacenamiento de datos completamente integrado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sol-cta-bar\" data-anim=\"fade-up\">\r\n <div>\r\n <h3 style=\"color:var(--white);\">\u00bfListo para optimizar tu operaci\u00f3n fronteriza?<\/h3>\r\n <p style=\"color:rgba(255,255,255,.58);\">Habla con un especialista y dise\u00f1amos la soluci\u00f3n ideal para tu empresa.<\/p>\r\n <\/div>\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Solicitar cotizaci\u00f3n gratuita<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"ventaja\">\r\n <div class=\"ventaja-wrap\">\r\n \r\n <div class=\"ventaja-top\">\r\n <div class=\"ventaja-copy\" data-anim=\"fade-right\">\r\n <div class=\"eyebrow eyebrow-gold\">La Ventaja Buckland<\/div>\r\n <h2>M\u00e1s de <em>70 a\u00f1os<\/em> cruzando fronteras<\/h2>\r\n <p>Buckland es el socio log\u00edstico de confianza para industrias automotriz, electr\u00f3nica, industrial y de suministros m\u00e9dicos en el corredor M\u00e9xico\u2013EE.UU. Nuestra profundidad operativa en ambos lados de la frontera hace la diferencia.<\/p>\r\n <div class=\"ventaja-ctas\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Habla con un especialista<\/a>\r\n <a href=\"#servicios\" class=\"btn btn-ghost-white\">Ver todos los servicios<\/a>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"ventaja-list\" data-anim=\"fade-left\" data-delay=\"150\">\r\n <li>Metodolog\u00edas 5S, 8D y QIS para control de calidad<\/li>\r\n <li>Expertos en USMCA, IMMEX y cumplimiento normativo<\/li>\r\n <li>Reporte OS&D en tiempo real + evidencia fotogr\u00e1fica<\/li>\r\n <li>Agentes aduanales certificados en M\u00e9xico y EE.UU.<\/li>\r\n <li>WMS propio con acceso 24\/7 desde cualquier dispositivo<\/li>\r\n <li>Inspecciones previas al despacho aduanal<\/li>\r\n <li>Soluciones personalizadas: EDI, SFTP, notificaciones push<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"ventaja-stats rev\">\r\n <div class=\"v-stat\">\r\n <div class=\"v-num\" data-anim=\"fade-up\">\r\n <span data-count=\"66\" data-suffix=\"K\">66K<\/span>\r\n <span class=\"v-sup\">ft\u00b2<\/span>\r\n <\/div>\r\n <div class=\"v-lbl\">Almac\u00e9n<br>El Paso, TX\r\n <\/div>\r\n <\/div>\r\n <div class=\"v-stat\">\r\n <div class=\"v-num\" data-anim=\"fade-up\" data-delay=\"100\">\r\n <span data-count=\"70\" data-suffix=\"\">70<\/span>\r\n <span class=\"v-sup\">+<\/span>\r\n <\/div>\r\n <div class=\"v-lbl\">A\u00f1os de<br>experiencia\r\n <\/div>\r\n <\/div>\r\n <div class=\"v-stat\">\r\n <div class=\"v-num\" data-anim=\"fade-up\" data-delay=\"200\">\r\n <span data-count=\"13\" data-suffix=\"\">13<\/span>\r\n <\/div>\r\n <div class=\"v-lbl\">Puertas de<br>carga\r\n <\/div>\r\n <\/div>\r\n <div class=\"v-stat\">\r\n <div class=\"v-num\" data-anim=\"fade-up\" data-delay=\"300\">24\/7<\/div>\r\n <div class=\"v-lbl\">Acceso<br>WMS\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"ebook\">\r\n <div class=\"ebook-layout\">\r\n <div>\r\n <div class=\"eyebrow eyebrow-gold\" data-anim=\"fade-up\">Descarga gratuita<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\">Optimiza tu log\u00edstica <em>transfronteriza<\/em> desde hoy<\/h2>\r\n <p class=\"ebook-copy\" data-anim=\"fade-up\" data-delay=\"200\">Descarga nuestro manual pr\u00e1ctico y aprende a reducir tiempos de entrega, eliminar costos ocultos y gestionar el cumplimiento aduanal en el corredor El Paso\u2013Ju\u00e1rez.<\/p>\r\n <ul class=\"ebook-checks\">\r\n <li data-anim=\"fade-left\" data-delay=\"150\">Estrategias de almacenamiento fronterizo (cross-dock, in & out, corto plazo)<\/li>\r\n <li data-anim=\"fade-left\" data-delay=\"250\">Fundamentos del comercio transfronterizo USMCA \/ IMMEX<\/li>\r\n <li data-anim=\"fade-left\" data-delay=\"350\">Gu\u00eda de transporte terrestre, a\u00e9reo y mar\u00edtimo<\/li>\r\n <li data-anim=\"fade-left\" data-delay=\"450\">Checklist de 30\u201360 d\u00edas para estabilizar tu operaci\u00f3n<\/li>\r\n <li data-anim=\"fade-left\" data-delay=\"550\">Plantilla de Piloto Fronterizo de 30 d\u00edas lista para usar<\/li>\r\n <\/ul>\r\n <div style=\"display:flex; justify-content:flex-start;\" data-anim=\"zoom-in\" data-delay=\"300\">\r\n <div class=\"book\">\r\n <div class=\"book-spine\"><\/div>\r\n <div class=\"book-front\">\r\n <div>\r\n <div class=\"b-label\">Manual Pr\u00e1ctico \u00b7 Descarga Gratis<\/div>\r\n <div class=\"b-logo\">\r\n <svg width=\"20\" height=\"16\" viewBox=\"0 0 64 54\" fill=\"none\">\r\n <use href=\"#globe\"\/>\r\n <\/svg>\r\n <span class=\"b-logo-name\">BUCKLAND<\/span>\r\n <\/div>\r\n <div class=\"b-title\">C\u00d3MO OPTIMIZAR<br>LA LOG\u00cdSTICA<br>TRANSFRONTERIZA<br>EN EL PASO\u2013JU\u00c1REZ\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"b-sub\">Un manual pr\u00e1ctico para cadenas de suministro automotriz, industrial y de suministros m\u00e9dicos.<\/div>\r\n <div class=\"b-bar\"><\/div>\r\n <div class=\"b-tag\">\ud83d\udce5 Descarga Gratuita<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"ebook-card\" data-anim=\"fade-left\" data-delay=\"100\">\r\n <div class=\"ec-tag\">\ud83d\udcd8 E-Book Gratuito<\/div>\r\n <h3>Recibe tu manual al instante<\/h3>\r\n <p class=\"ec-sub\">Solo necesitamos tu nombre y correo. Te enviamos el PDF de inmediato, sin spam ni compromisos.<\/p>\r\n <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script>\r\n <script src=\"https:\/\/js.hsforms.net\/forms\/embed\/47600031.js\" defer><\/script>\r\n <div class=\"hs-form-frame\" data-region=\"na1\" data-form-id=\"29f748e0-d744-45cb-9dc3-4b43eb138075\" data-portal-id=\"47600031\"><\/div>\r\n <div class=\"includes\">\r\n <div class=\"includes-hd\">Qu\u00e9 incluye:<\/div>\r\n <ul>\r\n <li>25 p\u00e1ginas de contenido accionable<\/li>\r\n <li>Tablas de decisi\u00f3n y checklists<\/li>\r\n <li>Plantilla piloto de 30 d\u00edas<\/li>\r\n <li>Gu\u00eda de roles y traspasos RACI<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"servicios\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"srv-top rev\">\r\n <div>\r\n <div class=\"eyebrow\" data-anim=\"fade-up\">Servicios<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\">Todo lo que necesitas <em>en un solo lugar<\/em><\/h2>\r\n <p class=\"lead\" style=\"margin-top:14px;\">Nuestro sistema WMS te permite acceder en tiempo real a inventario, historial de env\u00edos y documentaci\u00f3n cr\u00edtica.<\/p>\r\n <ul class=\"trust-list\">\r\n <li>Metodolog\u00edas 5S, 8D y QIS<\/li>\r\n <li>USMCA, IMMEX y cumplimiento normativo<\/li>\r\n <li>OS&D en tiempo real + evidencia fotogr\u00e1fica<\/li>\r\n <li>Agentes certificados en M\u00e9xico y EE.UU.<\/li>\r\n <li>Instalaciones modernas y seguras<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div style=\"border-radius:var(--radius); overflow:hidden; height:340px; position:relative;\" data-anim=\"zoom-in\" data-delay=\"200\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wyMDkyMnwwfDF8c2VhcmNofDN8fHdhcmVob3VzZXxlbnwwfHx8fDE3NzQwNDQ0OTV8MA&ixlib=rb-4.1.0&q=80&w=1080\" alt=\"Interior de almac\u00e9n Buckland El Paso\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\">\r\n <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(26,38,84,.55) 0%, transparent 50%);\"><\/div>\r\n <div style=\"position:absolute; bottom:18px; left:18px; right:18px;\">\r\n <div style=\"font-family:var(--font-display); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:2px; color:var(--gold); margin-bottom:4px;\">El Paso, Texas<\/div>\r\n <div style=\"font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--white); line-height:1.2;\">66,000 ft\u00b2 \u00b7 Instalaciones de vanguardia<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"adv-grid rev\">\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"0\">\r\n <div class=\"adv-icon\">\ud83d\udce6<\/div>\r\n <h4>Cross-Docking<\/h4>\r\n <p>Recibimos y despachamos el mismo d\u00eda para flujos de alta velocidad.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"80\">\r\n <div class=\"adv-icon\">\ud83d\udda5\ufe0f<\/div>\r\n <h4>WMS 24\/7<\/h4>\r\n <p>Tracking, documentos y notificaciones autom\u00e1ticas en tiempo real.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"160\">\r\n <div class=\"adv-icon\">\ud83d\udec2<\/div>\r\n <h4>Aduanas Integradas<\/h4>\r\n <p>Corretaje en EE.UU. y M\u00e9xico, HTS, USMCA\/IMMEX.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"240\">\r\n <div class=\"adv-icon\">\ud83d\udd0d<\/div>\r\n <h4>Control de Calidad<\/h4>\r\n <p>5S, 8D, QIS. Inspecciones con evidencia fotogr\u00e1fica y reporte OS&D.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"0\">\r\n <div class=\"adv-icon\">\ud83c\udf81<\/div>\r\n <h4>Pick & Pack \/ Kitting<\/h4>\r\n <p>Armado de kits, etiquetado y retrabajo ligero en frontera.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"80\">\r\n <div class=\"adv-icon\">\ud83d\udcca<\/div>\r\n <h4>Reportes a Demanda<\/h4>\r\n <p>WOI\/WOO, conteos de inventario y paneles personalizados.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"160\">\r\n <div class=\"adv-icon\">\u2699\ufe0f<\/div>\r\n <h4>EDI \/ SFTP<\/h4>\r\n <p>Integraci\u00f3n directa con tu TMS\/ERP y notificaciones push.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"240\">\r\n <div class=\"adv-icon\">\ud83d\ude9b<\/div>\r\n <h4>Transporte Coordinado<\/h4>\r\n <p>FTL\/LTL, milk-runs, drop-and-hook y urgentes pre-aprobados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"srv-cta\" data-anim=\"fade-up\">\r\n <div>\r\n <h3>\u00bfListo para visitar nuestras instalaciones?<\/h3>\r\n <p>Agenda una visita presencial y conoce de primera mano c\u00f3mo operamos en El Paso.<\/p>\r\n <\/div>\r\n <a href=\"#contacto\" class=\"btn btn-navy btn-lg\">Programa tu visita \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"quote-band\">\r\n <div class=\"quote-inner rev\">\r\n <p class=\"q-text\" data-anim=\"fade-up\">\r\n \"Si no opera como todas las dem\u00e1s empresas,<br>\r\n es importante que no se le trate <strong>como a todas las dem\u00e1s empresas.<\/strong>\" <\/p>\r\n <div class=\"q-source\" data-anim=\"fade-up\" data-delay=\"200\">Filosof\u00eda Buckland \u00b7 Warehousing & Distribution<\/div>\r\n <div style=\"margin-top:28px;\" data-anim=\"zoom-in\" data-delay=\"300\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Dise\u00f1a tu soluci\u00f3n a medida<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"faq\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\" data-anim=\"fade-up\" style=\"margin-bottom:16px;\">Preguntas Frecuentes<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\" style=\"margin-bottom:44px;\">Resolvemos tus dudas <em>antes de empezar<\/em><\/h2>\r\n <div class=\"faq-layout\">\r\n <div class=\"faq-side\" data-anim=\"fade-right\">\r\n <h3>\u00bfTienes otra pregunta?<\/h3>\r\n <p>Nuestro equipo de especialistas est\u00e1 disponible para resolver cualquier duda. Respondemos en menos de 1 d\u00eda h\u00e1bil.<\/p>\r\n <div class=\"faq-cbox\">\r\n <div class=\"faq-cbox-row\">\r\n <div class=\"faq-ci\">\ud83d\udcde<\/div>\r\n <div>\r\n <p>Ll\u00e1manos<\/p>\r\n <a href=\"tel:+18888066444\">+1 (888) 806-6444<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-cbox-row\">\r\n <div class=\"faq-ci\">\u2709\ufe0f<\/div>\r\n <div>\r\n <p>Escr\u00edbenos<\/p>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#057664696076456770666e69646b612b666a68\"><span class=\"__cf_email__\" data-cfemail=\"1a697b767f695a786f7971767b747e34797577\"><a href=\"mailto:\"><\/a><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-cbox-row\">\r\n <div class=\"faq-ci\">\ud83c\udf10<\/div>\r\n <div>\r\n <p>Evaluaci\u00f3n gratuita<\/p>\r\n <a href=\"https:\/\/www.buckland.com\/el-paso-warehouse\" target=\"_blank\">buckland.com\/el-paso-warehouse<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-list\" data-anim=\"fade-left\" data-delay=\"150\">\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfQu\u00e9 informes de almac\u00e9n e inventarios est\u00e1n disponibles? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>El WMS de Buckland genera reportes por WOI (Work Order Incoming) y WOO (Work Order Outgoing). Cada referencia incluye cantidades, estados, fechas, proveedor y documentaci\u00f3n completa del env\u00edo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfBuckland guarda fotograf\u00edas de los env\u00edos? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>S\u00ed. Cada WOO requiere fotografiar el remolque cargado antes del despacho. Las im\u00e1genes se almacenan en el portal y ofrecen evidencia invaluable para cualquier reclamaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfQu\u00e9 informaci\u00f3n est\u00e1 accesible en tiempo real? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>Toda la informaci\u00f3n de WOI: n\u00famero de pieza, cantidad, proveedor, BL\/ProID, flete, fecha y hora de llegada y documentaci\u00f3n adjunta. Tambi\u00e9n historial completo de salidas e inventario actualizado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfEl sistema env\u00eda notificaciones autom\u00e1ticas? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>S\u00ed. Notificaciones configurables por usuario desde la llegada, creaci\u00f3n de WOI, generaci\u00f3n, estado de carga hasta el despacho final. Todo en tiempo real por correo electr\u00f3nico.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfQu\u00e9 pasa con las discrepancias en un env\u00edo? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>Cualquier discrepancia se reporta v\u00eda OS&D (Over, Short & Damage) a todos los clientes. El portal gestiona las incidencias con acciones definidas por cada cliente, incluyendo evidencia fotogr\u00e1fica.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfPueden realizar operaciones de Cross-dock o Transload? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>S\u00ed. Todos los env\u00edos se inspeccionan para validar paletas y confirmar el BL. Las operaciones de Crossdock se ejecutan de puerta a puerta con precisi\u00f3n y dentro del tiempo acordado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"contacto\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\" data-anim=\"fade-up\" style=\"margin-bottom:14px;\">Cotizaci\u00f3n Gratuita<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\" style=\"margin-bottom:44px; max-width:660px;\">Si necesitas una cotizaci\u00f3n para almacenamiento y distribuci\u00f3n, <em>cont\u00e1ctanos hoy<\/em><\/h2>\r\n <div class=\"cont-layout\">\r\n <div data-anim=\"fade-right\">\r\n <p class=\"cont-lead\">Habla con nuestros especialistas y descubre c\u00f3mo podemos mejorar tu cadena de suministro. Respondemos a todas las solicitudes dentro de 1 d\u00eda h\u00e1bil.<\/p>\r\n <div class=\"ci-list\">\r\n <div class=\"ci\">\r\n <div class=\"ci-ic\">\ud83d\udcde<\/div>\r\n <div>\r\n <p>Ll\u00e1manos<\/p>\r\n <a href=\"tel:+18888066444\">+1 (888) 806-6444<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ci\">\r\n <div class=\"ci-ic\">\u2709\ufe0f<\/div>\r\n <div>\r\n <p>Correo<\/p>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#1261737e776152706771797e737c763c717d7f\"><span class=\"__cf_email__\" data-cfemail=\"bfccded3daccffddcadcd4d3ded1db91dcd0d2\"><a href=\"mailto:\"><\/a><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ci\">\r\n <div class=\"ci-ic\">\ud83c\udf10<\/div>\r\n <div>\r\n <p>Evaluaci\u00f3n gratuita<\/p>\r\n <a href=\"https:\/\/www.buckland.com\/el-paso-warehouse\" target=\"_blank\">buckland.com\/el-paso-warehouse<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ci\">\r\n <div class=\"ci-ic\">\ud83d\udccd<\/div>\r\n <div>\r\n <p>Ubicaci\u00f3n<\/p>\r\n <strong>El Paso, Texas \u00b7 Corredor I-10<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"spec-box\">\r\n <div class=\"spec-icon\">\ud83d\udcde<\/div>\r\n <div class=\"spec-text\">\r\n <p>Tenemos un especialista listo para tu llamada.<\/p>\r\n <span>Deja que Buckland ayude a tu empresa a <em>Reaching Beyond Borders<\/em>.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div data-anim=\"fade-left\" data-delay=\"150\" id=\"formulario\">\r\n <div class=\"contact-card\">\r\n <div class=\"ct\">Obt\u00e9n una cotizaci\u00f3n:<\/div>\r\n <div class=\"cs\">Completa el formulario y te contactamos en 1 d\u00eda h\u00e1bil.<\/div>\r\n <script src=\"https:\/\/js.hsforms.net\/forms\/embed\/47600031.js\" defer><\/script>\r\n <div class=\"hs-form-frame\" data-region=\"na1\" data-form-id=\"7e89cf71-8f76-4253-9ac0-ede1f0176d1d\" data-portal-id=\"47600031\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <div class=\"closing\">\r\n <div class=\"closing-bg\"><\/div>\r\n <div class=\"closing-overlay\"><\/div>\r\n <div class=\"wrap closing-inner\" data-anim=\"fade-up\">\r\n <h2>\u00bfListo para tu siguiente movimiento <em>con Buckland?<\/em><\/h2>\r\n <p class=\"sub\">Buckland El Paso est\u00e1 aqu\u00ed para ofrecerte el espacio, servicio y soporte que necesitas para llevar tus operaciones al siguiente nivel.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Solicitar cotizaci\u00f3n<\/a>\r\n <a href=\"#ebook\" class=\"btn btn-ghost-white btn-lg\">Descargar E-Book gratis<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script>\r\n <script>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCROLL ANIMATION ENGINE\r\n Observes [data-anim] elements and triggers .anim-in\r\n with optional stagger via data-delay\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function() {\r\n \/* Mark body so CSS hides [data-anim] elements only when observer is active *\/\r\n document.body.classList.add('js-anim-ready');\r\n\r\n const animObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('anim-in');\r\n animObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n document.querySelectorAll('[data-anim]').forEach(function(el) {\r\n animObserver.observe(el);\r\n });\r\n\r\n \/* Fallback: force-show everything after 3s *\/\r\n setTimeout(function() {\r\n document.querySelectorAll('[data-anim]:not(.anim-in)').forEach(function(el) {\r\n el.classList.add('anim-in');\r\n });\r\n }, 3000);\r\n})();\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n COUNTER ANIMATION\r\n Elements with [data-count] animate from 0\r\n to the target value when they enter viewport\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction animateCount(el, target, suffix, duration) {\r\n var start = 0;\r\n var startTime = null;\r\n var isFloat = target % 1 !== 0;\r\n\r\n function step(timestamp) {\r\n if (!startTime) startTime = timestamp;\r\n var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n var ease = 1 - Math.pow(1 - progress, 3); \/\/ easeOutCubic\r\n var current = start + (target - start) * ease;\r\n el.textContent = (isFloat ? current.toFixed(1) : Math.round(current)) + suffix;\r\n if (progress < 1) requestAnimationFrame(step);\r\n }\r\n requestAnimationFrame(step);\r\n}\r\n\r\nvar countObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting && !entry.target.dataset.counted) {\r\n entry.target.dataset.counted = '1';\r\n var target = parseFloat(entry.target.dataset.count);\r\n var suffix = entry.target.dataset.suffix || '';\r\n animateCount(entry.target, target, suffix, 1400);\r\n }\r\n });\r\n}, { threshold: 0.5 });\r\n\r\ndocument.querySelectorAll('[data-count]').forEach(function(el) {\r\n countObserver.observe(el);\r\n});\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PARALLAX \u2014 subtle hero bg shift on scroll\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nvar heroBg = document.querySelector('.hero-bg-img');\r\nif (heroBg) {\r\n window.addEventListener('scroll', function() {\r\n var scrolled = window.pageYOffset;\r\n heroBg.style.transform = 'translateY(' + scrolled * 0.25 + 'px)';\r\n }, { passive: true });\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FAQ\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction tFaq(btn) {\r\n var item = btn.closest('.faq-it');\r\n var open = item.classList.contains('open');\r\n document.querySelectorAll('.faq-it').forEach(function(i) { i.classList.remove('open'); });\r\n if (!open) item.classList.add('open');\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FORM HANDLERS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction handleEbook(e) {\r\n e.preventDefault();\r\n var btn = document.getElementById('ebookBtn');\r\n btn.textContent = '\u2713 \u00a1Revisa tu correo! El manual est\u00e1 en camino.';\r\n btn.style.cssText = 'background:var(--navy);border-color:var(--navy);color:#fff;width:100%;justify-content:center;padding:14px;border-radius:4px;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.4px;display:flex;align-items:center;cursor:default;';\r\n btn.disabled = true;\r\n}\r\n\r\nfunction handleContact(e) {\r\n e.preventDefault();\r\n var btn = document.getElementById('submitBtn');\r\n btn.textContent = '\u2713 \u00a1Solicitud recibida! Te contactamos pronto.';\r\n btn.style.cssText = 'background:var(--navy);border-color:var(--navy);color:#fff;width:100%;justify-content:center;padding:14px;border-radius:4px;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.4px;display:flex;align-items:center;cursor:default;';\r\n btn.disabled = true;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SMOOTH SCROLL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {\r\n a.addEventListener('click', function(e) {\r\n var target = document.querySelector(a.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n window.scrollTo({ top: target.offsetTop - 20, behavior: 'smooth' });\r\n }\r\n });\r\n});\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n NAVBAR \u2014 sticky scroll shadow + mobile menu\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function() {\r\n var nav = document.getElementById('mainNav');\r\n var burger = document.getElementById('navBurger');\r\n var mobile = document.getElementById('navMobile');\r\n var closeBtn = document.getElementById('navClose');\r\n\r\n \/\/ Sticky shadow\r\n window.addEventListener('scroll', function() {\r\n if (window.scrollY > 10) {\r\n nav.classList.add('scrolled');\r\n } else {\r\n nav.classList.remove('scrolled');\r\n }\r\n }, { passive: true });\r\n\r\n \/\/ Open mobile menu\r\n burger && burger.addEventListener('click', function() {\r\n mobile.classList.add('open');\r\n burger.setAttribute('aria-expanded', 'true');\r\n document.body.style.overflow = 'hidden';\r\n });\r\n\r\n \/\/ Close mobile menu\r\n function closeMobile() {\r\n mobile.classList.remove('open');\r\n burger && burger.setAttribute('aria-expanded', 'false');\r\n document.body.style.overflow = '';\r\n }\r\n closeBtn && closeBtn.addEventListener('click', closeMobile);\r\n\r\n \/\/ Close on link click\r\n var mobileLinks = mobile ? mobile.querySelectorAll('.nav-mobile-link, .btn') : [];\r\n mobileLinks.forEach(function(link) {\r\n link.addEventListener('click', closeMobile);\r\n });\r\n\r\n \/\/ Close on ESC\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && mobile.classList.contains('open')) closeMobile();\r\n });\r\n\r\n \/\/ Active link on scroll\r\n var sections = document.querySelectorAll('section[id]');\r\n var navLinks = document.querySelectorAll('.nav-link');\r\n window.addEventListener('scroll', function() {\r\n var scrollY = window.scrollY + 120;\r\n sections.forEach(function(sec) {\r\n if (scrollY >= sec.offsetTop && scrollY < sec.offsetTop + sec.offsetHeight) {\r\n navLinks.forEach(function(l) { l.classList.remove('active'); });\r\n var active = document.querySelector('.nav-link[href=\"#' + sec.id + '\"]');\r\n if (active) active.classList.add('active');\r\n }\r\n });\r\n }, { passive: true });\r\n})();\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO WORD ANIMATION \u2014 stagger kicker + h1\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function() {\r\n var h1 = document.querySelector('#hero h1');\r\n if (!h1) return;\r\n var html = h1.innerHTML;\r\n \/\/ Wrap text nodes in spans but preserve HTML tags\r\n h1.innerHTML = html.replace(\/(<[^>]+>)|([^<]+)\/g, function(m, tag, txt) {\r\n if (tag) return tag;\r\n ret<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38f3e6e e-flex e-con-boxed e-con e-parent\" data-id=\"38f3e6e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a28e5ec e-con-full e-flex e-con e-child\" data-id=\"a28e5ec\" data-element_type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85c8ce3 elementor-widget elementor-widget-heading\" data-id=\"85c8ce3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Services<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a99990 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4a99990\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/customs-brokerage-services\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Customs Brokerage Services<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/freight-forwarding-logistics\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">International Freight<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/freight-forwarding-logistics\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Forwarding & Logistics<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/international-trade-compliance-consulting\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">International Trade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/international-trade-compliance-consulting\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Compliance & Consulting<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/trade-technology-solutions\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Trade Technology Solutions<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/warehousing-distribution\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Warehousing & Distribution<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/buckland-transportation\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Buckland Transportation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/mexican-trade-lane\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Mexican Trade Lane<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a04e50 e-con-full e-flex e-con e-child\" data-id=\"5a04e50\" data-element_type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-879d4b0 elementor-widget elementor-widget-heading\" data-id=\"879d4b0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">USA Office:<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d8a6da elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5d8a6da\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(810) 966-1480<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(888) 806-1156<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30cfe7b elementor-widget elementor-widget-heading\" data-id=\"30cfe7b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Canadian Office:<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0d959c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d0d959c\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(519) 631-4944<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(800) 991-4944<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e700266 e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"e700266\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-6feec3f\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">X-twitter<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-x-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-6dfc380\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-07be455\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-efa14fa e-con-full e-flex e-con e-child\" data-id=\"efa14fa\" data-element_type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c4deab e-flex e-con-boxed e-con e-parent\" data-id=\"1c4deab\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bde94f elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5bde94f\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-copyright\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 448c-110.532 0-200-89.451-200-200 0-110.531 89.451-200 200-200 110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200zm107.351-101.064c-9.614 9.712-45.53 41.396-104.065 41.396-82.43 0-140.484-61.425-140.484-141.567 0-79.152 60.275-139.401 139.762-139.401 55.531 0 88.738 26.62 97.593 34.779a11.965 11.965 0 0 1 1.936 15.322l-18.155 28.113c-3.841 5.95-11.966 7.282-17.499 2.921-8.595-6.776-31.814-22.538-61.708-22.538-48.303 0-77.916 35.33-77.916 80.082 0 41.589 26.888 83.692 78.277 83.692 32.657 0 56.843-19.039 65.726-27.225 5.27-4.857 13.596-4.039 17.82 1.738l19.865 27.17a11.947 11.947 0 0 1-1.152 15.518z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">2026 Buckland Customs Brokers Ltd. <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/es\/\/privacy-policy\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Privacy Policy <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/terms-conditions\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Terms & Conditions<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/es\/\/accessibility\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Accessibility <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5461ee3 e-flex e-con-boxed e-con e-parent\" data-id=\"5461ee3\" data-element_type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Almac\u00e9n El Paso, Texas | Warehousing & Distribuci\u00f3n Fronteriza | Buckland +1 (915) 500-0000 Lun–Vie · 8 AM–6 PM MT El Paso · I-10 Corridor ¿Por qué El Paso? Solución Ventaja Buckland Servicios FAQ E-Book Gratis 📞 Llamar Cotización Gratuita ✕ ¿Por qué El Paso? Solución Ventaja Buckland Servicios FAQ 📖 E-Book Gratis Cotización Gratuita […]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6712","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/comments?post=6712"}],"version-history":[{"count":67,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712\/revisions"}],"predecessor-version":[{"id":6829,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712\/revisions\/6829"}],"wp:attachment":[{"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/media?parent=6712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n Almac\u00e9n El Paso, Texas | Warehousing & Distribuci\u00f3n Fronteriza | Buckland<\/title>\r\n <meta name=\"description\" content=\"Optimiza tu cadena de suministro con almacenamiento y distribuci\u00f3n a tu medida en El Paso, TX. 66,000 ft\u00b2 seguros, cross-docking, WMS 24\/7. Cotizaci\u00f3n gratis.\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap\" rel=\"stylesheet\">\r\n <style>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n NAVBAR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/.topbar { background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.08); padding: 0; } .topbar-inner { max-width: 1180px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; height: 38px; } .topbar-left { display: flex; align-items: center; gap: 20px; } .topbar-item { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: rgba(255,255,255,.55); text-decoration: none; transition: color .2s; } .topbar-item:hover { color: var(--blue); } .topbar-item svg { flex-shrink: 0; opacity: .6; } .topbar-divider { width: 1px; height: 16px; background: rgba(255,255,255,.12); } .topbar-right { display: flex; align-items: center; gap: 6px; } .topbar-badge { font-size: 10px; font-family: var(--font-display); font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; background: rgba(236,173,32,.15); border: 1px solid rgba(236,173,32,.3); color: var(--gold); padding: 3px 10px; border-radius: 2px; } .navbar { background: var(--white); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 900; box-shadow: 0 2px 14px rgba(26,38,84,.07); transition: box-shadow .3s; } .navbar.scrolled { box-shadow: 0 4px 24px rgba(26,38,84,.13); } .nav-inner { max-width: 1180px; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; height: 72px; } .nav-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; } .nav-logo img { height: 42px; width: auto; display: block; } .nav-links { display: flex; align-items: center; gap: 4px; } .nav-link { font-family: var(--font-body); font-size: 13.5px; font-weight: 700; color: var(--navy); text-decoration: none; padding: 6px 13px; border-radius: var(--radius); transition: color .2s, background .2s; letter-spacing: .2px; white-space: nowrap; } .nav-link:hover { color: var(--blue); background: rgba(81,171,211,.07); } .nav-link.active { color: var(--blue); } .nav-sep { width: 1px; height: 20px; background: var(--border); margin: 0 6px; } .nav-cta-group { display: flex; align-items: center; gap: 10px; } .nav-cta-ghost { font-family: var(--font-body); font-size: 13px; font-weight: 700; color: var(--navy); text-decoration: none; padding: 7px 15px; border: 1.5px solid var(--border); border-radius: var(--radius); transition: border-color .2s, color .2s; } .nav-cta-ghost:hover { border-color: var(--blue); color: var(--blue); } .nav-cta-primary { font-family: var(--font-body); font-size: 13px; font-weight: 700; color: var(--navy); background: var(--gold); text-decoration: none; padding: 8px 18px; border-radius: var(--radius); border: 2px solid var(--gold); transition: background .2s, transform .15s, box-shadow .2s; white-space: nowrap; } .nav-cta-primary:hover { background: #d49a18; border-color: #d49a18; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(236,173,32,.3); } \/* Mobile hamburger *\/.nav-burger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 6px; border: none; background: none; } .nav-burger span { display: block; width: 22px; height: 2px; background: var(--navy); border-radius: 2px; transition: all .3s; } \/* Mobile menu *\/.nav-mobile { display: none; position: fixed; inset: 0; background: var(--white); z-index: 1000; padding: 0; overflow-y: auto; transform: translateX(100%); transition: transform .3s cubic-bezier(.22,.68,0,1.1); } .nav-mobile.open { transform: translateX(0); } .nav-mobile-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid var(--border); } .nav-mobile-logo img { height: 36px; width: auto; } .nav-mobile-close { background: none; border: none; font-size: 26px; color: var(--navy); cursor: pointer; line-height: 1; padding: 4px 8px; } .nav-mobile-links { padding: 12px 0; } .nav-mobile-link { display: block; font-size: 16px; font-weight: 700; color: var(--navy); text-decoration: none; padding: 15px 24px; border-bottom: 1px solid var(--border); transition: color .2s, background .2s; } .nav-mobile-link:hover { color: var(--blue); background: var(--light); } .nav-mobile-footer { padding: 24px; display: flex; flex-direction: column; gap: 12px; } \/* Responsive navbar *\/@media (max-width: 1020px) { .topbar { display: none; } .nav-links { display: none; } .nav-sep { display: none; } .nav-cta-group { display: none; } .nav-burger { display: flex; } .nav-mobile { display: block; } .nav-inner { padding: 0 20px; height: 64px; } } \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/:root { --navy: #1A2654; --blue: #51ABD3; --blue2: #44AAD2; --gold: #ECAD20; --white: #ffffff; --light: #f5f8fa; --border: #dde6ed; --gray: #6b7a8d; --text: #2d3a4a; --radius: 4px; --font-body: 'Open Sans Condensed', 'Arial Narrow', sans-serif; --font-display: 'Open Sans Condensed', 'Arial Narrow', sans-serif; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: var(--font-body); font-size: 15px; color: var(--text); background: var(--white); overflow-x: hidden; line-height: 1.65; -webkit-font-smoothing: antialiased; margin-top: -185px; } \/* \u2500\u2500\u2500 TYPE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/h1 { font-family: var(--font-display); font-weight: 700; font-size: clamp(38px,5.5vw,66px); line-height: 1.07; color: var(--white); letter-spacing: .5px; } h1 em { font-style: italic; font-weight: 300; color: rgba(255,255,255,.78); } h1 strong { font-weight: 700; } h1 .hl { color: var(--blue); } h2 { font-family: var(--font-display); font-weight: 700; font-size: clamp(28px,3.6vw,44px); line-height: 1.12; color: var(--navy); } h2 em { font-style: italic; font-weight: 300; color: var(--gray); } h2 strong { font-family: var(--font-display); font-weight: 700; } h3 { font-family: var(--font-body); font-weight: 700; font-size: clamp(16px,2vw,21px); line-height: 1.25; color: var(--navy); } h4 { font-family: var(--font-body); font-weight: 700; font-size: 14px; color: var(--navy); } p { line-height: 1.75; } .eyebrow { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: var(--blue); margin-bottom: 12px; } .eyebrow::before { content: ''; display: block; width: 22px; height: 2px; background: currentColor; flex-shrink: 0; } .eyebrow-gold { color: var(--gold); } .eyebrow-gold::before { background: var(--gold); } .kicker { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-display); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; color: var(--gold); margin-bottom: 18px; } .kicker::before { content: ''; display: block; width: 22px; height: 2px; background: var(--gold); flex-shrink: 0; } .lead { font-size: 17px; font-weight: 300; color: var(--gray); line-height: 1.8; } \/* \u2500\u2500\u2500 LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/.wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; } .sec { padding: 84px 0; } \/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/.btn { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-body); font-weight: 700; font-size: 14px; padding: 12px 26px; border-radius: var(--radius); text-decoration: none; border: 2px solid transparent; cursor: pointer; transition: all .2s; white-space: nowrap; } .btn-lg { padding: 14px 32px; font-size: 15px; } .btn-full { width: 100%; justify-content: center; } .btn-gold { background: var(--gold); color: var(--navy); border-color: var(--gold); } .btn-gold:hover { background: #d49a18; border-color: #d49a18; transform: translateY(-1px); box-shadow: 0 5px 16px rgba(236,173,32,.3); } .btn-navy { background: var(--navy); color: var(--white); border-color: var(--navy); } .btn-navy:hover { background: #111e44; transform: translateY(-1px); box-shadow: 0 5px 16px rgba(26,38,84,.25); } .btn-ghost-white { background: transparent; color: var(--white); border-color: rgba(255,255,255,.4); } .btn-ghost-white:hover { background: rgba(255,255,255,.08); border-color: var(--white); } .btn-ghost-dark { background: transparent; color: var(--navy); border-color: var(--border); } .btn-ghost-dark:hover { border-color: var(--blue); color: var(--blue); } \/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/.rev { opacity: 1; transform: none; } .rev.in { opacity: 1; transform: none; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO \u2014 dark navy, real background image\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#hero { position: relative; overflow: hidden; padding: 100px 0 90px; background-color: var(--navy); } \/* The hero background: warehouse photo tinted dark navy *\/.hero-bg-img { position: absolute; inset: 0; background: url('https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1600&q=70') center center \/ cover no-repeat; opacity: .12; \/* very subtle \u2014 brand colour stays dominant *\/ mix-blend-mode: luminosity; } \/* soft gradient overlay so text stays perfectly readable *\/.hero-overlay { position: absolute; inset: 0; background: linear-gradient(105deg, rgba(26,38,84,.97) 0%, rgba(26,38,84,.82) 55%, rgba(9,18,48,.75) 100%); } \/* gold line at bottom *\/#hero::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--gold) 0%, var(--blue) 100%); } .hero-layout { position: relative; z-index: 2; max-width: 1180px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: center; } .hero-sub { font-family: var(--font-body); font-weight: 300; font-size: 17px; color: rgba(255,255,255,.7); line-height: 1.8; margin-bottom: 32px; max-width: 490px; } .hero-sub strong { font-weight: 700; color: var(--white); } .hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 48px; } .hero-stats { display: flex; border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius); overflow: hidden; } .hero-stat { flex: 1; padding: 15px 20px; border-right: 1px solid rgba(255,255,255,.1); text-align: center; } .hero-stat:last-child { border-right: none; } .hero-stat .n { font-family: var(--font-display); font-weight: 700; font-size: 32px; color: var(--gold); line-height: 1; } .hero-stat .l { font-family: var(--font-body); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,.44); margin-top: 3px; } \/* Hero right: card with real warehouse image *\/.hero-card-wrap { position: relative; } .hero-badge { position: absolute; top: 14px; right: -4px; background: var(--gold); color: var(--navy); font-family: var(--font-display); font-weight: 700; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; padding: 5px 14px; border-radius: var(--radius) 0 0 var(--radius); box-shadow: -3px 3px 12px rgba(0,0,0,.3); z-index: 2; animation: badgepulse 2.5s ease-in-out infinite; } @keyframes badgepulse { 0%, 100% { opacity: 1; } 50% { opacity: .72; } } .hero-card { background: rgba(255,255,255,.05); border: 1px solid rgba(81,171,211,.2); border-radius: 6px; overflow: hidden; } \/* Real photo inside the card *\/.card-photo { height: 200px; position: relative; } .card-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(26,38,84,.35) 0%, rgba(26,38,84,.65) 100%); } .card-sqft { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); z-index: 2; text-align: center; } .card-sqft .big { font-family: var(--font-display); font-weight: 700; font-size: 46px; color: var(--gold); line-height: 1; text-shadow: 0 2px 12px rgba(0,0,0,.4); } .card-sqft .sm { font-family: var(--font-body); font-size: 10px; color: rgba(255,255,255,.65); letter-spacing: 2px; text-transform: uppercase; margin-top: 3px; } .card-body { padding: 18px 22px; } .card-feat { display: flex; align-items: center; gap: 11px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.06); } .card-feat:last-child { border-bottom: none; padding-bottom: 0; } .card-feat .ico { font-size: 15px; width: 22px; text-align: center; flex-shrink: 0; } .card-feat .tx { font-family: var(--font-body); font-size: 13px; color: rgba(255,255,255,.76); } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PROBLEMA (white)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#problema { background: var(--white); border-top: 1px solid var(--border); } .prob-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .prob-copy { margin-top: 16px; font-size: 17px; font-weight: 300; color: var(--gray); line-height: 1.85; margin-bottom: 24px; } .stat-callout { background: var(--navy); border-left: 4px solid var(--gold); border-radius: var(--radius); padding: 22px 26px; display: flex; align-items: center; gap: 18px; } .stat-callout .pct { font-family: var(--font-display); font-weight: 700; font-size: 50px; color: var(--gold); line-height: 1; white-space: nowrap; } .stat-callout p { font-size: 13px; color: rgba(255,255,255,.72); line-height: 1.6; } .pain-list { display: flex; flex-direction: column; gap: 11px; } .pain-item { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 15px 19px; display: flex; align-items: flex-start; gap: 13px; transition: border-color .2s, box-shadow .2s; } .pain-item:hover { border-color: var(--blue); box-shadow: 0 4px 14px rgba(81,171,211,.1); } .pain-ico { width: 38px; height: 38px; border-radius: 50%; background: #e8f4fb; display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; margin-top: 1px; } .pain-item h4 { margin-bottom: 3px; } .pain-item p { font-size: 13px; color: var(--gray); line-height: 1.55; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SOLUCI\u00d3N (light)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#solucion { background: var(--light); border-top: 1px solid var(--border); } .sol-head { text-align: center; max-width: 680px; margin: 0 auto 52px; } .sol-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; } .sol-card { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 26px 22px; transition: all .2s; position: relative; } .sol-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--blue); border-radius: var(--radius) var(--radius) 0 0; transform: scaleX(0); transform-origin: center; transition: transform .3s; } .sol-card:hover { border-color: rgba(81,171,211,.35); box-shadow: 0 8px 28px rgba(26,38,84,.08); transform: translateY(-3px); } .sol-card:hover::before { transform: scaleX(1); } .sol-icon { width: 48px; height: 48px; border-radius: var(--radius); background: #eaf5fb; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 14px; } .sol-card h3 { font-size: 16px; margin-bottom: 9px; } .sol-card p { font-size: 13px; color: var(--gray); line-height: 1.65; } .sol-cta-bar { margin-top: 44px; background: var(--navy); border-radius: var(--radius); padding: 32px 38px; display: flex; align-items: center; justify-content: space-between; gap: 22px; flex-wrap: wrap; } .sol-cta-bar h3 { font-size: 20px; color: var(--white); margin-bottom: 5px; } .sol-cta-bar p { font-size: 13px; color: rgba(255,255,255,.58); } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BUCKLAND ADVANTAGE PHOTO BAND\r\n Full-width split: image left \/ copy right\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n VENTAJA \u2014 full width, no image, clean layout\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#ventaja { background: var(--navy); padding: 84px 0; position: relative; overflow: hidden; } #ventaja::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(81,171,211,.04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(81,171,211,.04) 1px, transparent 1px); background-size: 60px 60px; } #ventaja::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--gold) 0%, var(--blue) 100%); } .ventaja-wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; position: relative; z-index: 2; } \/* top: copy left | checklist right *\/.ventaja-top { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; margin-bottom: 60px; } .ventaja-copy h2 { color: var(--white); margin-bottom: 16px; } .ventaja-copy h2 em { color: var(--blue); } .ventaja-copy > p { font-size: 16px; font-weight: 300; color: rgba(255,255,255,.65); line-height: 1.85; margin-bottom: 28px; } .ventaja-ctas { display: flex; gap: 12px; flex-wrap: wrap; } .ventaja-list { list-style: none; display: flex; flex-direction: column; gap: 12px; } .ventaja-list li { display: flex; align-items: center; gap: 12px; font-size: 15px; color: rgba(255,255,255,.82); } .ventaja-list li::before { content: '\u2713'; width: 22px; height: 22px; border-radius: 50%; background: var(--gold); color: var(--navy); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; } \/* bottom: 4 stat cards in a row *\/.ventaja-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(81,171,211,.12); border: 1px solid rgba(81,171,211,.15); border-radius: var(--radius); overflow: hidden; } .v-stat { background: rgba(10,22,52,.55); padding: 30px 20px; text-align: center; transition: background .25s; } .v-stat:hover { background: rgba(81,171,211,.1); } .v-num { font-family: var(--font-display); font-weight: 700; font-size: clamp(38px, 4vw, 54px); color: var(--gold); line-height: 1; display: flex; align-items: flex-start; justify-content: center; gap: 2px; } .v-sup { font-family: var(--font-display); font-weight: 700; font-size: .38em; color: var(--blue); margin-top: 10px; letter-spacing: 1px; } .v-lbl { font-family: var(--font-body); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,.38); margin-top: 10px; line-height: 1.5; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n EBOOK (navy)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#ebook { background: var(--navy); padding: 80px 0; border-top: 4px solid var(--gold); position: relative; overflow: hidden; } #ebook::before { content: ''; position: absolute; top: -150px; right: -150px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(81,171,211,.1) 0%, transparent 70%); pointer-events: none; } .ebook-layout { max-width: 1180px; margin: 0 auto; padding: 0 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; } #ebook h2 { color: var(--white); margin-bottom: 16px; } #ebook h2 em { color: var(--blue); } .ebook-copy { font-size: 16px; font-weight: 300; color: rgba(255,255,255,.62); line-height: 1.8; margin-bottom: 22px; } .ebook-checks { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 36px; } .ebook-checks li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: rgba(255,255,255,.8); line-height: 1.5; } .ebook-checks li::before { content: '\u2713'; flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); color: var(--navy); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; margin-top: 1px; } \/* Book mockup *\/.book { width: 200px; border-radius: 4px 10px 10px 4px; overflow: hidden; box-shadow: 10px 10px 0 rgba(236,173,32,.2), 18px 18px 0 rgba(236,173,32,.08); position: relative; } .book-spine { position: absolute; left: 0; top: 0; bottom: 0; width: 12px; background: linear-gradient(to right, #060c1e, #0e1a38); z-index: 2; } .book-front { background: linear-gradient(160deg, #091226 0%, #162050 50%, #0c3060 100%); padding: 22px 18px 22px 26px; min-height: 270px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid rgba(81,171,211,.18); } .b-label { font-family: var(--font-display); font-weight: 700; font-size: 8px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-bottom: 9px; } .b-logo { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; } .b-logo-name { font-family: var(--font-display); font-weight: 700; font-size: 13px; color: var(--white); letter-spacing: 3px; } .b-title { font-family: var(--font-display); font-weight: 700; font-size: 18px; line-height: 1.15; color: var(--white); letter-spacing: .5px; margin-bottom: 8px; } .b-sub { font-family: var(--font-body); font-weight: 300; font-size: 9px; color: rgba(255,255,255,.5); line-height: 1.5; } .b-bar { height: 2px; background: var(--gold); margin: 12px 0; } .b-tag { display: inline-block; font-family: var(--font-display); font-weight: 700; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; background: rgba(236,173,32,.15); border: 1px solid rgba(236,173,32,.3); color: var(--gold); padding: 4px 10px; border-radius: 2px; } \/* Ebook form card *\/.ebook-card { background: var(--white); border-radius: 6px; padding: 38px; box-shadow: 0 20px 60px rgba(0,0,0,.28); position: relative; } .ebook-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--gold) 0%, var(--blue) 100%); border-radius: 6px 6px 0 0; } .ec-tag { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-display); font-weight: 700; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; background: #fef3d7; color: #9a7010; padding: 5px 12px; border-radius: 3px; margin-bottom: 14px; } .ebook-card h3 { font-size: 20px; margin-bottom: 5px; } .ec-sub { font-size: 13px; font-weight: 300; color: var(--gray); line-height: 1.55; margin-bottom: 24px; } \/* form atoms *\/.fg { margin-bottom: 14px; } .fg label { display: block; font-family: var(--font-display); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--navy); margin-bottom: 5px; } .fg input, .fg select, .fg textarea { width: 100%; padding: 11px 13px; border: 1.5px solid var(--border); border-radius: var(--radius); font-family: var(--font-body); font-size: 14px; color: var(--text); background: var(--white); outline: none; transition: border-color .2s, box-shadow .2s; } .fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(81,171,211,.1); } .fg textarea { min-height: 72px; resize: vertical; } .fg select { appearance: none; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%232d3a4a' fill='none' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 30px; } .frow { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; } .form-note { text-align: center; font-size: 11px; color: var(--gray); margin-top: 8px; } .includes { margin-top: 20px; background: var(--light); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 18px; } .includes-hd { font-family: var(--font-display); font-weight: 700; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--navy); margin-bottom: 9px; } .includes ul { list-style: none; display: flex; flex-direction: column; gap: 6px; } .includes li { font-size: 12px; color: var(--gray); display: flex; align-items: center; gap: 8px; } .includes li::before { content: '\u2192'; color: var(--blue); font-weight: 700; flex-shrink: 0; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SERVICIOS (white) \u2014 with photo accent\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#servicios { background: var(--white); border-top: 1px solid var(--border); } .srv-top { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; margin-bottom: 52px; } .trust-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 18px; } .trust-list li { display: flex; align-items: center; gap: 9px; font-size: 14px; color: var(--text); } .trust-list li::before { content: '\u2713'; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); color: var(--navy); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; } .adv-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; } .adv-card { background: var(--light); border: 1.5px solid transparent; border-radius: var(--radius); padding: 22px 18px; text-align: center; transition: all .2s; } .adv-card:hover { background: var(--white); border-color: var(--blue); box-shadow: 0 6px 20px rgba(81,171,211,.12); transform: translateY(-3px); } .adv-icon { font-size: 28px; margin-bottom: 11px; } .adv-card h4 { font-size: 13px; margin-bottom: 7px; } .adv-card p { font-size: 12px; color: var(--gray); line-height: 1.55; } .srv-cta { margin-top: 44px; background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 30px 36px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; } .srv-cta h3 { font-size: 20px; margin-bottom: 4px; } .srv-cta p { font-size: 13px; color: var(--gray); } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PHOTO QUOTE BAND (full-width image + overlay)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#quote-band { position: relative; overflow: hidden; padding: 100px 0; text-align: center; background: url('https:\/\/images.unsplash.com\/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1600&q=70') center 40% \/ cover no-repeat; } #quote-band::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(26,38,84,.92) 0%, rgba(9,40,80,.85) 100%); } .quote-inner { position: relative; z-index: 2; max-width: 860px; margin: 0 auto; padding: 0 32px; } .quote-inner .q-text { font-family: var(--font-display); font-size: clamp(22px,3vw,38px); font-weight: 300; font-style: italic; color: var(--white); line-height: 1.4; margin-bottom: 20px; letter-spacing: .3px; } .quote-inner .q-text strong { font-weight: 700; font-style: normal; color: var(--gold); } .quote-inner .q-source { font-family: var(--font-display); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255,.5); } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FAQ (light)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#faq { background: var(--light); border-top: 1px solid var(--border); } .faq-layout { display: grid; grid-template-columns: 1fr 1.9fr; gap: 64px; } .faq-side h3 { font-size: 22px; margin-bottom: 12px; } .faq-side p { font-size: 13px; color: var(--gray); line-height: 1.75; margin-bottom: 22px; } .faq-cbox { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); overflow: hidden; } .faq-cbox-row { display: flex; align-items: center; gap: 12px; padding: 13px 17px; border-bottom: 1px solid var(--border); } .faq-cbox-row:last-child { border-bottom: none; } .faq-ci { width: 34px; height: 34px; border-radius: var(--radius); background: #e8f4fb; display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .faq-cbox-row p { font-size: 11px; color: var(--gray); margin-bottom: 1px; } .faq-cbox-row a, .faq-cbox-row strong { font-size: 14px; font-weight: 700; color: var(--navy); text-decoration: none; } .faq-cbox-row a:hover { color: var(--blue); text-decoration: underline; } .faq-list { display: flex; flex-direction: column; gap: 8px; } .faq-it { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); overflow: hidden; transition: border-color .2s; } .faq-it.open { border-color: var(--blue); } .faq-btn { width: 100%; background: none; border: none; cursor: pointer; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; text-align: left; font-family: var(--font-body); font-size: 14px; font-weight: 700; color: var(--navy); line-height: 1.4; transition: background .15s; } .faq-btn:hover { background: var(--light); } .faq-icon { width: 25px; height: 25px; border-radius: 50%; background: var(--gold); color: var(--navy); display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700; flex-shrink: 0; transition: transform .3s; } .faq-it.open .faq-icon { transform: rotate(45deg); } .faq-ans { max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .25s; padding: 0 20px; } .faq-it.open .faq-ans { max-height: 260px; padding: 0 20px 16px; } .faq-ans p { font-size: 13px; color: var(--gray); line-height: 1.75; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CONTACTO (white)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/#contacto { background: var(--white); border-top: 1px solid var(--border); } .cont-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; } .cont-lead { font-size: 16px; font-weight: 300; color: var(--gray); line-height: 1.8; margin-bottom: 28px; } .ci-list { display: flex; flex-direction: column; gap: 12px; } .ci { display: flex; align-items: center; gap: 12px; } .ci-ic { width: 36px; height: 36px; border-radius: var(--radius); background: #e8f4fb; border: 1px solid rgba(81,171,211,.22); display: flex; align-items: center; justify-content: center; font-size: 15px; flex-shrink: 0; } .ci p { font-size: 11px; color: var(--gray); margin-bottom: 1px; } .ci a, .ci strong { font-size: 14px; font-weight: 700; color: var(--navy); text-decoration: none; } .ci a:hover { color: var(--blue); text-decoration: underline; } \/* Specialist box \u2014 sin foto *\/.spec-box { margin-top: 32px; background: var(--light); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px 24px; display: flex; align-items: center; gap: 16px; } .spec-icon { width: 46px; height: 46px; border-radius: 50%; background: var(--navy); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .spec-text { } .spec-text p { font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 4px; } .spec-text span { font-size: 12px; color: var(--gray); font-weight: 300; font-style: italic; line-height: 1.5; display: block; } \/* contact form card *\/.contact-card { background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius); padding: 34px; box-shadow: 0 8px 36px rgba(26,38,84,.07); position: relative; } .contact-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--gold); border-radius: var(--radius) var(--radius) 0 0; } .ct { font-family: var(--font-display); font-weight: 700; font-size: 22px; color: var(--navy); margin-bottom: 3px; } .cs { font-size: 13px; font-weight: 300; color: var(--gray); margin-bottom: 22px; } .ftrust { text-align: center; font-size: 11px; color: var(--gray); margin-top: 9px; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n CLOSING BAND (navy + photo texture)\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/.closing { position: relative; overflow: hidden; padding: 80px 0; text-align: center; background-color: var(--navy); } .closing-bg { position: absolute; inset: 0; background: url('https:\/\/images.unsplash.com\/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=1600&q=60') center center \/ cover no-repeat; opacity: .08; mix-blend-mode: luminosity; } .closing-overlay { position: absolute; inset: 0; background: rgba(26,38,84,.93); } .closing-inner { position: relative; z-index: 2; } .closing h2 { color: var(--white); margin-bottom: 14px; } .closing h2 em { color: var(--blue); } .closing .sub { font-size: 16px; font-weight: 300; color: rgba(255,255,255,.62); max-width: 500px; margin: 0 auto 32px; line-height: 1.8; } .btn-row { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FOOTER\r\n RESPONSIVE \u2014 TABLET \u2264 1020px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/@media (max-width: 1020px) { \/* Nav *\/ \/* Hero *\/ .hero-layout { grid-template-columns: 1fr; padding: 0 24px; } .hero-card-wrap { display: none; } #hero { padding: 80px 0 70px; } \/* Sections *\/ .prob-grid { grid-template-columns: 1fr; gap: 36px; } .sol-grid { grid-template-columns: 1fr 1fr; } .ventaja-top { grid-template-columns: 1fr; gap: 36px; } .ventaja-stats { grid-template-columns: repeat(2,1fr); } .ebook-layout { grid-template-columns: 1fr; gap: 40px; padding: 0 24px; } .srv-top { grid-template-columns: 1fr; gap: 28px; } .adv-grid { grid-template-columns: repeat(2,1fr); } .faq-layout { grid-template-columns: 1fr; gap: 32px; } .cont-layout { grid-template-columns: 1fr; gap: 40px; } .ft-grid { grid-template-columns: 1fr 1fr; gap: 28px; } \/* CTAs *\/ .sol-cta-bar { flex-direction: column; align-items: flex-start; gap: 16px; } .srv-cta { flex-direction: column; align-items: flex-start; gap: 12px; } .ventaja-ctas { flex-wrap: wrap; } \/* Services inline image *\/ .srv-inline-photo { height: 260px; } } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE \u2014 MOBILE \u2264 640px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/@media (max-width: 640px) { \/* Base *\/ .wrap { padding: 0 16px; } .sec { padding: 56px 0; } \/* Topbar hidden on mobile *\/ \/* Nav *\/ .nav-inner { padding: 0 16px; height: 62px; } .bk-name { font-size: 19px; letter-spacing: 3px; } \/* Hero *\/ #hero { padding: 72px 0 60px; } .hero-layout { padding: 0 16px; } .hero-ctas { flex-direction: column; } .hero-ctas .btn { width: 100%; justify-content: center; } .hero-stats { display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--radius); } .hero-stat { border-right: none; border-bottom: 1px solid rgba(255,255,255,.1); padding: 12px; } .hero-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.1); } .hero-stat:nth-child(3), .hero-stat:nth-child(4) { border-bottom: none; } .hero-stat .n { font-size: 28px; } \/* Problema *\/ .pain-item { padding: 14px 16px; } \/* Soluci\u00f3n *\/ .sol-grid { grid-template-columns: 1fr; } .sol-cta-bar { padding: 24px 20px; } .sol-cta-bar .btn { width: 100%; justify-content: center; } \/* Ventaja *\/ .ventaja-wrap { padding: 0 16px; } .ventaja-stats { grid-template-columns: repeat(2,1fr); } .v-num { font-size: 36px; } .ventaja-ctas { flex-direction: column; } .ventaja-ctas .btn { width: 100%; justify-content: center; } \/* E-book *\/ .ebook-layout { padding: 0 16px; } .book { width: 180px; } \/* Servicios *\/ .srv-cta { padding: 22px 18px; } .srv-cta .btn { width: 100%; justify-content: center; } .adv-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .adv-card { padding: 18px 12px; } \/* Quote band *\/ .quote-inner { padding: 0 16px; } .quote-inner .q-text { font-size: clamp(17px,4.5vw,24px); } \/* FAQ *\/ .faq-btn { font-size: 13px; padding: 14px 16px; } .faq-ans p { font-size: 13px; } \/* Contacto *\/ .frow { grid-template-columns: 1fr; } .contact-card { padding: 24px 20px; } .spec-box { flex-direction: column; text-align: center; padding: 18px; } .spec-icon { margin: 0 auto; } \/* Closing *\/ .closing { padding: 60px 0; } .btn-row { flex-direction: column; } .btn-row .btn { width: 100%; justify-content: center; } \/* Footer *\/ .ft-grid { grid-template-columns: 1fr; gap: 28px; } .ft-bottom { flex-direction: column; gap: 8px; text-align: center; } .ft-links { justify-content: center; flex-wrap: wrap; gap: 12px; } } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n RESPONSIVE \u2014 SMALL MOBILE \u2264 380px\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/@media (max-width: 380px) { h1 { font-size: 34px; } h2 { font-size: 26px; } .adv-grid { grid-template-columns: 1fr; } .ventaja-stats { grid-template-columns: 1fr 1fr; } .hero-stat .n { font-size: 24px; } } \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCROLL ANIMATIONS \u2014 reveal system\r\n Classes applied by IntersectionObserver:\r\n data-anim=\"fade-up\" \u2192 default, fade + rise\r\n data-anim=\"fade-left\" \u2192 slide from left\r\n data-anim=\"fade-right\" \u2192 slide from right\r\n data-anim=\"zoom-in\" \u2192 scale up + fade\r\n data-anim=\"fade\" \u2192 pure fade\r\n data-anim=\"count\" \u2192 number counter trigger\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\/* Base state \u2014 visible by default; JS adds .js-anim-ready to body before observing *\/[data-anim] { opacity: 1; transform: none; transition-property: opacity, transform; transition-timing-function: cubic-bezier(.22,.68,0,1.2); transition-duration: .7s; will-change: opacity, transform; } .js-anim-ready [data-anim] { opacity: 0; } .js-anim-ready [data-anim=\"fade-up\"] { transform: translateY(40px); } .js-anim-ready [data-anim=\"fade-left\"] { transform: translateX(-44px); } .js-anim-ready [data-anim=\"fade-right\"] { transform: translateX(44px); } .js-anim-ready [data-anim=\"zoom-in\"] { transform: scale(.93); } .js-anim-ready [data-anim=\"fade\"] { transform: none; } \/* Visible state *\/[data-anim].anim-in { opacity: 1 !important; transform: none !important; } \/* Stagger delays via data-delay *\/[data-delay=\"100\"] { transition-delay: .1s; } [data-delay=\"150\"] { transition-delay: .15s; } [data-delay=\"200\"] { transition-delay: .2s; } [data-delay=\"250\"] { transition-delay: .25s; } [data-delay=\"300\"] { transition-delay: .3s; } [data-delay=\"350\"] { transition-delay: .35s; } [data-delay=\"400\"] { transition-delay: .4s; } [data-delay=\"500\"] { transition-delay: .5s; } [data-delay=\"600\"] { transition-delay: .6s; } \/* \u2500\u2500 Continuous micro-animations \u2500\u2500 *\/\/* Hero stat numbers \u2014 pulse on load *\/.hero-stat .n { display: inline-block; animation: statPop .6s cubic-bezier(.34,1.56,.64,1) both; } .hero-stat:nth-child(2) .n { animation-delay: .1s; } .hero-stat:nth-child(3) .n { animation-delay: .2s; } .hero-stat:nth-child(4) .n { animation-delay: .3s; } @keyframes statPop { 0% { opacity: 0; transform: scale(.7) translateY(10px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } \/* Hero h1 words \u2014 cascade in *\/.hero-word { display: inline-block; } .js-anim-ready .hero-word { opacity: 0; transform: translateY(24px); animation: wordIn .6s cubic-bezier(.22,.68,0,1.1) forwards; } @keyframes wordIn { to { opacity: 1; transform: translateY(0); } } \/* Gold eyebrow line \u2014 grow from left *\/.eyebrow::before { transform-origin: left; animation: lineGrow .5s ease forwards; } @keyframes lineGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } } \/* Cards \u2014 subtle lift on hover *\/.sol-card, .adv-card, .pain-item, .faq-it { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } \/* Pain items \u2014 left bar slide *\/.pain-item { border-left: 3px solid transparent; transition: border-left-color .3s ease, transform .25s ease, box-shadow .25s ease; } .pain-item:hover { border-left-color: var(--gold); transform: translateX(6px); box-shadow: 0 4px 18px rgba(26,38,84,.08); } \/* Ventaja stat cells \u2014 scale on hover *\/.v-stat { transition: background .25s ease, transform .2s ease; } .v-stat:hover { transform: translateY(-4px); background: rgba(81,171,211,.12) !important; } \/* Gold button \u2014 shimmer sweep *\/.btn-gold { position: relative; overflow: hidden; } .btn-gold::after { content: ''; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent); transform: skewX(-18deg); transition: left .5s ease; pointer-events: none; } .btn-gold:hover::after { left: 160%; } \/* Solution card icon \u2014 bounce on hover *\/.sol-card:hover .sol-icon { animation: iconBounce .4s ease; } @keyframes iconBounce { 0%, 100% { transform: translateY(0); } 40% { transform: translateY(-6px); } 70% { transform: translateY(-3px); } } \/* Advantage card icon \u2014 spin on hover *\/.adv-card:hover .adv-icon { display: inline-block; animation: iconWiggle .5s ease; } @keyframes iconWiggle { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-12deg); } 75% { transform: rotate(12deg); } } \/* FAQ chevron \u2014 rotate smooth *\/.faq-icon { transition: transform .32s cubic-bezier(.34,1.56,.64,1), background .2s; } \/* Quote band text \u2014 gentle float *\/.q-text { animation: gentleFloat 6s ease-in-out infinite; } @keyframes gentleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } \/* Hero overlay parallax hint *\/.hero-bg-img { transition: transform 8s linear; } \/* Closing section \u2014 CTA button pulse ring *\/.closing .btn-gold::before { content: ''; position: absolute; inset: -4px; border-radius: calc(var(--radius) + 4px); border: 2px solid rgba(236,173,32,.4); animation: ringPulse 2.2s ease-in-out infinite; pointer-events: none; } @keyframes ringPulse { 0%, 100% { opacity: 0; transform: scale(1); } 50% { opacity: 1; transform: scale(1.04); } } \/* Section transitions \u2014 subtle background shift on scroll entrance *\/section { transition: background-color .3s ease; } \/* Form inputs \u2014 focus glow *\/.fg input:focus, .fg select:focus, .fg textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(81,171,211,.15); transition: border-color .2s ease, box-shadow .3s ease; } \/* Checklist items \u2014 slide in stagger *\/.ebook-checks li, .ventaja-list li, .trust-list li { transition: transform .2s ease, opacity .2s ease; } .ebook-checks li:hover, .ventaja-list li:hover, .trust-list li:hover { transform: translateX(5px); } \/* Hero kicker \u2014 blink dot *\/.kicker::before { animation: blinkBar 2.5s ease-in-out infinite alternate; } @keyframes blinkBar { from { opacity: .5; } to { opacity: 1; } } \/* Stat cells counter animation trigger class *\/.count-up { transition: color .3s; }<\/style>\r\n <\/head>\r\n <body>\r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\">\r\n <symbol id=\"globe\" viewBox=\"0 0 64 54\">\r\n <path d=\"M30 3 C12 3 4 15 4 27 C4 40 13 51 32 51\" stroke=\"#51ABD3\" stroke-width=\"2.3\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M9 14 C20 7 36 10 50 17 C56 20 60 23 62 27\" stroke=\"#51ABD3\" stroke-width=\"1.7\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M7 28 C18 21 34 25 50 31 C56 34 60 34 62 31\" stroke=\"#51ABD3\" stroke-width=\"2.1\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M11 41 C22 34 37 37 51 43 C56 45 59 43 62 40\" stroke=\"#44AAD2\" stroke-width=\"1.7\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <path d=\"M2 44 C11 37 25 49 40 45 C50 43 57 37 62 30\" stroke=\"#44AAD2\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/symbol>\r\n <\/svg>\r\n \r\n <div class=\"topbar\">\r\n <div class=\"topbar-inner\">\r\n <div class=\"topbar-left\">\r\n <a href=\"tel:+19155000000\" class=\"topbar-item\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 01.19 1.18 2 2 0 012.18 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 7.91a16 16 0 006.18 6.18l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/>\r\n <\/svg>\r\n +1 (915) 500-0000 <\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#cfaaa3bfaebca08fadbaaca4a3aea1abe1aca0a2\" class=\"topbar-item\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,12 2,6\"\/>\r\n <\/svg> <span class=\"__cf_email__\" data-cfemail=\"c5a0a9b5a4b6aa85a7b0a6aea9a4aba1eba6aaa8\"><a href=\"mailto:\"><\/a><\/span> <\/a>\r\n <div class=\"topbar-divider\"><\/div>\r\n <span class=\"topbar-item\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <polyline points=\"12 6 12 12 16 14\"\/>\r\n <\/svg>\r\n Lun–Vie · 8 AM–6 PM MT <\/span>\r\n <\/div>\r\n <div class=\"topbar-right\">\r\n <span class=\"topbar-badge\">El Paso · I-10 Corridor<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <nav class=\"navbar\" id=\"mainNav\">\r\n <div class=\"nav-inner\">\r\n \r\n <a href=\"https:\/\/www.buckland.com\" class=\"nav-logo\" aria-label=\"Buckland \u2014 Inicio\"> <img decoding=\"async\" src=\"https:\/\/www.buckland.com\/wp-content\/uploads\/2025\/04\/logo-8.png\" alt=\"Buckland \u2014 Reaching Beyond Borders\" height=\"42\" width=\"auto\"> <\/a>\r\n \r\n <div class=\"nav-links\">\r\n <a href=\"#problema\" class=\"nav-link\">¿Por qué El Paso?<\/a>\r\n <a href=\"#solucion\" class=\"nav-link\">Solución<\/a>\r\n <a href=\"#ventaja\" class=\"nav-link\">Ventaja Buckland<\/a>\r\n <a href=\"#servicios\" class=\"nav-link\">Servicios<\/a>\r\n <a href=\"#faq\" class=\"nav-link\">FAQ<\/a>\r\n <div class=\"nav-sep\"><\/div>\r\n <a href=\"#ebook\" class=\"nav-link\">E-Book Gratis<\/a>\r\n <\/div>\r\n \r\n <div class=\"nav-cta-group\">\r\n <a href=\"tel:+19155000000\" class=\"nav-cta-ghost\">📞 Llamar<\/a>\r\n <a href=\"#contacto\" class=\"nav-cta-primary\">Cotización Gratuita<\/a>\r\n <\/div>\r\n \r\n <button class=\"nav-burger\" id=\"navBurger\" aria-label=\"Abrir menú\" aria-expanded=\"false\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n \r\n <div class=\"nav-mobile\" id=\"navMobile\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Menú de navegación\">\r\n <div class=\"nav-mobile-header\">\r\n <div class=\"nav-mobile-logo\">\r\n \r\n <img decoding=\"async\" src=\"BucklandLogoColour.png\" alt=\"Buckland\" height=\"36\" width=\"auto\">\r\n <\/div>\r\n <button class=\"nav-mobile-close\" id=\"navClose\" aria-label=\"Cerrar menú\">✕<\/button>\r\n <\/div>\r\n <div class=\"nav-mobile-links\">\r\n <a href=\"#problema\" class=\"nav-mobile-link\">¿Por qué El Paso?<\/a>\r\n <a href=\"#solucion\" class=\"nav-mobile-link\">Solución<\/a>\r\n <a href=\"#ventaja\" class=\"nav-mobile-link\">Ventaja Buckland<\/a>\r\n <a href=\"#servicios\" class=\"nav-mobile-link\">Servicios<\/a>\r\n <a href=\"#faq\" class=\"nav-mobile-link\">FAQ<\/a>\r\n <a href=\"#ebook\" class=\"nav-mobile-link\">📖 E-Book Gratis<\/a>\r\n <\/div>\r\n <div class=\"nav-mobile-footer\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-full btn-lg\">Cotización Gratuita<\/a>\r\n <a href=\"tel:+19155000000\" class=\"btn btn-ghost-dark btn-full\">📞 +1 (915) 500-0000<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <section id=\"hero\">\r\n \r\n <div class=\"hero-bg-img\"><\/div>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-layout\">\r\n <div>\r\n <div class=\"kicker\">El Paso, Texas \u00b7 Corredor I-10<\/div>\r\n <h1> <em>Optimiza tu cadena de<\/em><br>\r\n suministro <strong>con<\/strong><br> <span class=\"hl\">Buckland El Paso<\/span> <\/h1>\r\n <p class=\"hero-sub\" style=\"margin-top:18px;\">\r\n Almacenamiento y distribuci\u00f3n <strong>a tu medida<\/strong> en la frontera sur de EE.UU.\r\n Reducimos costos, eliminamos retrasos y gestionamos el cumplimiento aduanal\r\n para que tus operaciones fluyan sin obst\u00e1culos. <\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Obt\u00e9n una cotizaci\u00f3n gratuita<\/a>\r\n <a href=\"#ebook\" class=\"btn btn-ghost-white btn-lg\">Descargar E-Book gratis<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"n\">66K<\/div>\r\n <div class=\"l\">Pies cuadrados<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"n\">24\/7<\/div>\r\n <div class=\"l\">Acceso WMS<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"n\">13<\/div>\r\n <div class=\"l\">Puertas de carga<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"n\">15'<\/div>\r\n <div class=\"l\">Del Pte. Zaragoza<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"hero-card-wrap rev\">\r\n <div class=\"hero-badge\">Disponible Ahora<\/div>\r\n <div class=\"hero-card\">\r\n <div class=\"card-photo\" style=\"position: relative; background-image: url('https:\/\/images.unsplash.com\/photo-1586528116022-aeda1613c63d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wyMDkyMnwwfDF8c2VhcmNofDEwfHx3YXJlaG91c2V8ZW58MHx8fHwxNzc0MDQ0NDk1fDA&ixlib=rb-4.1.0&q=80&w=1080'); background-position: center center; background-size: cover;\">\r\n <div class=\"card-sqft\">\r\n <div class=\"big\">66,000<\/div>\r\n <div class=\"sm\">Square Feet \u00b7 El Paso, TX<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\udce6<\/span>\r\n <span class=\"tx\">Cross-docking y almacenamiento flexible<\/span>\r\n <\/div>\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\udda5\ufe0f<\/span>\r\n <span class=\"tx\">WMS con tracking en tiempo real 24\/7<\/span>\r\n <\/div>\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\udd10<\/span>\r\n <span class=\"tx\">Centro de datos en sitio + CCTV<\/span>\r\n <\/div>\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\ude9b<\/span>\r\n <span class=\"tx\">Estacionamiento para 20 tr\u00e1ileres<\/span>\r\n <\/div>\r\n <div class=\"card-feat\">\r\n <span class=\"ico\">\ud83d\udec2<\/span>\r\n <span class=\"tx\">Agentes aduanales EE.UU. & M\u00e9xico<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"problema\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"prob-grid\">\r\n <div>\r\n <div class=\"eyebrow\" data-anim=\"fade-up\">\u00bfTe sientes as\u00ed?<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\">Tu log\u00edstica fronteriza <em>te cuesta m\u00e1s<\/em> de lo que crees<\/h2>\r\n <p class=\"prob-copy\">Gestionar m\u00faltiples proveedores, costos log\u00edsticos elevados y retrasos impredecibles afecta la rentabilidad de tu empresa. Cada hora de retenci\u00f3n en la frontera El Paso\u2013Ju\u00e1rez es dinero perdido.<\/p>\r\n <div class=\"stat-callout\" data-anim=\"zoom-in\" data-delay=\"200\">\r\n <div class=\"pct\">7\u201312%<\/div>\r\n <p>de los ingresos totales se pierden en costos log\u00edsticos en industrias automotriz, electr\u00f3nica y de suministros m\u00e9dicos. <em>(Statista)<\/em><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-list rev\">\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"100\">\r\n <div class=\"pain-ico\">\ud83d\udd50<\/div>\r\n <div>\r\n <h4>Retrasos impredecibles en frontera<\/h4>\r\n <p>Inspecciones variables, documentos incompletos y traspasos sin coordinar detienen tus env\u00edos cuando m\u00e1s importa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"200\">\r\n <div class=\"pain-ico\">\ud83d\udcb8<\/div>\r\n <div>\r\n <h4>Costos ocultos que se acumulan<\/h4>\r\n <p>Env\u00edos urgentes, re-etiquetados y almacenamiento improvisado que nadie te anticipa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"300\">\r\n <div class=\"pain-ico\">\ud83d\udd0d<\/div>\r\n <div>\r\n <h4>Sin visibilidad de tu inventario<\/h4>\r\n <p>No saber d\u00f3nde est\u00e1 tu mercanc\u00eda hace imposible planear producci\u00f3n y cumplir con clientes.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"400\">\r\n <div class=\"pain-ico\">\ud83d\udccb<\/div>\r\n <div>\r\n <h4>Cumplimiento aduanal complejo<\/h4>\r\n <p>USMCA, IMMEX, HTS: un solo error documental puede significar retenciones o multas regulatorias.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-item\" data-anim=\"fade-right\" data-delay=\"500\">\r\n <div class=\"pain-ico\">\ud83c\udfed<\/div>\r\n <div>\r\n <h4>Riesgo de paro de l\u00ednea<\/h4>\r\n <p>Sin inventario de respaldo cerca, un proveedor retrasado puede paralizar toda tu operaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"solucion\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"sol-head\">\r\n <div class=\"eyebrow\" data-anim=\"fade-up\" style=\"justify-content:center;\">La Soluci\u00f3n<\/div>\r\n <h2>Almacenamiento <em>inteligente<\/em> en la frontera <strong>que funciona<\/strong><\/h2>\r\n <p class=\"lead\" style=\"margin-top:14px; text-align:center;\">Dise\u00f1amos soluciones que se adaptan a tu operaci\u00f3n: desde cross-docking el mismo d\u00eda hasta almacenamiento a largo plazo, con visibilidad total y cumplimiento garantizado.<\/p>\r\n <\/div>\r\n <div class=\"sol-grid rev\">\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"0\">\r\n <div class=\"sol-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <h3>Instalaciones Modernas<\/h3>\r\n <p>66,000 ft\u00b2 (16,723 m\u00b2) con control de temperatura, 13 puertas de carga, parking para 20 tr\u00e1ileres y centro de datos en sitio.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"100\">\r\n <div class=\"sol-icon\">\ud83d\udd04<\/div>\r\n <h3>Gesti\u00f3n Integral<\/h3>\r\n <p>Desde cross-docking hasta pick & pack, kitting y etiquetado. Nos encargamos de (casi) todo para que t\u00fa te concentres en crecer.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"200\">\r\n <div class=\"sol-icon\">\ud83d\udcbb<\/div>\r\n <h3>Tecnolog\u00eda WMS 24\/7<\/h3>\r\n <p>Seguimiento en tiempo real, notificaciones autom\u00e1ticas por estado y reportes a demanda desde cualquier dispositivo.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"300\">\r\n <div class=\"sol-icon\">\ud83d\uddfa\ufe0f<\/div>\r\n <h3>Ubicaci\u00f3n Estrat\u00e9gica<\/h3>\r\n <p>A 15 minutos del Puente Zaragoza, corredor I-10. Acceso inmediato a las principales rutas de transporte.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"400\">\r\n <div class=\"sol-icon\">\ud83d\udec2<\/div>\r\n <h3>Cumplimiento Aduanal<\/h3>\r\n <p>Tr\u00e1mites en EE.UU. y M\u00e9xico, HTS, USMCA\/IMMEX y servicios normativos en un solo proveedor confiable.<\/p>\r\n <\/div>\r\n <div class=\"sol-card\" data-anim=\"zoom-in\" data-delay=\"500\">\r\n <div class=\"sol-icon\">\u2699\ufe0f<\/div>\r\n <h3>Personalizaci\u00f3n Total<\/h3>\r\n <p>Sistemas a tu medida: EDI, SFTP, notificaciones push y almacenamiento de datos completamente integrado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sol-cta-bar\" data-anim=\"fade-up\">\r\n <div>\r\n <h3 style=\"color:var(--white);\">\u00bfListo para optimizar tu operaci\u00f3n fronteriza?<\/h3>\r\n <p style=\"color:rgba(255,255,255,.58);\">Habla con un especialista y dise\u00f1amos la soluci\u00f3n ideal para tu empresa.<\/p>\r\n <\/div>\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Solicitar cotizaci\u00f3n gratuita<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"ventaja\">\r\n <div class=\"ventaja-wrap\">\r\n \r\n <div class=\"ventaja-top\">\r\n <div class=\"ventaja-copy\" data-anim=\"fade-right\">\r\n <div class=\"eyebrow eyebrow-gold\">La Ventaja Buckland<\/div>\r\n <h2>M\u00e1s de <em>70 a\u00f1os<\/em> cruzando fronteras<\/h2>\r\n <p>Buckland es el socio log\u00edstico de confianza para industrias automotriz, electr\u00f3nica, industrial y de suministros m\u00e9dicos en el corredor M\u00e9xico\u2013EE.UU. Nuestra profundidad operativa en ambos lados de la frontera hace la diferencia.<\/p>\r\n <div class=\"ventaja-ctas\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Habla con un especialista<\/a>\r\n <a href=\"#servicios\" class=\"btn btn-ghost-white\">Ver todos los servicios<\/a>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"ventaja-list\" data-anim=\"fade-left\" data-delay=\"150\">\r\n <li>Metodolog\u00edas 5S, 8D y QIS para control de calidad<\/li>\r\n <li>Expertos en USMCA, IMMEX y cumplimiento normativo<\/li>\r\n <li>Reporte OS&D en tiempo real + evidencia fotogr\u00e1fica<\/li>\r\n <li>Agentes aduanales certificados en M\u00e9xico y EE.UU.<\/li>\r\n <li>WMS propio con acceso 24\/7 desde cualquier dispositivo<\/li>\r\n <li>Inspecciones previas al despacho aduanal<\/li>\r\n <li>Soluciones personalizadas: EDI, SFTP, notificaciones push<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"ventaja-stats rev\">\r\n <div class=\"v-stat\">\r\n <div class=\"v-num\" data-anim=\"fade-up\">\r\n <span data-count=\"66\" data-suffix=\"K\">66K<\/span>\r\n <span class=\"v-sup\">ft\u00b2<\/span>\r\n <\/div>\r\n <div class=\"v-lbl\">Almac\u00e9n<br>El Paso, TX\r\n <\/div>\r\n <\/div>\r\n <div class=\"v-stat\">\r\n <div class=\"v-num\" data-anim=\"fade-up\" data-delay=\"100\">\r\n <span data-count=\"70\" data-suffix=\"\">70<\/span>\r\n <span class=\"v-sup\">+<\/span>\r\n <\/div>\r\n <div class=\"v-lbl\">A\u00f1os de<br>experiencia\r\n <\/div>\r\n <\/div>\r\n <div class=\"v-stat\">\r\n <div class=\"v-num\" data-anim=\"fade-up\" data-delay=\"200\">\r\n <span data-count=\"13\" data-suffix=\"\">13<\/span>\r\n <\/div>\r\n <div class=\"v-lbl\">Puertas de<br>carga\r\n <\/div>\r\n <\/div>\r\n <div class=\"v-stat\">\r\n <div class=\"v-num\" data-anim=\"fade-up\" data-delay=\"300\">24\/7<\/div>\r\n <div class=\"v-lbl\">Acceso<br>WMS\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"ebook\">\r\n <div class=\"ebook-layout\">\r\n <div>\r\n <div class=\"eyebrow eyebrow-gold\" data-anim=\"fade-up\">Descarga gratuita<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\">Optimiza tu log\u00edstica <em>transfronteriza<\/em> desde hoy<\/h2>\r\n <p class=\"ebook-copy\" data-anim=\"fade-up\" data-delay=\"200\">Descarga nuestro manual pr\u00e1ctico y aprende a reducir tiempos de entrega, eliminar costos ocultos y gestionar el cumplimiento aduanal en el corredor El Paso\u2013Ju\u00e1rez.<\/p>\r\n <ul class=\"ebook-checks\">\r\n <li data-anim=\"fade-left\" data-delay=\"150\">Estrategias de almacenamiento fronterizo (cross-dock, in & out, corto plazo)<\/li>\r\n <li data-anim=\"fade-left\" data-delay=\"250\">Fundamentos del comercio transfronterizo USMCA \/ IMMEX<\/li>\r\n <li data-anim=\"fade-left\" data-delay=\"350\">Gu\u00eda de transporte terrestre, a\u00e9reo y mar\u00edtimo<\/li>\r\n <li data-anim=\"fade-left\" data-delay=\"450\">Checklist de 30\u201360 d\u00edas para estabilizar tu operaci\u00f3n<\/li>\r\n <li data-anim=\"fade-left\" data-delay=\"550\">Plantilla de Piloto Fronterizo de 30 d\u00edas lista para usar<\/li>\r\n <\/ul>\r\n <div style=\"display:flex; justify-content:flex-start;\" data-anim=\"zoom-in\" data-delay=\"300\">\r\n <div class=\"book\">\r\n <div class=\"book-spine\"><\/div>\r\n <div class=\"book-front\">\r\n <div>\r\n <div class=\"b-label\">Manual Pr\u00e1ctico \u00b7 Descarga Gratis<\/div>\r\n <div class=\"b-logo\">\r\n <svg width=\"20\" height=\"16\" viewBox=\"0 0 64 54\" fill=\"none\">\r\n <use href=\"#globe\"\/>\r\n <\/svg>\r\n <span class=\"b-logo-name\">BUCKLAND<\/span>\r\n <\/div>\r\n <div class=\"b-title\">C\u00d3MO OPTIMIZAR<br>LA LOG\u00cdSTICA<br>TRANSFRONTERIZA<br>EN EL PASO\u2013JU\u00c1REZ\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"b-sub\">Un manual pr\u00e1ctico para cadenas de suministro automotriz, industrial y de suministros m\u00e9dicos.<\/div>\r\n <div class=\"b-bar\"><\/div>\r\n <div class=\"b-tag\">\ud83d\udce5 Descarga Gratuita<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div>\r\n <div class=\"ebook-card\" data-anim=\"fade-left\" data-delay=\"100\">\r\n <div class=\"ec-tag\">\ud83d\udcd8 E-Book Gratuito<\/div>\r\n <h3>Recibe tu manual al instante<\/h3>\r\n <p class=\"ec-sub\">Solo necesitamos tu nombre y correo. Te enviamos el PDF de inmediato, sin spam ni compromisos.<\/p>\r\n <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script>\r\n <script src=\"https:\/\/js.hsforms.net\/forms\/embed\/47600031.js\" defer><\/script>\r\n <div class=\"hs-form-frame\" data-region=\"na1\" data-form-id=\"29f748e0-d744-45cb-9dc3-4b43eb138075\" data-portal-id=\"47600031\"><\/div>\r\n <div class=\"includes\">\r\n <div class=\"includes-hd\">Qu\u00e9 incluye:<\/div>\r\n <ul>\r\n <li>25 p\u00e1ginas de contenido accionable<\/li>\r\n <li>Tablas de decisi\u00f3n y checklists<\/li>\r\n <li>Plantilla piloto de 30 d\u00edas<\/li>\r\n <li>Gu\u00eda de roles y traspasos RACI<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"servicios\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"srv-top rev\">\r\n <div>\r\n <div class=\"eyebrow\" data-anim=\"fade-up\">Servicios<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\">Todo lo que necesitas <em>en un solo lugar<\/em><\/h2>\r\n <p class=\"lead\" style=\"margin-top:14px;\">Nuestro sistema WMS te permite acceder en tiempo real a inventario, historial de env\u00edos y documentaci\u00f3n cr\u00edtica.<\/p>\r\n <ul class=\"trust-list\">\r\n <li>Metodolog\u00edas 5S, 8D y QIS<\/li>\r\n <li>USMCA, IMMEX y cumplimiento normativo<\/li>\r\n <li>OS&D en tiempo real + evidencia fotogr\u00e1fica<\/li>\r\n <li>Agentes certificados en M\u00e9xico y EE.UU.<\/li>\r\n <li>Instalaciones modernas y seguras<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div style=\"border-radius:var(--radius); overflow:hidden; height:340px; position:relative;\" data-anim=\"zoom-in\" data-delay=\"200\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586528116311-ad8dd3c8310d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wyMDkyMnwwfDF8c2VhcmNofDN8fHdhcmVob3VzZXxlbnwwfHx8fDE3NzQwNDQ0OTV8MA&ixlib=rb-4.1.0&q=80&w=1080\" alt=\"Interior de almac\u00e9n Buckland El Paso\" style=\"width:100%; height:100%; object-fit:cover; display:block;\" loading=\"lazy\">\r\n <div style=\"position:absolute; inset:0; background:linear-gradient(to top, rgba(26,38,84,.55) 0%, transparent 50%);\"><\/div>\r\n <div style=\"position:absolute; bottom:18px; left:18px; right:18px;\">\r\n <div style=\"font-family:var(--font-display); font-weight:600; font-size:11px; text-transform:uppercase; letter-spacing:2px; color:var(--gold); margin-bottom:4px;\">El Paso, Texas<\/div>\r\n <div style=\"font-family:var(--font-display); font-weight:700; font-size:18px; color:var(--white); line-height:1.2;\">66,000 ft\u00b2 \u00b7 Instalaciones de vanguardia<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"adv-grid rev\">\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"0\">\r\n <div class=\"adv-icon\">\ud83d\udce6<\/div>\r\n <h4>Cross-Docking<\/h4>\r\n <p>Recibimos y despachamos el mismo d\u00eda para flujos de alta velocidad.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"80\">\r\n <div class=\"adv-icon\">\ud83d\udda5\ufe0f<\/div>\r\n <h4>WMS 24\/7<\/h4>\r\n <p>Tracking, documentos y notificaciones autom\u00e1ticas en tiempo real.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"160\">\r\n <div class=\"adv-icon\">\ud83d\udec2<\/div>\r\n <h4>Aduanas Integradas<\/h4>\r\n <p>Corretaje en EE.UU. y M\u00e9xico, HTS, USMCA\/IMMEX.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"240\">\r\n <div class=\"adv-icon\">\ud83d\udd0d<\/div>\r\n <h4>Control de Calidad<\/h4>\r\n <p>5S, 8D, QIS. Inspecciones con evidencia fotogr\u00e1fica y reporte OS&D.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"0\">\r\n <div class=\"adv-icon\">\ud83c\udf81<\/div>\r\n <h4>Pick & Pack \/ Kitting<\/h4>\r\n <p>Armado de kits, etiquetado y retrabajo ligero en frontera.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"80\">\r\n <div class=\"adv-icon\">\ud83d\udcca<\/div>\r\n <h4>Reportes a Demanda<\/h4>\r\n <p>WOI\/WOO, conteos de inventario y paneles personalizados.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"160\">\r\n <div class=\"adv-icon\">\u2699\ufe0f<\/div>\r\n <h4>EDI \/ SFTP<\/h4>\r\n <p>Integraci\u00f3n directa con tu TMS\/ERP y notificaciones push.<\/p>\r\n <\/div>\r\n <div class=\"adv-card\" data-anim=\"fade-up\" data-delay=\"240\">\r\n <div class=\"adv-icon\">\ud83d\ude9b<\/div>\r\n <h4>Transporte Coordinado<\/h4>\r\n <p>FTL\/LTL, milk-runs, drop-and-hook y urgentes pre-aprobados.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"srv-cta\" data-anim=\"fade-up\">\r\n <div>\r\n <h3>\u00bfListo para visitar nuestras instalaciones?<\/h3>\r\n <p>Agenda una visita presencial y conoce de primera mano c\u00f3mo operamos en El Paso.<\/p>\r\n <\/div>\r\n <a href=\"#contacto\" class=\"btn btn-navy btn-lg\">Programa tu visita \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"quote-band\">\r\n <div class=\"quote-inner rev\">\r\n <p class=\"q-text\" data-anim=\"fade-up\">\r\n \"Si no opera como todas las dem\u00e1s empresas,<br>\r\n es importante que no se le trate <strong>como a todas las dem\u00e1s empresas.<\/strong>\" <\/p>\r\n <div class=\"q-source\" data-anim=\"fade-up\" data-delay=\"200\">Filosof\u00eda Buckland \u00b7 Warehousing & Distribution<\/div>\r\n <div style=\"margin-top:28px;\" data-anim=\"zoom-in\" data-delay=\"300\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Dise\u00f1a tu soluci\u00f3n a medida<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"faq\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\" data-anim=\"fade-up\" style=\"margin-bottom:16px;\">Preguntas Frecuentes<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\" style=\"margin-bottom:44px;\">Resolvemos tus dudas <em>antes de empezar<\/em><\/h2>\r\n <div class=\"faq-layout\">\r\n <div class=\"faq-side\" data-anim=\"fade-right\">\r\n <h3>\u00bfTienes otra pregunta?<\/h3>\r\n <p>Nuestro equipo de especialistas est\u00e1 disponible para resolver cualquier duda. Respondemos en menos de 1 d\u00eda h\u00e1bil.<\/p>\r\n <div class=\"faq-cbox\">\r\n <div class=\"faq-cbox-row\">\r\n <div class=\"faq-ci\">\ud83d\udcde<\/div>\r\n <div>\r\n <p>Ll\u00e1manos<\/p>\r\n <a href=\"tel:+18888066444\">+1 (888) 806-6444<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-cbox-row\">\r\n <div class=\"faq-ci\">\u2709\ufe0f<\/div>\r\n <div>\r\n <p>Escr\u00edbenos<\/p>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#057664696076456770666e69646b612b666a68\"><span class=\"__cf_email__\" data-cfemail=\"1a697b767f695a786f7971767b747e34797577\"><a href=\"mailto:\"><\/a><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-cbox-row\">\r\n <div class=\"faq-ci\">\ud83c\udf10<\/div>\r\n <div>\r\n <p>Evaluaci\u00f3n gratuita<\/p>\r\n <a href=\"https:\/\/www.buckland.com\/el-paso-warehouse\" target=\"_blank\">buckland.com\/el-paso-warehouse<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-list\" data-anim=\"fade-left\" data-delay=\"150\">\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfQu\u00e9 informes de almac\u00e9n e inventarios est\u00e1n disponibles? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>El WMS de Buckland genera reportes por WOI (Work Order Incoming) y WOO (Work Order Outgoing). Cada referencia incluye cantidades, estados, fechas, proveedor y documentaci\u00f3n completa del env\u00edo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfBuckland guarda fotograf\u00edas de los env\u00edos? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>S\u00ed. Cada WOO requiere fotografiar el remolque cargado antes del despacho. Las im\u00e1genes se almacenan en el portal y ofrecen evidencia invaluable para cualquier reclamaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfQu\u00e9 informaci\u00f3n est\u00e1 accesible en tiempo real? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>Toda la informaci\u00f3n de WOI: n\u00famero de pieza, cantidad, proveedor, BL\/ProID, flete, fecha y hora de llegada y documentaci\u00f3n adjunta. Tambi\u00e9n historial completo de salidas e inventario actualizado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfEl sistema env\u00eda notificaciones autom\u00e1ticas? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>S\u00ed. Notificaciones configurables por usuario desde la llegada, creaci\u00f3n de WOI, generaci\u00f3n, estado de carga hasta el despacho final. Todo en tiempo real por correo electr\u00f3nico.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfQu\u00e9 pasa con las discrepancias en un env\u00edo? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>Cualquier discrepancia se reporta v\u00eda OS&D (Over, Short & Damage) a todos los clientes. El portal gestiona las incidencias con acciones definidas por cada cliente, incluyendo evidencia fotogr\u00e1fica.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-it\">\r\n <button class=\"faq-btn\" onclick=\"tFaq(this)\">\u00bfPueden realizar operaciones de Cross-dock o Transload? <span class=\"faq-icon\">+<\/span>\r\n <\/button>\r\n <div class=\"faq-ans\">\r\n <p>S\u00ed. Todos los env\u00edos se inspeccionan para validar paletas y confirmar el BL. Las operaciones de Crossdock se ejecutan de puerta a puerta con precisi\u00f3n y dentro del tiempo acordado.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section id=\"contacto\" class=\"sec\">\r\n <div class=\"wrap\">\r\n <div class=\"eyebrow\" data-anim=\"fade-up\" style=\"margin-bottom:14px;\">Cotizaci\u00f3n Gratuita<\/div>\r\n <h2 data-anim=\"fade-up\" data-delay=\"100\" style=\"margin-bottom:44px; max-width:660px;\">Si necesitas una cotizaci\u00f3n para almacenamiento y distribuci\u00f3n, <em>cont\u00e1ctanos hoy<\/em><\/h2>\r\n <div class=\"cont-layout\">\r\n <div data-anim=\"fade-right\">\r\n <p class=\"cont-lead\">Habla con nuestros especialistas y descubre c\u00f3mo podemos mejorar tu cadena de suministro. Respondemos a todas las solicitudes dentro de 1 d\u00eda h\u00e1bil.<\/p>\r\n <div class=\"ci-list\">\r\n <div class=\"ci\">\r\n <div class=\"ci-ic\">\ud83d\udcde<\/div>\r\n <div>\r\n <p>Ll\u00e1manos<\/p>\r\n <a href=\"tel:+18888066444\">+1 (888) 806-6444<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ci\">\r\n <div class=\"ci-ic\">\u2709\ufe0f<\/div>\r\n <div>\r\n <p>Correo<\/p>\r\n <a href=\"\/cdn-cgi\/l\/email-protection#1261737e776152706771797e737c763c717d7f\"><span class=\"__cf_email__\" data-cfemail=\"bfccded3daccffddcadcd4d3ded1db91dcd0d2\"><a href=\"mailto:\"><\/a><\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ci\">\r\n <div class=\"ci-ic\">\ud83c\udf10<\/div>\r\n <div>\r\n <p>Evaluaci\u00f3n gratuita<\/p>\r\n <a href=\"https:\/\/www.buckland.com\/el-paso-warehouse\" target=\"_blank\">buckland.com\/el-paso-warehouse<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ci\">\r\n <div class=\"ci-ic\">\ud83d\udccd<\/div>\r\n <div>\r\n <p>Ubicaci\u00f3n<\/p>\r\n <strong>El Paso, Texas \u00b7 Corredor I-10<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"spec-box\">\r\n <div class=\"spec-icon\">\ud83d\udcde<\/div>\r\n <div class=\"spec-text\">\r\n <p>Tenemos un especialista listo para tu llamada.<\/p>\r\n <span>Deja que Buckland ayude a tu empresa a <em>Reaching Beyond Borders<\/em>.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div data-anim=\"fade-left\" data-delay=\"150\" id=\"formulario\">\r\n <div class=\"contact-card\">\r\n <div class=\"ct\">Obt\u00e9n una cotizaci\u00f3n:<\/div>\r\n <div class=\"cs\">Completa el formulario y te contactamos en 1 d\u00eda h\u00e1bil.<\/div>\r\n <script src=\"https:\/\/js.hsforms.net\/forms\/embed\/47600031.js\" defer><\/script>\r\n <div class=\"hs-form-frame\" data-region=\"na1\" data-form-id=\"7e89cf71-8f76-4253-9ac0-ede1f0176d1d\" data-portal-id=\"47600031\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <div class=\"closing\">\r\n <div class=\"closing-bg\"><\/div>\r\n <div class=\"closing-overlay\"><\/div>\r\n <div class=\"wrap closing-inner\" data-anim=\"fade-up\">\r\n <h2>\u00bfListo para tu siguiente movimiento <em>con Buckland?<\/em><\/h2>\r\n <p class=\"sub\">Buckland El Paso est\u00e1 aqu\u00ed para ofrecerte el espacio, servicio y soporte que necesitas para llevar tus operaciones al siguiente nivel.<\/p>\r\n <div class=\"btn-row\">\r\n <a href=\"#contacto\" class=\"btn btn-gold btn-lg\">Solicitar cotizaci\u00f3n<\/a>\r\n <a href=\"#ebook\" class=\"btn btn-ghost-white btn-lg\">Descargar E-Book gratis<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script>\r\n <script>\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SCROLL ANIMATION ENGINE\r\n Observes [data-anim] elements and triggers .anim-in\r\n with optional stagger via data-delay\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function() {\r\n \/* Mark body so CSS hides [data-anim] elements only when observer is active *\/\r\n document.body.classList.add('js-anim-ready');\r\n\r\n const animObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('anim-in');\r\n animObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n document.querySelectorAll('[data-anim]').forEach(function(el) {\r\n animObserver.observe(el);\r\n });\r\n\r\n \/* Fallback: force-show everything after 3s *\/\r\n setTimeout(function() {\r\n document.querySelectorAll('[data-anim]:not(.anim-in)').forEach(function(el) {\r\n el.classList.add('anim-in');\r\n });\r\n }, 3000);\r\n})();\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n COUNTER ANIMATION\r\n Elements with [data-count] animate from 0\r\n to the target value when they enter viewport\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction animateCount(el, target, suffix, duration) {\r\n var start = 0;\r\n var startTime = null;\r\n var isFloat = target % 1 !== 0;\r\n\r\n function step(timestamp) {\r\n if (!startTime) startTime = timestamp;\r\n var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n var ease = 1 - Math.pow(1 - progress, 3); \/\/ easeOutCubic\r\n var current = start + (target - start) * ease;\r\n el.textContent = (isFloat ? current.toFixed(1) : Math.round(current)) + suffix;\r\n if (progress < 1) requestAnimationFrame(step);\r\n }\r\n requestAnimationFrame(step);\r\n}\r\n\r\nvar countObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting && !entry.target.dataset.counted) {\r\n entry.target.dataset.counted = '1';\r\n var target = parseFloat(entry.target.dataset.count);\r\n var suffix = entry.target.dataset.suffix || '';\r\n animateCount(entry.target, target, suffix, 1400);\r\n }\r\n });\r\n}, { threshold: 0.5 });\r\n\r\ndocument.querySelectorAll('[data-count]').forEach(function(el) {\r\n countObserver.observe(el);\r\n});\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n PARALLAX \u2014 subtle hero bg shift on scroll\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nvar heroBg = document.querySelector('.hero-bg-img');\r\nif (heroBg) {\r\n window.addEventListener('scroll', function() {\r\n var scrolled = window.pageYOffset;\r\n heroBg.style.transform = 'translateY(' + scrolled * 0.25 + 'px)';\r\n }, { passive: true });\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FAQ\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction tFaq(btn) {\r\n var item = btn.closest('.faq-it');\r\n var open = item.classList.contains('open');\r\n document.querySelectorAll('.faq-it').forEach(function(i) { i.classList.remove('open'); });\r\n if (!open) item.classList.add('open');\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n FORM HANDLERS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction handleEbook(e) {\r\n e.preventDefault();\r\n var btn = document.getElementById('ebookBtn');\r\n btn.textContent = '\u2713 \u00a1Revisa tu correo! El manual est\u00e1 en camino.';\r\n btn.style.cssText = 'background:var(--navy);border-color:var(--navy);color:#fff;width:100%;justify-content:center;padding:14px;border-radius:4px;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.4px;display:flex;align-items:center;cursor:default;';\r\n btn.disabled = true;\r\n}\r\n\r\nfunction handleContact(e) {\r\n e.preventDefault();\r\n var btn = document.getElementById('submitBtn');\r\n btn.textContent = '\u2713 \u00a1Solicitud recibida! Te contactamos pronto.';\r\n btn.style.cssText = 'background:var(--navy);border-color:var(--navy);color:#fff;width:100%;justify-content:center;padding:14px;border-radius:4px;font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.4px;display:flex;align-items:center;cursor:default;';\r\n btn.disabled = true;\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SMOOTH SCROLL\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {\r\n a.addEventListener('click', function(e) {\r\n var target = document.querySelector(a.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n window.scrollTo({ top: target.offsetTop - 20, behavior: 'smooth' });\r\n }\r\n });\r\n});\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n NAVBAR \u2014 sticky scroll shadow + mobile menu\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function() {\r\n var nav = document.getElementById('mainNav');\r\n var burger = document.getElementById('navBurger');\r\n var mobile = document.getElementById('navMobile');\r\n var closeBtn = document.getElementById('navClose');\r\n\r\n \/\/ Sticky shadow\r\n window.addEventListener('scroll', function() {\r\n if (window.scrollY > 10) {\r\n nav.classList.add('scrolled');\r\n } else {\r\n nav.classList.remove('scrolled');\r\n }\r\n }, { passive: true });\r\n\r\n \/\/ Open mobile menu\r\n burger && burger.addEventListener('click', function() {\r\n mobile.classList.add('open');\r\n burger.setAttribute('aria-expanded', 'true');\r\n document.body.style.overflow = 'hidden';\r\n });\r\n\r\n \/\/ Close mobile menu\r\n function closeMobile() {\r\n mobile.classList.remove('open');\r\n burger && burger.setAttribute('aria-expanded', 'false');\r\n document.body.style.overflow = '';\r\n }\r\n closeBtn && closeBtn.addEventListener('click', closeMobile);\r\n\r\n \/\/ Close on link click\r\n var mobileLinks = mobile ? mobile.querySelectorAll('.nav-mobile-link, .btn') : [];\r\n mobileLinks.forEach(function(link) {\r\n link.addEventListener('click', closeMobile);\r\n });\r\n\r\n \/\/ Close on ESC\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && mobile.classList.contains('open')) closeMobile();\r\n });\r\n\r\n \/\/ Active link on scroll\r\n var sections = document.querySelectorAll('section[id]');\r\n var navLinks = document.querySelectorAll('.nav-link');\r\n window.addEventListener('scroll', function() {\r\n var scrollY = window.scrollY + 120;\r\n sections.forEach(function(sec) {\r\n if (scrollY >= sec.offsetTop && scrollY < sec.offsetTop + sec.offsetHeight) {\r\n navLinks.forEach(function(l) { l.classList.remove('active'); });\r\n var active = document.querySelector('.nav-link[href=\"#' + sec.id + '\"]');\r\n if (active) active.classList.add('active');\r\n }\r\n });\r\n }, { passive: true });\r\n})();\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n HERO WORD ANIMATION \u2014 stagger kicker + h1\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n(function() {\r\n var h1 = document.querySelector('#hero h1');\r\n if (!h1) return;\r\n var html = h1.innerHTML;\r\n \/\/ Wrap text nodes in spans but preserve HTML tags\r\n h1.innerHTML = html.replace(\/(<[^>]+>)|([^<]+)\/g, function(m, tag, txt) {\r\n if (tag) return tag;\r\n ret<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38f3e6e e-flex e-con-boxed e-con e-parent\" data-id=\"38f3e6e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a28e5ec e-con-full e-flex e-con e-child\" data-id=\"a28e5ec\" data-element_type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85c8ce3 elementor-widget elementor-widget-heading\" data-id=\"85c8ce3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Services<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a99990 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"4a99990\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/customs-brokerage-services\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Customs Brokerage Services<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/freight-forwarding-logistics\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">International Freight<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/freight-forwarding-logistics\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Forwarding & Logistics<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/international-trade-compliance-consulting\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">International Trade<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/international-trade-compliance-consulting\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Compliance & Consulting<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/trade-technology-solutions\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Trade Technology Solutions<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/warehousing-distribution\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Warehousing & Distribution<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/buckland-transportation\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Buckland Transportation<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/mexican-trade-lane\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Mexican Trade Lane<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a04e50 e-con-full e-flex e-con e-child\" data-id=\"5a04e50\" data-element_type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-879d4b0 elementor-widget elementor-widget-heading\" data-id=\"879d4b0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">USA Office:<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d8a6da elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5d8a6da\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(810) 966-1480<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(888) 806-1156<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30cfe7b elementor-widget elementor-widget-heading\" data-id=\"30cfe7b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Canadian Office:<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0d959c elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"d0d959c\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(519) 631-4944<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">(800) 991-4944<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e700266 e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"e700266\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-x-twitter elementor-repeater-item-6feec3f\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">X-twitter<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-x-twitter\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-6dfc380\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-youtube\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-repeater-item-07be455\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-efa14fa e-con-full e-flex e-con e-child\" data-id=\"efa14fa\" data-element_type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c4deab e-flex e-con-boxed e-con e-parent\" data-id=\"1c4deab\" data-element_type=\"container\" data-settings=\"{"background_background":"classic","jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bde94f elementor-icon-list--layout-inline elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5bde94f\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-copyright\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 448c-110.532 0-200-89.451-200-200 0-110.531 89.451-200 200-200 110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200zm107.351-101.064c-9.614 9.712-45.53 41.396-104.065 41.396-82.43 0-140.484-61.425-140.484-141.567 0-79.152 60.275-139.401 139.762-139.401 55.531 0 88.738 26.62 97.593 34.779a11.965 11.965 0 0 1 1.936 15.322l-18.155 28.113c-3.841 5.95-11.966 7.282-17.499 2.921-8.595-6.776-31.814-22.538-61.708-22.538-48.303 0-77.916 35.33-77.916 80.082 0 41.589 26.888 83.692 78.277 83.692 32.657 0 56.843-19.039 65.726-27.225 5.27-4.857 13.596-4.039 17.82 1.738l19.865 27.17a11.947 11.947 0 0 1-1.152 15.518z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">2026 Buckland Customs Brokers Ltd. <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/es\/\/privacy-policy\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Privacy Policy <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/terms-conditions\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Terms & Conditions<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/es\/\/accessibility\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Accessibility <\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5461ee3 e-flex e-con-boxed e-con e-parent\" data-id=\"5461ee3\" data-element_type=\"container\" data-settings=\"{"jet_parallax_layout_list":[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Almac\u00e9n El Paso, Texas | Warehousing & Distribuci\u00f3n Fronteriza | Buckland +1 (915) 500-0000 Lun–Vie · 8 AM–6 PM MT El Paso · I-10 Corridor ¿Por qué El Paso? Solución Ventaja Buckland Servicios FAQ E-Book Gratis 📞 Llamar Cotización Gratuita ✕ ¿Por qué El Paso? Solución Ventaja Buckland Servicios FAQ 📖 E-Book Gratis Cotización Gratuita […]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6712","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/comments?post=6712"}],"version-history":[{"count":67,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712\/revisions"}],"predecessor-version":[{"id":6829,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712\/revisions\/6829"}],"wp:attachment":[{"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/media?parent=6712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}