{"id":7,"date":"2026-10-03T17:25:22","date_gmt":"2026-10-03T17:25:22","guid":{"rendered":"https:\/\/hagalogistica.com\/?page_id=7"},"modified":"2026-10-03T17:28:19","modified_gmt":"2026-10-03T17:28:19","slug":"elementor-7","status":"publish","type":"page","link":"https:\/\/hagalogistica.com\/","title":{"rendered":"Landing"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nHaga Log\u00edstica | Flete mar\u00edtimo, terrestre, despacho aduanal y cargas proyecto<\/title>\r\n<meta name=\"description\" content=\"Flete mar\u00edtimo FCL y LCL, transporte terrestre con unidades propias, despacho aduanal y cargas proyecto. Operaci\u00f3n en L\u00e1zaro C\u00e1rdenas y cobertura en Jalisco, Colima y el Baj\u00edo. Cotiza hoy.\">\r\n<link rel=\"icon\" href=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2024\/03\/LOGO-VERTICAL-VERDE.png\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Archivo:wdth,wght@62..125,400..900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"preload\" as=\"image\" href=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/Haga-Logistics-al-atardecer-portuario.png\">\r\n<style>\r\n:root{\r\n --abyss:#0E2A23; \/* verde profundo: secciones oscuras *\/\r\n --haga:#1F7A4D; \/* verde de marca *\/\r\n --haga-soft:#DCEBE2;\r\n --signal:#F2B33D; \/* \u00e1mbar de chaleco portuario: acciones *\/\r\n --signal-hover:#FFC65C;\r\n --fog:#EEF1EE; \/* fondo claro fr\u00edo *\/\r\n --steel:#55655F; \/* texto secundario *\/\r\n --ink:#13201C; \/* texto principal *\/\r\n --line:#CBD5CF;\r\n --white:#FFFFFF;\r\n --radius-s:6px; --radius-l:18px;\r\n --wrap:1200px;\r\n --font:\"Archivo\", \"Helvetica Neue\", Arial, sans-serif;\r\n}\r\n*,*::before,*::after{box-sizing:border-box}\r\nhtml{scroll-behavior:smooth;scroll-padding-top:84px}\r\nbody{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--fog);-webkit-font-smoothing:antialiased}\r\nimg{max-width:100%;display:block}\r\na{color:inherit}\r\n:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:4px}\r\n.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}\r\n.skip{position:absolute;left:-999px;top:0;background:var(--signal);color:var(--ink);padding:.6rem 1rem;z-index:200}\r\n.skip:focus{left:1rem}\r\n\r\n\/* Tipograf\u00eda: Archivo expandido para t\u00edtulos, normal para texto *\/\r\nh1,h2,h3{font-stretch:118%;line-height:1.05;letter-spacing:-.01em;margin:0}\r\nh1{font-size:clamp(2.4rem,5.6vw,4.6rem);font-weight:800}\r\nh2{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800}\r\nh3{font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:750}\r\np{margin:0 0 1rem;max-width:62ch}\r\n.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:inherit;opacity:.9}\r\n\r\n\/* Botones *\/\r\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font:inherit;font-weight:700;font-stretch:105%;font-size:1rem;\r\n padding:.95rem 1.5rem;border-radius:var(--radius-s);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}\r\n.btn:active{transform:translateY(1px)}\r\n.btn-signal{background:var(--signal);color:var(--ink)}\r\n.btn-signal:hover{background:var(--signal-hover)}\r\n.btn-ghost{background:transparent;color:currentColor;border-color:currentColor}\r\n.btn-ghost:hover{background:rgba(255,255,255,.08)}\r\n.btn svg{width:1.1em;height:1.1em;flex:none}\r\n\r\n\/* Encabezado *\/\r\n.top{position:sticky;top:0;z-index:50;background:rgba(14,42,35,.94);backdrop-filter:blur(10px);color:var(--white);padding-top:env(safe-area-inset-top,0px)}\r\n.top .wrap{display:flex;align-items:center;gap:1.5rem;height:72px}\r\n.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto}\r\n.brand-chip{background:var(--white);border-radius:var(--radius-s);padding:4px 6px;display:grid;place-items:center}\r\n.brand-chip img{height:46px;width:auto}\r\n.brand span{font-weight:800;font-stretch:120%;font-size:1.1rem}\r\n.nav{display:flex;gap:1.4rem}\r\n.nav a{text-decoration:none;font-weight:550;opacity:.85}\r\n.nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}\r\n.top-phone{text-decoration:none;font-weight:650;white-space:nowrap;opacity:.9}\r\n.top .btn{padding:.7rem 1.1rem}\r\n@media (max-width:960px){.nav,.top-phone{display:none}}\r\n\r\n\/* Hero: imagen portuaria + panel de selecci\u00f3n de servicio *\/\r\n.hero{position:relative;color:var(--white);background:var(--abyss);overflow:hidden}\r\n.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}\r\n.hero::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,42,35,.96) 0%,rgba(14,42,35,.82) 42%,rgba(14,42,35,.25) 100%)}\r\n.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .9fr;gap:3rem;align-items:end;padding:clamp(4rem,9vw,7.5rem) 0 clamp(3rem,6vw,5rem)}\r\n.hero h1{max-width:13ch;margin-bottom:1.4rem}\r\n.hero .lead{margin-bottom:2rem}\r\n.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem}\r\n.hero-ctas .btn-ghost{color:var(--white)}\r\n\r\n\/* El elemento memorable: un \"manifiesto\" de carga que inicia la cotizaci\u00f3n *\/\r\n.manifest{background:var(--white);color:var(--ink);border-radius:var(--radius-l);padding:1.6rem;box-shadow:0 30px 60px -20px rgba(0,0,0,.55);position:relative}\r\n.manifest::before{content:\"\";position:absolute;left:0;right:0;top:0;height:10px;border-radius:var(--radius-l) var(--radius-l) 0 0;\r\n background:repeating-linear-gradient(90deg,var(--haga) 0 14px,#2A8F5D 14px 18px)}\r\n.manifest h2{font-size:1.45rem;margin:.5rem 0 .3rem}\r\n.manifest > p{color:var(--steel);font-size:.95rem;margin-bottom:1.1rem}\r\n.svc-pick{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}\r\n.svc-pick button{font:inherit;text-align:left;background:var(--fog);border:1.5px solid var(--line);border-radius:10px;padding:.85rem .9rem;cursor:pointer;\r\n display:flex;flex-direction:column;gap:.15rem;transition:border-color .15s,background .15s}\r\n.svc-pick button strong{font-stretch:110%;font-size:1rem}\r\n.svc-pick button small{color:var(--steel);font-size:.82rem;line-height:1.3}\r\n.svc-pick button:hover{border-color:var(--haga);background:var(--haga-soft)}\r\n.manifest-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.1rem;padding-top:1rem;border-top:1px dashed var(--line);font-size:.92rem;color:var(--steel)}\r\n.manifest-foot a{font-weight:700;color:var(--haga);text-decoration:none;white-space:nowrap}\r\n@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;align-items:start}.hero::after{background:linear-gradient(180deg,rgba(14,42,35,.75),rgba(14,42,35,.95) 55%)}}\r\n@media (max-width:420px){.svc-pick{grid-template-columns:1fr}}\r\n\r\n\/* Franja de garant\u00edas operativas *\/\r\n.proof{background:var(--haga);color:var(--white)}\r\n.proof ul{list-style:none;margin:0;padding:1.1rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem 2rem}\r\n.proof li{display:flex;align-items:center;gap:.5rem;font-weight:600}\r\n.proof svg{width:20px;height:20px;flex:none;color:var(--signal)}\r\n\r\n\/* Secciones *\/\r\nsection{padding:clamp(4rem,8vw,6.5rem) 0}\r\n.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:3rem}\r\n.sec-head p{color:var(--steel);margin:0}\r\n@media (max-width:800px){.sec-head{grid-template-columns:1fr}}\r\n\r\n\/* Servicios en filas alternadas *\/\r\n.svc{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:2.5rem 0;border-top:1px solid var(--line)}\r\n.svc:nth-child(even) .svc-media{order:2}\r\n.svc-media{position:relative;border-radius:var(--radius-l);overflow:hidden;aspect-ratio:4\/3;background:var(--abyss)}\r\n.svc-media img{width:100%;height:100%;object-fit:cover}\r\n.svc-tag{position:absolute;left:1rem;bottom:1rem;background:var(--white);color:var(--ink);font-weight:700;font-size:.85rem;padding:.35rem .7rem;border-radius:999px}\r\n.svc h3{margin-bottom:.9rem}\r\n.svc ul{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;gap:.55rem}\r\n.svc li{display:grid;grid-template-columns:20px 1fr;gap:.6rem;align-items:start}\r\n.svc li svg{width:20px;height:20px;color:var(--haga);margin-top:.2rem}\r\n.svc .actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}\r\n.svc .actions a{font-weight:650;color:var(--haga)}\r\n@media (max-width:860px){.svc{grid-template-columns:1fr}.svc:nth-child(even) .svc-media{order:0}}\r\n\r\n\/* Proceso (secuencia real: numeraci\u00f3n justificada) *\/\r\n.process{background:var(--abyss);color:var(--white)}\r\n.process .sec-head p{color:rgba(255,255,255,.75)}\r\n.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}\r\n.steps li{counter-increment:s;padding:1.6rem 1.4rem 1.6rem 0;border-top:2px solid rgba(255,255,255,.18);position:relative}\r\n.steps li::before{content:counter(s);display:block;font-stretch:125%;font-weight:800;font-size:3rem;line-height:1;color:var(--signal);margin-bottom:1rem}\r\n.steps h3{font-size:1.2rem;margin-bottom:.5rem}\r\n.steps p{color:rgba(255,255,255,.78);font-size:.98rem}\r\n@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}}\r\n@media (max-width:520px){.steps{grid-template-columns:1fr}}\r\n\r\n\/* Tecnolog\u00eda: tablero Magaya *\/\r\n.tech{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\r\n.tech-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}\r\n.tech h2{margin-bottom:1.1rem}\r\n.tech-points{list-style:none;padding:0;margin:1.6rem 0 2rem;display:grid;gap:1.1rem}\r\n.tech-points li{display:grid;grid-template-columns:40px 1fr;gap:.9rem;align-items:start}\r\n.tech-points .ic{width:40px;height:40px;border-radius:10px;background:var(--haga-soft);color:var(--haga);display:grid;place-items:center}\r\n.tech-points .ic svg{width:20px;height:20px}\r\n.tech-points strong{display:block;font-stretch:108%;margin-bottom:.15rem}\r\n.tech-points span{color:var(--steel);font-size:.97rem}\r\n.tech .actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}\r\n.tech .client-link{font-weight:650;color:var(--haga);font-size:.95rem}\r\n\/* Tablero ilustrativo *\/\r\n.board{background:var(--abyss);color:var(--white);border-radius:var(--radius-l);padding:1.4rem;box-shadow:0 30px 60px -25px rgba(14,42,35,.6)}\r\n.board-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;font-size:.88rem;color:rgba(255,255,255,.7)}\r\n.board-top b{color:var(--white);font-stretch:110%;font-size:1.05rem}\r\n.live{display:inline-flex;white-space:nowrap;align-items:center;gap:.45rem;font-weight:650;color:var(--signal)}\r\n.live::before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 rgba(242,179,61,.7);animation:pulse 2s infinite}\r\n@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(242,179,61,0)}100%{box-shadow:0 0 0 0 rgba(242,179,61,0)}}\r\n.track{list-style:none;margin:0 0 1.3rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}\r\n.track::before{content:\"\";position:absolute;left:12%;right:12%;top:13px;height:3px;background:rgba(255,255,255,.18)}\r\n.track::after{content:\"\";position:absolute;left:12%;width:44%;top:13px;height:3px;background:var(--signal)}\r\n.track li{position:relative;z-index:1;text-align:center;font-size:.8rem;color:rgba(255,255,255,.65);line-height:1.3}\r\n.track li i{display:block;width:29px;height:29px;margin:0 auto .5rem;border-radius:50%;background:var(--abyss);border:3px solid rgba(255,255,255,.25)}\r\n.track li.done i{background:var(--signal);border-color:var(--signal)}\r\n.track li.now i{border-color:var(--signal);background:var(--abyss)}\r\n.track li.done,.track li.now{color:var(--white)}\r\n.docs{background:rgba(255,255,255,.06);border-radius:12px;padding:1rem}\r\n.docs h3{font-size:.95rem;font-stretch:105%;margin-bottom:.7rem;color:rgba(255,255,255,.85)}\r\n.docs-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.8rem}\r\n.docs-row:last-child{margin-bottom:0}\r\n.chip{font-size:.78rem;padding:.3rem .6rem;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}\r\n.chip.ok{background:rgba(31,122,77,.55);border-color:rgba(98,190,140,.5)}\r\n.board-note{margin:.9rem 0 0;font-size:.78rem;color:rgba(255,255,255,.5)}\r\n@media (max-width:900px){.tech-grid{grid-template-columns:1fr}}\r\n@media (max-width:440px){.track li{font-size:.7rem}}\r\n\r\n\/* Rese\u00f1as *\/\r\n.reviews-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:1.2rem;align-items:start}\r\n.rv{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-l);padding:1.5rem;margin:0}\r\n.rv blockquote{margin:0 0 1rem;font-size:1.02rem;line-height:1.55}\r\n.rv figcaption{display:flex;align-items:center;gap:.7rem;font-size:.9rem;color:var(--steel)}\r\n.rv figcaption b{color:var(--ink);font-weight:700;display:block}\r\n.avatar{width:38px;height:38px;border-radius:50%;background:var(--haga-soft);color:var(--haga);font-weight:800;display:grid;place-items:center;flex:none}\r\n.stars{color:var(--signal);letter-spacing:2px;font-size:1rem;margin-bottom:.6rem}\r\n.stars .off{color:var(--line)}\r\n.rv.feature{background:var(--abyss);color:var(--white);border-color:var(--abyss);grid-row:span 2;padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}\r\n.rv.feature blockquote{font-size:clamp(1.4rem,2.4vw,1.9rem);font-stretch:112%;font-weight:700;line-height:1.25}\r\n.rv.feature figcaption{color:rgba(255,255,255,.7)}\r\n.rv.feature figcaption b{color:var(--white)}\r\n.rv.feature .avatar{background:var(--signal);color:var(--ink)}\r\n.rv-col{display:grid;gap:1.2rem}\r\n.reviews-foot{margin-top:1.4rem;font-size:.88rem;color:var(--steel)}\r\n@media (max-width:960px){.reviews-grid{grid-template-columns:1fr 1fr}.rv.feature{grid-column:span 2;grid-row:auto}}\r\n@media (max-width:620px){\r\n .reviews-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.9rem;padding-bottom:.6rem;margin-inline:-1.25rem;padding-inline:1.25rem}\r\n .rv-col{display:contents}\r\n .rv,.rv.feature{flex:0 0 84%;scroll-snap-align:start}\r\n}\r\n.hero-review{display:flex;gap:.8rem;align-items:center;margin-top:2rem;font-size:.95rem;color:rgba(255,255,255,.85);max-width:46ch}\r\n.hero-review .stars{margin:0;flex:none}\r\n.modal-quote{margin:0 0 1.4rem;padding:1rem;border-left:3px solid var(--signal);background:rgba(255,255,255,.06);border-radius:0 8px 8px 0;font-size:.92rem}\r\n.modal-quote p{color:var(--white);margin:0 0 .4rem}\r\n.modal-quote cite{font-style:normal;color:rgba(255,255,255,.6);font-size:.85rem}\r\n\r\n\/* Cobertura *\/\r\n.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}\r\n.zone{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-l);padding:1.7rem}\r\n.zone.primary{background:var(--haga);color:var(--white);border-color:var(--haga)}\r\n.zone h3{font-size:1.3rem;margin-bottom:.6rem}\r\n.zone p{font-size:.98rem;margin-bottom:.8rem;opacity:.9}\r\n.zone ul{margin:0;padding-left:1.1rem}\r\n.zone li{margin:.2rem 0}\r\n@media (max-width:860px){.coverage-grid{grid-template-columns:1fr}}\r\n\r\n\/* Galer\u00eda *\/\r\n.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:.7rem}\r\n.gallery button{padding:0;border:0;border-radius:12px;overflow:hidden;cursor:zoom-in;background:var(--abyss)}\r\n.gallery button:nth-child(1){grid-column:span 2;grid-row:span 2}\r\n.gallery button:nth-child(6),.gallery button:nth-child(7){grid-column:span 2}\r\n.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}\r\n.gallery button:hover img{transform:scale(1.04)}\r\n@media (max-width:760px){.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:160px}.gallery button:nth-child(6),.gallery button:nth-child(7){grid-column:span 1}}\r\n\r\n\/* Preguntas frecuentes *\/\r\n.faq{max-width:820px}\r\n.faq details{border-top:1px solid var(--line);padding:1.1rem 0}\r\n.faq details:last-child{border-bottom:1px solid var(--line)}\r\n.faq summary{cursor:pointer;font-weight:700;font-stretch:108%;font-size:1.12rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}\r\n.faq summary::-webkit-details-marker{display:none}\r\n.faq summary::after{content:\"+\";font-size:1.5rem;line-height:1;color:var(--haga);transition:transform .2s}\r\n.faq details[open] summary::after{transform:rotate(45deg)}\r\n.faq details p{margin:.8rem 0 0;color:var(--steel)}\r\n\r\n\/* CTA final con textura de contenedor corrugado *\/\r\n.final{background:var(--abyss);color:var(--white);position:relative;overflow:hidden}\r\n.final::before{content:\"\";position:absolute;inset:0;opacity:.13;\r\n background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.9) 22px 26px,transparent 26px 34px,rgba(0,0,0,.6) 34px 38px)}\r\n.final .wrap{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}\r\n.final .btns{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end}\r\n.final .btn-ghost{color:var(--white)}\r\n@media (max-width:800px){.final .wrap{grid-template-columns:1fr}.final .btns{justify-content:flex-start}}\r\n\r\nfooter{background:#0A1F1A;color:rgba(255,255,255,.72);padding:2.2rem 0 calc(2.2rem + env(safe-area-inset-bottom,0px));font-size:.92rem}\r\nfooter .wrap{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:center}\r\nfooter a{color:var(--white)}\r\n\r\n\/* Barra m\u00f3vil fija *\/\r\n.mbar{display:none}\r\n@media (max-width:760px){\r\n .mbar{display:grid;grid-template-columns:1fr 1.4fr;gap:.6rem;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom,0px));background:rgba(14,42,35,.97);box-shadow:0 -8px 24px rgba(0,0,0,.25)}\r\n .mbar .btn{padding:.85rem .6rem}\r\n .mbar .btn-ghost{color:var(--white)}\r\n body{padding-bottom:84px}\r\n}\r\n\r\n\/* Modal de cotizaci\u00f3n *\/\r\n.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:1rem}\r\n.modal.open{display:flex}\r\n.modal-backdrop{position:absolute;inset:0;background:rgba(8,22,18,.72);backdrop-filter:blur(3px);animation:fade .2s ease}\r\n.modal-card{position:relative;width:min(940px,100%);max-height:calc(100dvh - 2rem);overflow:auto;background:var(--white);border-radius:var(--radius-l);\r\n display:grid;grid-template-columns:.85fr 1.15fr;animation:rise .25s ease}\r\n.modal-side{background:var(--abyss);color:var(--white);padding:2rem;position:relative}\r\n.modal-side h2{font-size:1.6rem;margin-bottom:.8rem}\r\n.modal-side p{color:rgba(255,255,255,.78);font-size:.96rem}\r\n.modal-side ul{list-style:none;padding:0;margin:1.2rem 0 1.6rem;display:grid;gap:.6rem;font-size:.95rem}\r\n.modal-side li{display:flex;gap:.55rem;align-items:flex-start}\r\n.modal-side li svg{width:18px;height:18px;color:var(--signal);flex:none;margin-top:.2rem}\r\n.modal-side .call{font-size:.92rem;border-top:1px solid rgba(255,255,255,.15);padding-top:1rem}\r\n.modal-side .call a{color:var(--signal);font-weight:700;text-decoration:none}\r\n.modal-body{padding:2rem;min-height:420px}\r\n.modal-close{position:absolute;top:.8rem;right:.8rem;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:var(--fog);cursor:pointer;display:grid;place-items:center}\r\n.modal-close svg{width:20px;height:20px}\r\n.modal-close:hover{background:var(--line)}\r\n.form-status{display:flex;align-items:center;gap:.7rem;color:var(--steel);font-size:.95rem}\r\n.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--haga);animation:spin .8s linear infinite}\r\n.thanks{display:none;text-align:left}\r\n.thanks h3{margin:.6rem 0 .8rem}\r\n.thanks svg{width:52px;height:52px;color:var(--haga)}\r\n@media (max-width:760px){\r\n .modal{padding:0;align-items:flex-end}\r\n .modal-card{grid-template-columns:1fr;border-radius:var(--radius-l) var(--radius-l) 0 0;max-height:94dvh}\r\n .modal-side{padding:1.5rem 1.5rem 1.2rem}\r\n .modal-side ul,.modal-side .call,.modal-quote{display:none}\r\n .modal-body{padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));min-height:360px}\r\n}\r\n@keyframes fade{from{opacity:0}}\r\n@keyframes rise{from{opacity:0;transform:translateY(16px)}}\r\n@keyframes spin{to{transform:rotate(360deg)}}\r\n\r\n\/* Estilos del formulario HubSpot dentro del modal *\/\r\n#hs-form .hs-form-field{margin-bottom:1rem}\r\n#hs-form label{display:block;font-weight:650;font-size:.92rem;margin-bottom:.35rem;color:var(--ink)}\r\n#hs-form .hs-form-required{color:#B23A48;margin-left:2px}\r\n#hs-form input[type=text],#hs-form input[type=email],#hs-form input[type=tel],#hs-form input[type=number],#hs-form select,#hs-form textarea{\r\n width:100%!important;font:inherit;font-size:1rem;padding:.8rem .9rem;border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--white);color:var(--ink)}\r\n#hs-form textarea{min-height:110px;resize:vertical}\r\n#hs-form input:focus,#hs-form select:focus,#hs-form textarea:focus{outline:none;border-color:var(--haga);box-shadow:0 0 0 3px var(--haga-soft)}\r\n#hs-form fieldset{max-width:100%!important}\r\n#hs-form .input{margin-right:0!important}\r\n#hs-form .hs-error-msgs{list-style:none;padding:0;margin:.35rem 0 0;color:#B23A48;font-size:.85rem}\r\n#hs-form .hs-button{font:inherit;font-weight:700;font-stretch:105%;font-size:1.05rem;width:100%;padding:1rem 1.4rem;border:0;border-radius:var(--radius-s);background:var(--signal);color:var(--ink);cursor:pointer;margin-top:.4rem}\r\n#hs-form .hs-button:hover{background:var(--signal-hover)}\r\n#hs-form .legal-consent-container,#hs-form .hs-richtext{font-size:.82rem;color:var(--steel)}\r\n\r\n\/* Visor de galer\u00eda *\/\r\n.lightbox{position:fixed;inset:0;z-index:110;background:rgba(8,22,18,.94);display:none;align-items:center;justify-content:center;padding:1.2rem}\r\n.lightbox.open{display:flex}\r\n.lightbox img{max-height:86dvh;width:auto;border-radius:10px}\r\n.lightbox button{position:absolute;background:rgba(255,255,255,.12);color:var(--white);border:0;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:1.5rem}\r\n.lb-close{top:1rem;right:1rem}.lb-prev{left:1rem;top:50%}.lb-next{right:1rem;top:50%}\r\n\r\n\/* Entrada del hero: un solo momento de movimiento *\/\r\n.hero h1,.hero .lead,.hero-ctas,.manifest{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}\r\n.hero .lead{animation-delay:.08s}.hero-ctas{animation-delay:.16s}.manifest{animation-delay:.24s}\r\n@media (prefers-reduced-motion:reduce){.live::before{animation:none}}\r\n@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}\r\n<\/style>\r\n\r\n<!-- Etiqueta global de Google Ads \/ GA4: pegar aqu\u00ed el gtag.js de la cuenta para medir conversiones -->\r\n<script>window.dataLayer = window.dataLayer || [];<\/script>\r\n<\/head>\r\n<body>\r\n<a class=\"skip\" href=\"#servicios\">Saltar al contenido<\/a>\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n <symbol id=\"i-check\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 12.5l5 5L20 6.5\"\/><\/symbol>\r\n <symbol id=\"i-phone\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M5 3h4l2 5-2.5 1.5a11 11 0 006 6L16 13l5 2v4a2 2 0 01-2 2A17 17 0 013 5a2 2 0 012-2z\"\/><\/symbol>\r\n <symbol id=\"i-shield\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z\"\/><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M8.5 12l2.5 2.5 4.5-5\"\/><\/symbol>\r\n <symbol id=\"i-pin\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M12 21s-7-6.2-7-12a7 7 0 0114 0c0 5.8-7 12-7 12z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\r\n <symbol id=\"i-truck\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M2 6h12v10H2zM14 10h4l4 4v2h-8z\"\/><circle cx=\"6\" cy=\"18\" r=\"2\" fill=\"var(--haga)\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"18\" cy=\"18\" r=\"2\" fill=\"var(--haga)\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\r\n <symbol id=\"i-alert\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M12 3l10 18H2z\"\/><path stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M12 10v5M12 18v.01\"\/><\/symbol>\r\n <symbol id=\"i-map\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M3 6l6-2 6 2 6-2v14l-6 2-6-2-6 2z M9 4v14 M15 6v14\"\/><\/symbol>\r\n <symbol id=\"i-eye\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\r\n <symbol id=\"i-doc\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" d=\"M6 2h8l5 5v15H6z M14 2v5h5 M9 13h7 M9 17h7\"\/><\/symbol>\r\n <symbol id=\"i-users\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M2.5 20a6.5 6.5 0 0113 0 M16 4.5a3.5 3.5 0 010 7 M18 14.5a6.5 6.5 0 013.5 5.5\"\/><\/symbol>\r\n <symbol id=\"i-sliders\" viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0\"\/><circle cx=\"16\" cy=\"6\" r=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"10\" cy=\"12\" r=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"18\" cy=\"18\" r=\"2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\r\n <symbol id=\"i-x\" viewBox=\"0 0 24 24\"><path stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" d=\"M6 6l12 12M18 6L6 18\"\/><\/symbol>\r\n<\/svg>\r\n\r\n<header class=\"top\">\r\n <div class=\"wrap\">\r\n <a class=\"brand\" href=\"#inicio\" aria-label=\"Haga Log\u00edstica, inicio\">\r\n <span class=\"brand-chip\"><img decoding=\"async\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2024\/03\/LOGO-VERTICAL-VERDE.png\" alt=\"Haga Log\u00edstica\" width=\"46\" height=\"46\"><\/span>\r\n <\/a>\r\n <nav class=\"nav\" aria-label=\"Secciones\">\r\n <a href=\"#servicios\">Servicios<\/a>\r\n <a href=\"#tecnologia\">Rastreo<\/a>\r\n <a href=\"#resenas\">Opiniones<\/a>\r\n <a href=\"#cobertura\">Cobertura<\/a>\r\n <a href=\"#proyectos\">Proyectos<\/a>\r\n <\/nav>\r\n <a class=\"top-phone\" href=\"tel:+522294192278\" data-track=\"call_header\">229 419 2278<\/a>\r\n <button class=\"btn btn-signal\" data-quote=\"\">Cotizar env\u00edo<\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n<main id=\"inicio\">\r\n <section class=\"hero\" aria-labelledby=\"hero-title\" style=\"padding:0\">\r\n <img decoding=\"async\" class=\"hero-img\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/Haga-Logistics-al-atardecer-portuario.png\" alt=\"\" fetchpriority=\"high\">\r\n <div class=\"wrap\">\r\n <div>\r\n <h1 id=\"hero-title\">Del puerto a tu planta, con un solo proveedor<\/h1>\r\n <p class=\"lead\">Flete mar\u00edtimo, transporte terrestre, despacho aduanal y cargas proyecto coordinados por un mismo equipo. Operamos en L\u00e1zaro C\u00e1rdenas y atendemos Jalisco, Colima y el Baj\u00edo.<\/p>\r\n <div class=\"hero-ctas\">\r\n <button class=\"btn btn-signal\" data-quote=\"\">Solicitar cotizaci\u00f3n<\/button>\r\n <a class=\"btn btn-ghost\" href=\"tel:+522294192278\" data-track=\"call_hero\"><svg aria-hidden=\"true\"><use href=\"#i-phone\"\/><\/svg>Llamar ahora<\/a>\r\n <\/div>\r\n <a class=\"hero-review\" href=\"#resenas\" style=\"text-decoration:none\">\r\n <span class=\"stars\" aria-label=\"5 de 5 estrellas\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n <span>\u201cFue la mejor opci\u00f3n de todas las compa\u00f1\u00edas que evaluamos.\u201d Laura O., rese\u00f1a en Google<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <aside class=\"manifest\" aria-labelledby=\"manifest-title\">\r\n <h2 id=\"manifest-title\">\u00bfQu\u00e9 necesitas mover?<\/h2>\r\n <p>Elige el servicio y cu\u00e9ntanos de tu carga. Un especialista te responde con tu cotizaci\u00f3n.<\/p>\r\n <div class=\"svc-pick\">\r\n <button data-quote=\"Flete mar\u00edtimo\"><strong>Flete mar\u00edtimo<\/strong><small>FCL, LCL e importaci\u00f3n o exportaci\u00f3n<\/small><\/button>\r\n <button data-quote=\"Flete terrestre\"><strong>Flete terrestre<\/strong><small>Contenedores de 20 y 40 pies<\/small><\/button>\r\n <button data-quote=\"Despacho aduanal\"><strong>Despacho aduanal<\/strong><small>Tr\u00e1mites, previo y liberaci\u00f3n<\/small><\/button>\r\n <button data-quote=\"Cargas proyecto\"><strong>Cargas proyecto<\/strong><small>Maquinaria y sobredimensionada<\/small><\/button>\r\n <\/div>\r\n <div class=\"manifest-foot\">\r\n <span>\u00bfEs urgente?<\/span>\r\n <a href=\"tel:+522294192278\" data-track=\"call_manifest\">Llama al 229 419 2278<\/a>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"proof\">\r\n <ul class=\"wrap\" aria-label=\"Lo que incluye nuestro servicio\">\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-shield\"\/><\/svg>Seguro de carga<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-map\"\/><\/svg>Rastreo 24\/7 con Magaya<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-truck\"\/><\/svg>Unidades propias<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-alert\"\/><\/svg>Carga IMO y peligrosa<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-pin\"\/><\/svg>Representaci\u00f3n en todo M\u00e9xico<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <section id=\"servicios\" aria-labelledby=\"svc-title\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <h2 id=\"svc-title\">Cuatro servicios que se conectan entre s\u00ed<\/h2>\r\n <p>Contrata uno o int\u00e9gralos todos. Cuando la aduana, el puerto y el transporte los coordina el mismo equipo, tu carga no se queda esperando entre proveedores.<\/p>\r\n <\/div>\r\n\r\n <div class=\"svc-list\">\r\n <article class=\"svc\" id=\"maritimo\">\r\n <div class=\"svc-media\">\r\n <img decoding=\"async\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/Haga-Logistics-al-atardecer-portuario.png\" alt=\"Contenedores en terminal portuaria al atardecer\" loading=\"lazy\">\r\n <span class=\"svc-tag\">Importaci\u00f3n y exportaci\u00f3n<\/span>\r\n <\/div>\r\n <div>\r\n <h3>Flete mar\u00edtimo<\/h3>\r\n <p>Movemos tu mercanc\u00eda en contenedor completo o consolidado, de puerto a puerto o hasta tu almac\u00e9n.<\/p>\r\n <ul>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Contenedor completo (FCL) y carga consolidada (LCL)<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Maniobras dentro y fuera del recinto portuario<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Previo en origen y seguimiento de tu embarque<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Operaci\u00f3n en el puerto de L\u00e1zaro C\u00e1rdenas<\/li>\r\n <\/ul>\r\n <div class=\"actions\"><button class=\"btn btn-signal\" data-quote=\"Flete mar\u00edtimo\">Cotizar flete mar\u00edtimo<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"svc\" id=\"terrestre\">\r\n <div class=\"svc-media\">\r\n <img decoding=\"async\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/Camion-HAGA-Logistics-al-atardecer.png\" alt=\"Tractocami\u00f3n de Haga Log\u00edstica en carretera al atardecer\" loading=\"lazy\">\r\n <span class=\"svc-tag\">Unidades propias<\/span>\r\n <\/div>\r\n <div>\r\n <h3>Flete terrestre<\/h3>\r\n <p>Transporte de contenedores y carga general en todo M\u00e9xico, con unidades propias y monitoreo en tiempo real.<\/p>\r\n <ul>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Portacontenedores de 20 y 40 pies<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Carga completa y consolidada<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Cargas peligrosas y l\u00edquidos<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Servicio puerta a puerta con rastreo en tiempo real<\/li>\r\n <\/ul>\r\n <div class=\"actions\"><button class=\"btn btn-signal\" data-quote=\"Flete terrestre\">Cotizar flete terrestre<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"svc\" id=\"aduanal\">\r\n <div class=\"svc-media\">\r\n <img decoding=\"async\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/Inspeccion-aduanal-en-Hagalogistica.png\" alt=\"Inspecci\u00f3n aduanal de mercanc\u00eda en contenedor\" loading=\"lazy\">\r\n <span class=\"svc-tag\">Importaci\u00f3n y exportaci\u00f3n<\/span>\r\n <\/div>\r\n <div>\r\n <h3>Despacho aduanal<\/h3>\r\n <p>Gestionamos los tr\u00e1mites para que tu mercanc\u00eda entre o salga del pa\u00eds sin retrasos innecesarios.<\/p>\r\n <ul>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Despacho de importaci\u00f3n y exportaci\u00f3n<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Previo en origen y revisi\u00f3n de documentos<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Asesor\u00eda de especialistas en comercio exterior<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Representaci\u00f3n en todo M\u00e9xico<\/li>\r\n <\/ul>\r\n <div class=\"actions\"><button class=\"btn btn-signal\" data-quote=\"Despacho aduanal\">Cotizar despacho aduanal<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"svc\" id=\"proyecto\">\r\n <div class=\"svc-media\">\r\n <img decoding=\"async\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/Logistica-pesada-en-carretera.png\" alt=\"Transporte de carga sobredimensionada en carretera\" loading=\"lazy\">\r\n <span class=\"svc-tag\">Carga sobredimensionada<\/span>\r\n <\/div>\r\n <div>\r\n <h3>Cargas proyecto<\/h3>\r\n <p>Planeamos el traslado de maquinaria, equipo industrial y cargas que exceden las dimensiones o el peso est\u00e1ndar.<\/p>\r\n <ul>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Maquinaria y equipo pesado<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Planeaci\u00f3n de ruta y gesti\u00f3n de permisos<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Coordinaci\u00f3n con maniobras en puerto<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Seguro de carga durante todo el trayecto<\/li>\r\n <\/ul>\r\n <div class=\"actions\"><button class=\"btn btn-signal\" data-quote=\"Cargas proyecto\">Cotizar carga proyecto<\/button><\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"tech\" id=\"tecnologia\" aria-labelledby=\"tech-title\">\r\n <div class=\"wrap tech-grid\">\r\n <div>\r\n <h2 id=\"tech-title\">Tu operaci\u00f3n a la vista, en tiempo real<\/h2>\r\n <p class=\"lead\" style=\"color:var(--steel)\">Con la plataforma Magaya sigues cada paso de tu carga las 24 horas, desde la orden de recolecci\u00f3n hasta la liberaci\u00f3n, y tienes todos los documentos de la operaci\u00f3n en un solo lugar.<\/p>\r\n <ul class=\"tech-points\">\r\n <li><span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#i-eye\"\/><\/svg><\/span><div><strong>Seguimiento de cada embarque<\/strong><span>Consulta el estado de tu carga a cualquier hora y planea tu operaci\u00f3n con informaci\u00f3n confiable, no con suposiciones.<\/span><\/div><\/li>\r\n <li><span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#i-doc\"\/><\/svg><\/span><div><strong>Expediente digital completo<\/strong><span>Permisos, cartas NOM, certificados de origen, pedimento y, al cierre, facturas en PDF y XML y cuentas de gastos.<\/span><\/div><\/li>\r\n <li><span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#i-users\"\/><\/svg><\/span><div><strong>Operaciones y contabilidad, conectadas<\/strong><span>Tu equipo operativo da seguimiento y tu \u00e1rea contable tiene cada documento a la mano. Los permisos se definen por usuario.<\/span><\/div><\/li>\r\n <li><span class=\"ic\"><svg aria-hidden=\"true\"><use href=\"#i-sliders\"\/><\/svg><\/span><div><strong>Vistas a tu medida<\/strong><span>Revisa tus cotizaciones vigentes, elige las columnas que necesitas y guarda tus plantillas para la pr\u00f3xima consulta.<\/span><\/div><\/li>\r\n <\/ul>\r\n <div class=\"actions\">\r\n <button class=\"btn btn-signal\" data-quote=\"\">Cotizar con rastreo incluido<\/button>\r\n <a class=\"client-link\" href=\"https:\/\/tracking.magaya.com\/?orgname=36674#livetrack\" target=\"_blank\" rel=\"noopener\" data-track=\"magaya_login\">\u00bfYa eres cliente? Entra a tu rastreo<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"board\" role=\"img\" aria-label=\"Vista ilustrativa de un embarque en la plataforma de rastreo: recolecci\u00f3n y tr\u00e1nsito completados, despacho aduanal en curso, con documentos operativos y administrativos.\">\r\n <div class=\"board-top\">\r\n <div><b>Embarque de ejemplo<\/b><br>Importaci\u00f3n mar\u00edtima \u00b7 L\u00e1zaro C\u00e1rdenas<\/div>\r\n <span class=\"live\">En vivo<\/span>\r\n <\/div>\r\n <ol class=\"track\" aria-hidden=\"true\">\r\n <li class=\"done\"><i><\/i>Orden de recolecci\u00f3n<\/li>\r\n <li class=\"done\"><i><\/i>En tr\u00e1nsito<\/li>\r\n <li class=\"now\"><i><\/i>Despacho aduanal<\/li>\r\n <li><i><\/i>Liberaci\u00f3n<\/li>\r\n <\/ol>\r\n <div class=\"docs\" aria-hidden=\"true\">\r\n <h3>Documentos operativos<\/h3>\r\n <div class=\"docs-row\"><span class=\"chip ok\">Permisos<\/span><span class=\"chip ok\">Carta NOM<\/span><span class=\"chip ok\">Certificado de origen<\/span><span class=\"chip ok\">EUR<\/span><span class=\"chip\">SEMARNAT<\/span><span class=\"chip\">Pedimento<\/span><\/div>\r\n <h3>Documentos administrativos<\/h3>\r\n <div class=\"docs-row\"><span class=\"chip\">Contrato<\/span><span class=\"chip\">Manifestaci\u00f3n de valor<\/span><span class=\"chip\">Factura PDF y XML<\/span><span class=\"chip\">Cuenta de gastos<\/span><\/div>\r\n <\/div>\r\n <p class=\"board-note\">Vista ilustrativa. Los documentos visibles dependen de cada operaci\u00f3n y de los permisos acordados con tu empresa.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"process\" aria-labelledby=\"proc-title\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <h2 id=\"proc-title\">As\u00ed funciona tu cotizaci\u00f3n<\/h2>\r\n <p>Sin tr\u00e1mites largos: con los datos b\u00e1sicos de tu carga podemos empezar.<\/p>\r\n <\/div>\r\n <ol class=\"steps\">\r\n <li><h3>Cu\u00e9ntanos de tu carga<\/h3><p>Tipo de mercanc\u00eda, origen, destino y fecha aproximada. Con eso basta para iniciar.<\/p><\/li>\r\n <li><h3>Recibe tu cotizaci\u00f3n<\/h3><p>Un especialista revisa tu caso y te env\u00eda una propuesta clara.<\/p><\/li>\r\n <li><h3>Coordinamos la operaci\u00f3n<\/h3><p>Puerto, aduana y transporte se programan desde un mismo equipo.<\/p><\/li>\r\n <li><h3>Rastrea hasta la liberaci\u00f3n<\/h3><p>Sigue tu carga 24\/7 en Magaya y consulta sus documentos en cualquier momento.<\/p><\/li>\r\n <\/ol>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"resenas\" aria-labelledby=\"rv-title\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <h2 id=\"rv-title\">Lo que dicen quienes ya movieron su carga con nosotros<\/h2>\r\n <p>Opiniones publicadas por nuestros clientes en Google.<\/p>\r\n <\/div>\r\n <div class=\"reviews-grid\">\r\n <figure class=\"rv feature\">\r\n <div><div class=\"stars\" aria-label=\"5 de 5 estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <blockquote>\u201cFue la mejor opci\u00f3n de todas las compa\u00f1\u00edas que evaluamos. Sin duda, volver\u00eda a mandar mi carga con ellos.\u201d<\/blockquote><\/div>\r\n <figcaption><span class=\"avatar\" aria-hidden=\"true\">L<\/span><span><b>Laura O.<\/b>Rese\u00f1a en Google<\/span><\/figcaption>\r\n <\/figure>\r\n <div class=\"rv-col\"><figure class=\"rv\"><div class=\"stars\" aria-label=\"5 de 5 estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>\u201cAgencia s\u00faper recomendable. Pude conseguir un flete m\u00e1s barato con ellos junto con las maniobras para la descarga.\u201d<\/blockquote><figcaption><span class=\"avatar\" aria-hidden=\"true\">R<\/span><span><b>Rosa Elena C.<\/b>Rese\u00f1a en Google<\/span><\/figcaption><\/figure><figure class=\"rv\"><div class=\"stars\" aria-label=\"5 de 5 estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>\u201cExcelente empresa. Han sido mis proveedores durante 2 a\u00f1os y siempre han sido atentos y profesionales.\u201d<\/blockquote><figcaption><span class=\"avatar\" aria-hidden=\"true\">B<\/span><span><b>Brenda G.<\/b>Rese\u00f1a en Google<\/span><\/figcaption><\/figure><figure class=\"rv\"><div class=\"stars\" aria-label=\"5 de 5 estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>\u201cLa calidad de informaci\u00f3n es de primera, me brindaron informaci\u00f3n de primera calidad, son muy profesionales en su ramo.\u201d<\/blockquote><figcaption><span class=\"avatar\" aria-hidden=\"true\">F<\/span><span><b>Fernando H.<\/b>Rese\u00f1a en Google<\/span><\/figcaption><\/figure><\/div>\r\n <div class=\"rv-col\"><figure class=\"rv\"><div class=\"stars\" aria-label=\"5 de 5 estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>\u201cAtentos y profesionales. Estoy muy satisfecho con sus servicios. El servicio de rastreo me ayud\u00f3 a planear mi operaci\u00f3n.\u201d<\/blockquote><figcaption><span class=\"avatar\" aria-hidden=\"true\">S<\/span><span><b>Steve B.<\/b>Rese\u00f1a en Google<\/span><\/figcaption><\/figure><figure class=\"rv\"><div class=\"stars\" aria-label=\"5 de 5 estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>\u201cExcelente trato. Siempre profesionales y con gran experiencia en los tr\u00e1mites aduaneros.\u201d<\/blockquote><figcaption><span class=\"avatar\" aria-hidden=\"true\">P<\/span><span><b>Pato<\/b>Rese\u00f1a en Google<\/span><\/figcaption><\/figure><figure class=\"rv\"><div class=\"stars\" aria-label=\"5 de 5 estrellas\">\u2605\u2605\u2605\u2605\u2605<\/div><blockquote>\u201cLo mejor en servicios log\u00edsticos. Me resolvieron lo de almacenaje de mi mercanc\u00eda. Mi m\u00e1s firme recomendaci\u00f3n.\u201d<\/blockquote><figcaption><span class=\"avatar\" aria-hidden=\"true\">G<\/span><span><b>Gab O.<\/b>Rese\u00f1a en Google<\/span><\/figcaption><\/figure><figure class=\"rv\"><div class=\"stars\" aria-label=\"4 de 5 estrellas\">\u2605\u2605\u2605\u2605<span class=\"off\">\u2605<\/span><\/div><blockquote>\u201cTodo estuvo perfecto desde el inicio de la importaci\u00f3n. Atentos y profesionales.\u201d<\/blockquote><figcaption><span class=\"avatar\" aria-hidden=\"true\">J<\/span><span><b>Javier O.<\/b>Rese\u00f1a en Google<\/span><\/figcaption><\/figure><\/div>\r\n <\/div>\r\n <div style=\"margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center\">\r\n <button class=\"btn btn-signal\" data-quote=\"\">Solicitar mi cotizaci\u00f3n<\/button>\r\n <span class=\"reviews-foot\">\u00danete a las empresas que ya conf\u00edan su carga a Haga Log\u00edstica.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"cobertura\" aria-labelledby=\"cov-title\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <h2 id=\"cov-title\">Cobertura en el Pac\u00edfico y el Baj\u00edo<\/h2>\r\n <p>Conectamos los puertos del Pac\u00edfico con los corredores industriales del centro del pa\u00eds.<\/p>\r\n <\/div>\r\n <div class=\"coverage-grid\">\r\n <div class=\"zone primary\">\r\n <h3>Pac\u00edfico<\/h3>\r\n <p>Personal y presencia en el puerto de L\u00e1zaro C\u00e1rdenas.<\/p>\r\n <ul><li>L\u00e1zaro C\u00e1rdenas, Michoac\u00e1n<\/li><li>Jalisco<\/li><li>Colima<\/li><\/ul>\r\n <\/div>\r\n <div class=\"zone\">\r\n <h3>Baj\u00edo<\/h3>\r\n <p>Transporte terrestre hacia las zonas industriales de la regi\u00f3n.<\/p>\r\n <ul><li>Guanajuato<\/li><li>Quer\u00e9taro<\/li><li>Aguascalientes<\/li><li>San Luis Potos\u00ed<\/li><\/ul>\r\n <\/div>\r\n <div class=\"zone\">\r\n <h3>Resto de M\u00e9xico<\/h3>\r\n <p>Representaci\u00f3n nacional para operaciones aduaneras y fletes a cualquier estado.<\/p>\r\n <button class=\"btn btn-signal\" data-quote=\"Otra ruta\" style=\"margin-top:.4rem\">Consultar mi ruta<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"proyectos\" aria-labelledby=\"gal-title\" style=\"padding-top:0\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\">\r\n <h2 id=\"gal-title\">Operaciones recientes<\/h2>\r\n <p>Algunas de las cargas que hemos movido. Toca una imagen para verla completa.<\/p>\r\n <\/div>\r\n <div class=\"gallery\" id=\"gallery\">\r\n <button aria-label=\"Ver imagen 1 de 7\"><img decoding=\"async\" loading=\"lazy\" alt=\"Operaci\u00f3n log\u00edstica de Haga\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/536270231_1330490815750831_4938097517100439511_n.jpg\"><\/button>\r\n <button aria-label=\"Ver imagen 2 de 7\"><img decoding=\"async\" loading=\"lazy\" alt=\"Operaci\u00f3n log\u00edstica de Haga\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/552248241_1360755782724334_4591198500702484442_n.jpg\"><\/button>\r\n <button aria-label=\"Ver imagen 3 de 7\"><img decoding=\"async\" loading=\"lazy\" alt=\"Operaci\u00f3n log\u00edstica de Haga\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/555453091_1362648769201702_5352662121338713322_n.jpg\"><\/button>\r\n <button aria-label=\"Ver imagen 4 de 7\"><img decoding=\"async\" loading=\"lazy\" alt=\"Operaci\u00f3n log\u00edstica de Haga\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/557589555_1368608431939069_4164789455294913040_n.jpg\"><\/button>\r\n <button aria-label=\"Ver imagen 5 de 7\"><img decoding=\"async\" loading=\"lazy\" alt=\"Operaci\u00f3n log\u00edstica de Haga\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/557595296_1368608358605743_1446348550458134358_n.jpg\"><\/button>\r\n <button aria-label=\"Ver imagen 6 de 7\"><img decoding=\"async\" loading=\"lazy\" alt=\"Operaci\u00f3n log\u00edstica de Haga\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/557595831_1368608485272397_3400582295815761790_n.jpg\"><\/button>\r\n <button aria-label=\"Ver imagen 7 de 7\"><img decoding=\"async\" loading=\"lazy\" alt=\"Operaci\u00f3n log\u00edstica de Haga\" src=\"https:\/\/hagalogistica.com.mx\/wp-content\/uploads\/2026\/10\/557600510_1368608545272391_7330825268161498765_n.jpg\"><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"preguntas\" aria-labelledby=\"faq-title\" style=\"padding-top:0\">\r\n <div class=\"wrap\">\r\n <div class=\"sec-head\"><h2 id=\"faq-title\">Preguntas frecuentes<\/h2><p>Si tu duda no est\u00e1 aqu\u00ed, ll\u00e1manos y te respondemos al momento.<\/p><\/div>\r\n <div class=\"faq\">\r\n <details><summary>\u00bfQu\u00e9 informaci\u00f3n necesito para pedir una cotizaci\u00f3n?<\/summary><p>El tipo de mercanc\u00eda, el origen y destino, el volumen o peso aproximado y la fecha estimada. Si ya tienes factura comercial o lista de empaque, ayuda a afinar la propuesta.<\/p><\/details>\r\n <details><summary>\u00bfManejan contenedor completo y carga consolidada?<\/summary><p>S\u00ed. Trabajamos fletes mar\u00edtimos FCL (contenedor completo) y LCL (carga consolidada), y transporte terrestre de contenedores de 20 y 40 pies.<\/p><\/details>\r\n <details><summary>\u00bfPueden encargarse tambi\u00e9n del despacho aduanal?<\/summary><p>S\u00ed. Hacemos despacho de importaci\u00f3n y exportaci\u00f3n, previo en origen y maniobras en puerto, para que coordines todo con un solo proveedor.<\/p><\/details>\r\n <details><summary>\u00bfMueven maquinaria o carga sobredimensionada?<\/summary><p>S\u00ed. Planeamos la ruta, gestionamos los permisos y coordinamos las maniobras para cargas proyecto y equipo pesado.<\/p><\/details>\r\n <details><summary>\u00bfC\u00f3mo s\u00e9 d\u00f3nde est\u00e1 mi carga?<\/summary><p>Te damos acceso a nuestra plataforma de rastreo Magaya con usuario y contrase\u00f1a. Ah\u00ed consultas 24\/7 el estado de cada embarque, desde la orden de recolecci\u00f3n hasta la liberaci\u00f3n.<\/p><\/details>\r\n <details><summary>\u00bfPuedo consultar los documentos de mi operaci\u00f3n?<\/summary><p>S\u00ed. Cada embarque concentra sus documentos operativos, como permisos, cartas NOM, certificados de origen y pedimento, y al cierre los administrativos, como facturas en PDF y XML y cuentas de gastos. Los accesos se configuran por usuario seg\u00fan lo acordado con tu empresa.<\/p><\/details>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"final\" aria-labelledby=\"final-title\">\r\n <div class=\"wrap\">\r\n <div>\r\n <h2 id=\"final-title\">\u00bfTienes una carga por mover?<\/h2>\r\n <p class=\"lead\" style=\"margin:1rem 0 0\">Cu\u00e9ntanos qu\u00e9 necesitas y recibe una cotizaci\u00f3n de un especialista.<\/p>\r\n <\/div>\r\n <div class=\"btns\">\r\n <button class=\"btn btn-signal\" data-quote=\"\">Solicitar cotizaci\u00f3n<\/button>\r\n <a class=\"btn btn-ghost\" href=\"tel:+522294192278\" data-track=\"call_final\"><svg aria-hidden=\"true\"><use href=\"#i-phone\"\/><\/svg>229 419 2278<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n<footer>\r\n <div class=\"wrap\">\r\n <span>\u00a9 <span id=\"yr\"><\/span> Haga Log\u00edstica. Log\u00edstica internacional, aduana y transporte.<\/span>\r\n <span>Tel\u00e9fono: <a href=\"tel:+522294192278\" data-track=\"call_footer\">+52 229 419 2278<\/a><\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n<div class=\"mbar\" aria-label=\"Acciones r\u00e1pidas\">\r\n <a class=\"btn btn-ghost\" href=\"tel:+522294192278\" data-track=\"call_mobilebar\"><svg aria-hidden=\"true\"><use href=\"#i-phone\"\/><\/svg>Llamar<\/a>\r\n <button class=\"btn btn-signal\" data-quote=\"\">Cotizar env\u00edo<\/button>\r\n<\/div>\r\n\r\n<!-- Ventana emergente de cotizaci\u00f3n con formulario HubSpot -->\r\n<div class=\"modal\" id=\"quote-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-title\" aria-hidden=\"true\">\r\n <div class=\"modal-backdrop\" data-close><\/div>\r\n <div class=\"modal-card\">\r\n <button class=\"modal-close\" data-close aria-label=\"Cerrar\"><svg aria-hidden=\"true\"><use href=\"#i-x\"\/><\/svg><\/button>\r\n <div class=\"modal-side\">\r\n <h2 id=\"modal-title\">Solicita tu cotizaci\u00f3n<\/h2>\r\n <p id=\"modal-sub\">D\u00e9janos tus datos y los de tu carga. Un especialista te contactar\u00e1 con tu propuesta.<\/p>\r\n <ul>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Mar\u00edtimo, terrestre y aduana en un solo proveedor<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Seguro de carga y rastreo 24\/7 con Magaya<\/li>\r\n <li><svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>Operaci\u00f3n en L\u00e1zaro C\u00e1rdenas<\/li>\r\n <\/ul>\r\n <blockquote class=\"modal-quote\"><p>\u201cEl servicio de rastreo me ayud\u00f3 a planear mi operaci\u00f3n.\u201d<\/p><cite>Steve B., rese\u00f1a en Google<\/cite><\/blockquote>\r\n <p class=\"call\">\u00bfPrefieres hablar? <a href=\"tel:+522294192278\" data-track=\"call_modal\">229 419 2278<\/a><\/p>\r\n <\/div>\r\n <div class=\"modal-body\">\r\n <div class=\"form-status\" id=\"form-status\"><span class=\"spinner\" aria-hidden=\"true\"><\/span><span>Cargando formulario\u2026<\/span><\/div>\r\n <div id=\"hs-form\"><\/div>\r\n <div class=\"thanks\" id=\"thanks\" role=\"status\">\r\n <svg aria-hidden=\"true\"><use href=\"#i-check\"\/><\/svg>\r\n <h3>Recibimos tu solicitud<\/h3>\r\n <p>Un especialista de Haga Log\u00edstica revisar\u00e1 tu carga y te contactar\u00e1 con tu cotizaci\u00f3n. Si es urgente, ll\u00e1manos al <a href=\"tel:+522294192278\">229 419 2278<\/a>.<\/p>\r\n <button class=\"btn btn-signal\" data-close>Volver a la p\u00e1gina<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Galer\u00eda de operaciones\">\r\n <button class=\"lb-close\" aria-label=\"Cerrar\">\u00d7<\/button>\r\n <button class=\"lb-prev\" aria-label=\"Anterior\">\u2039<\/button>\r\n <img alt=\"\">\r\n <button class=\"lb-next\" aria-label=\"Siguiente\">\u203a<\/button>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n document.getElementById('yr').textContent = new Date().getFullYear();\r\n\r\n var HS = { portalId:\"26316935\", formId:\"1d502fd2-70a1-43c0-9d41-c1e71da4f855\", region:\"eu1\" };\r\n var modal = document.getElementById('quote-modal');\r\n var statusEl = document.getElementById('form-status');\r\n var thanks = document.getElementById('thanks');\r\n var formBox = document.getElementById('hs-form');\r\n var title = document.getElementById('modal-title');\r\n var lastFocus = null, hsRequested = false, hsReady = false, currentService = \"\";\r\n\r\n function track(name, params){\r\n window.dataLayer.push(Object.assign({event:name}, params||{}));\r\n }\r\n\r\n \/\/ Carga diferida del script de HubSpot: solo cuando alguien abre la ventana\r\n function loadHubSpot(){\r\n if (hsRequested) return; hsRequested = true;\r\n var s = document.createElement('script');\r\n s.src = \"https:\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\"; s.charset = \"utf-8\"; s.async = true;\r\n s.onload = function(){\r\n if (!window.hbspt){ return fail(); }\r\n window.hbspt.forms.create({\r\n portalId: HS.portalId, formId: HS.formId, region: HS.region, target: \"#hs-form\",\r\n onFormReady: function(){ hsReady = true; statusEl.style.display = \"none\"; prefillService(); },\r\n onFormSubmitted: function(){\r\n formBox.style.display = \"none\"; thanks.style.display = \"block\";\r\n track(\"generate_lead\", {form:\"hubspot_cotizacion\", servicio: currentService || \"general\"});\r\n \/\/ Si se usa gtag directo, descomentar y poner el ID y la etiqueta de conversi\u00f3n de Google Ads:\r\n \/\/ gtag('event','conversion',{send_to:'AW-XXXXXXXXX\/XXXXXXXXXXXX'});\r\n }\r\n });\r\n };\r\n s.onerror = fail;\r\n document.head.appendChild(s);\r\n setTimeout(function(){ if(!hsReady) fail(); }, 12000);\r\n }\r\n function fail(){\r\n if (hsReady) return;\r\n statusEl.innerHTML = '<span>No se pudo cargar el formulario. Ll\u00e1manos al <a href=\"tel:+522294192278\" style=\"color:var(--haga);font-weight:700;white-space:nowrap\">229 419 2278<\/a> y te cotizamos por tel\u00e9fono.<\/span>';\r\n }\r\n \/\/ Si el formulario tiene un campo de mensaje, deja anotado el servicio elegido\r\n function prefillService(){\r\n if (!currentService) return;\r\n try{\r\n var f = formBox.querySelector('textarea[name=\"message\"], textarea');\r\n if (f && !f.value){ f.value = \"Servicio de inter\u00e9s: \" + currentService + \"\\n\"; f.dispatchEvent(new Event('input',{bubbles:true})); f.dispatchEvent(new Event('change',{bubbles:true})); }\r\n }catch(e){}\r\n }\r\n\r\n function openModal(service, trigger){\r\n currentService = service || \"\";\r\n title.textContent = service ? \"Cotizar \" + service.toLowerCase() : \"Solicita tu cotizaci\u00f3n\";\r\n lastFocus = trigger || document.activeElement;\r\n modal.classList.add('open'); modal.setAttribute('aria-hidden','false');\r\n document.body.style.overflow = \"hidden\";\r\n if (thanks.style.display === \"block\"){ \/* ya envi\u00f3: mostrar agradecimiento *\/ }\r\n loadHubSpot(); if (hsReady) prefillService();\r\n setTimeout(function(){ modal.querySelector('.modal-close').focus(); }, 30);\r\n track(\"quote_modal_open\", {servicio: currentService || \"general\"});\r\n }\r\n function closeModal(){\r\n modal.classList.remove('open'); modal.setAttribute('aria-hidden','true');\r\n document.body.style.overflow = \"\";\r\n if (lastFocus && lastFocus.focus) lastFocus.focus();\r\n }\r\n\r\n document.querySelectorAll('[data-quote]').forEach(function(b){\r\n b.addEventListener('click', function(){ openModal(b.getAttribute('data-quote'), b); });\r\n });\r\n modal.querySelectorAll('[data-close]').forEach(function(b){ b.addEventListener('click', closeModal); });\r\n document.querySelectorAll('[data-track]').forEach(function(a){\r\n a.addEventListener('click', function(){ var t=a.getAttribute('data-track'); if (t.indexOf('call_')===0) track(\"click_to_call\", {ubicacion: t}); else track(t); });\r\n });\r\n\r\n \/\/ Mantener el foco dentro de la ventana y cerrar con Esc\r\n document.addEventListener('keydown', function(e){\r\n if (!modal.classList.contains('open')) return;\r\n if (e.key === \"Escape\") return closeModal();\r\n if (e.key === \"Tab\"){\r\n var f = modal.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])');\r\n f = Array.prototype.filter.call(f, function(el){ return el.offsetParent !== null; });\r\n if (!f.length) return;\r\n var first = f[0], last = f[f.length-1];\r\n if (e.shiftKey && document.activeElement === first){ e.preventDefault(); last.focus(); }\r\n else if (!e.shiftKey && document.activeElement === last){ e.preventDefault(); first.focus(); }\r\n }\r\n });\r\n\r\n \/\/ Enlaces directos: ...#cotizar abre la ventana; #cotizar-maritimo, -terrestre, -aduanal, -proyecto la abren con el servicio elegido\r\n var map = {\"cotizar\":\"\", \"cotizar-maritimo\":\"Flete mar\u00edtimo\", \"cotizar-terrestre\":\"Flete terrestre\", \"cotizar-aduanal\":\"Despacho aduanal\", \"cotizar-proyecto\":\"Cargas proyecto\"};\r\n function fromHash(){ var h = location.hash.replace('#',''); if (h in map) openModal(map[h]); }\r\n window.addEventListener('hashchange', fromHash); fromHash();\r\n\r\n \/\/ Visor de galer\u00eda\r\n var lb = document.getElementById('lightbox'), lbImg = lb.querySelector('img');\r\n var imgs = Array.prototype.slice.call(document.querySelectorAll('#gallery img')), idx = 0, lbFrom = null;\r\n function show(i){ idx = (i + imgs.length) % imgs.length; lbImg.src = imgs[idx].src; lbImg.alt = \"Operaci\u00f3n \" + (idx+1) + \" de \" + imgs.length; }\r\n document.querySelectorAll('#gallery button').forEach(function(b,i){\r\n b.addEventListener('click', function(){ lbFrom = b; show(i); lb.classList.add('open'); document.body.style.overflow=\"hidden\"; lb.querySelector('.lb-close').focus(); });\r\n });\r\n function closeLb(){ lb.classList.remove('open'); document.body.style.overflow=\"\"; if(lbFrom) lbFrom.focus(); }\r\n lb.querySelector('.lb-close').addEventListener('click', closeLb);\r\n lb.querySelector('.lb-prev').addEventListener('click', function(){ show(idx-1); });\r\n lb.querySelector('.lb-next').addEventListener('click', function(){ show(idx+1); });\r\n lb.addEventListener('click', function(e){ if (e.target === lb) closeLb(); });\r\n document.addEventListener('keydown', function(e){\r\n if (!lb.classList.contains('open')) return;\r\n if (e.key === \"Escape\") closeLb(); if (e.key === \"ArrowLeft\") show(idx-1); if (e.key === \"ArrowRight\") show(idx+1);\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Haga Log\u00edstica | Flete mar\u00edtimo, terrestre, despacho aduanal y cargas proyecto Saltar al contenido Servicios Rastreo Opiniones Cobertura Proyectos 229 419 2278 Cotizar env\u00edo Del puerto a tu planta, con un solo proveedor Flete mar\u00edtimo, transporte terrestre, despacho aduanal y cargas proyecto coordinados por un mismo equipo. Operamos en L\u00e1zaro C\u00e1rdenas y atendemos Jalisco, Colima […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hagalogistica.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hagalogistica.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hagalogistica.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hagalogistica.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hagalogistica.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":8,"href":"https:\/\/hagalogistica.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/hagalogistica.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/hagalogistica.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}