Almac\u00e9n El Paso, Texas | Warehousing & Distribuci\u00f3n Fronteriza | Buckland<\/title> \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.\"> \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"> \n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin> \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap\" rel=\"stylesheet\"> \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\n NAVBAR\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\n HERO \u2014 dark navy, real background image\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: 180px 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\n PROBLEMA (white)\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\n SOLUCI\u00d3N (light)\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\n BUCKLAND ADVANTAGE PHOTO BAND\n Full-width split: image left \/ copy right\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\n VENTAJA \u2014 full width, no image, clean layout\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),\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\n EBOOK (navy)\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\n SERVICIOS (white) \u2014 with photo accent\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\n PHOTO QUOTE BAND (full-width image + overlay)\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\n FAQ (light)\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\n CONTACTO (white)\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: 20px; 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\n CLOSING BAND (navy + photo texture)\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\n FOOTER\n RESPONSIVE \u2014 TABLET \u2264 1020px\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: 180px 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\n RESPONSIVE \u2014 MOBILE \u2264 640px\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: 180px 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\n RESPONSIVE \u2014 SMALL MOBILE \u2264 380px\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\n SCROLL ANIMATIONS \u2014 reveal system\n Classes applied by IntersectionObserver:\n data-anim=\"fade-up\" \u2192 default, fade + rise\n data-anim=\"fade-left\" \u2192 slide from left\n data-anim=\"fade-right\" \u2192 slide from right\n data-anim=\"zoom-in\" \u2192 scale up + fade\n data-anim=\"fade\" \u2192 pure fade\n data-anim=\"count\" \u2192 number counter trigger\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> \n <\/head> \n <body> \n  \n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\"> \n <symbol id=\"globe\" viewBox=\"0 0 64 54\"> \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\"\/> \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\"\/> \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\"\/> \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\"\/> \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\"\/> \n <\/symbol> \n <\/svg> \n  \n <a href=\"tel:+19155000000\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> \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\"\/> \n <\/svg> \n +1 (915) 500-0000 <\/a> \n <a href=\"\/cdn-cgi\/l\/email-protection#cfaaa3bfaebca08fadbaaca4a3aea1abe1aca0a2\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> \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\"\/> \n <polyline points=\"22,6 12,12 2,6\"\/> \n <\/svg> <a href=\"mailto:\"><\/a> <\/a> \n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> \n <circle cx=\"12\" cy=\"12\" r=\"10\"\/> \n <polyline points=\"12 6 12 12 16 14\"\/> \n <\/svg> \n Lun–Vie · 8 AM–6 PM MT \n El Paso · I-10 Corridor \n  \n <nav id=\"mainNav\"> \n  \n <a href=\"https:\/\/www.buckland.com\" 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> \n  \n <a href=\"#problema\">¿Por qué El Paso?<\/a> \n <a href=\"#solucion\">Solución<\/a> \n <a href=\"#ventaja\">Ventaja Buckland<\/a> \n <a href=\"#servicios\">Servicios<\/a> \n <a href=\"#faq\">FAQ<\/a> \n <a href=\"#ebook\">E-Book Gratis<\/a> \n  \n <a href=\"tel:+528671975506\">📞 Llamar<\/a> \n <a href=\"#contacto\">Cotización Gratuita<\/a> \n  \n <button id=\"navBurger\" aria-label=\"Abrir menú\" aria-expanded=\"false\"> \n <\/button> \n <\/nav> \n  \n  \n <img decoding=\"async\" src=\"BucklandLogoColour.png\" alt=\"Buckland\" height=\"36\" width=\"auto\"> \n <button id=\"navClose\" aria-label=\"Cerrar menú\">✕<\/button> \n <a href=\"#problema\">¿Por qué El Paso?<\/a> \n <a href=\"#solucion\">Solución<\/a> \n <a href=\"#ventaja\">Ventaja Buckland<\/a> \n <a href=\"#servicios\">Servicios<\/a> \n <a href=\"#faq\">FAQ<\/a> \n <a href=\"#ebook\">📖 E-Book Gratis<\/a> \n <a href=\"#contacto\">Cotización Gratuita<\/a> \n <a href=\"tel:+19155000000\">📞 +1 (915) 500-0000<\/a> \n  \n <section id=\"hero\"> \n  \n El Paso, Texas \u00b7 Corredor I-10 \n <h1> <em>Optimiza tu cadena de<\/em><br> \n suministro <strong>con<\/strong><br> Buckland El Paso <\/h1> \n <p style=\"margin-top:18px;\"> \n Almacenamiento y distribuci\u00f3n <strong>a tu medida<\/strong> en la frontera sur de EE.UU.\n Reducimos costos, eliminamos retrasos y gestionamos el cumplimiento aduanal\n para que tus operaciones fluyan sin obst\u00e1culos. <\/p> \n <a href=\"#contacto\">Obt\u00e9n una cotizaci\u00f3n gratuita<\/a> \n <a href=\"#ebook\">Descargar E-Book gratis<\/a> \n 66K \n Pies cuadrados \n 24\/7 \n Acceso WMS \n 13 \n Puertas de carga \n 15' \n Del Pte. Zaragoza \n  \n Disponible Ahora \n 66,000 \n Square Feet \u00b7 El Paso, TX \n \ud83d\udce6 \n Cross-docking y almacenamiento flexible \n \ud83d\udda5\ufe0f \n WMS con tracking en tiempo real 24\/7 \n \ud83d\udd10 \n Centro de datos en sitio + CCTV \n \ud83d\ude9b \n Estacionamiento para 20 tr\u00e1ileres \n \ud83d\udec2 \n Agentes aduanales EE.UU. & M\u00e9xico \n <\/section> \n  \n <section id=\"problema\"> \n \u00bfTe sientes as\u00ed? \n <h2 data-anim=\"fade-up\" data-delay=\"100\">Tu log\u00edstica fronteriza <em>te cuesta m\u00e1s<\/em> de lo que crees<\/h2> \n <p>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> \n 7\u201312% \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> \n \ud83d\udd50 \n <h4>Retrasos impredecibles en frontera<\/h4> \n <p>Inspecciones variables, documentos incompletos y traspasos sin coordinar detienen tus env\u00edos cuando m\u00e1s importa.<\/p> \n \ud83d\udcb8 \n <h4>Costos ocultos que se acumulan<\/h4> \n <p>Env\u00edos urgentes, re-etiquetados y almacenamiento improvisado que nadie te anticipa.<\/p> \n \ud83d\udd0d \n <h4>Sin visibilidad de tu inventario<\/h4> \n <p>No saber d\u00f3nde est\u00e1 tu mercanc\u00eda hace imposible planear producci\u00f3n y cumplir con clientes.<\/p> \n \ud83d\udccb \n <h4>Cumplimiento aduanal complejo<\/h4> \n <p>USMCA, IMMEX, HTS: un solo error documental puede significar retenciones o multas regulatorias.<\/p> \n \ud83c\udfed \n <h4>Riesgo de paro de l\u00ednea<\/h4> \n <p>Sin inventario de respaldo cerca, un proveedor retrasado puede paralizar toda tu operaci\u00f3n.<\/p> \n <\/section> \n  \n <section id=\"solucion\"> \n La Soluci\u00f3n \n <h2>Almacenamiento <em>inteligente<\/em> en la frontera <strong>que funciona<\/strong><\/h2> \n <p 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> \n \ud83c\udfd7\ufe0f \n <h3>Instalaciones Modernas<\/h3> \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> \n \ud83d\udd04 \n <h3>Gesti\u00f3n Integral<\/h3> \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> \n \ud83d\udcbb \n <h3>Tecnolog\u00eda WMS 24\/7<\/h3> \n <p>Seguimiento en tiempo real, notificaciones autom\u00e1ticas por estado y reportes a demanda desde cualquier dispositivo.<\/p> \n \ud83d\uddfa\ufe0f \n <h3>Ubicaci\u00f3n Estrat\u00e9gica<\/h3> \n <p>A 15 minutos del Puente Zaragoza, corredor I-10. Acceso inmediato a las principales rutas de transporte.<\/p> \n \ud83d\udec2 \n <h3>Cumplimiento Aduanal<\/h3> \n <p>Tr\u00e1mites en EE.UU. y M\u00e9xico, HTS, USMCA\/IMMEX y servicios normativos en un solo proveedor confiable.<\/p> \n \u2699\ufe0f \n <h3>Personalizaci\u00f3n Total<\/h3> \n <p>Sistemas a tu medida: EDI, SFTP, notificaciones push y almacenamiento de datos completamente integrado.<\/p> \n <h3 style=\"color:var(--white);\">\u00bfListo para optimizar tu operaci\u00f3n fronteriza?<\/h3> \n <p style=\"color:rgba(255,255,255,.58);\">Habla con un especialista y dise\u00f1amos la soluci\u00f3n ideal para tu empresa.<\/p> \n <a href=\"#contacto\">Solicitar cotizaci\u00f3n gratuita<\/a> \n <\/section> \n  \n <section id=\"ventaja\"> \n  \n La Ventaja Buckland \n <h2>M\u00e1s de <em>70 a\u00f1os<\/em> cruzando fronteras<\/h2> \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> \n <a href=\"#contacto\">Habla con un especialista<\/a> \n <a href=\"#servicios\">Ver todos los servicios<\/a> \n <ul data-anim=\"fade-left\" data-delay=\"150\"> \n <li>Metodolog\u00edas 5S, 8D y QIS para control de calidad<\/li> \n <li>Expertos en USMCA, IMMEX y cumplimiento normativo<\/li> \n <li>Reporte OS&D en tiempo real + evidencia fotogr\u00e1fica<\/li> \n <li>Agentes aduanales certificados en M\u00e9xico y EE.UU.<\/li> \n <li>WMS propio con acceso 24\/7 desde cualquier dispositivo<\/li> \n <li>Inspecciones previas al despacho aduanal<\/li> \n <li>Soluciones personalizadas: EDI, SFTP, notificaciones push<\/li> \n <\/ul> \n  \n 66K \n ft\u00b2 \n Almac\u00e9n<br>El Paso, TX\n 70 \n + \n A\u00f1os de<br>experiencia\n 13 \n Puertas de<br>carga\n 24\/7 \n Acceso<br>WMS\n <\/section> \n  \n <section id=\"ebook\"> \n Descarga gratuita \n <h2 data-anim=\"fade-up\" data-delay=\"100\">Optimiza tu log\u00edstica <em>transfronteriza<\/em> desde hoy<\/h2> \n <p 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> \n <ul> \n <li data-anim=\"fade-left\" data-delay=\"150\">Estrategias de almacenamiento fronterizo (cross-dock, in & out, corto plazo)<\/li> \n <li data-anim=\"fade-left\" data-delay=\"250\">Fundamentos del comercio transfronterizo USMCA \/ IMMEX<\/li> \n <li data-anim=\"fade-left\" data-delay=\"350\">Gu\u00eda de transporte terrestre, a\u00e9reo y mar\u00edtimo<\/li> \n <li data-anim=\"fade-left\" data-delay=\"450\">Checklist de 30\u201360 d\u00edas para estabilizar tu operaci\u00f3n<\/li> \n <li data-anim=\"fade-left\" data-delay=\"550\">Plantilla de Piloto Fronterizo de 30 d\u00edas lista para usar<\/li> \n <\/ul> \n Manual Pr\u00e1ctico \u00b7 Descarga Gratis \n <svg width=\"20\" height=\"16\" viewBox=\"0 0 64 54\" fill=\"none\"> \n <use href=\"#globe\"\/> \n <\/svg> \n BUCKLAND \n C\u00d3MO OPTIMIZAR<br>LA LOG\u00cdSTICA<br>TRANSFRONTERIZA<br>EN EL PASO\u2013JU\u00c1REZ\n Un manual pr\u00e1ctico para cadenas de suministro automotriz, industrial y de suministros m\u00e9dicos. \n \ud83d\udce5 Descarga Gratuita \n \ud83d\udcd8 E-Book Gratuito \n <h3>Recibe tu manual al instante<\/h3> \n <p>Solo necesitamos tu nombre y correo. Te enviamos el PDF de inmediato, sin spam ni compromisos.<\/p> \n Qu\u00e9 incluye: \n <ul> \n <li>25 p\u00e1ginas de contenido accionable<\/li> \n <li>Tablas de decisi\u00f3n y checklists<\/li> \n <li>Plantilla piloto de 30 d\u00edas<\/li> \n <li>Gu\u00eda de roles y traspasos RACI<\/li> \n <\/ul> \n <\/section> \n  \n <section id=\"servicios\"> \n Servicios \n <h2 data-anim=\"fade-up\" data-delay=\"100\">Todo lo que necesitas <em>en un solo lugar<\/em><\/h2> \n <p 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> \n <ul> \n <li>Metodolog\u00edas 5S, 8D y QIS<\/li> \n <li>USMCA, IMMEX y cumplimiento normativo<\/li> \n <li>OS&D en tiempo real + evidencia fotogr\u00e1fica<\/li> \n <li>Agentes certificados en M\u00e9xico y EE.UU.<\/li> \n <li>Instalaciones modernas y seguras<\/li> \n <\/ul> \n  \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\"> \n El Paso, Texas \n 66,000 ft\u00b2 \u00b7 Instalaciones de vanguardia \n \ud83d\udce6 \n <h4>Cross-Docking<\/h4> \n <p>Recibimos y despachamos el mismo d\u00eda para flujos de alta velocidad.<\/p> \n \ud83d\udda5\ufe0f \n <h4>WMS 24\/7<\/h4> \n <p>Tracking, documentos y notificaciones autom\u00e1ticas en tiempo real.<\/p> \n \ud83d\udec2 \n <h4>Aduanas Integradas<\/h4> \n <p>Corretaje en EE.UU. y M\u00e9xico, HTS, USMCA\/IMMEX.<\/p> \n \ud83d\udd0d \n <h4>Control de Calidad<\/h4> \n <p>5S, 8D, QIS. Inspecciones con evidencia fotogr\u00e1fica y reporte OS&D.<\/p> \n \ud83c\udf81 \n <h4>Pick & Pack \/ Kitting<\/h4> \n <p>Armado de kits, etiquetado y retrabajo ligero en frontera.<\/p> \n \ud83d\udcca \n <h4>Reportes a Demanda<\/h4> \n <p>WOI\/WOO, conteos de inventario y paneles personalizados.<\/p> \n \u2699\ufe0f \n <h4>EDI \/ SFTP<\/h4> \n <p>Integraci\u00f3n directa con tu TMS\/ERP y notificaciones push.<\/p> \n \ud83d\ude9b \n <h4>Transporte Coordinado<\/h4> \n <p>FTL\/LTL, milk-runs, drop-and-hook y urgentes pre-aprobados.<\/p> \n <h3>\u00bfListo para visitar nuestras instalaciones?<\/h3> \n <p>Agenda una visita presencial y conoce de primera mano c\u00f3mo operamos en El Paso.<\/p> \n <a href=\"#contacto\">Programa tu visita \u2192<\/a> \n <\/section> \n  \n <section id=\"quote-band\"> \n <p data-anim=\"fade-up\"> \n \"Si no opera como todas las dem\u00e1s empresas,<br> \n es importante que no se le trate <strong>como a todas las dem\u00e1s empresas.<\/strong>\" <\/p> \n Filosof\u00eda Buckland \u00b7 Warehousing & Distribution \n <a href=\"#contacto\">Dise\u00f1a tu soluci\u00f3n a medida<\/a> \n <\/section> \n  \n <section id=\"faq\"> \n Preguntas Frecuentes \n <h2 data-anim=\"fade-up\" data-delay=\"100\" style=\"margin-bottom:44px;\">Resolvemos tus dudas <em>antes de empezar<\/em><\/h2> \n <h3>\u00bfTienes otra pregunta?<\/h3> \n <p>Nuestro equipo de especialistas est\u00e1 disponible para resolver cualquier duda. Respondemos en menos de 1 d\u00eda h\u00e1bil.<\/p> \n \ud83d\udcde \n <p>Ll\u00e1manos<\/p> \n <a href=\"tel:+528671975506\">+52 86 7197 - 5506<\/a> \n \u2709\ufe0f \n <p>Escr\u00edbenos<\/p> \n <a href=\"mailto:sales@buckland.com\">sales@buckland.com<\/a> \n \ud83c\udf10 \n <p>Evaluaci\u00f3n gratuita<\/p> \n <a href=\"https:\/\/www.buckland.com\/el-paso-warehouse\" target=\"_blank\">buckland.com\/el-paso-warehouse<\/a> \n <button onclick=\"tFaq(this)\">\u00bfQu\u00e9 informes de almac\u00e9n e inventarios est\u00e1n disponibles? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfBuckland guarda fotograf\u00edas de los env\u00edos? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfQu\u00e9 informaci\u00f3n est\u00e1 accesible en tiempo real? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfEl sistema env\u00eda notificaciones autom\u00e1ticas? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfQu\u00e9 pasa con las discrepancias en un env\u00edo? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfPueden realizar operaciones de Cross-dock o Transload? + \n <\/button> \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> \n <\/section> \n  \n <section id=\"contacto\"> \n Cotizaci\u00f3n Gratuita \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> \n <p>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> \n \ud83d\udcde \n <p>Ll\u00e1manos<\/p> \n <a href=\"tel:+528671975506\">+52 86 7197 - 5506<\/a> \n \u2709\ufe0f \n <p>Correo<\/p> \n <a href=\"mailto:sales@buckland.com\">sales@buckland.com<\/a> \n \ud83d\udccd \n <p>Ubicaci\u00f3n<\/p> \n <strong>El Paso, Texas \u00b7 Corredor I-10<\/strong> \n  \n \ud83d\udcde \n <p>Tenemos un especialista listo para tu llamada.<\/p> \n Deja que Buckland ayude a tu empresa a <em>Reaching Beyond Borders<\/em>. \n Obt\u00e9n una cotizaci\u00f3n: \n Completa el formulario y te contactamos en 1 d\u00eda h\u00e1bil. \n <\/section> \n  \n <h2>\u00bfListo para tu siguiente movimiento <em>con Buckland?<\/em><\/h2> \n <p>Buckland El Paso est\u00e1 aqu\u00ed para ofrecerte el espacio, servicio y soporte que necesitas para llevar tus operaciones al siguiente nivel.<\/p> \n <a href=\"#contacto\">Solicitar cotizaci\u00f3n<\/a> \n <a href=\"#ebook\">Descargar E-Book gratis<\/a> \n\t\t\t\t\t<h5>Services<\/h5>\t\t\t\t\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\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\t\t\t\t\t\t\t\t\t\t\tCustoms Brokerage Services\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>\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\t\t\t\t\t\t\t\t\t\t\tInternational Freight\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>\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\t\t\t\t\t\t\t\t\t\t\tForwarding & Logistics\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>\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\t\t\t\t\t\t\t\t\t\t\tInternational Trade\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>\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\t\t\t\t\t\t\t\t\t\t\tCompliance & Consulting\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>\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\t\t\t\t\t\t\t\t\t\t\tTrade Technology Solutions\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>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/warehousing-distribution\/\">\n\t\t\t\t\t\t\t\t\t\t\tWarehousing & Distribution\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>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/buckland-transportation\/\">\n\t\t\t\t\t\t\t\t\t\t\tBuckland Transportation\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>\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\t\t\t\t\t\t\t\t\t\t\tMexican Trade Lane\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<h5>USA Office:<\/h5>\t\t\t\t\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t(810) 966-1480\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t(888) 806-1156\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<h5>Canadian Office:<\/h5>\t\t\t\t\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t(519) 631-4944\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t(800) 991-4944\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<a target=\"_blank\">\n\t\t\t\t\t\tX-twitter\n\t\t\t\t\t\t<svg aria-hidden=\"true\" 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\t<a target=\"_blank\">\n\t\t\t\t\t\tYoutube\n\t\t\t\t\t\t<svg aria-hidden=\"true\" 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\t<a target=\"_blank\">\n\t\t\t\t\t\tLinkedin\n\t\t\t\t\t\t<svg aria-hidden=\"true\" 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\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" 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\n\t\t\t\t\t\t\t\t\t\t2026 Buckland Customs Brokers Ltd. \n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/es\/\/privacy-policy\">\n\t\t\t\t\t\t\t\t\t\t\tPrivacy Policy \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>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/terms-conditions\/\">\n\t\t\t\t\t\t\t\t\t\t\tTerms & Conditions\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>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/es\/\/accessibility\">\n\t\t\t\t\t\t\t\t\t\t\tAccessibility \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>","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":97,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712\/revisions"}],"predecessor-version":[{"id":6891,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712\/revisions\/6891"}],"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}]}}

{"id":6712,"date":"2026-03-20T17:08:32","date_gmt":"2026-03-20T21:08:32","guid":{"rendered":"https:\/\/www.buckland.com\/?page_id=6712"},"modified":"2026-05-12T02:53:36","modified_gmt":"2026-05-12T06:53:36","slug":"el-paso-warehouse-2026","status":"publish","type":"page","link":"https:\/\/www.buckland.com\/es\/el-paso-warehouse-2026\/","title":{"rendered":"El Paso Warehouse 2026"},"content":{"rendered":" \n \n \n \n \n Almac\u00e9n El Paso, Texas | Warehousing & Distribuci\u00f3n Fronteriza | Buckland<\/title> \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.\"> \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"> \n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin> \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap\" rel=\"stylesheet\"> \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\n NAVBAR\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\n HERO \u2014 dark navy, real background image\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: 180px 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\n PROBLEMA (white)\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\n SOLUCI\u00d3N (light)\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\n BUCKLAND ADVANTAGE PHOTO BAND\n Full-width split: image left \/ copy right\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\n VENTAJA \u2014 full width, no image, clean layout\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),\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\n EBOOK (navy)\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\n SERVICIOS (white) \u2014 with photo accent\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\n PHOTO QUOTE BAND (full-width image + overlay)\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\n FAQ (light)\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\n CONTACTO (white)\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: 20px; 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\n CLOSING BAND (navy + photo texture)\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\n FOOTER\n RESPONSIVE \u2014 TABLET \u2264 1020px\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: 180px 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\n RESPONSIVE \u2014 MOBILE \u2264 640px\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: 180px 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\n RESPONSIVE \u2014 SMALL MOBILE \u2264 380px\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\n SCROLL ANIMATIONS \u2014 reveal system\n Classes applied by IntersectionObserver:\n data-anim=\"fade-up\" \u2192 default, fade + rise\n data-anim=\"fade-left\" \u2192 slide from left\n data-anim=\"fade-right\" \u2192 slide from right\n data-anim=\"zoom-in\" \u2192 scale up + fade\n data-anim=\"fade\" \u2192 pure fade\n data-anim=\"count\" \u2192 number counter trigger\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> \n <\/head> \n <body> \n  \n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\"> \n <symbol id=\"globe\" viewBox=\"0 0 64 54\"> \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\"\/> \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\"\/> \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\"\/> \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\"\/> \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\"\/> \n <\/symbol> \n <\/svg> \n  \n <a href=\"tel:+19155000000\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> \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\"\/> \n <\/svg> \n +1 (915) 500-0000 <\/a> \n <a href=\"\/cdn-cgi\/l\/email-protection#cfaaa3bfaebca08fadbaaca4a3aea1abe1aca0a2\"> <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> \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\"\/> \n <polyline points=\"22,6 12,12 2,6\"\/> \n <\/svg> <a href=\"mailto:\"><\/a> <\/a> \n <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"> \n <circle cx=\"12\" cy=\"12\" r=\"10\"\/> \n <polyline points=\"12 6 12 12 16 14\"\/> \n <\/svg> \n Lun–Vie · 8 AM–6 PM MT \n El Paso · I-10 Corridor \n  \n <nav id=\"mainNav\"> \n  \n <a href=\"https:\/\/www.buckland.com\" 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> \n  \n <a href=\"#problema\">¿Por qué El Paso?<\/a> \n <a href=\"#solucion\">Solución<\/a> \n <a href=\"#ventaja\">Ventaja Buckland<\/a> \n <a href=\"#servicios\">Servicios<\/a> \n <a href=\"#faq\">FAQ<\/a> \n <a href=\"#ebook\">E-Book Gratis<\/a> \n  \n <a href=\"tel:+528671975506\">📞 Llamar<\/a> \n <a href=\"#contacto\">Cotización Gratuita<\/a> \n  \n <button id=\"navBurger\" aria-label=\"Abrir menú\" aria-expanded=\"false\"> \n <\/button> \n <\/nav> \n  \n  \n <img decoding=\"async\" src=\"BucklandLogoColour.png\" alt=\"Buckland\" height=\"36\" width=\"auto\"> \n <button id=\"navClose\" aria-label=\"Cerrar menú\">✕<\/button> \n <a href=\"#problema\">¿Por qué El Paso?<\/a> \n <a href=\"#solucion\">Solución<\/a> \n <a href=\"#ventaja\">Ventaja Buckland<\/a> \n <a href=\"#servicios\">Servicios<\/a> \n <a href=\"#faq\">FAQ<\/a> \n <a href=\"#ebook\">📖 E-Book Gratis<\/a> \n <a href=\"#contacto\">Cotización Gratuita<\/a> \n <a href=\"tel:+19155000000\">📞 +1 (915) 500-0000<\/a> \n  \n <section id=\"hero\"> \n  \n El Paso, Texas \u00b7 Corredor I-10 \n <h1> <em>Optimiza tu cadena de<\/em><br> \n suministro <strong>con<\/strong><br> Buckland El Paso <\/h1> \n <p style=\"margin-top:18px;\"> \n Almacenamiento y distribuci\u00f3n <strong>a tu medida<\/strong> en la frontera sur de EE.UU.\n Reducimos costos, eliminamos retrasos y gestionamos el cumplimiento aduanal\n para que tus operaciones fluyan sin obst\u00e1culos. <\/p> \n <a href=\"#contacto\">Obt\u00e9n una cotizaci\u00f3n gratuita<\/a> \n <a href=\"#ebook\">Descargar E-Book gratis<\/a> \n 66K \n Pies cuadrados \n 24\/7 \n Acceso WMS \n 13 \n Puertas de carga \n 15' \n Del Pte. Zaragoza \n  \n Disponible Ahora \n 66,000 \n Square Feet \u00b7 El Paso, TX \n \ud83d\udce6 \n Cross-docking y almacenamiento flexible \n \ud83d\udda5\ufe0f \n WMS con tracking en tiempo real 24\/7 \n \ud83d\udd10 \n Centro de datos en sitio + CCTV \n \ud83d\ude9b \n Estacionamiento para 20 tr\u00e1ileres \n \ud83d\udec2 \n Agentes aduanales EE.UU. & M\u00e9xico \n <\/section> \n  \n <section id=\"problema\"> \n \u00bfTe sientes as\u00ed? \n <h2 data-anim=\"fade-up\" data-delay=\"100\">Tu log\u00edstica fronteriza <em>te cuesta m\u00e1s<\/em> de lo que crees<\/h2> \n <p>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> \n 7\u201312% \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> \n \ud83d\udd50 \n <h4>Retrasos impredecibles en frontera<\/h4> \n <p>Inspecciones variables, documentos incompletos y traspasos sin coordinar detienen tus env\u00edos cuando m\u00e1s importa.<\/p> \n \ud83d\udcb8 \n <h4>Costos ocultos que se acumulan<\/h4> \n <p>Env\u00edos urgentes, re-etiquetados y almacenamiento improvisado que nadie te anticipa.<\/p> \n \ud83d\udd0d \n <h4>Sin visibilidad de tu inventario<\/h4> \n <p>No saber d\u00f3nde est\u00e1 tu mercanc\u00eda hace imposible planear producci\u00f3n y cumplir con clientes.<\/p> \n \ud83d\udccb \n <h4>Cumplimiento aduanal complejo<\/h4> \n <p>USMCA, IMMEX, HTS: un solo error documental puede significar retenciones o multas regulatorias.<\/p> \n \ud83c\udfed \n <h4>Riesgo de paro de l\u00ednea<\/h4> \n <p>Sin inventario de respaldo cerca, un proveedor retrasado puede paralizar toda tu operaci\u00f3n.<\/p> \n <\/section> \n  \n <section id=\"solucion\"> \n La Soluci\u00f3n \n <h2>Almacenamiento <em>inteligente<\/em> en la frontera <strong>que funciona<\/strong><\/h2> \n <p 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> \n \ud83c\udfd7\ufe0f \n <h3>Instalaciones Modernas<\/h3> \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> \n \ud83d\udd04 \n <h3>Gesti\u00f3n Integral<\/h3> \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> \n \ud83d\udcbb \n <h3>Tecnolog\u00eda WMS 24\/7<\/h3> \n <p>Seguimiento en tiempo real, notificaciones autom\u00e1ticas por estado y reportes a demanda desde cualquier dispositivo.<\/p> \n \ud83d\uddfa\ufe0f \n <h3>Ubicaci\u00f3n Estrat\u00e9gica<\/h3> \n <p>A 15 minutos del Puente Zaragoza, corredor I-10. Acceso inmediato a las principales rutas de transporte.<\/p> \n \ud83d\udec2 \n <h3>Cumplimiento Aduanal<\/h3> \n <p>Tr\u00e1mites en EE.UU. y M\u00e9xico, HTS, USMCA\/IMMEX y servicios normativos en un solo proveedor confiable.<\/p> \n \u2699\ufe0f \n <h3>Personalizaci\u00f3n Total<\/h3> \n <p>Sistemas a tu medida: EDI, SFTP, notificaciones push y almacenamiento de datos completamente integrado.<\/p> \n <h3 style=\"color:var(--white);\">\u00bfListo para optimizar tu operaci\u00f3n fronteriza?<\/h3> \n <p style=\"color:rgba(255,255,255,.58);\">Habla con un especialista y dise\u00f1amos la soluci\u00f3n ideal para tu empresa.<\/p> \n <a href=\"#contacto\">Solicitar cotizaci\u00f3n gratuita<\/a> \n <\/section> \n  \n <section id=\"ventaja\"> \n  \n La Ventaja Buckland \n <h2>M\u00e1s de <em>70 a\u00f1os<\/em> cruzando fronteras<\/h2> \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> \n <a href=\"#contacto\">Habla con un especialista<\/a> \n <a href=\"#servicios\">Ver todos los servicios<\/a> \n <ul data-anim=\"fade-left\" data-delay=\"150\"> \n <li>Metodolog\u00edas 5S, 8D y QIS para control de calidad<\/li> \n <li>Expertos en USMCA, IMMEX y cumplimiento normativo<\/li> \n <li>Reporte OS&D en tiempo real + evidencia fotogr\u00e1fica<\/li> \n <li>Agentes aduanales certificados en M\u00e9xico y EE.UU.<\/li> \n <li>WMS propio con acceso 24\/7 desde cualquier dispositivo<\/li> \n <li>Inspecciones previas al despacho aduanal<\/li> \n <li>Soluciones personalizadas: EDI, SFTP, notificaciones push<\/li> \n <\/ul> \n  \n 66K \n ft\u00b2 \n Almac\u00e9n<br>El Paso, TX\n 70 \n + \n A\u00f1os de<br>experiencia\n 13 \n Puertas de<br>carga\n 24\/7 \n Acceso<br>WMS\n <\/section> \n  \n <section id=\"ebook\"> \n Descarga gratuita \n <h2 data-anim=\"fade-up\" data-delay=\"100\">Optimiza tu log\u00edstica <em>transfronteriza<\/em> desde hoy<\/h2> \n <p 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> \n <ul> \n <li data-anim=\"fade-left\" data-delay=\"150\">Estrategias de almacenamiento fronterizo (cross-dock, in & out, corto plazo)<\/li> \n <li data-anim=\"fade-left\" data-delay=\"250\">Fundamentos del comercio transfronterizo USMCA \/ IMMEX<\/li> \n <li data-anim=\"fade-left\" data-delay=\"350\">Gu\u00eda de transporte terrestre, a\u00e9reo y mar\u00edtimo<\/li> \n <li data-anim=\"fade-left\" data-delay=\"450\">Checklist de 30\u201360 d\u00edas para estabilizar tu operaci\u00f3n<\/li> \n <li data-anim=\"fade-left\" data-delay=\"550\">Plantilla de Piloto Fronterizo de 30 d\u00edas lista para usar<\/li> \n <\/ul> \n Manual Pr\u00e1ctico \u00b7 Descarga Gratis \n <svg width=\"20\" height=\"16\" viewBox=\"0 0 64 54\" fill=\"none\"> \n <use href=\"#globe\"\/> \n <\/svg> \n BUCKLAND \n C\u00d3MO OPTIMIZAR<br>LA LOG\u00cdSTICA<br>TRANSFRONTERIZA<br>EN EL PASO\u2013JU\u00c1REZ\n Un manual pr\u00e1ctico para cadenas de suministro automotriz, industrial y de suministros m\u00e9dicos. \n \ud83d\udce5 Descarga Gratuita \n \ud83d\udcd8 E-Book Gratuito \n <h3>Recibe tu manual al instante<\/h3> \n <p>Solo necesitamos tu nombre y correo. Te enviamos el PDF de inmediato, sin spam ni compromisos.<\/p> \n Qu\u00e9 incluye: \n <ul> \n <li>25 p\u00e1ginas de contenido accionable<\/li> \n <li>Tablas de decisi\u00f3n y checklists<\/li> \n <li>Plantilla piloto de 30 d\u00edas<\/li> \n <li>Gu\u00eda de roles y traspasos RACI<\/li> \n <\/ul> \n <\/section> \n  \n <section id=\"servicios\"> \n Servicios \n <h2 data-anim=\"fade-up\" data-delay=\"100\">Todo lo que necesitas <em>en un solo lugar<\/em><\/h2> \n <p 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> \n <ul> \n <li>Metodolog\u00edas 5S, 8D y QIS<\/li> \n <li>USMCA, IMMEX y cumplimiento normativo<\/li> \n <li>OS&D en tiempo real + evidencia fotogr\u00e1fica<\/li> \n <li>Agentes certificados en M\u00e9xico y EE.UU.<\/li> \n <li>Instalaciones modernas y seguras<\/li> \n <\/ul> \n  \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\"> \n El Paso, Texas \n 66,000 ft\u00b2 \u00b7 Instalaciones de vanguardia \n \ud83d\udce6 \n <h4>Cross-Docking<\/h4> \n <p>Recibimos y despachamos el mismo d\u00eda para flujos de alta velocidad.<\/p> \n \ud83d\udda5\ufe0f \n <h4>WMS 24\/7<\/h4> \n <p>Tracking, documentos y notificaciones autom\u00e1ticas en tiempo real.<\/p> \n \ud83d\udec2 \n <h4>Aduanas Integradas<\/h4> \n <p>Corretaje en EE.UU. y M\u00e9xico, HTS, USMCA\/IMMEX.<\/p> \n \ud83d\udd0d \n <h4>Control de Calidad<\/h4> \n <p>5S, 8D, QIS. Inspecciones con evidencia fotogr\u00e1fica y reporte OS&D.<\/p> \n \ud83c\udf81 \n <h4>Pick & Pack \/ Kitting<\/h4> \n <p>Armado de kits, etiquetado y retrabajo ligero en frontera.<\/p> \n \ud83d\udcca \n <h4>Reportes a Demanda<\/h4> \n <p>WOI\/WOO, conteos de inventario y paneles personalizados.<\/p> \n \u2699\ufe0f \n <h4>EDI \/ SFTP<\/h4> \n <p>Integraci\u00f3n directa con tu TMS\/ERP y notificaciones push.<\/p> \n \ud83d\ude9b \n <h4>Transporte Coordinado<\/h4> \n <p>FTL\/LTL, milk-runs, drop-and-hook y urgentes pre-aprobados.<\/p> \n <h3>\u00bfListo para visitar nuestras instalaciones?<\/h3> \n <p>Agenda una visita presencial y conoce de primera mano c\u00f3mo operamos en El Paso.<\/p> \n <a href=\"#contacto\">Programa tu visita \u2192<\/a> \n <\/section> \n  \n <section id=\"quote-band\"> \n <p data-anim=\"fade-up\"> \n \"Si no opera como todas las dem\u00e1s empresas,<br> \n es importante que no se le trate <strong>como a todas las dem\u00e1s empresas.<\/strong>\" <\/p> \n Filosof\u00eda Buckland \u00b7 Warehousing & Distribution \n <a href=\"#contacto\">Dise\u00f1a tu soluci\u00f3n a medida<\/a> \n <\/section> \n  \n <section id=\"faq\"> \n Preguntas Frecuentes \n <h2 data-anim=\"fade-up\" data-delay=\"100\" style=\"margin-bottom:44px;\">Resolvemos tus dudas <em>antes de empezar<\/em><\/h2> \n <h3>\u00bfTienes otra pregunta?<\/h3> \n <p>Nuestro equipo de especialistas est\u00e1 disponible para resolver cualquier duda. Respondemos en menos de 1 d\u00eda h\u00e1bil.<\/p> \n \ud83d\udcde \n <p>Ll\u00e1manos<\/p> \n <a href=\"tel:+528671975506\">+52 86 7197 - 5506<\/a> \n \u2709\ufe0f \n <p>Escr\u00edbenos<\/p> \n <a href=\"mailto:sales@buckland.com\">sales@buckland.com<\/a> \n \ud83c\udf10 \n <p>Evaluaci\u00f3n gratuita<\/p> \n <a href=\"https:\/\/www.buckland.com\/el-paso-warehouse\" target=\"_blank\">buckland.com\/el-paso-warehouse<\/a> \n <button onclick=\"tFaq(this)\">\u00bfQu\u00e9 informes de almac\u00e9n e inventarios est\u00e1n disponibles? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfBuckland guarda fotograf\u00edas de los env\u00edos? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfQu\u00e9 informaci\u00f3n est\u00e1 accesible en tiempo real? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfEl sistema env\u00eda notificaciones autom\u00e1ticas? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfQu\u00e9 pasa con las discrepancias en un env\u00edo? + \n <\/button> \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> \n <button onclick=\"tFaq(this)\">\u00bfPueden realizar operaciones de Cross-dock o Transload? + \n <\/button> \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> \n <\/section> \n  \n <section id=\"contacto\"> \n Cotizaci\u00f3n Gratuita \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> \n <p>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> \n \ud83d\udcde \n <p>Ll\u00e1manos<\/p> \n <a href=\"tel:+528671975506\">+52 86 7197 - 5506<\/a> \n \u2709\ufe0f \n <p>Correo<\/p> \n <a href=\"mailto:sales@buckland.com\">sales@buckland.com<\/a> \n \ud83d\udccd \n <p>Ubicaci\u00f3n<\/p> \n <strong>El Paso, Texas \u00b7 Corredor I-10<\/strong> \n  \n \ud83d\udcde \n <p>Tenemos un especialista listo para tu llamada.<\/p> \n Deja que Buckland ayude a tu empresa a <em>Reaching Beyond Borders<\/em>. \n Obt\u00e9n una cotizaci\u00f3n: \n Completa el formulario y te contactamos en 1 d\u00eda h\u00e1bil. \n <\/section> \n  \n <h2>\u00bfListo para tu siguiente movimiento <em>con Buckland?<\/em><\/h2> \n <p>Buckland El Paso est\u00e1 aqu\u00ed para ofrecerte el espacio, servicio y soporte que necesitas para llevar tus operaciones al siguiente nivel.<\/p> \n <a href=\"#contacto\">Solicitar cotizaci\u00f3n<\/a> \n <a href=\"#ebook\">Descargar E-Book gratis<\/a> \n\t\t\t\t\t<h5>Services<\/h5>\t\t\t\t\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\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\t\t\t\t\t\t\t\t\t\t\tCustoms Brokerage Services\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>\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\t\t\t\t\t\t\t\t\t\t\tInternational Freight\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>\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\t\t\t\t\t\t\t\t\t\t\tForwarding & Logistics\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>\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\t\t\t\t\t\t\t\t\t\t\tInternational Trade\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>\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\t\t\t\t\t\t\t\t\t\t\tCompliance & Consulting\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>\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\t\t\t\t\t\t\t\t\t\t\tTrade Technology Solutions\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>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/warehousing-distribution\/\">\n\t\t\t\t\t\t\t\t\t\t\tWarehousing & Distribution\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>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/services\/buckland-transportation\/\">\n\t\t\t\t\t\t\t\t\t\t\tBuckland Transportation\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>\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\t\t\t\t\t\t\t\t\t\t\tMexican Trade Lane\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<h5>USA Office:<\/h5>\t\t\t\t\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t(810) 966-1480\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t(888) 806-1156\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<h5>Canadian Office:<\/h5>\t\t\t\t\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t(519) 631-4944\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t(800) 991-4944\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<a target=\"_blank\">\n\t\t\t\t\t\tX-twitter\n\t\t\t\t\t\t<svg aria-hidden=\"true\" 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\t<a target=\"_blank\">\n\t\t\t\t\t\tYoutube\n\t\t\t\t\t\t<svg aria-hidden=\"true\" 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\t<a target=\"_blank\">\n\t\t\t\t\t\tLinkedin\n\t\t\t\t\t\t<svg aria-hidden=\"true\" 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\t\t\t<ul>\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" 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\n\t\t\t\t\t\t\t\t\t\t2026 Buckland Customs Brokers Ltd. \n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/es\/\/privacy-policy\">\n\t\t\t\t\t\t\t\t\t\t\tPrivacy Policy \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>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/terms-conditions\/\">\n\t\t\t\t\t\t\t\t\t\t\tTerms & Conditions\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>\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/dev-buckland-2025.pantheonsite.io\/es\/\/accessibility\">\n\t\t\t\t\t\t\t\t\t\t\tAccessibility \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>","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":97,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712\/revisions"}],"predecessor-version":[{"id":6891,"href":"https:\/\/www.buckland.com\/es\/wp-json\/wp\/v2\/pages\/6712\/revisions\/6891"}],"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}]}}