{"id":65,"date":"2024-09-30T20:50:09","date_gmt":"2024-09-30T20:50:09","guid":{"rendered":"https:\/\/enviexpress.ec\/?page_id=65"},"modified":"2026-09-14T17:10:06","modified_gmt":"2026-09-14T22:10:06","slug":"inicio-2024","status":"publish","type":"page","link":"https:\/\/staging.envixpress.ec\/","title":{"rendered":"inicio 2024"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"65\" class=\"elementor elementor-65\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1518e3b e-flex e-con-boxed e-con e-parent\" data-id=\"1518e3b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5ecc3b elementor-widget elementor-widget-html\" data-id=\"f5ecc3b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ex-carousel\">\r\n  <div class=\"ex-carousel-track\">\r\n    <div class=\"ex-slide active\">\r\n      <img decoding=\"async\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/08\/01.png\" alt=\"Slide 1\">\r\n      <div class=\"ex-slide-text\">\r\n        <h2>\u00bfTIENES ALGO<br>QUE ENVIAR?<\/h2>\r\n        <p class=\"ex-subtitle\">Nosotros un precio inigualable.<\/p>\r\n        <div class=\"ex-badge-row\">\r\n          <img decoding=\"async\" class=\"ex-price-tag-img\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/08\/2x4.png\" alt=\"Env\u00edo desde $2 x 4 kilos\">\r\n          <p class=\"ex-coverage\">Cobertura<br>a <strong>todo el<\/strong><br><strong>Ecuador<\/strong><\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ex-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/08\/012.png\" alt=\"Slide 2\">\r\n      <div class=\"ex-slide-text\">\r\n        <h2 class=\"ex-title-nosub\">QUEREMOS QUE TUS<br>PRODUCTOS LLEGUEN<br>A M\u00c1S CLIENTES<\/h2>\r\n        <div class=\"ex-badge-row\">\r\n          <img decoding=\"async\" class=\"ex-price-tag-img\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/08\/2x4.png\" alt=\"Env\u00edo desde $2 x 4 kilos\">\r\n          <p class=\"ex-coverage\">Cobertura<br>a <strong>todo el<\/strong><br><strong>Ecuador<\/strong><\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ex-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/08\/Envixpress_GeoCargo_junio-scaled.png\" alt=\"Slide 3\">\r\n      <div class=\"ex-slide-text\">\r\n        <h2 class=\"ex-title-nosub\">MENOS COSTO POR ENV\u00cdO.<br>M\u00c1S RENTABILIDAD<br>PARA TU EMPRESA.<\/h2>\r\n        <p class=\"ex-orange-text\">Optimiza tus costos log\u00edsticos con env\u00edos seguros, r\u00e1pidos y eficientes para hacer crecer tu negocio.<\/p>\r\n        <p class=\"ex-coverage ex-coverage-solo\">Cobertura<br>a <strong>todo el<\/strong><br><strong>Ecuador<\/strong><\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ex-overlay\"><\/div>\r\n\r\n  <div class=\"ex-dots\">\r\n    <span class=\"ex-dot active\" data-index=\"0\"><\/span>\r\n    <span class=\"ex-dot\" data-index=\"1\"><\/span>\r\n    <span class=\"ex-dot\" data-index=\"2\"><\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@500;700;800&display=swap');\r\nhtml,body{margin:0;padding:0;overflow-x:hidden;}\r\n.ex-carousel {\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  margin-top: -30px;\r\n  overflow: hidden;\r\n}\r\n\r\n.ex-carousel-track {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.ex-slide {\r\n  display: none;\r\n  width: 100%;\r\n  min-height: clamp(550px, 50vw, 750px);\r\n  position: relative;\r\n}\r\n\r\n.ex-slide.active {\r\n  display: block;\r\n  animation: exFade 0.6s ease;\r\n}\r\n\r\n.ex-slide img {\r\n  width: 100%;\r\n  height: clamp(550px, 50vw, 750px);\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.ex-slide-text {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 62%;\r\n  max-width: 680px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: flex-start;\r\n  text-align: left;\r\n  padding: 0 6vw 0 13vw;\r\n  z-index: 6;\r\n  font-family: 'Plus Jakarta Sans', Arial, sans-serif;\r\n  color: #fff;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ex-slide-text h2,\r\n.ex-slide-text p {\r\n  text-align: left !important;\r\n}\r\n\r\n.ex-slide-text h2 {\r\n  margin: 0 0 14px;\r\n  font-size: clamp(26px, 3.6vw, 52px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.ex-slide-text .ex-subtitle {\r\n  margin: 0 0 -8px;\r\n  font-size: clamp(16px, 1.6vw, 24px);\r\n  font-weight: 500;\r\n  opacity: 0.95;\r\n}\r\n\r\n.ex-title-nosub {\r\n  margin-bottom: -6px !important;\r\n  font-size: clamp(20px, 2.6vw, 38px) !important;\r\n  white-space: normal;\r\n}\r\n\r\n.ex-orange-text {\r\n  margin: 10px 0 16px;\r\n  font-size: clamp(13px, 1.2vw, 18px);\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  color: #f47b20;\r\n  max-width: 90%;\r\n}\r\n\r\n.ex-coverage-solo {\r\n  margin-top: 4px;\r\n}\r\n\r\n.ex-badge-row {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 18px;\r\n}\r\n\r\n.ex-price-tag-img {\r\n  width: clamp(130px, 14vw, 205px) !important;\r\n  height: auto !important;\r\n  max-width: 205px !important;\r\n  display: block;\r\n  flex-shrink: 0;\r\n  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.35));\r\n}\r\n\r\n.ex-coverage {\r\n  margin: 0;\r\n  font-size: clamp(14px, 1.4vw, 21px);\r\n  font-weight: 500;\r\n  line-height: 1.3;\r\n  color: rgba(255, 255, 255, 0.85);\r\n}\r\n\r\n.ex-coverage strong {\r\n  color: #ffffff;\r\n  font-weight: 800;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .ex-carousel {\r\n    margin-top: -20px;\r\n  }\r\n  .ex-slide {\r\n    min-height: clamp(280px, 70vw, 400px);\r\n  }\r\n  .ex-slide img {\r\n    height: clamp(280px, 70vw, 400px);\r\n  }\r\n  .ex-overlay {\r\n    width: 80%;\r\n  }\r\n  .ex-slide-text {\r\n    width: 85%;\r\n    max-width: none;\r\n    padding: 0 5vw;\r\n  }\r\n  .ex-badge-row {\r\n    gap: 10px;\r\n  }\r\n  .ex-dots {\r\n    bottom: 14px;\r\n    gap: 8px;\r\n  }\r\n  .ex-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n  }\r\n}\r\n\r\n@media (min-width: 769px) and (max-width: 1024px) {\r\n  .ex-slide {\r\n    min-height: clamp(400px, 46vw, 550px);\r\n  }\r\n  .ex-slide img {\r\n    height: clamp(400px, 46vw, 550px);\r\n  }\r\n  .ex-overlay {\r\n    width: 65%;\r\n  }\r\n  .ex-slide-text {\r\n    width: 60%;\r\n  }\r\n}\r\n\r\n@keyframes exFade {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n.ex-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 55%;\r\n  background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.4) 55%, rgba(0, 0, 0, 0) 100%);\r\n  pointer-events: none;\r\n  z-index: 5;\r\n}\r\n\r\n.ex-dots {\r\n  position: absolute;\r\n  bottom: 20px;\r\n  left: 0;\r\n  right: 0;\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  z-index: 10;\r\n}\r\n\r\n.ex-dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.5);\r\n  cursor: pointer;\r\n  transition: background 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.ex-dot.active {\r\n  background: #ffffff;\r\n  transform: scale(1.2);\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const slides = document.querySelectorAll('.ex-carousel .ex-slide');\r\n  const dots = document.querySelectorAll('.ex-carousel .ex-dot');\r\n  let current = 0;\r\n  let interval;\r\n\r\n  function goTo(index) {\r\n    slides[current].classList.remove('active');\r\n    dots[current].classList.remove('active');\r\n    current = index;\r\n    slides[current].classList.add('active');\r\n    dots[current].classList.add('active');\r\n  }\r\n\r\n  function next() {\r\n    goTo((current + 1) % slides.length);\r\n  }\r\n\r\n  function startAutoplay() {\r\n    interval = setInterval(next, 5000);\r\n  }\r\n\r\n  function stopAutoplay() {\r\n    clearInterval(interval);\r\n  }\r\n\r\n  dots.forEach(dot => {\r\n    dot.addEventListener('click', () => {\r\n      stopAutoplay();\r\n      goTo(parseInt(dot.dataset.index));\r\n      startAutoplay();\r\n    });\r\n  });\r\n\r\n  function prev() {\r\n    goTo((current - 1 + slides.length) % slides.length);\r\n  }\r\n\r\n  const carousel = document.querySelector('.ex-carousel');\r\n  let touchStartX = 0;\r\n  let touchEndX = 0;\r\n\r\n  carousel.addEventListener('touchstart', (e) => {\r\n    touchStartX = e.changedTouches[0].screenX;\r\n  }, { passive: true });\r\n\r\n  carousel.addEventListener('touchend', (e) => {\r\n    touchEndX = e.changedTouches[0].screenX;\r\n    handleSwipe();\r\n  }, { passive: true });\r\n\r\n  function handleSwipe() {\r\n    const diff = touchStartX - touchEndX;\r\n    const threshold = 40;\r\n    if (Math.abs(diff) < threshold) return;\r\n    stopAutoplay();\r\n    if (diff > 0) {\r\n      next();\r\n    } else {\r\n      prev();\r\n    }\r\n    startAutoplay();\r\n  }\r\n\r\n  startAutoplay();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5095aaa e-flex e-con-boxed e-con e-parent\" data-id=\"5095aaa\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d446f3d elementor-widget elementor-widget-html\" data-id=\"d446f3d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ex-features\">\r\n  <div class=\"ex-feat-card\">\r\n    <div class=\"ex-feat-icon\">\r\n      <img decoding=\"async\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/30anos.png\" alt=\"30 a\u00f1os de experiencia\">\r\n    <\/div>\r\n    <p class=\"ex-feat-text\"><strong>30 a\u00f1os<\/strong> experiencia en log\u00edstica.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ex-feat-card\">\r\n    <div class=\"ex-feat-icon\">\r\n      <img decoding=\"async\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/cobertura_nacional.png\" alt=\"Cobertura nacional\">\r\n    <\/div>\r\n    <p class=\"ex-feat-text\">Cobertura nacional.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ex-feat-card\">\r\n    <div class=\"ex-feat-icon\">\r\n      <img decoding=\"async\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/tecnolgia_rastreo.png\" alt=\"Tecnolog\u00eda de rastreo\">\r\n    <\/div>\r\n    <p class=\"ex-feat-text\">Tecnolog\u00eda<br>de rastreo<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ex-feat-card\">\r\n    <div class=\"ex-feat-icon ex-feat-icon-text\">1mill.<\/div>\r\n    <p class=\"ex-feat-text\">M\u00e1s de 1 millon<br>de env\u00edos<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"ex-feat-card\">\r\n    <div class=\"ex-feat-icon\">\r\n      <img decoding=\"async\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/centro_logistico.png\" alt=\"Centros log\u00edsticos propios\">\r\n    <\/div>\r\n    <p class=\"ex-feat-text\">Centros log\u00edsticos<br>propios<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap');\r\n\r\n.ex-features {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: clamp(14px, 2vw, 26px);\r\n  padding: 30px 5vw;\r\n  font-family: 'Plus Jakarta Sans', Arial, sans-serif;\r\n  box-sizing: border-box;\r\n  background: #ffffff;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  margin-top: -20px;\r\n}\r\n\r\n.ex-feat-card {\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\r\n  width: clamp(130px, 17vw, 190px);\r\n  padding: 26px 16px 22px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.ex-feat-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.ex-feat-card:hover .ex-feat-icon img,\r\n.ex-feat-card:hover .ex-feat-icon svg {\r\n  transform: scale(1.08);\r\n}\r\n\r\n.ex-feat-icon img,\r\n.ex-feat-icon svg {\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.ex-feat-icon {\r\n  width: 100px;\r\n  height: 100px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 18px;\r\n  position: relative;\r\n}\r\n\r\n.ex-feat-icon svg,\r\n.ex-feat-icon img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n.ex-feat-30 {\r\n  position: absolute;\r\n  bottom: 6px;\r\n  right: 2px;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #f47b20;\r\n}\r\n\r\n.ex-feat-icon-text {\r\n  width: auto;\r\n  height: auto;\r\n  font-size: 46px;\r\n  font-weight: 700;\r\n  color: #29ABE2;\r\n  line-height: 1;\r\n  margin-top: 40px;\r\n}\r\n\r\n.ex-feat-text {\r\n  margin: 0;\r\n  font-size: clamp(12px, 1vw, 14px);\r\n  color: #555;\r\n  line-height: 1.4;\r\n}\r\n\r\n.ex-feat-text strong {\r\n  color: #333;\r\n  font-weight: 700;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .ex-feat-card {\r\n    width: clamp(120px, 42vw, 190px);\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ac9d37 e-flex e-con-boxed e-con e-parent\" data-id=\"1ac9d37\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bbc65f elementor-widget elementor-widget-html\" data-id=\"1bbc65f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ex-services\">\r\n  <div class=\"ex-services-inner\">\r\n    <img decoding=\"async\" class=\"ex-services-corner\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_naranja.png\" alt=\"\">\r\n\r\n    <div class=\"ex-services-header\">\r\n      <span class=\"ex-services-eyebrow\">UNA FORMA DE ENVIAR<\/span>\r\n      <h2 class=\"ex-services-title\">PARA CADA NECESIDAD<\/h2>\r\n      <div class=\"ex-services-line\"><\/div>\r\n      <p class=\"ex-services-subtitle\">Desde un paquete personal hasta la<br>operaci\u00f3n log\u00edstica de una empresa.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"ex-services-grid-wrap\">\r\n    <div class=\"ex-services-grid\">\r\n\r\n      <a href=\"https:\/\/staging.envixpress.ec\/?page_id=2571\" class=\"ex-service-card\" style=\"background-image:url('https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/08\/014.png');\">\r\n        <img decoding=\"async\" class=\"ex-service-corner\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_naranja.png\" alt=\"\">\r\n        <div class=\"ex-service-content\">\r\n          <h3>ULTIMA MILLA<\/h3>\r\n          <p>Eficiencia hasta el destino.<br>Siempre a tiempo.<\/p>\r\n          <span class=\"ex-service-link\"><span class=\"ex-service-arrow\">&#8250;<\/span> Conoce m\u00e1s<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/staging.envixpress.ec\/?page_id=3531\" class=\"ex-service-card\" style=\"background-image:url('https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/013.png');\">\r\n        <img decoding=\"async\" class=\"ex-service-corner\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_naranja.png\" alt=\"\">\r\n        <div class=\"ex-service-content\">\r\n          <h3>VENTAS<br>E-COMMERCE<\/h3>\r\n          <p>Tus ventas crecen.<br>Nosotros las hacemos llegar.<\/p>\r\n          <span class=\"ex-service-link\"><span class=\"ex-service-arrow\">&#8250;<\/span> Conoce m\u00e1s<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/staging.envixpress.ec\/?page_id=94\" class=\"ex-service-card\" style=\"background-image:url('https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/003.png');\">\r\n        <img decoding=\"async\" class=\"ex-service-corner\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_naranja.png\" alt=\"\">\r\n        <div class=\"ex-service-content\">\r\n          <h3>DELIVERY CON<br>MOTORIZADOS<\/h3>\r\n          <p>Entregas directas.<br>Seguimiento en cada recorrido.<\/p>\r\n          <span class=\"ex-service-link\"><span class=\"ex-service-arrow\">&#8250;<\/span> Conoce m\u00e1s<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/staging.envixpress.ec\/?page_id=3568\" class=\"ex-service-card\" style=\"background-image:url('https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/005.png');\">\r\n        <img decoding=\"async\" class=\"ex-service-corner\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_naranja.png\" alt=\"\">\r\n        <div class=\"ex-service-content\">\r\n          <h3>TRANSPORTE DE<br>CARGA INDUSTRIAL<\/h3>\r\n          <p>Capacidad, control y eficiencia<br>para operaciones de gran escala.<\/p>\r\n          <span class=\"ex-service-link\"><span class=\"ex-service-arrow\">&#8250;<\/span> Conoce m\u00e1s<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"ex-service-card\" style=\"background-image:url('https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/015.png');\">\r\n        <img decoding=\"async\" class=\"ex-service-corner\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_naranja.png\" alt=\"\">\r\n        <div class=\"ex-service-content\">\r\n          <h3>PAQUETER\u00cdA<br>RETAIL<\/h3>\r\n          <p>Env\u00eda f\u00e1cil.<br>Nosotros lo hacemos llegar.<\/p>\r\n          <span class=\"ex-service-link\"><span class=\"ex-service-arrow\">&#8250;<\/span> Conoce m\u00e1s<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"#\" class=\"ex-service-card\" style=\"background-image:url('https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/08\/016.png');\">\r\n        <img decoding=\"async\" class=\"ex-service-corner\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_naranja.png\" alt=\"\">\r\n        <div class=\"ex-service-content\">\r\n          <h3>ENV\u00cdO DE<br>DOCUMENTOS<\/h3>\r\n          <p>Documentos importantes.<br>Entregas que no pueden esperar.<\/p>\r\n          <span class=\"ex-service-link\"><span class=\"ex-service-arrow\">&#8250;<\/span> Conoce m\u00e1s<\/span>\r\n        <\/div>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n\/* =========================================\r\n   CONTENEDOR PRINCIPAL (100vw, como cotiza-hero)\r\n========================================= *\/\r\n.ex-services {\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  left: 50%;\r\n  margin-left: -50vw;\r\n  font-family: 'Plus Jakarta Sans', Arial, sans-serif;\r\n  overflow: hidden;\r\n  background: #ffffff;\r\n  margin-top: -20px;\r\n}\r\n\r\n\/* =========================================\r\n   FONDO GRIS DETR\u00c1S DEL ENCABEZADO\r\n========================================= *\/\r\n.ex-services::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 425px;\r\n  background: #e3e3e1;\r\n  z-index: 0;\r\n}\r\n\r\n\/* =========================================\r\n   CONTENEDOR ANCHO FIJO (igual que cotiza-inner,\r\n   aqu\u00ed vive el \u00edcono naranja y el encabezado)\r\n========================================= *\/\r\n.ex-services-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n  padding: 50px 20px 0;\r\n}\r\n\r\n\/* =========================================\r\n   VISTO NARANJA (misma posici\u00f3n que cotiza-corner)\r\n========================================= *\/\r\n.ex-services-corner {\r\n  position: absolute;\r\n  top: 0;\r\n  right: -5px;\r\n  width: clamp(70px, 8vw, 110px);\r\n  height: auto;\r\n  z-index: 3;\r\n}\r\n\r\n.ex-services-header {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  max-width: 700px;\r\n  margin: 0 auto 44px;\r\n}\r\n\r\n.ex-services-eyebrow {\r\n  display: block;\r\n  color: #29ABE2;\r\n  font-weight: 700;\r\n  font-size: clamp(16px, 1.8vw, 22px);\r\n  letter-spacing: 0.5px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.ex-services-title {\r\n  margin: 0;\r\n  color: #6f6f6f;\r\n  font-weight: 700;\r\n  font-size: clamp(22px, 3vw, 36px);\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.ex-services-line {\r\n  width: min(90%, 480px);\r\n  height: 2px;\r\n  background: #f47b20;\r\n  margin: 18px auto;\r\n}\r\n\r\n.ex-services-subtitle {\r\n  margin: 0;\r\n  color: #777;\r\n  font-size: clamp(13px, 1.1vw, 15px);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* =========================================\r\n   ZONA DEL GRID (blanca)\r\n========================================= *\/\r\n.ex-services-grid-wrap {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 0 5vw 60px;\r\n}\r\n\r\n.ex-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 22px;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.ex-service-card {\r\n  position: relative;\r\n  display: block;\r\n  height: clamp(220px, 22vw, 280px);\r\n  border-radius: 10px;\r\n  overflow: hidden;\r\n  background-size: cover;\r\n  background-position: center;\r\n  text-decoration: none;\r\n  box-shadow: 0 6px 18px rgba(0,0,0,0.12);\r\n  transition: transform 0.35s ease, box-shadow 0.35s ease;\r\n}\r\n\r\n.ex-service-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0) 75%);\r\n}\r\n\r\n.ex-service-card:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 16px 30px rgba(0,0,0,0.22);\r\n}\r\n\r\n.ex-service-corner {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 40px;\r\n  height: auto;\r\n  z-index: 2;\r\n}\r\n\r\n.ex-service-content {\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  padding: 18px 20px 20px;\r\n  z-index: 2;\r\n  color: #fff;\r\n}\r\n\r\n.ex-service-content h3 {\r\n  margin: 0 0 8px;\r\n  font-size: clamp(15px, 1.5vw, 19px);\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ex-service-content p {\r\n  margin: 0 0 10px;\r\n  font-size: clamp(11.5px, 1vw, 13.5px);\r\n  font-weight: 400;\r\n  line-height: 1.4;\r\n  color: rgba(255,255,255,0.9);\r\n}\r\n\r\n.ex-service-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  font-size: clamp(11.5px, 1vw, 13px);\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n}\r\n\r\n.ex-service-arrow {\r\n  color: #f47b20;\r\n  font-size: 1.4em;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .ex-services-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 782px) {\r\n  .ex-services::before {\r\n    height: 340px;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .ex-services-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .ex-service-card {\r\n    height: 260px;\r\n  }\r\n  .ex-services::before {\r\n    height: 380px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d89ede7 e-flex e-con-boxed e-con e-parent\" data-id=\"d89ede7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4fd1b3 elementor-widget elementor-widget-html\" data-id=\"a4fd1b3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"cotiza-hero\">\r\n    <div class=\"cotiza-inner\">\r\n        <img decoding=\"async\"\r\n            class=\"cotiza-corner\"\r\n            src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_blanco.png\"\r\n            alt=\"\"\r\n        >\r\n        <div class=\"cotiza-hero-top\">\r\n            <h2 class=\"cotiza-title\">\r\n                COTIZA TU ENV\u00cdO\r\n            <\/h2>\r\n            <div class=\"cotiza-divider\"><\/div>\r\n            <p class=\"cotiza-subtitle\">\r\n                Tu pr\u00f3ximo env\u00edo empieza aqu\u00ed.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"cotiza-card-wrap\">\r\n        \n<div id=\"cot-wrap\">\n\n  <!-- HEADER -->\n  <div class=\"cot-header\">\n    <div class=\"cot-header-icon\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"\/><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"\/><\/svg>\n    <\/div>\n    <div>\n      <h2>Cotizador de Env\u00edos<\/h2>\n      <p>Calcula el costo de tu env\u00edo a nivel nacional<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- TIPO -->\n  <div class=\"cot-section\">\n    <label class=\"cot-section-label\">Tipo de env\u00edo<\/label>\n    <div class=\"cot-tipo\">\n      <button class=\"cot-tipo-btn active\" data-tipo=\"paquete\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\n        <span>Paquete<\/span>\n      <\/button>\n      <button class=\"cot-tipo-btn\" data-tipo=\"documento\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n        <span>Documento<\/span>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- ORIGEN \/ DESTINO -->\n  <div class=\"cot-section\">\n    <div class=\"cot-grid-2\">\n\n      <div class=\"cot-field\">\n        <label>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2a8 8 0 0 1 8 8c0 5.25-8 13-8 13S4 15.25 4 10a8 8 0 0 1 8-8z\"\/><\/svg>\n          Ciudad de Origen\n        <\/label>\n        <div class=\"cot-autocomplete\" id=\"wrap-origen\">\n          <input type=\"text\" id=\"inp-origen\" placeholder=\"Buscar ciudad de origen...\" autocomplete=\"off\">\n          <svg class=\"cot-field-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n          <ul id=\"list-origen\" class=\"cot-dropdown\"><\/ul>\n          <input type=\"hidden\" id=\"val-origen\">\n        <\/div>\n      <\/div>\n\n      <div class=\"cot-field\">\n        <label>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"10\" r=\"3\"\/><path d=\"M12 2a8 8 0 0 1 8 8c0 5.25-8 13-8 13S4 15.25 4 10a8 8 0 0 1 8-8z\"\/><\/svg>\n          Ciudad de Destino\n        <\/label>\n        <div class=\"cot-autocomplete\" id=\"wrap-destino\">\n          <input type=\"text\" id=\"inp-destino\" placeholder=\"Primero elige origen...\" autocomplete=\"off\" disabled>\n          <svg class=\"cot-field-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg>\n          <ul id=\"list-destino\" class=\"cot-dropdown\"><\/ul>\n          <input type=\"hidden\" id=\"val-destino\">\n          <input type=\"hidden\" id=\"val-ruta\">\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- PESO -->\n  <div class=\"cot-section\" id=\"cot-peso-section\" style=\"display:none;\">\n    <label class=\"cot-section-label\">Peso del paquete<\/label>\n    <div class=\"cot-peso-wrap\">\n      <div class=\"cot-field cot-field-peso\">\n        <label>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n          Peso\n        <\/label>\n        <div class=\"cot-input-unit\">\n          <input type=\"number\" id=\"cot-peso\" min=\"0.1\" step=\"0.1\" placeholder=\"0.0\">\n          <span class=\"cot-unit\">kg<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- RESULTADO -->\n  <div id=\"cot-resultado\" style=\"display:none;\">\n    <div class=\"cot-res-header\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n      Cotizaci\u00f3n calculada\n    <\/div>\n    <div class=\"cot-res-body\">\n      <div class=\"cot-res-row\">\n        <span>Tipo de env\u00edo<\/span>\n        <strong id=\"cot-tipo-txt\"><\/strong>\n      <\/div>\n      <div class=\"cot-res-row\">\n        <span>Ruta<\/span>\n        <strong id=\"cot-ruta-txt\" class=\"cot-badge\"><\/strong>\n      <\/div>\n      <div class=\"cot-res-row\" id=\"cot-detalle-row\" style=\"display:none;\">\n        <span>Detalle<\/span>\n        <span id=\"cot-detalle-txt\" class=\"cot-detalle\"><\/span>\n      <\/div>\n      <div class=\"cot-res-total\">\n        <span>Total estimado<\/span>\n        <strong id=\"cot-total-txt\"><\/strong>\n      <\/div>\n    <\/div>\n    <p class=\"cot-nota\">* Precio referencial. Puede variar seg\u00fan condiciones del servicio.<\/p>\n  <\/div>\n\n  <!-- CTA ASESOR -->\n  <div class=\"cot-cta-section\">\n    <a href=\"https:\/\/wa.me\/593000000000\" target=\"_blank\" rel=\"noopener\" class=\"cot-cta-btn\">\n      CONECTAR CON UN ASESOR\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<style>\n*, *::before, *::after { box-sizing: border-box; }\n\n#cot-wrap {\n  max-width: 680px;\n  margin: 0 auto;\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  color: #1a1a2e;\n  background: #fff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 10px 40px rgba(15, 23, 42, 0.10);\n}\n\n\/* HEADER *\/\n.cot-header {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  background: linear-gradient(135deg, #1B63E5, #3F5FF0);\n  color: white;\n  padding: 24px 28px;\n}\n.cot-header-icon {\n  width: 52px; height: 52px;\n  background: rgba(255,255,255,0.2);\n  border-radius: 12px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n}\n.cot-header-icon svg { width: 28px; height: 28px; stroke: white; }\n.cot-header h2 { margin: 0 0 4px; font-size: 22px; font-weight: 700; }\n.cot-header p  { margin: 0; font-size: 14px; opacity: 0.85; }\n\n\/* SECTIONS *\/\n.cot-section {\n  background: #fff;\n  padding: 22px 28px;\n}\n.cot-section-label {\n  display: block;\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: .6px;\n  color: #6b7280;\n  margin-bottom: 12px;\n}\n\n\/* TIPO BOTONES *\/\n.cot-tipo { display: flex; gap: 12px; }\n.cot-tipo-btn {\n  flex: 1;\n  display: flex; align-items: center; justify-content: center; gap: 10px;\n  padding: 14px 20px;\n  border: 2px solid #e2e8f0;\n  background: #f8fafc;\n  border-radius: 10px;\n  cursor: pointer;\n  font-size: 15px;\n  font-weight: 600;\n  color: #64748b;\n  transition: all .2s;\n}\n.cot-tipo-btn svg { width: 20px; height: 20px; stroke: currentColor; }\n.cot-tipo-btn:hover { border-color: #E8291B; color: #E8291B; background: #fff5f4; }\n.cot-tipo-btn.active { border-color: #E8291B; background: #E8291B; color: #fff; box-shadow: 0 6px 16px rgba(232,41,27,0.28); }\n\n\/* GRID *\/\n.cot-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n@media(max-width: 540px) { .cot-grid-2 { grid-template-columns: 1fr; } }\n\n\/* FIELDS *\/\n.cot-field label {\n  display: flex; align-items: center; gap: 6px;\n  font-size: 13px; font-weight: 600; color: #374151;\n  margin-bottom: 8px;\n}\n.cot-field label svg { width: 15px; height: 15px; stroke: #3F5FF0; }\n\n\/* AUTOCOMPLETE *\/\n.cot-autocomplete { position: relative; }\n.cot-autocomplete input[type=text] {\n  width: 100%;\n  padding: 12px 40px 12px 14px;\n  border: 1.5px solid #e2e8f0;\n  border-radius: 10px;\n  font-size: 14px;\n  color: #1a1a2e;\n  background: #f8fafc;\n  transition: border-color .2s, background .2s;\n  outline: none;\n}\n.cot-autocomplete input[type=text]:focus { border-color: #3F5FF0; background: #fff; box-shadow: 0 0 0 3px rgba(63,95,240,.12); }\n.cot-autocomplete input[type=text]:disabled { background: #f1f5f9; color: #94a3b8; cursor: not-allowed; }\n.cot-field-icon {\n  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);\n  width: 16px; height: 16px; stroke: #9ca3af; pointer-events: none;\n}\n.cot-dropdown {\n  position: absolute; top: calc(100% + 4px); left: 0; right: 0;\n  background: #fff;\n  border: 1.5px solid #e2e8f0;\n  border-radius: 10px;\n  max-height: 220px;\n  overflow-y: auto;\n  z-index: 9999;\n  list-style: none;\n  margin: 0; padding: 4px 0;\n  box-shadow: 0 8px 24px rgba(0,0,0,.1);\n  display: none;\n}\n.cot-dropdown li {\n  padding: 10px 14px;\n  font-size: 14px;\n  cursor: pointer;\n  color: #374151;\n  transition: background .15s;\n}\n.cot-dropdown li:hover, .cot-dropdown li.active { background: #eef2ff; color: #3F5FF0; }\n.cot-dropdown li.no-results { color: #9ca3af; cursor: default; font-style: italic; }\n\n\/* PESO *\/\n.cot-input-unit {\n  display: flex; align-items: center;\n  border: 1.5px solid #e2e8f0; border-radius: 10px; overflow: hidden;\n  background: #f8fafc;\n  transition: border-color .2s;\n}\n.cot-input-unit:focus-within { border-color: #3F5FF0; box-shadow: 0 0 0 3px rgba(63,95,240,.12); background: #fff; }\n.cot-input-unit input {\n  flex: 1; border: none; outline: none; background: transparent;\n  padding: 12px 14px; font-size: 14px; color: #1a1a2e;\n}\n.cot-unit {\n  padding: 0 14px;\n  background: #f1f5f9;\n  color: #64748b;\n  font-size: 13px; font-weight: 600;\n  border-left: 1.5px solid #e2e8f0;\n  height: 100%; display: flex; align-items: center;\n}\n\n\/* RESULTADO *\/\n#cot-resultado {\n  margin: 0 28px 22px;\n  border: 1.5px solid #e2e8f0;\n  border-radius: 14px;\n  overflow: hidden;\n}\n.cot-res-header {\n  display: flex; align-items: center; gap: 10px;\n  background: #3F5FF0;\n  color: white;\n  padding: 14px 24px;\n  font-weight: 600; font-size: 15px;\n}\n.cot-res-header svg { width: 18px; height: 18px; stroke: white; }\n.cot-res-body { padding: 20px 24px; display: flex; flex-direction: column; gap: 12px; background: #fff; }\n.cot-res-row {\n  display: flex; justify-content: space-between; align-items: center;\n  font-size: 14px; color: #374151;\n  padding-bottom: 12px;\n  border-bottom: 1px solid #f1f5f9;\n}\n.cot-badge {\n  background: #eef2ff; color: #3F5FF0;\n  padding: 3px 12px; border-radius: 20px;\n  font-size: 13px; font-weight: 700;\n  border: 1px solid #c7d2fe;\n}\n.cot-detalle { font-size: 13px; color: #6b7280; text-align: right; max-width: 280px; }\n.cot-res-total {\n  display: flex; justify-content: space-between; align-items: center;\n  padding: 16px 24px;\n  background: linear-gradient(135deg, #fff8f4, #fff0e6);\n  border-top: 1px solid #fcd9b8;\n}\n.cot-res-total span { font-size: 15px; font-weight: 600; color: #374151; }\n.cot-res-total strong { font-size: 28px; font-weight: 800; color: #FC6404; }\n.cot-nota { margin: 0; padding: 10px 24px; font-size: 12px; color: #9ca3af; background: #fafafa; text-align: center; }\n\n\/* CTA ASESOR *\/\n.cot-cta-section {\n  padding: 6px 28px 30px;\n  display: flex;\n  justify-content: center;\n}\n.cot-cta-btn {\n  display: inline-block;\n  background: linear-gradient(135deg, #FC6404, #ff8a3d);\n  color: #fff;\n  text-decoration: none;\n  font-weight: 700;\n  font-size: 14px;\n  letter-spacing: .4px;\n  padding: 15px 36px;\n  border-radius: 30px;\n  box-shadow: 0 8px 20px rgba(252, 100, 4, 0.35);\n  transition: transform .15s, box-shadow .15s;\n}\n.cot-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(252, 100, 4, 0.45); color: #fff; }\n<\/style>\n<script>\n(function(){\n  const ajaxUrl = 'https:\/\/staging.envixpress.ec\/wp-admin\/admin-ajax.php';\n  let tipoActivo = 'paquete';\n  let rutaActiva = '';\n  let origenesData = [];\n  let destinosData = [];\n\nconst tarifasPaquete = {\n    'LOCAL':        { base: 2.00, adicional: 0.30 },\n    'CANTONAL':     { base: 3.50, adicional: 0.61 },\n    'PROVINCIAL':   { base: 4.20, adicional: 0.70 },\n    'ESPECIAL':     { base: 5.00, adicional: 0.90 },\n    'DIFERENCIADA': { base: 7.00, adicional: 0.99 }\n  };\n  const tarifasDocumento = {\n    'LOCAL': 1.70, 'CANTONAL': 3.20, 'PROVINCIAL': 3.60, 'ESPECIAL': 4.20, 'DIFERENCIADA': 5.00\n  };\n\n  \/\/ \u2500\u2500 Autocomplete gen\u00e9rico \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\n  function initAutocomplete(inputId, listId, getData, onSelect) {\n    const inp  = document.getElementById(inputId);\n    const list = document.getElementById(listId);\n\n    inp.addEventListener('input', function() {\n      const q = this.value.trim().toUpperCase();\n      const items = getData().filter(i => i.label.toUpperCase().includes(q));\n      renderList(list, items, onSelect, inp);\n    });\n\n    inp.addEventListener('focus', function() {\n      const items = getData();\n      renderList(list, items, onSelect, inp);\n    });\n\n    document.addEventListener('click', function(e) {\n      if (!inp.contains(e.target) && !list.contains(e.target)) list.style.display = 'none';\n    });\n  }\n\n  function renderList(list, items, onSelect, inp) {\n    list.innerHTML = '';\n    if (!items.length) {\n      list.innerHTML = '<li class=\"no-results\">Sin resultados<\/li>';\n      list.style.display = 'block';\n      return;\n    }\n    items.forEach(item => {\n      const li = document.createElement('li');\n      li.textContent = item.label;\n      li.addEventListener('mousedown', function(e) {\n        e.preventDefault();\n        onSelect(item);\n        inp.value = item.label;\n        list.style.display = 'none';\n      });\n      list.appendChild(li);\n    });\n    list.style.display = 'block';\n  }\n\n  \/\/ \u2500\u2500 Cargar or\u00edgenes \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\n  fetch(ajaxUrl + '?action=cot_origenes')\n    .then(r => r.json())\n    .then(data => {\n      origenesData = data.data.map(o => ({ label: o, value: o }));\n    });\n\n  initAutocomplete('inp-origen', 'list-origen',\n    () => origenesData,\n    (item) => {\n      document.getElementById('val-origen').value = item.value;\n      \/\/ reset destino\n      document.getElementById('inp-destino').value = '';\n      document.getElementById('val-destino').value = '';\n      document.getElementById('val-ruta').value = '';\n      document.getElementById('inp-destino').disabled = true;\n      destinosData = [];\n      rutaActiva = '';\n      ocultarResultado();\n\n      \/\/ cargar destinos\n      fetch(ajaxUrl, {\n        method: 'POST',\n        headers: {'Content-Type':'application\/x-www-form-urlencoded'},\n        body: 'action=cot_destinos&origen=' + encodeURIComponent(item.value)\n      })\n      .then(r => r.json())\n      .then(res => {\n        destinosData = res.data.map(d => ({ label: d.destino, value: d.destino, ruta: d.ruta }));\n        document.getElementById('inp-destino').disabled = false;\n        document.getElementById('inp-destino').placeholder = 'Buscar ciudad de destino...';\n      });\n    }\n  );\n\n  initAutocomplete('inp-destino', 'list-destino',\n    () => destinosData,\n    (item) => {\n      document.getElementById('val-destino').value = item.value;\n      document.getElementById('val-ruta').value = item.ruta;\n      rutaActiva = item.ruta.toUpperCase();\n      mostrarCampos();\n      calcular();\n    }\n  );\n\n  \/\/ \u2500\u2500 Botones tipo \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\n  document.querySelectorAll('.cot-tipo-btn').forEach(btn => {\n    btn.addEventListener('click', function() {\n      document.querySelectorAll('.cot-tipo-btn').forEach(b => b.classList.remove('active'));\n      this.classList.add('active');\n      tipoActivo = this.dataset.tipo;\n      mostrarCampos();\n      calcular();\n    });\n  });\n\n  \/\/ \u2500\u2500 Peso \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\u2500\u2500\u2500\u2500\u2500\u2500\n  document.getElementById('cot-peso').addEventListener('input', calcular);\n\n  function mostrarCampos() {\n    const sec = document.getElementById('cot-peso-section');\n    sec.style.display = (rutaActiva && tipoActivo === 'paquete') ? 'block' : 'none';\n    if (tipoActivo !== 'paquete') document.getElementById('cot-peso').value = '';\n  }\n\n  function calcular() {\n    if (!rutaActiva) { ocultarResultado(); return; }\n\n    document.getElementById('cot-tipo-txt').textContent = tipoActivo === 'paquete' ? 'Paquete' : 'Documento';\n    document.getElementById('cot-ruta-txt').textContent = rutaActiva;\n\n    const resultado = document.getElementById('cot-resultado');\n    const detalleRow = document.getElementById('cot-detalle-row');\n\n    if (tipoActivo === 'documento') {\n      const precio = tarifasDocumento[rutaActiva];\n      if (precio === undefined) { ocultarResultado(); return; }\n      detalleRow.style.display = 'none';\n      document.getElementById('cot-total-txt').textContent = '$' + precio.toFixed(2);\n      resultado.style.display = 'block';\n      return;\n    }\n\n    \/\/ PAQUETE\n    const peso = parseFloat(document.getElementById('cot-peso').value);\n    if (!peso || peso <= 0) {\n      detalleRow.style.display = 'none';\n      document.getElementById('cot-total-txt').textContent = '--';\n      resultado.style.display = 'block';\n      return;\n    }\n\n    const tarifa = tarifasPaquete[rutaActiva];\n    if (!tarifa) { ocultarResultado(); return; }\n\n    let total, detalle;\n    if (peso <= 4) {\n      total = tarifa.base;\n      detalle = 'Dentro del rango base (1\u20134 kg)';\n    } else {\n      const exc = peso - 4;\n      const costoExc = exc * tarifa.adicional;\n      total = tarifa.base + costoExc;\n      detalle = `Base $${tarifa.base.toFixed(2)} + ${exc.toFixed(1)}kg \u00d7 $${tarifa.adicional.toFixed(2)} = $${costoExc.toFixed(2)}`;\n    }\n\n    document.getElementById('cot-detalle-txt').textContent = detalle;\n    detalleRow.style.display = 'none';\n    document.getElementById('cot-total-txt').textContent = '$' + total.toFixed(2);\n    resultado.style.display = 'block';\n  }\n\n  function ocultarResultado() {\n    document.getElementById('cot-resultado').style.display = 'none';\n    document.getElementById('cot-peso-section').style.display = 'none';\n  }\n})();\n<\/script>\n\n\r\n    <\/div>\r\n<\/section>\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\/* =========================================\r\n   CONTENEDOR PRINCIPAL (fondo, s\u00ed 100vw)\r\n========================================= *\/\r\n.cotiza-hero {\r\n    position: relative;\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    margin-top: -30px; \/* mismo valor que usa el carrusel *\/\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .cotiza-hero {\r\n        margin-top: -20px; \/* mismo valor que usa el carrusel en mobile *\/\r\n    }\r\n}\r\n\/* =========================================\r\n   FONDO GRIS\r\n========================================= *\/\r\n.cotiza-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 460px;\r\n    background: #e3e3e1;\r\n    z-index: 0;\r\n}\r\n\/* =========================================\r\n   CONTENEDOR ANCHO FIJO (mismo comportamiento\r\n   que el ancho \"boxed\" normal de Elementor,\r\n   donde vive el \u00edcono naranja)\r\n========================================= *\/\r\n.cotiza-inner {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\/* =========================================\r\n   VISTO BLANCO\r\n========================================= *\/\r\n.cotiza-corner {\r\n    position: absolute;\r\n    top: 0;\r\n    right: -5px;\r\n    width: clamp(70px, 8vw, 110px);\r\n    height: auto;\r\n    z-index: 3;\r\n}\r\n\/* =========================================\r\n   CABECERA\r\n========================================= *\/\r\n.cotiza-hero-top {\r\n    position: relative;\r\n    z-index: 2;\r\n    background: transparent;\r\n    padding: 60px 0 50px;\r\n    text-align: center;\r\n}\r\n\/* =========================================\r\n   TITULO\r\n========================================= *\/\r\n.cotiza-title {\r\n    position: relative;\r\n    z-index: 2;\r\n    font-family: 'Plus Jakarta Sans', Arial, sans-serif;\r\n    font-size: 42px;\r\n    line-height: 1.2;\r\n    color: #4a4a4a;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n}\r\n\/* =========================================\r\n   LINEA NARANJA\r\n========================================= *\/\r\n.cotiza-divider {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 420px;\r\n    max-width: 80%;\r\n    height: 3px;\r\n    background: #f47b20;\r\n    margin: 16px auto;\r\n}\r\n\/* =========================================\r\n   SUBTITULO\r\n========================================= *\/\r\n.cotiza-subtitle {\r\n    position: relative;\r\n    z-index: 2;\r\n    font-family: 'Plus Jakarta Sans', Arial, sans-serif;\r\n    color: #9a9a9a;\r\n    font-size: 15px;\r\n    margin: 0;\r\n}\r\n\/* =========================================\r\n   COTIZADOR\r\n========================================= *\/\r\n.cotiza-card-wrap {\r\n    position: relative;\r\n    z-index: 2;\r\n    background: transparent;\r\n    padding: 0 20px 60px;\r\n}\r\n.cotiza-card-wrap > * {\r\n    max-width: 680px;\r\n    margin: 0 auto;\r\n}\r\n\/* =========================================\r\n   CELULAR\r\n========================================= *\/\r\n@media (max-width: 782px) {\r\n    .cotiza-hero::before {\r\n        height: 460px;\r\n    }\r\n    .cotiza-hero-top {\r\n        padding: 40px 0 90px;\r\n    }\r\n    .cotiza-title {\r\n        font-size: 28px;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33300d1 e-flex e-con-boxed e-con e-parent\" data-id=\"33300d1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aad36dd elementor-widget elementor-widget-html\" data-id=\"aad36dd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ex-coverage-hero\">\r\n  <div class=\"ex-coverage-inner\">\r\n    <img decoding=\"async\" class=\"ex-coverage-corner\" src=\"https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/09\/visto_naranja.png\" alt=\"\">\r\n    <div class=\"ex-coverage-text\">\r\n      <p class=\"ex-coverage-eyebrow\">COBERTURA NACIONAL,<\/p>\r\n      <h2 class=\"ex-coverage-title\">M\u00c1S CERCA DE<br>CADA DESTINO<\/h2>\r\n      <div class=\"ex-coverage-line\"><\/div>\r\n      <a href=\"https:\/\/staging.envixpress.ec\/?page_id=2144\" class=\"ex-coverage-btn\">CONOCE NUESTRAS AGENCIAS<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\r\n\r\n\/* =========================================\r\n   CONTENEDOR PRINCIPAL (100vw)\r\n========================================= *\/\r\n.ex-coverage-hero {\r\n  position: relative;\r\n  width: 100vw;\r\n  max-width: 100vw;\r\n  left: 50%;\r\n  margin-left: -50vw;\r\n  margin-top: -30px;\r\n  min-height: clamp(400px, 40vw, 520px);\r\n  background-color: #f4f5f6;\r\n  background-image: url('https:\/\/staging.envixpress.ec\/wp-content\/uploads\/2026\/08\/008.png');\r\n  background-repeat: no-repeat;\r\n  background-position: top right;\r\n  background-size: cover;\r\n  font-family: 'Plus Jakarta Sans', Arial, sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Overlay para que el texto sea legible sobre la imagen (siempre activo) *\/\r\n.ex-coverage-hero::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to right, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.75) 35%, rgba(255,255,255,0.15) 65%, rgba(255,255,255,0) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n\/* =========================================\r\n   VISTO NARANJA (misma posici\u00f3n que ex-services-corner)\r\n========================================= *\/\r\n.ex-coverage-corner {\r\n  position: absolute;\r\n  top: 0;\r\n  right: -5px;\r\n  width: clamp(70px, 8vw, 110px);\r\n  height: auto;\r\n  z-index: 3;\r\n}\r\n\r\n\/* =========================================\r\n   CONTENEDOR ANCHO FIJO\r\n========================================= *\/\r\n.ex-coverage-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 1140px;\r\n  height: 100%;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: clamp(400px, 40vw, 520px);\r\n}\r\n\r\n\/* =========================================\r\n   TEXTO\r\n========================================= *\/\r\n.ex-coverage-text {\r\n  max-width: 460px;\r\n  padding: 40px 0;\r\n}\r\n\r\n.ex-coverage-eyebrow {\r\n  margin: 0;\r\n  color: #6f6f6f;\r\n  font-weight: 700;\r\n  font-size: clamp(18px, 2vw, 24px);\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ex-coverage-title {\r\n  margin: 4px 0 0;\r\n  color: #29ABE2;\r\n  font-weight: 800;\r\n  font-size: clamp(26px, 3.6vw, 44px);\r\n  line-height: 1.15;\r\n  letter-spacing: -0.5px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.ex-coverage-line {\r\n  width: 170px;\r\n  height: 3px;\r\n  background: #f47b20;\r\n  margin: 20px 0 26px;\r\n}\r\n\r\n\/* =========================================\r\n   BOTON (p\u00edldora)\r\n========================================= *\/\r\n.ex-coverage-btn,\r\n.ex-coverage-btn:link,\r\n.ex-coverage-btn:visited {\r\n  display: inline-block;\r\n  background: #f47b20;\r\n  color: #ffffff !important;\r\n  font-weight: 700;\r\n  font-size: clamp(11px, 1vw, 13px);\r\n  letter-spacing: 0.5px;\r\n  text-transform: uppercase;\r\n  text-decoration: none !important;\r\n  padding: 16px 34px;\r\n  border-radius: 999px;\r\n  border: 2px solid #f47b20;\r\n  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.ex-coverage-btn:hover,\r\n.ex-coverage-btn:focus,\r\n.ex-coverage-btn:active {\r\n  background: #ffffff;\r\n  color: #f47b20 !important;\r\n  border-color: #f47b20;\r\n  text-decoration: none !important;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 18px rgba(244, 123, 32, 0.35);\r\n}\r\n\r\n\/* =========================================\r\n   TABLET (landscape \/ iPad)\r\n========================================= *\/\r\n@media (max-width: 1024px) {\r\n  .ex-coverage-hero::after {\r\n    background: linear-gradient(to right, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.85) 55%, rgba(255,255,255,0.2) 90%);\r\n  }\r\n  .ex-coverage-hero {\r\n    background-position: top center;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   TABLET PEQUE\u00d1A \/ M\u00d3VIL GRANDE\r\n========================================= *\/\r\n@media (max-width: 900px) {\r\n  .ex-coverage-hero {\r\n    min-height: clamp(380px, 55vw, 460px);\r\n  }\r\n  .ex-coverage-inner {\r\n    min-height: clamp(380px, 55vw, 460px);\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   CELULAR\r\n========================================= *\/\r\n@media (max-width: 768px) {\r\n  .ex-coverage-hero {\r\n    margin-top: -20px;\r\n    min-height: auto;\r\n    background-position: top center;\r\n  }\r\n  .ex-coverage-hero::after {\r\n    background: rgba(255,255,255,0.9);\r\n  }\r\n  .ex-coverage-inner {\r\n    min-height: auto;\r\n    padding: 50px 20px 60px;\r\n  }\r\n  .ex-coverage-text {\r\n    max-width: 100%;\r\n  }\r\n  .ex-coverage-title {\r\n    font-size: 28px;\r\n  }\r\n}\r\n\r\n\/* =========================================\r\n   CELULAR PEQUE\u00d1O\r\n========================================= *\/\r\n@media (max-width: 380px) {\r\n  .ex-coverage-inner {\r\n    padding: 40px 16px 50px;\r\n  }\r\n  .ex-coverage-title {\r\n    font-size: 24px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00bfTIENES ALGOQUE ENVIAR? Nosotros un precio inigualable. Coberturaa todo elEcuador QUEREMOS QUE TUSPRODUCTOS LLEGUENA M\u00c1S CLIENTES Coberturaa todo elEcuador MENOS COSTO POR ENV\u00cdO.M\u00c1S RENTABILIDADPARA TU EMPRESA. Optimiza tus costos log\u00edsticos con env\u00edos seguros, r\u00e1pidos y eficientes para hacer crecer tu negocio. Coberturaa todo elEcuador 30 a\u00f1os experiencia en log\u00edstica. Cobertura nacional. Tecnolog\u00edade rastreo 1mill. M\u00e1s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.envixpress.ec\/index.php?rest_route=\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.envixpress.ec\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.envixpress.ec\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.envixpress.ec\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.envixpress.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=65"}],"version-history":[{"count":1139,"href":"https:\/\/staging.envixpress.ec\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":3576,"href":"https:\/\/staging.envixpress.ec\/index.php?rest_route=\/wp\/v2\/pages\/65\/revisions\/3576"}],"wp:attachment":[{"href":"https:\/\/staging.envixpress.ec\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}