{"id":108,"date":"2026-10-14T15:59:01","date_gmt":"2026-10-14T20:59:01","guid":{"rendered":"https:\/\/wp.frupex.com\/?page_id=108"},"modified":"2026-11-06T18:01:46","modified_gmt":"2026-11-06T23:01:46","slug":"nosotros","status":"publish","type":"page","link":"https:\/\/wp.frupex.com\/en\/nosotros\/","title":{"rendered":"About Us"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* FRUPEX | NOSOTROS HERO COMPACTO V5 | SOLO ESTE BLOQUE *\/\n.page-id-1008 .entry-title {display:none !important;}\n.page-id-1008 .entry-content, .page-id-1008 .site-main, .page-id-1008 article {margin:0 !important; padding:0 !important;}\n.page-id-1008 .entry-content > * {margin-top:0 !important; margin-bottom:0 !important;}\nbody.page-id-1008 {overflow-x:hidden;}\n\n.frx-about-hero {\n  --yellow:#F3CB00;\n  position:relative;\n  box-sizing:border-box;\n  width:100vw;\n  min-height:560px;\n  margin-left:calc(50% - 50vw);\n  display:flex;\n  align-items:center;\n  isolation:isolate;\n  overflow:hidden;\n  background:#11100c;\n  color:#fff;\n  font-family:\"Century Gothic\", CenturyGothic, Arial, sans-serif;\n}\n.frx-about-hero *, .frx-about-hero *::before, .frx-about-hero *::after {box-sizing:border-box;}\n\n.frx-about-hero__bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n\n  background-image: url(\"https:\/\/wp.frupex.com\/wp-content\/uploads\/2026\/11\/Trabajadores-en-sendero-tropical.png\");\n\n  background-repeat: no-repeat;\n  background-size: cover;\n\n  \/* Siempre prioriza la parte superior *\/\n  background-position: center top;\n\n  \/* Eliminamos el zoom que cortaba las cabezas *\/\n  transform: none;\n\n  will-change: auto;\n}\n\n.frx-about-hero__overlay {\n  position:absolute; inset:0; z-index:1; pointer-events:none;\n  background:linear-gradient(90deg,rgba(8,6,4,.91) 0%,rgba(8,6,4,.78) 32%,rgba(8,6,4,.38) 61%,rgba(8,6,4,.10) 100%),linear-gradient(180deg,rgba(7,5,3,.27),transparent 40%,rgba(7,5,3,.20));\n}\n.frx-about-hero__inner {\n  position:relative; z-index:3;\n  width:calc(100% - 136px); max-width:1400px;\n  margin:0 auto;\n  padding:115px 0 62px;\n}\n.frx-about-hero__copy {width:min(680px,61vw);}\n.frx-about-hero__eyebrow {\n  display:flex; align-items:center; gap:13px; margin-bottom:22px;\n  font-size:9px; line-height:1.4; font-weight:700; letter-spacing:.25em;\n  text-transform:uppercase; color:rgba(255,255,255,.79);\n}\n.frx-about-hero__title-mask {overflow:visible;}\n.frx-about-hero__title {\n  margin:0; max-width:680px;\n  font-family:inherit; font-weight:400;\n  font-size:clamp(34px,3.65vw,53px);\n  line-height:1.18; letter-spacing:-.035em; color:#fff;\n  text-wrap:pretty; overflow-wrap:normal; word-break:normal;\n  text-shadow:0 10px 30px rgba(0,0,0,.15);\n}\n.frx-about-hero__title span {color:var(--yellow);}\n.frx-about-hero__text {\n  max-width:530px; margin:22px 0 0;\n  font-family:inherit; font-weight:400;\n  font-size:clamp(14px,1.1vw,16px); line-height:1.65;\n  color:rgba(255,255,255,.87); text-wrap:pretty;\n}\n.frx-about-hero__button {\n  position:relative; isolation:isolate; overflow:hidden;\n  display:inline-flex; align-items:center; justify-content:center; gap:20px;\n  min-height:47px; margin-top:27px; padding:0 21px;\n  border-radius:4px; background:var(--yellow);\n  color:#19140b !important; text-decoration:none !important;\n  font-family:inherit; font-size:12px; font-weight:700; line-height:1.2;\n  transition:transform .35s ease,box-shadow .35s ease,background .35s ease;\n  box-shadow:0 10px 26px rgba(0,0,0,.16);\n}\n.frx-about-hero__button > span:not(.frx-about-hero__button-shine) {position:relative; z-index:2;}\n.frx-about-hero__button-arrow {font-size:18px; transition:transform .35s ease;}\n.frx-about-hero__button-shine {position:absolute; z-index:1; top:-35%; bottom:-35%; left:-45%; width:32%; transform:skewX(-20deg); opacity:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.44),transparent);}\n@media (hover:hover) {\n  .frx-about-hero__button:hover {transform:translateY(-2px); background:#FFD41A; box-shadow:0 16px 30px rgba(0,0,0,.20);}\n  .frx-about-hero__button:hover .frx-about-hero__button-arrow {transform:translateX(5px);}\n  .frx-about-hero__button:hover .frx-about-hero__button-shine {animation:frxAboutButtonShine .85s ease;}\n}\n@keyframes frxAboutButtonShine {0%{left:-45%;opacity:0}20%{opacity:.45}100%{left:125%;opacity:0}}\n.frx-about-hero__location {\n  position:absolute; right:5vw; top:112px; z-index:4;\n  display:flex; gap:10px; align-items:center;\n  font-family:inherit; font-size:8px; font-weight:700;\n  letter-spacing:.20em; line-height:1.3; color:rgba(255,255,255,.69);\n}\n.frx-about-hero__location i {width:30px; height:1px; background:linear-gradient(90deg,var(--yellow),transparent);}\n@media(max-width:1100px) {\n  .frx-about-hero {min-height:535px;}\n  .frx-about-hero__inner {width:calc(100% - 72px); padding:115px 0 55px;}\n  .frx-about-hero__copy {width:min(620px,68vw);}\n  .frx-about-hero__title {font-size:clamp(34px,4.4vw,49px);}\n  .frx-about-hero__location {display:none;}\n}\n@media(max-width:767px) {\n  .frx-about-hero {min-height:590px; align-items:flex-end;}\n  \n.frx-about-hero__bg {\n  \/* Arriba y hacia la derecha *\/\n  background-position: right top;\n  transform: none;\n}\n\n  .frx-about-hero__overlay {background:linear-gradient(0deg,rgba(7,5,3,.95) 0%,rgba(7,5,3,.78) 49%,rgba(7,5,3,.26) 100%);}\n  .frx-about-hero__inner {width:calc(100% - 40px); padding:125px 0 46px;}\n  .frx-about-hero__copy {width:100%;}\n  .frx-about-hero__eyebrow {font-size:8px; letter-spacing:.16em; gap:9px; margin-bottom:17px;}\n  .frx-about-hero__eyebrow-line {width:22px; flex-basis:22px;}\n  .frx-about-hero__title {max-width:100%; font-size:clamp(29px,7.5vw,41px); line-height:1.18; letter-spacing:-.028em;}\n  .frx-about-hero__text {font-size:14px; line-height:1.55; margin-top:18px;}\n  .frx-about-hero__button {min-height:45px; margin-top:23px; padding:0 17px; font-size:12px;}\n}\n@media(prefers-reduced-motion:reduce) {\n  .frx-about-hero *, .frx-about-hero *::before, .frx-about-hero *::after {animation:none!important; transition:none!important;}\n  .frx-about-hero__bg {transform:none!important;}\n}\n\n\n\/* FRUPEX \u2014 ENCUADRE FIJO HERO NOSOTROS *\/\n\n.frx-about-hero .frx-about-hero__bg {\n  inset: 0 !important;\n\n  background-size: cover;\n  background-position: center top !important;\n\n  \/* Subir ligeramente la fotograf\u00eda *\/\n  transform: translate3d(0, -12px, 0) !important;\n\n  \/* Compensar el desplazamiento inferior *\/\n  height: calc(100% + 12px);\n\n  transition: none !important;\n}\n\n\/* M\u00d3VIL: ARRIBA Y DERECHA *\/\n@media (max-width: 767px) {\n  .frx-about-hero .frx-about-hero__bg {\n    background-position: right top !important;\n    transform: translate3d(0, -20px, 0) !important;\n  }\n}\n\n\n\/* FRUPEX \u2014 AJUSTE DE ENCUADRE EN M\u00d3VIL *\/\n\n@media (max-width: 767px) {\n  .frx-about-hero .frx-about-hero__bg {\n    background-position: 78% top !important;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* FRUPEX | Nosotros Hero V5 - solo efectos de este bloque *\/\n(() => {\n  const init = () => {\n    const hero = document.getElementById('frx-about-hero');\n    if (!hero || hero.dataset.frxReady === '1') return;\n    hero.dataset.frxReady = '1';\n    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches || !Element.prototype.animate) return;\n    const animate = (selector, frames, delay, duration) => {\n      const node = hero.querySelector(selector);\n      if (!node) return;\n      node.animate(frames, {duration, delay, easing:'cubic-bezier(.16,1,.3,1)',fill:'both'});\n    };\n    requestAnimationFrame(() => {\n      animate('.frx-about-hero__bg', [{transform:'scale(1.075)'},{transform:'scale(1.035)'}], 0, 1900);\n      animate('.frx-about-hero__eyebrow', [{opacity:0,transform:'translateY(10px)'},{opacity:1,transform:'translateY(0)'}], 120, 650);\n      animate('.frx-about-hero__title', [{opacity:0,transform:'translateY(22px)'},{opacity:1,transform:'translateY(0)'}], 230, 840);\n      animate('.frx-about-hero__text', [{opacity:0,transform:'translateY(12px)'},{opacity:1,transform:'translateY(0)'}], 430, 680);\n      animate('.frx-about-hero__button', [{opacity:0,transform:'translateY(12px)'},{opacity:1,transform:'translateY(0)'}], 590, 700);\n      animate('.frx-about-hero__location', [{opacity:0},{opacity:1}], 450, 750);\n    });\n    const bg = hero.querySelector('.frx-about-hero__bg');\n    if (bg && window.matchMedia('(hover:hover) and (pointer:fine)').matches) {\n      let raf = 0;\n      hero.addEventListener('mousemove', event => {\n        cancelAnimationFrame(raf);\n        raf = requestAnimationFrame(() => {\n          const r = hero.getBoundingClientRect();\n          hero.style.setProperty('--mouse-x', `${((event.clientX-r.left)\/r.width-.5)*-5}px`);\n          hero.style.setProperty('--mouse-y', `${((event.clientY-r.top)\/r.height-.5)*-4}px`);\n        });\n      }, {passive:true});\n      hero.addEventListener('mouseleave', () => {\n        hero.style.setProperty('--mouse-x','0px');\n        hero.style.setProperty('--mouse-y','0px');\n      });\n    }\n  };\n  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded',init,{once:true});\n  else init();\n})();\n\n\n\/* FRUPEX \u2014 Priorizar rostros en el hero Nosotros *\/\n\n.frx-about-hero .frx-about-hero__bg {\n  inset: 0;\n  background-position: center top;\n  transform: none !important;\n}\n\n@media (max-width: 767px) {\n  .frx-about-hero .frx-about-hero__bg {\n    background-position: right top;\n  }\n}\n<\/script>\n\n<section class=\"frx-about-hero\" id=\"frx-about-hero\" aria-labelledby=\"frx-about-title\">\n  <div class=\"frx-about-hero__bg\" aria-hidden=\"true\"><\/div>\n  <div class=\"frx-about-hero__overlay\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"frx-about-hero__inner\">\n    <div class=\"frx-about-hero__copy\">\n      <div class=\"frx-about-hero__eyebrow\">\n        <span class=\"frx-about-hero__eyebrow-line\" aria-hidden=\"true\"><\/span>\n        <span>ECUADOR \u00b7 PREMIUM BANANA EXPORTERS<\/span>\n      <\/div>\n\n      <div class=\"frx-about-hero__title-mask\">\n        <h1 class=\"frx-about-hero__title\" id=\"frx-about-title\">\n          Nuestra historia<br>\n          nace de <span>nuestra tierra.<\/span>\n        <\/h1>\n      <\/div>\n\n      <p class=\"frx-about-hero__text\">\n        Desde Machala, El Oro, cultivamos banano que conecta Ecuador con el mundo.\n      <\/p>\n\n      <a href=\"#quienes-somos\" class=\"frx-about-hero__button\">\n        <span>Conoce qui\u00e9nes somos<\/span>\n        <span class=\"frupex-btn__arrow\" aria-hidden=\"true\">\n    <svg width=\"9\" height=\"10\" viewBox=\"0 0 9 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M7.60372 3.86523C8.24179 4.25516 8.24179 5.18186 7.60372 5.57179L1.52145 9.28873C0.855097 9.69595 5.16653e-07 9.21638 5.50789e-07 8.43545L8.75734e-07 1.00156C9.0987e-07 0.220633 0.855098 -0.258935 1.52145 0.148281L7.60372 3.86523Z\" fill=\"#5F2610\"><\/path>\n    <\/svg>\n<\/span>\n        <span class=\"frx-about-hero__button-shine\" aria-hidden=\"true\"><\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   FRUPEX \u2014 NOSOTROS \/ ESENCIA V2\n   Tipograf\u00eda Century Gothic\n   ===================================================== *\/\n\n.frx-about-essence,\n.frx-about-essence * {\n  box-sizing: border-box;\n}\n\n.frx-about-essence {\n  --frx-cream: #F7F4EF;\n  --frx-cream-2: #F0EBE3;\n  --frx-dark: #221109;\n  --frx-brown: #5F2610;\n  --frx-gray: #6E625A;\n  --frx-yellow: #F3CB00;\n  --frx-font: \"Century Gothic\", \"CenturyGothic\",\n              \"Jost\", Arial, sans-serif;\n\n  position: relative;\n  width: 100vw;\n  max-width: none;\n  margin: 0 0 0 calc(50% - 50vw) !important;\n  overflow: hidden;\n\n  background: var(--frx-cream);\n  color: var(--frx-dark);\n  font-family: var(--frx-font);\n}\n\n.frx-about-essence__inner {\n  width: min(1320px, calc(100% - 9vw));\n  margin: 0 auto;\n  padding: 82px 0 86px;\n}\n\n\/* RESET TIPOGR\u00c1FICO LOCAL *\/\n\n.frx-about-essence h2,\n.frx-about-essence h3,\n.frx-about-essence h4,\n.frx-about-essence p,\n.frx-about-essence a,\n.frx-about-essence span {\n  font-family: var(--frx-font);\n}\n\n.frx-about-essence h2,\n.frx-about-essence h3,\n.frx-about-essence h4 {\n  text-transform: none;\n  text-align: left;\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n.frx-about-essence p {\n  word-break: normal;\n  overflow-wrap: break-word;\n  hyphens: none;\n}\n\n\/* =====================================================\n   ETIQUETAS EDITORIALES\n   ===================================================== *\/\n\n.frx-about-essence .frx-section-kicker {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n\n  margin: 0 0 20px;\n\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .23em;\n  line-height: 1.35;\n\n  color: #82756B;\n}\n\n\/* =====================================================\n   QUI\u00c9NES SOMOS\n   ===================================================== *\/\n\n.frx-about-essence .frx-about-intro {\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(0, 1.05fr);\n  align-items: center;\n\n  column-gap: clamp(42px, 5vw, 90px);\n  margin-bottom: 75px;\n}\n\n.frx-about-intro__copy,\n.frx-about-intro__visual {\n  min-width: 0;\n}\n\n.frx-about-essence .frx-about-intro__title {\n  margin: 0 0 23px !important;\n  padding: 0;\n\n  font-size: clamp(31px, 3.05vw, 43px);\n  line-height: 1.22;\n  letter-spacing: -.035em;\n  font-weight: 400;\n\n  color: var(--frx-dark);\n}\n\n.frx-about-essence .frx-about-intro__text {\n  max-width: 555px;\n  margin: 0 !important;\n\n  font-size: 15px;\n  line-height: 1.85;\n  letter-spacing: -.005em;\n  font-weight: 400;\n\n  color: var(--frx-gray);\n}\n\n\/* ENLACE *\/\n\n.frx-about-intro__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 13px;\n\n  margin-top: 24px;\n\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n\n  text-decoration: none !important;\n  color: var(--frx-brown) !important;\n}\n\n.frx-about-intro__play {\n  display: grid;\n  place-items: center;\n\n  width: 38px;\n  height: 38px;\n  flex: 0 0 38px;\n\n  border-radius: 50%;\n  background: var(--frx-brown);\n  color: #fff;\n\n  font-family: Arial, sans-serif !important;\n  font-size: 18px;\n  font-weight: 400;\n\n  transition:\n    background .35s ease,\n    transform .45s cubic-bezier(.16,1,.3,1);\n}\n\n.frx-about-intro__link:hover .frx-about-intro__play {\n  background: #843617;\n  transform: rotate(45deg);\n}\n\n\/* FOTOGRAF\u00cdA *\/\n\n.frx-about-intro__visual {\n  position: relative;\n  padding-bottom: 22px;\n}\n\n.frx-about-intro__image-wrap {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 1.68 \/ 1;\n\n  overflow: hidden;\n  border-radius: 12px;\n\n  background: #E2D8CA;\n}\n\n.frx-about-intro__image {\n  display: block;\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n  object-position: center;\n\n  transform: scale(1.015);\n  transition: transform 1s cubic-bezier(.16,1,.3,1);\n}\n\n@media (hover: hover) {\n  .frx-about-intro__visual:hover .frx-about-intro__image {\n    transform: scale(1.065);\n  }\n}\n\n\/* DISTINTIVO EN FOTO *\/\n\n.frx-about-intro__badge {\n  position: absolute;\n  right: 18px;\n  bottom: 0;\n\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  padding: 13px 18px;\n  min-width: 205px;\n\n  border: 1px solid rgba(95,38,16,.055);\n  border-radius: 10px;\n\n  background: rgba(247,244,239,.97);\n  box-shadow: 0 12px 34px rgba(34,17,9,.10);\n}\n\n.frx-about-intro__badge-icon {\n  display: grid;\n  place-items: center;\n\n  width: 43px;\n  height: 43px;\n  flex: 0 0 43px;\n\n  border-radius: 50%;\n  background: rgba(95,38,16,.07);\n}\n\n.frx-about-intro__badge-icon span {\n  display: block;\n  width: 20px;\n  height: 27px;\n\n  border: 2px solid var(--frx-brown);\n  border-radius: 95% 0 95% 0;\n  transform: rotate(36deg);\n}\n\n.frx-about-essence .frx-about-intro__badge p {\n  margin: 0 !important;\n  font-size: 12px;\n  line-height: 1.5;\n  font-weight: 500;\n  color: #51463E;\n}\n\n\/* =====================================================\n   MISI\u00d3N Y VISI\u00d3N\n   ===================================================== *\/\n\n.frx-about-essence .frx-about-purpose {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 22px;\n\n  margin-bottom: 82px;\n  scroll-margin-top: 95px;\n}\n\n.frx-about-essence .frx-about-card {\n  position: relative;\n  overflow: hidden;\n\n  display: grid;\n  grid-template-columns: 59px minmax(0, 1fr);\n  align-items: start;\n  gap: 23px;\n\n  min-width: 0;\n  min-height: 275px;\n  padding: 34px;\n\n  border: 1px solid rgba(95,38,16,.085);\n  border-radius: 12px;\n\n  background: linear-gradient(\n    135deg,\n    #FBF9F5,\n    var(--frx-cream-2)\n  );\n\n  transition:\n    box-shadow .5s ease,\n    border-color .35s ease;\n}\n\n@media (hover: hover) {\n  .frx-about-card:hover {\n    border-color: rgba(95,38,16,.18);\n    box-shadow: 0 18px 42px rgba(34,17,9,.065);\n  }\n}\n\n.frx-about-card__icon {\n  position: relative;\n  z-index: 1;\n\n  display: grid;\n  place-items: center;\n\n  width: 56px;\n  height: 56px;\n\n  border: 1.5px solid var(--frx-brown);\n  border-radius: 50%;\n}\n\n\/* MONTA\u00d1A *\/\n\n.frx-icon-mountain {\n  display: block;\n  position: relative;\n  width: 32px;\n  height: 23px;\n}\n\n.frx-icon-mountain::before,\n.frx-icon-mountain::after {\n  content: \"\";\n  position: absolute;\n  bottom: 3px;\n\n  width: 21px;\n  height: 21px;\n\n  border-right: 1.5px solid var(--frx-brown);\n  border-bottom: 1.5px solid var(--frx-brown);\n\n  transform: rotate(45deg);\n}\n\n.frx-icon-mountain::before {\n  left: 0;\n}\n\n.frx-icon-mountain::after {\n  width: 15px;\n  height: 15px;\n  right: 0;\n}\n\n\/* HOJA *\/\n\n.frx-icon-leaf {\n  display: block;\n  position: relative;\n\n  width: 19px;\n  height: 29px;\n\n  border: 1.5px solid var(--frx-brown);\n  border-radius: 90% 0 90% 0;\n  transform: rotate(40deg);\n}\n\n.frx-icon-leaf::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 3px;\n\n  width: 1px;\n  height: 22px;\n  background: var(--frx-brown);\n  transform: rotate(-18deg);\n}\n\n\/* TEXTOS DE TARJETAS *\/\n\n.frx-about-card__content {\n  position: relative;\n  z-index: 1;\n  min-width: 0;\n}\n\n.frx-about-card__kicker {\n  display: block;\n  margin-bottom: 8px;\n\n  color: #8A776B;\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .21em;\n  line-height: 1.4;\n}\n\n.frx-about-essence .frx-about-card h3 {\n  margin: 0 0 13px !important;\n\n  color: var(--frx-dark);\n  font-size: clamp(25px, 2.4vw, 34px);\n  font-weight: 400;\n  line-height: 1.2;\n  letter-spacing: -.025em;\n}\n\n.frx-about-essence .frx-about-card p {\n  margin: 0 !important;\n\n  color: var(--frx-gray);\n  font-size: 13.5px;\n  font-weight: 400;\n  line-height: 1.8;\n}\n\n.frx-about-card__decor {\n  position: absolute;\n  width: 160px;\n  height: 205px;\n\n  opacity: .045;\n  pointer-events: none;\n\n  border: 2px solid var(--frx-brown);\n  border-radius: 90% 0 90% 0;\n}\n\n.frx-about-card__decor--left {\n  left: -85px;\n  bottom: -95px;\n  transform: rotate(22deg);\n}\n\n.frx-about-card__decor--right {\n  right: -80px;\n  bottom: -100px;\n  transform: rotate(-18deg);\n}\n\n\/* =====================================================\n   VALORES\n   ===================================================== *\/\n\n.frx-about-essence .frx-about-values {\n  display: grid;\n  grid-template-columns:\n    minmax(210px, .83fr)\n    minmax(0, 2.17fr);\n\n  gap: clamp(35px, 4vw, 68px);\n  align-items: center;\n}\n\n.frx-about-essence .frx-about-values__heading h2 {\n  margin: 0 !important;\n\n  color: var(--frx-dark);\n  font-size: clamp(28px, 2.65vw, 37px);\n  font-weight: 400;\n  line-height: 1.25;\n  letter-spacing: -.035em;\n}\n\n.frx-about-values__grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.frx-about-essence .frx-value {\n  min-width: 0;\n  min-height: 145px;\n  padding: 14px 12px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  text-align: center;\n}\n\n.frx-about-essence .frx-value + .frx-value {\n  border-left: 1px solid rgba(95,38,16,.13);\n}\n\n.frx-value__icon {\n  position: relative;\n  width: 52px;\n  height: 52px;\n  margin-bottom: 13px;\n\n  transition: transform .5s cubic-bezier(.16,1,.3,1);\n}\n\n@media (hover: hover) {\n  .frx-value:hover .frx-value__icon {\n    transform: translateY(-5px);\n  }\n}\n\n.frx-about-essence .frx-value h4 {\n  margin: 0 !important;\n\n  color: #53483F;\n  font-size: 12.5px;\n  font-weight: 500;\n  line-height: 1.5;\n  letter-spacing: -.008em;\n\n  text-align: center;\n}\n\n\/* ICONO EQUIPO *\/\n\n.frx-value__icon--team::before {\n  content: \"\";\n  position: absolute;\n  top: 4px;\n  left: 18px;\n\n  width: 16px;\n  height: 16px;\n  border: 1.5px solid var(--frx-brown);\n  border-radius: 50%;\n}\n\n.frx-value__icon--team::after {\n  content: \"\";\n  position: absolute;\n  left: 7px;\n  bottom: 5px;\n\n  width: 38px;\n  height: 22px;\n\n  border: 1.5px solid var(--frx-brown);\n  border-radius: 24px 24px 7px 7px;\n}\n\n\/* ICONO CRECIMIENTO *\/\n\n.frx-value__icon--growth::before {\n  content: \"\";\n  position: absolute;\n  top: 6px;\n  left: 16px;\n\n  width: 22px;\n  height: 34px;\n\n  border: 1.5px solid var(--frx-brown);\n  border-radius: 90% 0 90% 0;\n  transform: rotate(40deg);\n}\n\n.frx-value__icon--growth::after {\n  content: \"\";\n  position: absolute;\n  left: 26px;\n  top: 14px;\n\n  width: 1.5px;\n  height: 30px;\n\n  background: var(--frx-brown);\n  transform: rotate(19deg);\n}\n\n\/* ICONO RELACIONES *\/\n\n.frx-value__icon--relations::before,\n.frx-value__icon--relations::after {\n  content: \"\";\n  position: absolute;\n  top: 18px;\n\n  width: 28px;\n  height: 16px;\n\n  border: 1.5px solid var(--frx-brown);\n  border-radius: 16px;\n}\n\n.frx-value__icon--relations::before {\n  left: 2px;\n  transform: rotate(38deg);\n}\n\n.frx-value__icon--relations::after {\n  right: 2px;\n  transform: rotate(-38deg);\n}\n\n\/* ICONO CALIDAD *\/\n\n.frx-value__icon--quality::before {\n  content: \"\";\n  position: absolute;\n  inset: 4px 10px 5px;\n\n  border: 1.5px solid var(--frx-brown);\n  border-radius: 10px 10px 20px 20px;\n}\n\n.frx-value__icon--quality::after {\n  content: \"\u2713\";\n  position: absolute;\n  top: 50%;\n  left: 50%;\n\n  transform: translate(-50%, -50%);\n\n  color: var(--frx-brown);\n  font-family: Arial, sans-serif;\n  font-size: 22px;\n}\n\n\/* =====================================================\n   ANIMACI\u00d3N: SOLO CUANDO JS LA ACTIVA\n   ===================================================== *\/\n\n.frx-about-essence.frx-motion-ready\n[data-frx-reveal]:not(.frx-is-visible) {\n  opacity: 0;\n  transform: translateY(18px);\n}\n\n.frx-about-essence [data-frx-reveal] {\n  transition:\n    opacity .85s cubic-bezier(.16,1,.3,1),\n    transform .85s cubic-bezier(.16,1,.3,1);\n}\n\n.frx-about-essence .frx-is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* =====================================================\n   TABLET\n   ===================================================== *\/\n\n@media (max-width: 1050px) {\n\n  .frx-about-essence__inner {\n    width: calc(100% - 64px);\n    padding: 72px 0;\n  }\n\n  .frx-about-essence .frx-about-intro {\n    gap: 35px;\n  }\n\n  .frx-about-essence .frx-about-purpose {\n    gap: 16px;\n  }\n\n  .frx-about-essence .frx-about-card {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    padding: 28px;\n  }\n\n  .frx-about-essence .frx-about-values {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n}\n\n\/* =====================================================\n   M\u00d3VIL\n   ===================================================== *\/\n\n@media (max-width: 720px) {\n\n  .frx-about-essence__inner {\n    width: calc(100% - 38px);\n    padding: 58px 0 66px;\n  }\n\n  .frx-about-essence .frx-about-intro {\n    grid-template-columns: 1fr;\n    gap: 30px;\n    margin-bottom: 56px;\n  }\n\n  .frx-about-essence .frx-about-intro__title {\n    font-size: clamp(29px, 7.5vw, 37px);\n  }\n\n  .frx-about-essence .frx-about-intro__text {\n    font-size: 14px;\n    line-height: 1.75;\n  }\n\n  .frx-about-intro__image-wrap {\n    aspect-ratio: 1.4 \/ 1;\n  }\n\n  .frx-about-essence .frx-about-purpose {\n    grid-template-columns: 1fr;\n    margin-bottom: 60px;\n  }\n\n  .frx-about-essence .frx-about-card {\n    min-height: 0;\n    padding: 26px 23px;\n    grid-template-columns: 52px minmax(0, 1fr);\n    gap: 15px;\n  }\n\n  .frx-about-card__icon {\n    width: 48px;\n    height: 48px;\n  }\n\n  .frx-about-essence .frx-about-card h3 {\n    font-size: 27px;\n  }\n\n  .frx-about-essence .frx-about-card p {\n    font-size: 13px;\n    line-height: 1.75;\n  }\n\n  .frx-about-essence .frx-about-values {\n    gap: 25px;\n  }\n\n  .frx-about-values__grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .frx-about-essence .frx-value {\n    min-height: 135px;\n  }\n\n  .frx-about-essence .frx-value + .frx-value {\n    border-left: 0;\n  }\n\n  .frx-about-essence .frx-value:nth-child(even) {\n    border-left: 1px solid rgba(95,38,16,.13);\n  }\n\n  .frx-about-essence .frx-value:nth-child(n+3) {\n    border-top: 1px solid rgba(95,38,16,.13);\n  }\n}\n\n@media (max-width: 390px) {\n  .frx-about-essence .frx-about-card {\n    grid-template-columns: 1fr;\n  }\n\n  .frx-about-intro__badge {\n    right: 8px;\n    min-width: 0;\n  }\n}\n\n\/* =====================================================\n   MOVIMIENTO REDUCIDO\n   ===================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .frx-about-essence [data-frx-reveal] {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n\n  .frx-about-essence__image {\n    transition: none !important;\n  }\n}\n\n.frx-about-intro__play {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.frx-about-intro__play svg {\n  display: block;\n  width: 9px;\n  height: 10px;\n  flex: 0 0 auto;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  function initAboutEssence() {\n    const section = document.querySelector(\".frx-about-essence\");\n\n    if (!section || section.dataset.frxInitialized === \"true\") {\n      return;\n    }\n\n    section.dataset.frxInitialized = \"true\";\n\n    const elements = Array.from(\n      section.querySelectorAll(\"[data-frx-reveal]\")\n    );\n\n    const reducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n    if (\n      reducedMotion ||\n      !(\"IntersectionObserver\" in window)\n    ) {\n      elements.forEach((element) => {\n        element.classList.add(\"frx-is-visible\");\n      });\n      return;\n    }\n\n    \/\/ Los elementos permanecen visibles si JS no se ejecuta.\n    \/\/ Solo activamos el efecto al inicializar correctamente.\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n\n          const element = entry.target;\n\n          element.classList.add(\"frx-is-visible\");\n\n          observer.unobserve(element);\n        });\n      },\n      {\n        threshold: 0.08,\n        rootMargin: \"0px 0px 35px 0px\"\n      }\n    );\n\n    section.classList.add(\"frx-motion-ready\");\n\n    elements.forEach((element, index) => {\n      element.style.transitionDelay =\n        Math.min(index % 4, 3) * 75 + \"ms\";\n\n      observer.observe(element);\n    });\n\n    \/\/ Revisi\u00f3n adicional para elementos ya visibles.\n    requestAnimationFrame(() => {\n      const viewportHeight = window.innerHeight;\n\n      elements.forEach((element) => {\n        const rect = element.getBoundingClientRect();\n\n        if (\n          rect.top < viewportHeight &#038;&#038;\n          rect.bottom > 0\n        ) {\n          element.classList.add(\"frx-is-visible\");\n          observer.unobserve(element);\n        }\n      });\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initAboutEssence,\n      { once: true }\n    );\n  } else {\n    initAboutEssence();\n  }\n})();\n<\/script>\n\n<section class=\"frx-about-essence\" id=\"quienes-somos\">\n  <div class=\"frx-about-essence__inner\">\n\n    <!-- QUI\u00c9NES SOMOS -->\n    <div class=\"frx-about-intro\">\n\n      <div class=\"frx-about-intro__copy\" data-frx-reveal=\"\">\n        <div class=\"frx-section-kicker\">\n          <span>NUESTRA ESENCIA<\/span>\n          <i aria-hidden=\"true\"><\/i>\n        <\/div>\n\n        <h2 class=\"frx-about-intro__title\">Qui\u00e9nes <strong>somos<\/strong><\/h2>\n\n        <p class=\"frx-about-intro__text\">\n          Frupex es una empresa exportadora de banano con sede en el sur del Ecuador.\n          Nuestro compromiso es brindar productos de calidad superior, aplicando\n          buenas pr\u00e1cticas agr\u00edcolas, tecnolog\u00edas modernas y procesos log\u00edsticos\n          eficientes que aseguran la trazabilidad y frescura de cada env\u00edo.\n        <\/p>\n\n        <a href=\"#mision-vision\" class=\"frx-about-intro__link\">\n          <span class=\"frx-about-intro__play\" aria-hidden=\"true\">\n  <svg width=\"9\" height=\"10\" viewBox=\"0 0 9 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path\n      d=\"M7.60372 3.86523C8.24179 4.25516 8.24179 5.18186 7.60372 5.57179L1.52145 9.28873C0.855097 9.69595 5.16653e-07 9.21638 5.50789e-07 8.43545L8.75734e-07 1.00156C9.0987e-07 0.220633 0.855098 -0.258935 1.52145 0.148281L7.60372 3.86523Z\"\n      fill=\"#FFFFFF\"\n    \/>\n  <\/svg>\n<\/span>\n          <span>Conoce lo que nos impulsa<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"frx-about-intro__visual\" data-frx-reveal=\"\">\n        <div class=\"frx-about-intro__image-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/wp.frupex.com\/wp-content\/uploads\/2026\/10\/mujer-cultivando-banano-scaled.jpg\" alt=\"Banano ecuatoriano de exportaci\u00f3n FRUPEX\" class=\"frx-about-intro__image\" loading=\"lazy\">\n        <\/div>\n\n        <div class=\"frx-about-intro__badge\">\n          <div class=\"frx-about-intro__badge-icon\" aria-hidden=\"true\">\n            <span><\/span>\n          <\/div>\n          <p>Calidad que<br>conecta al mundo<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- MISI\u00d3N Y VISI\u00d3N -->\n    <div class=\"frx-about-purpose\" id=\"mision-vision\">\n\n      <article class=\"frx-about-card\" data-frx-reveal=\"\">\n        <span class=\"frx-about-card__decor frx-about-card__decor--left\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"frx-about-card__icon\" aria-hidden=\"true\">\n          <span class=\"frx-icon-mountain\"><\/span>\n        <\/div>\n\n        <div class=\"frx-about-card__content\">\n          <span class=\"frx-about-card__kicker\">NUESTRA MISI\u00d3N<\/span>\n          <h3>Misi\u00f3n<\/h3>\n          <p>\n            Llevar al mundo frutas frescas y deliciosas, cultivadas con dedicaci\u00f3n\n            por manos ecuatorianas. En FRUPEX creemos en el poder de lo natural,\n            en el valor del trabajo bien hecho y en construir relaciones honestas\n            con quienes conf\u00edan en nosotros, desde el campo hasta el destino final.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"frx-about-card\" data-frx-reveal=\"\">\n        <span class=\"frx-about-card__decor frx-about-card__decor--right\" aria-hidden=\"true\"><\/span>\n\n        <div class=\"frx-about-card__icon\" aria-hidden=\"true\">\n          <span class=\"frx-icon-leaf\"><\/span>\n        <\/div>\n\n        <div class=\"frx-about-card__content\">\n          <span class=\"frx-about-card__kicker\">NUESTRA VISI\u00d3N<\/span>\n          <h3>Visi\u00f3n<\/h3>\n          <p>\n            So\u00f1amos con que cada fruta que exportamos cuente una historia:\n            de esfuerzo, de sabor, de origen. Queremos que FRUPEX sea sin\u00f3nimo\n            de confianza, calidad humana y orgullo por lo que somos y lo que\n            compartimos con el mundo.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <!-- VALORES -->\n    <div class=\"frx-about-values\">\n      <div class=\"frx-about-values__heading\" data-frx-reveal=\"\">\n        <div class=\"frx-section-kicker\">\n          <span>NUESTROS VALORES<\/span>\n          <i aria-hidden=\"true\"><\/i>\n        <\/div>\n\n        <h2>Pilares que<br>nos impulsan<\/h2>\n      <\/div>\n\n      <div class=\"frx-about-values__grid\">\n\n        <article class=\"frx-value\" data-frx-reveal=\"\">\n          <div class=\"frx-value__icon frx-value__icon--team\" aria-hidden=\"true\"><\/div>\n          <h4>Trabajo<br>en equipo<\/h4>\n        <\/article>\n\n        <article class=\"frx-value\" data-frx-reveal=\"\">\n          <div class=\"frx-value__icon frx-value__icon--growth\" aria-hidden=\"true\"><\/div>\n          <h4>Crecimiento<br>sostenible<\/h4>\n        <\/article>\n\n        <article class=\"frx-value\" data-frx-reveal=\"\">\n          <div class=\"frx-value__icon frx-value__icon--relations\" aria-hidden=\"true\"><\/div>\n          <h4>Relaciones<br>de largo plazo<\/h4>\n        <\/article>\n\n        <article class=\"frx-value\" data-frx-reveal=\"\">\n          <div class=\"frx-value__icon frx-value__icon--quality\" aria-hidden=\"true\"><\/div>\n          <h4>Compromiso<br>con la calidad<\/h4>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   FRUPEX \u2014 RA\u00cdCES ECUATORIANAS V2\n   DISE\u00d1O EDITORIAL \/ CENTURY GOTHIC\n   ===================================================== *\/\n\n.frx-roots-v2,\n.frx-roots-v2 * {\n  box-sizing: border-box;\n}\n\n.frx-roots-v2 {\n  --frx-yellow: #F3CB00;\n  --frx-font: \"Century Gothic\", \"Avenir Next\",\n              \"Segoe UI\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n\n  width: 100vw;\n  max-width: none;\n  margin: 0 0 0 calc(50% - 50vw) !important;\n\n  min-height: 390px;\n  overflow: hidden;\n\n  background: #090B07;\n  color: #fff;\n}\n\n\/* FOTOGRAF\u00cdA *\/\n\n.frx-roots-v2__photo {\n  position: absolute;\n  inset: -8px;\n  z-index: -3;\n\n  background-image: url(\"https:\/\/wp.frupex.com\/wp-content\/uploads\/2026\/10\/Canopia-de-platano-bajo-el-sol.png\");\n  background-size: cover;\n  background-position: 67% 53%;\n  background-repeat: no-repeat;\n\n  transform: scale(1.025);\n  transition: transform 1.5s cubic-bezier(.16,1,.3,1);\n}\n\n.frx-roots-v2.is-visible .frx-roots-v2__photo {\n  transform: scale(1);\n}\n\n\/* OVERLAY *\/\n\n.frx-roots-v2__shade {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(5,7,4,.97) 0%,\n      rgba(5,7,4,.92) 22%,\n      rgba(5,7,4,.76) 39%,\n      rgba(5,7,4,.39) 58%,\n      rgba(5,7,4,.06) 83%\n    ),\n    linear-gradient(\n      180deg,\n      rgba(0,0,0,.09),\n      transparent 45%,\n      rgba(0,0,0,.16)\n    );\n}\n\n\/* CONTENEDOR *\/\n\n.frx-roots-v2__container {\n  width: min(1440px, calc(100% - 9vw));\n  min-height: 390px;\n\n  margin: 0 auto;\n  padding: 46px 0;\n\n  display: flex;\n  align-items: center;\n}\n\n.frx-roots-v2__content {\n  width: 100%;\n  max-width: 650px;\n  flex: 0 1 650px;\n}\n\n\/* ETIQUETA *\/\n\n.frx-roots-v2__kicker {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n\n  margin: 0 0 19px;\n\n  font-family: var(--frx-font);\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1.4;\n  letter-spacing: .26em;\n\n  color: rgba(255,255,255,.76);\n}\n\n\/* T\u00cdTULO \u2014 DOS L\u00cdNEAS LIMPIAS *\/\n\n.frx-roots-v2 .frx-roots-v2__title {\n  display: block;\n\n  width: 100%;\n  max-width: none;\n\n  margin: 0 0 20px !important;\n  padding: 0;\n\n  font-family: var(--frx-font);\n  font-size: clamp(30px, 3.05vw, 47px);\n  font-weight: 400;\n  line-height: 1.16;\n  letter-spacing: -.035em;\n\n  color: #fff;\n  text-align: left;\n  text-transform: none;\n\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n  text-wrap: normal;\n}\n\n\/* Cada frase ocupa su propia l\u00ednea *\/\n.frx-roots-v2__title > span {\n  display: block;\n}\n\n\/* PRIMERA L\u00cdNEA \u2014 fina y blanca *\/\n.frx-roots-v2__title > span:first-child {\n  color: #FFFFFF;\n  font-weight: 400;\n}\n\n\/* SEGUNDA L\u00cdNEA \u2014 gruesa y amarilla *\/\n.frx-roots-v2__title > span:nth-child(2) {\n  color: var(--frx-yellow);\n  font-weight: 700;\n}\n\n\/* Punto final *\/\n.frx-roots-v2__dot {\n  display: inline !important;\n  color: var(--frx-yellow);\n  font-weight: 700;\n}\n\n\/* DESCRIPCI\u00d3N *\/\n\n.frx-roots-v2 .frx-roots-v2__description {\n  max-width: 510px;\n\n  margin: 0 !important;\n  padding: 0;\n\n  font-family: var(--frx-font);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.68;\n  letter-spacing: -.01em;\n\n  color: rgba(255,255,255,.83);\n\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n\/* CTA *\/\n\n.frx-roots-v2__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 15px;\n\n  margin-top: 25px;\n\n  font-family: var(--frx-font);\n  text-decoration: none !important;\n\n  color: #fff !important;\n}\n\n.frx-roots-v2__link-circle {\n  width: 43px;\n  height: 43px;\n  flex: 0 0 43px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n  background: var(--frx-yellow);\n\n  color: #251509;\n\n  transition:\n    transform .45s cubic-bezier(.16,1,.3,1),\n    background .3s ease;\n}\n\n.frx-roots-v2__link-circle span {\n  font-family: Arial, sans-serif;\n  font-size: 21px;\n  line-height: 1;\n}\n\n.frx-roots-v2__link-label {\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n  color: #fff;\n}\n\n.frx-roots-v2__link-arrow {\n  margin-left: 5px;\n  font-size: 20px;\n  line-height: 1;\n  color: #fff;\n\n  transition: transform .4s ease;\n}\n\n@media (hover: hover) {\n  .frx-roots-v2__link:hover .frx-roots-v2__link-circle {\n    transform: rotate(45deg);\n    background: #FFDB35;\n  }\n\n  .frx-roots-v2__link:hover .frx-roots-v2__link-arrow {\n    transform: translateX(6px);\n  }\n}\n\n\/* ANIMACI\u00d3N ELEGANTE *\/\n\n.frx-roots-v2__content {\n  transition:\n    opacity .85s cubic-bezier(.16,1,.3,1),\n    transform .85s cubic-bezier(.16,1,.3,1);\n}\n\n.frx-roots-v2.is-entering .frx-roots-v2__content {\n  opacity: 0;\n  transform: translateY(18px);\n}\n\n.frx-roots-v2.is-entering.is-visible\n.frx-roots-v2__content {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* LAPTOPS *\/\n\n@media (max-width: 1250px) {\n\n  .frx-roots-v2__content {\n    max-width: 560px;\n    flex-basis: 560px;\n  }\n\n  .frx-roots-v2 .frx-roots-v2__title {\n    font-size: clamp(29px, 3.2vw, 39px);\n  }\n\n}\n\n\/* TABLETS *\/\n\n@media (max-width: 900px) {\n\n  .frx-roots-v2,\n  .frx-roots-v2__container {\n    min-height: 380px;\n  }\n\n  .frx-roots-v2__container {\n    width: calc(100% - 56px);\n  }\n\n  .frx-roots-v2__content {\n    max-width: 56%;\n    flex-basis: 56%;\n  }\n\n  .frx-roots-v2 .frx-roots-v2__title {\n    font-size: clamp(27px, 3.8vw, 35px);\n  }\n\n  .frx-roots-v2 .frx-roots-v2__description {\n    font-size: 14px;\n  }\n\n}\n\n\/* M\u00d3VILES *\/\n\n@media (max-width: 700px) {\n\n  .frx-roots-v2 {\n    min-height: 490px;\n  }\n\n  .frx-roots-v2__container {\n    width: calc(100% - 40px);\n    min-height: 490px;\n\n    padding: 120px 0 40px;\n    align-items: flex-end;\n  }\n\n  .frx-roots-v2__content {\n    width: 100%;\n    max-width: 100%;\n    flex: 0 1 auto;\n  }\n\n  .frx-roots-v2__photo {\n    background-position: 66% center;\n  }\n\n  .frx-roots-v2__shade {\n    background:\n      linear-gradient(\n        0deg,\n        rgba(5,7,4,.97) 0%,\n        rgba(5,7,4,.88) 32%,\n        rgba(5,7,4,.36) 70%,\n        rgba(5,7,4,.10) 100%\n      );\n  }\n\n  .frx-roots-v2__kicker {\n    font-size: 9px;\n    letter-spacing: .18em;\n    margin-bottom: 14px;\n  }\n\n  .frx-roots-v2 .frx-roots-v2__title {\n    font-size: clamp(26px, 7vw, 36px);\n    line-height: 1.18;\n    letter-spacing: -.03em;\n    margin-bottom: 15px !important;\n  }\n\n  .frx-roots-v2__title > span {\n    display: inline;\n  }\n\n  .frx-roots-v2__title > span + span::before {\n    content: \" \";\n  }\n\n  .frx-roots-v2 .frx-roots-v2__description {\n    max-width: 450px;\n    font-size: 14px;\n    line-height: 1.6;\n  }\n\n  .frx-roots-v2__link {\n    margin-top: 21px;\n    gap: 11px;\n  }\n\n  .frx-roots-v2__link-circle {\n    width: 40px;\n    height: 40px;\n    flex-basis: 40px;\n  }\n\n  .frx-roots-v2__link-label {\n    font-size: 12px;\n  }\n\n}\n\n\/* ACCESIBILIDAD *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .frx-roots-v2 *,\n  .frx-roots-v2 *::before,\n  .frx-roots-v2 *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .frx-roots-v2__content {\n    opacity: 1 !important;\n    transform: none !important;\n  }\n\n}\n\n.frx-roots-v2__link-circle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.frx-roots-v2__link-circle svg {\n  display: block;\n  width: 16px;\n  height: 16px;\n  flex: 0 0 auto;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  function initRoots() {\n    const section = document.querySelector(\".frx-roots-v2\");\n\n    if (!section || section.dataset.initialized === \"true\") {\n      return;\n    }\n\n    section.dataset.initialized = \"true\";\n\n    const reduceMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n    if (reduceMotion || !(\"IntersectionObserver\" in window)) {\n      section.classList.add(\"is-visible\");\n      return;\n    }\n\n    section.classList.add(\"is-entering\");\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            section.classList.add(\"is-visible\");\n            observer.unobserve(section);\n          }\n        });\n      },\n      {\n        threshold: 0.12\n      }\n    );\n\n    observer.observe(section);\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initRoots);\n  } else {\n    initRoots();\n  }\n})();\n<\/script>\n\n<section class=\"frx-roots-v2\" id=\"nuestras-raices\">\n\n  <div class=\"frx-roots-v2__photo\" aria-hidden=\"true\"><\/div>\n  <div class=\"frx-roots-v2__shade\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"frx-roots-v2__container\">\n\n    <div class=\"frx-roots-v2__content\">\n\n      <div class=\"frx-roots-v2__kicker\">\n        <span class=\"frx-roots-v2__line\"><\/span>\n        <span>NUESTRA EXPERIENCIA<\/span>\n      <\/div>\n\n      <h2 class=\"frx-roots-v2__title\">\n        <span>Ra\u00edces ecuatorianas,<\/span>\n        <span>visi\u00f3n global<span class=\"frx-roots-v2__dot\">.<\/span><\/span>\n      <\/h2>\n\n      <p class=\"frx-roots-v2__description\">\n        Nuestra experiencia, infraestructura y equipo humano\n        nos permiten ofrecer banano de alta calidad\n        a mercados internacionales.\n      <\/p>\n\n      <a class=\"frx-roots-v2__link\" href=\"#quienes-somos\" aria-label=\"Conocer qui\u00e9nes somos en FRUPEX\">\n        <span class=\"frx-roots-v2__link-circle\" aria-hidden=\"true\">\n  <svg width=\"9\" height=\"10\" viewBox=\"0 0 9 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n    <path\n      d=\"M7.60372 3.86523C8.24179 4.25516 8.24179 5.18186 7.60372 5.57179L1.52145 9.28873C0.855097 9.69595 5.16653e-07 9.21638 5.50789e-07 8.43545L8.75734e-07 1.00156C9.0987e-07 0.220633 0.855098 -0.258935 1.52145 0.148281L7.60372 3.86523Z\"\n      fill=\"currentColor\"\n    \/>\n  <\/svg>\n<\/span>\n\n        <span class=\"frx-roots-v2__link-label\">\n          Descubre nuestras ra\u00edces\n        <\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   FRUPEX \u2014 NUESTRA UBICACI\u00d3N\n   Dise\u00f1o premium con Century Gothic\n   ========================================================== *\/\n\n.frx-location,\n.frx-location * {\n  box-sizing: border-box;\n}\n\n.frx-location {\n  --frx-cream: #F7F4EF;\n  --frx-ink: #221109;\n  --frx-muted: #6E625A;\n  --frx-brown: #5F2610;\n  --frx-gold: #F3CB00;\n  --frx-font: \"Century Gothic\", \"Avenir Next\",\n              \"Segoe UI\", Arial, sans-serif;\n\n  position: relative;\n  isolation: isolate;\n\n  width: 100vw;\n  max-width: none;\n  margin: 0 0 0 calc(50% - 50vw) !important;\n\n  min-height: 375px;\n  overflow: hidden;\n\n  background: var(--frx-cream);\n  color: var(--frx-ink);\n}\n\n\/* ==========================================================\n   FOTO DERECHA\n   ========================================================== *\/\n\n.frx-location__landscape {\n  position: absolute;\n  z-index: -3;\n\n  top: 0;\n  right: 0;\n  bottom: 0;\n\n  width: 47%;\n\n  background-image: url(\"https:\/\/wp.frupex.com\/wp-content\/uploads\/2026\/10\/Vista-aerea-de-ciudad-costera-y-campos.png\");\n  background-size: cover;\n  background-position: center 54%;\n  background-repeat: no-repeat;\n\n  transform: scale(1.045);\n  transition: transform 1.8s cubic-bezier(.16,1,.3,1);\n}\n\n.frx-location.is-visible .frx-location__landscape {\n  transform: scale(1);\n}\n\n\/* La imagen se fusiona con el fondo *\/\n\n.frx-location__blend {\n  position: absolute;\n  z-index: -2;\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      90deg,\n      #F7F4EF 0%,\n      #F7F4EF 50%,\n      rgba(247,244,239,.98) 55%,\n      rgba(247,244,239,.80) 61%,\n      rgba(247,244,239,.25) 72%,\n      rgba(247,244,239,0) 83%\n    );\n}\n\n\/* ==========================================================\n   CONTENEDOR\n   ========================================================== *\/\n\n.frx-location__container {\n  position: relative;\n\n  width: min(1440px, calc(100% - 9vw));\n  min-height: 375px;\n\n  margin: 0 auto;\n  padding: 45px 0;\n\n  display: grid;\n  grid-template-columns:\n    minmax(0, 1.32fr)\n    minmax(0, .83fr)\n    minmax(0, .85fr);\n\n  align-items: center;\n  gap: clamp(24px, 3vw, 52px);\n}\n\n\/* ==========================================================\n   TEXTO IZQUIERDO\n   ========================================================== *\/\n\n.frx-location__copy {\n  grid-column: 1;\n  position: relative;\n  z-index: 3;\n  min-width: 0;\n  max-width: 590px;\n}\n\n.frx-location__eyebrow {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n\n  margin: 0 0 18px;\n\n  font-family: var(--frx-font);\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: .27em;\n\n  color: #827469;\n}\n\n\n\n\/* T\u00cdTULO *\/\n\n.frx-location .frx-location__title {\n  max-width: 600px;\n  margin: 0 0 19px !important;\n\n  font-family: var(--frx-font);\n  font-size: clamp(29px, 2.65vw, 42px);\n  font-weight: 400;\n  line-height: 1.17;\n  letter-spacing: -.045em;\n\n  color: var(--frx-ink);\n\n  text-align: left;\n  text-transform: none;\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n.frx-location__title span {\n  color: var(--frx-gold);\n}\n\n\/* DESCRIPCI\u00d3N *\/\n\n.frx-location .frx-location__description {\n  max-width: 520px;\n  margin: 0 !important;\n\n  font-family: var(--frx-font);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.73;\n  letter-spacing: -.012em;\n\n  color: var(--frx-muted);\n\n  text-align: left;\n  word-break: normal;\n  overflow-wrap: normal;\n  hyphens: none;\n}\n\n\/* ==========================================================\n   MAPA ECUADOR\n   ========================================================== *\/\n\n.frx-location__map {\n  position: relative;\n  z-index: 2;\n\n  grid-column: 2;\n\n  width: 100%;\n  max-width: 315px;\n  aspect-ratio: 1 \/ 1;\n\n  justify-self: center;\n}\n\n.frx-location__map-image {\n  display: block;\n  width: 100%;\n  height: 100%;\n\n  object-fit: contain;\n  object-position: center;\n\n  opacity: .82;\n\n  filter: saturate(.8);\n}\n\n\/* POSICI\u00d3N REFERENCIAL DE MACHALA *\/\n\n.frx-location__marker {\n  position: absolute;\n\n  left: 22%;\n  top: 68%;\n\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  white-space: nowrap;\n  transform: translateY(-50%);\n}\n\n.frx-location__pin {\n  position: relative;\n\n  width: 20px;\n  height: 20px;\n  flex: 0 0 20px;\n\n  display: grid;\n  place-items: center;\n\n  border: 3px solid #fff;\n  border-radius: 50%;\n\n  background: var(--frx-brown);\n\n  box-shadow: 0 4px 13px rgba(95,38,16,.2);\n}\n\n.frx-location__pin span {\n  width: 6px;\n  height: 6px;\n\n  border-radius: 50%;\n  background: var(--frx-gold);\n}\n\n.frx-location__marker-text {\n  display: flex;\n  flex-direction: column;\n  gap: 3px;\n}\n\n.frx-location__marker-text strong {\n  font-family: var(--frx-font);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 1.2;\n\n  color: var(--frx-ink);\n}\n\n.frx-location__marker-text small {\n  font-family: var(--frx-font);\n  font-size: 10px;\n  font-weight: 400;\n\n  color: var(--frx-muted);\n}\n\n\/* ==========================================================\n   ANIMACIONES\n   ========================================================== *\/\n\n.frx-location__copy,\n.frx-location__map {\n  transition:\n    opacity .95s cubic-bezier(.16,1,.3,1),\n    transform .95s cubic-bezier(.16,1,.3,1);\n}\n\n.frx-location.is-entering .frx-location__copy {\n  opacity: 0;\n  transform: translateY(18px);\n}\n\n.frx-location.is-entering .frx-location__map {\n  opacity: 0;\n  transform: translateX(18px);\n}\n\n.frx-location.is-entering.is-visible .frx-location__copy,\n.frx-location.is-entering.is-visible .frx-location__map {\n  opacity: 1;\n  transform: none;\n}\n\n.frx-location.is-entering.is-visible .frx-location__map {\n  transition-delay: .15s;\n}\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1050px) {\n\n  .frx-location__container {\n    grid-template-columns:\n      minmax(0, 1.3fr)\n      minmax(0, .9fr);\n\n    gap: 25px;\n  }\n\n  .frx-location__landscape {\n    width: 53%;\n    opacity: .7;\n  }\n\n  .frx-location__blend {\n    background: linear-gradient(\n      90deg,\n      #F7F4EF 0%,\n      #F7F4EF 44%,\n      rgba(247,244,239,.85) 68%,\n      rgba(247,244,239,.12) 100%\n    );\n  }\n\n  .frx-location__map {\n    grid-column: 2;\n    max-width: 270px;\n  }\n\n  .frx-location .frx-location__title {\n    font-size: clamp(27px, 3.4vw, 36px);\n  }\n\n}\n\n\/* ==========================================================\n   M\u00d3VIL\n   ========================================================== *\/\n\n@media (max-width: 700px) {\n\n  .frx-location {\n    min-height: 0;\n  }\n\n  .frx-location__container {\n    width: calc(100% - 40px);\n    min-height: 0;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    gap: 20px;\n    padding: 58px 0 210px;\n  }\n\n  .frx-location__copy {\n    width: 100%;\n    max-width: none;\n  }\n\n  .frx-location__eyebrow {\n    font-size: 9px;\n    letter-spacing: .19em;\n  }\n\n  .frx-location .frx-location__title {\n    font-size: clamp(27px, 7vw, 36px);\n    line-height: 1.22;\n    letter-spacing: -.03em;\n\n    margin-bottom: 15px !important;\n  }\n\n  .frx-location .frx-location__description {\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n  .frx-location__map {\n    align-self: center;\n\n    width: min(250px, 72%);\n    max-width: 250px;\n\n    margin: 0 auto;\n  }\n\n  .frx-location__landscape {\n    top: auto;\n    bottom: 0;\n\n    width: 100%;\n    height: 270px;\n\n    background-position: center 55%;\n    opacity: 1;\n  }\n\n  .frx-location__blend {\n    background:\n      linear-gradient(\n        180deg,\n        #F7F4EF 0%,\n        #F7F4EF 49%,\n        rgba(247,244,239,.92) 68%,\n        rgba(247,244,239,0) 100%\n      );\n  }\n\n}\n\n\/* ACCESIBILIDAD *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .frx-location *,\n  .frx-location *::before,\n  .frx-location *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n\n  .frx-location__copy,\n  .frx-location__map {\n    opacity: 1 !important;\n    transform: none !important;\n  }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n  function initLocation() {\n\n    const section = document.querySelector(\".frx-location\");\n\n    if (!section || section.dataset.initialized === \"true\") {\n      return;\n    }\n\n    section.dataset.initialized = \"true\";\n\n    const reduceMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches;\n\n    if (reduceMotion || !(\"IntersectionObserver\" in window)) {\n      section.classList.add(\"is-visible\");\n      return;\n    }\n\n    section.classList.add(\"is-entering\");\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n\n        entries.forEach((entry) => {\n\n          if (entry.isIntersecting) {\n\n            section.classList.add(\"is-visible\");\n\n            observer.unobserve(section);\n          }\n\n        });\n\n      },\n      {\n        threshold: 0.15\n      }\n    );\n\n    observer.observe(section);\n  }\n\n  if (document.readyState === \"loading\") {\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initLocation\n    );\n\n  } else {\n\n    initLocation();\n\n  }\n})();\n<\/script>\n\n<section class=\"frx-location\" id=\"ubicacion-frupex\">\n\n  <!-- Fotograf\u00eda integrada -->\n  <div class=\"frx-location__landscape\" aria-hidden=\"true\"><\/div>\n  <div class=\"frx-location__blend\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"frx-location__container\">\n\n    <!-- COLUMNA IZQUIERDA -->\n    <div class=\"frx-location__copy\">\n\n      <div class=\"frx-location__eyebrow\">\n        <span>NUESTRA UBICACI\u00d3N<\/span>\n        <i aria-hidden=\"true\"><\/i>\n      <\/div>\n\n      <h2 class=\"frx-location__title\">\n        En el coraz\u00f3n<br>\n        <strong>bananero del Ecuador<\/strong><span>.<\/span>\n      <\/h2>\n\n      <p class=\"frx-location__description\">\n        Desde Machala, en la provincia de El Oro,\n        una de las zonas m\u00e1s productivas y reconocidas\n        por la calidad de su banano, trabajamos cada\n        d\u00eda para llevar lo mejor de nuestra tierra\n        a m\u00e1s destinos.\n      <\/p>\n\n    <\/div>\n\n    <!-- MAPA ECUADOR -->\n    <div class=\"frx-location__map\">\n\n      <img decoding=\"async\" class=\"frx-location__map-image\" src=\"https:\/\/wp.frupex.com\/wp-content\/uploads\/2026\/10\/Silueta-minimalista-de-Ecuador.png\" alt=\"Silueta del Ecuador, pa\u00eds de origen de FRUPEX\" loading=\"lazy\">\n\n      <div class=\"frx-location__marker\">\n\n        <span class=\"frx-location__pin\" aria-hidden=\"true\">\n          <span><\/span>\n        <\/span>\n\n        <span class=\"frx-location__marker-text\">\n          <strong>Machala<\/strong>\n          <small>El Oro \u00b7 Ecuador<\/small>\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ===== SECCI\u00d3N CTA RELACIONES - VERSI\u00d3N REFINADA ===== *\/\n.frx-relaciones {\n  position: relative;\n  width: 100%;\n  min-height: 230px;\n  overflow: hidden;\n  isolation: isolate;\n  font-family: \"Century Gothic\", CenturyGothic, AppleGothic, sans-serif;\n  background: #111;\n}\n\n.frx-relaciones__bg {\n  position: absolute;\n  inset: 0;\n  background-image: url(\"https:\/\/wp.frupex.com\/wp-content\/uploads\/2026\/10\/caja-pale-scaled.jpg\");\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  filter: saturate(0.68) brightness(0.82);\n  transform: scale(1.01);\n  z-index: 1;\n}\n\n.frx-relaciones__overlay {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(0, 0, 0, 0.62) 0%,\n      rgba(0, 0, 0, 0.46) 24%,\n      rgba(0, 0, 0, 0.30) 52%,\n      rgba(0, 0, 0, 0.28) 100%\n    );\n}\n\n.frx-relaciones__inner {\n  position: relative;\n  z-index: 3;\n  max-width: 1380px;\n  min-height: 230px;\n  margin: 0 auto;\n  padding: 30px 56px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 28px;\n}\n\n.frx-relaciones__content {\n  max-width: 650px;\n}\n\n.frx-relaciones__eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 14px;\n  color: rgba(255,255,255,0.92);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  line-height: 1.2;\n}\n\n.frx-relaciones__title {\n  margin: 0;\n  color: #ffffff;\n  font-family: \"Century Gothic\", CenturyGothic, AppleGothic, sans-serif;\n  font-size: clamp(30px, 3.1vw, 48px);\n  font-weight: 700;\n  line-height: 1.02;\n  letter-spacing: -0.035em;\n  max-width: 640px;\n  text-wrap: balance;\n}\n\n.frx-relaciones__action {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.frx-relaciones__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  min-width: 255px;\n  padding: 16px 28px;\n  border-radius: 999px;\n  background: #f1c40f;\n  color: #171717;\n  text-decoration: none;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 1;\n  box-shadow: 0 10px 24px rgba(0,0,0,0.18);\n  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n}\n\n.frx-relaciones__button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 14px 28px rgba(0,0,0,0.24);\n  background: #ffd426;\n}\n\n.frx-relaciones__arrow {\n  display: inline-block;\n  font-size: 21px;\n  line-height: 1;\n  transition: transform 0.25s ease;\n}\n\n.frx-relaciones__button:hover .frx-relaciones__arrow {\n  transform: translateX(4px);\n}\n\n\/* Animaci\u00f3n *\/\n.frx-reveal {\n  opacity: 0;\n  transform: translateY(22px);\n  transition: opacity 0.85s ease, transform 0.85s ease;\n}\n\n.frx-reveal-delay {\n  transition-delay: 0.12s;\n}\n\n.frx-reveal.is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* ===== TABLET ===== *\/\n@media (max-width: 1100px) {\n  .frx-relaciones {\n    min-height: 220px;\n  }\n\n  .frx-relaciones__inner {\n    min-height: 220px;\n    padding: 28px 34px;\n    gap: 22px;\n  }\n\n  .frx-relaciones__title {\n    font-size: clamp(26px, 3.6vw, 40px);\n    max-width: 520px;\n  }\n\n  .frx-relaciones__button {\n    min-width: 220px;\n    padding: 14px 24px;\n    font-size: 15px;\n  }\n}\n\n\/* ===== M\u00d3VIL ===== *\/\n@media (max-width: 768px) {\n  .frx-relaciones {\n    min-height: auto;\n  }\n\n  .frx-relaciones__bg {\n    background-position: center center;\n    filter: saturate(0.65) brightness(0.78);\n  }\n\n  .frx-relaciones__overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(0,0,0,0.48) 0%,\n        rgba(0,0,0,0.58) 50%,\n        rgba(0,0,0,0.66) 100%\n      );\n  }\n\n  .frx-relaciones__inner {\n    min-height: auto;\n    padding: 28px 22px 30px;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 22px;\n  }\n\n  .frx-relaciones__content {\n    max-width: 100%;\n  }\n\n  .frx-relaciones__eyebrow {\n    margin-bottom: 12px;\n    font-size: 10px;\n    gap: 10px;\n    letter-spacing: 0.16em;\n  }\n\n  .frx-relaciones__line {\n    width: 38px;\n  }\n\n  .frx-relaciones__title {\n    font-size: 34px;\n    line-height: 1.03;\n    max-width: 100%;\n  }\n\n  .frx-relaciones__action {\n    width: 100%;\n  }\n\n  .frx-relaciones__button {\n    width: 100%;\n    min-width: 0;\n    justify-content: space-between;\n    padding: 15px 20px;\n    font-size: 15px;\n  }\n\n  .frx-relaciones__arrow {\n    font-size: 20px;\n  }\n}\n\n@media (max-width: 480px) {\n  .frx-relaciones__title {\n    font-size: 30px;\n  }\n}\n\n.frx-relaciones__title span {\n  color: #F3CB00;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const revealItems = document.querySelectorAll(\".frx-relaciones .frx-reveal\");\n\n  if (!revealItems.length) return;\n\n  const observer = new IntersectionObserver(\n    (entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    },\n    {\n      threshold: 0.18\n    }\n  );\n\n  revealItems.forEach((item) => observer.observe(item));\n});\n<\/script>\n\n<section class=\"frx-relaciones\" id=\"frx-relaciones\">\n  <div class=\"frx-relaciones__bg\"><\/div>\n  <div class=\"frx-relaciones__overlay\"><\/div>\n\n  <div class=\"frx-relaciones__inner\">\n    <div class=\"frx-relaciones__content frx-reveal\">\n      <div class=\"frx-relaciones__eyebrow\">\n        <span class=\"frx-relaciones__line\"><\/span>\n        <span>Un mismo origen, m\u00e1s destinos.<\/span>\n      <\/div>\n\n      &lt;<h2 class=\"frx-relaciones__title\">\n  Construimos relaciones<br> que \n<strong><span> llegan m\u00e1s lejos.<\/span>\n<\/strong><\/h2><strong>\n    <\/strong><\/div><strong>\n\n    <div class=\"frx-relaciones__action frx-reveal frx-reveal-delay\">\n      <a href=\"\/contacto\/\" class=\"frx-relaciones__button\">\n        <span>Solicitar informaci\u00f3n<\/span>\n        <span class=\"frx-relaciones__arrow\">\u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/strong><\/div><strong>\n<\/strong><\/section>\n","protected":false},"excerpt":{"rendered":"<p>ECUADOR \u00b7 PREMIUM BANANA EXPORTERS Nuestra historia nace de nuestra tierra. Desde Machala, El Oro, cultivamos banano que conecta Ecuador [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.frupex.com\/en\/wp-json\/wp\/v2\/pages\/108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.frupex.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.frupex.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.frupex.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.frupex.com\/en\/wp-json\/wp\/v2\/comments?post=108"}],"version-history":[{"count":27,"href":"https:\/\/wp.frupex.com\/en\/wp-json\/wp\/v2\/pages\/108\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/wp.frupex.com\/en\/wp-json\/wp\/v2\/pages\/108\/revisions\/323"}],"wp:attachment":[{"href":"https:\/\/wp.frupex.com\/en\/wp-json\/wp\/v2\/media?parent=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}