{"id":11,"date":"2025-05-07T04:40:05","date_gmt":"2025-05-07T02:40:05","guid":{"rendered":"https:\/\/dakesaagro.com\/?page_id=11"},"modified":"2025-05-27T04:13:54","modified_gmt":"2025-05-27T02:13:54","slug":"historia","status":"publish","type":"page","link":"https:\/\/dakesaagro.com\/?page_id=11","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd7650 e-con-full e-flex e-con e-parent\" data-id=\"fcd7650\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1638a9b elementor-widget elementor-widget-html\" data-id=\"1638a9b\" 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<!-- Google Fonts: Playfair Display -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  padding: 0;\n  font-family: 'Playfair Display', serif;\n  overflow-x: hidden; \/* evita desplazamiento horizontal *\/\n}\n\n.hero-historia {\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #fff;\n  text-align: center;\n  overflow: hidden;\n  opacity: 0;\n  animation: fadeInUp 1.2s ease-out forwards;\n}\n\n.hero-video {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  object-fit: cover;\n  z-index: 0;\n  transform-origin: center center;\n}\n\n@keyframes fadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.hero-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(20, 20, 20, 0.6);\n  z-index: 1;\n}\n\n.hero-content {\n  position: relative;\n  z-index: 2;\n  max-width: 800px;\n  padding: 20px;\n}\n\n.hero-title {\n  font-size: 4rem;\n  margin-bottom: 20px;\n  font-weight: 700;\n  letter-spacing: 1px;\n}\n\n.hero-subtitle {\n  font-size: 1.5rem;\n  margin-bottom: 30px;\n  font-style: italic;\n  font-weight: 400;\n}\n\n.hero-quote {\n  font-size: 1.2rem;\n  margin-bottom: 40px;\n  font-family: 'Times New Roman', serif;\n  font-weight: 400;\n}\n\n.hero-button {\n  background-color: #AC8087;\n  color: #fff;\n  padding: 14px 30px;\n  font-size: 1rem;\n  border: none;\n  border-radius: 30px;\n  text-decoration: none;\n  transition: background 0.3s ease, transform 0.3s ease;\n  display: inline-block;\n}\n\n.hero-button:hover {\n  background-color: #8E646A;\n  transform: translateY(-2px);\n}\n\n\/* ---------- Responsive styles ---------- *\/\n@media (max-width: 768px) {\n  .hero-historia {\n    width: 100%;\n    height: 100vh;\n  }\n\n  .hero-video {\n    width: 100%;\n    height: 100%;\n  }\n\n  .hero-title {\n    font-size: 2.5rem;\n  }\n\n  .hero-subtitle {\n    font-size: 1.2rem;\n    margin-bottom: 20px;\n  }\n\n  .hero-quote {\n    font-size: 1rem;\n    margin-bottom: 30px;\n  }\n\n  .hero-button {\n    padding: 12px 24px;\n    font-size: 0.95rem;\n  }\n\n  .hero-content {\n    padding: 15px;\n  }\n}\n\n@media (max-width: 480px) {\n  .hero-title {\n    font-size: 2rem;\n  }\n\n  .hero-subtitle {\n    font-size: 1rem;\n  }\n\n  .hero-quote {\n    font-size: 0.9rem;\n  }\n\n  .hero-button {\n    width: 100%;\n    padding: 12px;\n    font-size: 0.9rem;\n  }\n}\n<\/style>\n\n<section class=\"hero-historia\">\n  <video autoplay muted loop playsinline class=\"hero-video\">\n    <source src=\"https:\/\/deepskyblue-heron-437391.hostingersite.com\/wp-content\/uploads\/2025\/05\/Nuevo-video-para-la-pagina-de-historia-.mp4\" type=\"video\/mp4\">\n    Tu navegador no soporta la etiqueta de video.\n  <\/video>\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"hero-content\">\n    <h1 class=\"hero-title\">Nuestra historia<\/h1>\n    <h3 class=\"hero-subtitle\">Un legado de compromiso, calidad y pasi\u00f3n<\/h3>\n    <p class=\"hero-quote\">\"Donde hay tierra, hay esperanza. Y donde hay trabajo con amor, florecen los sue\u00f1os.\"<\/p>\n    <a href=\"#historia-section-2\" class=\"hero-button\">Conoc\u00e9 m\u00e1s<\/a>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df4e43a e-flex e-con-boxed e-con e-parent\" data-id=\"df4e43a\" 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-000f5da elementor-widget elementor-widget-html\" data-id=\"000f5da\" 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<style>\r\n.section-historia-2 {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 80px 20px;\r\n  background-color: #f8f5f0;\r\n  font-family: 'Segoe UI', sans-serif;\r\n  scroll-margin-top: 100px;\r\n  gap: 40px;\r\n}\r\n\r\n.historia-text {\r\n  flex: 1 1 500px;\r\n  padding: 20px 40px;\r\n  transform: translateX(-40px);\r\n  opacity: 0;\r\n  transition: all 0.8s ease;\r\n}\r\n\r\n.historia-text h2 {\r\n  font-size: 2.5rem;\r\n  margin-bottom: 20px;\r\n  color: #1f1f1f;\r\n}\r\n\r\n.historia-text p {\r\n  font-size: 1.15rem;\r\n  line-height: 1.8;\r\n  color: #444;\r\n  border-left: 4px solid #c9a66b;\r\n  padding-left: 15px;\r\n}\r\n\r\n.historia-image {\r\n  flex: 1 1 500px;\r\n  text-align: center;\r\n  transform: translateX(40px);\r\n  opacity: 0;\r\n  transition: all 0.8s ease;\r\n}\r\n\r\n.historia-image img {\r\n  max-width: 100%;\r\n  height: auto;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* Animaci\u00f3n al aparecer *\/\r\n.section-historia-2.appear .historia-text {\r\n  transform: translateX(0);\r\n  opacity: 1;\r\n}\r\n\r\n.section-historia-2.appear .historia-image {\r\n  transform: translateX(0);\r\n  opacity: 1;\r\n}\r\n\r\n\/* RESPONSIVE: Tablets y tel\u00e9fonos *\/\r\n@media (max-width: 1024px) {\r\n  .section-historia-2 {\r\n    flex-direction: column;\r\n    padding: 60px 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .historia-text {\r\n    padding: 10px 20px;\r\n    transform: translateY(40px);\r\n    order: 2;\r\n  }\r\n\r\n  .historia-text h2 {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  .historia-text p {\r\n    font-size: 1rem;\r\n    border-left: none;\r\n    padding-left: 0;\r\n    border-top: 4px solid #c9a66b;\r\n    padding-top: 15px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .historia-image {\r\n    transform: translateY(-40px);\r\n    order: 1;\r\n  }\r\n\r\n  .section-historia-2.appear .historia-text,\r\n  .section-historia-2.appear .historia-image {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"historia-section-2\" class=\"section-historia-2\">\r\n  <div class=\"historia-text\">\r\n    <h2>Un sue\u00f1o que ech\u00f3 ra\u00edces<\/h2>\r\n    <p>\r\n      Desde muy joven, Kenneth cultiv\u00f3 el anhelo de tener su propia finca. Su paso por la Universidad EARTH, en la Escuela de Ganader\u00eda, reforz\u00f3 su visi\u00f3n y compromiso con el desarrollo rural sostenible. Hoy, ese sue\u00f1o se ha transformado en una realidad: una finca modelo que combina responsabilidad, innovaci\u00f3n y pasi\u00f3n por el agro costarricense.\r\n    <\/p>\r\n  <\/div>\r\n  <div class=\"historia-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/dakesaagro.com\/wp-content\/uploads\/2025\/05\/Imagen-de-Kenneth.jpg\" alt=\"Kenneth en la finca\">\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Activar animaciones al hacer scroll\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.querySelector('.section-historia-2');\r\n  const observer = new IntersectionObserver(\r\n    (entries) => {\r\n      if (entries[0].isIntersecting) {\r\n        section.classList.add('appear');\r\n        observer.unobserve(section); \/\/ Solo una vez\r\n      }\r\n    },\r\n    { threshold: 0.2 }\r\n  );\r\n  observer.observe(section);\r\n});\r\n<\/script>\r\n\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-73a2902 e-flex e-con-boxed e-con e-parent\" data-id=\"73a2902\" 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-b1b4090 elementor-widget elementor-widget-html\" data-id=\"b1b4090\" 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<style>\r\n.section-timeline {\r\n  background-color: #fffaf3;\r\n  padding: 80px 20px;\r\n  font-family: 'Segoe UI', sans-serif;\r\n  scroll-margin-top: 100px;\r\n}\r\n\r\n.section-timeline h2 {\r\n  text-align: center;\r\n  font-size: 2.5rem;\r\n  color: #1f1f1f;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n\/* Desktop & Tablet - Estilo carrusel horizontal *\/\r\n.timeline-container {\r\n  position: relative;\r\n  display: flex;\r\n  overflow-x: auto;\r\n  padding: 20px 0;\r\n  gap: 40px;\r\n  scroll-snap-type: x mandatory;\r\n}\r\n\r\n.timeline-item {\r\n  position: relative;\r\n  background-color: white;\r\n  border: 2px solid #c9a66b;\r\n  border-radius: 16px;\r\n  padding: 20px;\r\n  min-width: 260px;\r\n  scroll-snap-align: start;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n  transition: transform 0.3s, box-shadow 0.3s;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.timeline-item:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.timeline-year {\r\n  font-size: 1.4rem;\r\n  font-weight: bold;\r\n  color: #c9a66b;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.timeline-desc {\r\n  font-size: 1rem;\r\n  color: #444;\r\n  line-height: 1.6;\r\n}\r\n\r\n.timeline-line {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 4px;\r\n  background-color: #c9a66b;\r\n  z-index: -1;\r\n}\r\n\r\n\/* Animaci\u00f3n scroll *\/\r\n.section-timeline.appear .timeline-item {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: all 0.6s ease;\r\n}\r\n\r\n\/* ==================== Responsive para m\u00f3viles ==================== *\/\r\n@media (max-width: 768px) {\r\n  .timeline-container {\r\n    flex-direction: column;\r\n    overflow-x: visible;\r\n    gap: 20px;\r\n    position: relative;\r\n  }\r\n\r\n  .timeline-line {\r\n    display: none;\r\n  }\r\n\r\n  .timeline-item {\r\n    width: 100%;\r\n    min-width: unset;\r\n    transform: translateY(30px);\r\n  }\r\n\r\n  .timeline-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 20px;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background-color: #c9a66b;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .timeline-item {\r\n    border-left: 6px solid #c9a66b;\r\n    border-radius: 12px;\r\n    padding-left: 30px;\r\n    box-shadow: 0 3px 10px rgba(0,0,0,0.05);\r\n  }\r\n\r\n  .timeline-year {\r\n    font-size: 1.3rem;\r\n    color: #c9a66b;\r\n  }\r\n\r\n  .timeline-desc {\r\n    font-size: 0.95rem;\r\n    color: #333;\r\n  }\r\n\r\n  .section-timeline h2 {\r\n    font-size: 2rem;\r\n    margin-bottom: 40px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"section-timeline\" id=\"timeline-section\">\r\n  <h2>Evoluci\u00f3n con el tiempo<\/h2>\r\n  <div class=\"timeline-container\">\r\n    <div class=\"timeline-line\"><\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n      <div class=\"timeline-year\">2017<\/div>\r\n      <div class=\"timeline-desc\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n      <div class=\"timeline-year\">2019<\/div>\r\n      <div class=\"timeline-desc\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n      <div class=\"timeline-year\">2021<\/div>\r\n      <div class=\"timeline-desc\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n      <div class=\"timeline-year\">2023<\/div>\r\n      <div class=\"timeline-desc\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item\">\r\n      <div class=\"timeline-year\">2025<\/div>\r\n      <div class=\"timeline-desc\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Mostrar animaciones cuando entra en viewport\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.querySelector('.section-timeline');\r\n  const observer = new IntersectionObserver(\r\n    (entries) => {\r\n      if (entries[0].isIntersecting) {\r\n        section.classList.add('appear');\r\n        observer.unobserve(section);\r\n      }\r\n    },\r\n    { threshold: 0.2 }\r\n  );\r\n  observer.observe(section);\r\n});\r\n<\/script>\r\n\r\n\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-e12338e e-flex e-con-boxed e-con e-parent\" data-id=\"e12338e\" 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-c425322 elementor-widget elementor-widget-html\" data-id=\"c425322\" 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<style>\r\n.section-quienes-somos {\r\n  background: linear-gradient(135deg, #f3f1ec, #e0e0d9);\r\n  padding: 80px 20px;\r\n  font-family: 'Segoe UI', sans-serif;\r\n  scroll-margin-top: 100px;\r\n}\r\n\r\n.section-quienes-somos h2 {\r\n  text-align: center;\r\n  font-size: 2.5rem;\r\n  color: #333022;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.quienes-grid {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  gap: 30px;\r\n}\r\n\r\n.quienes-card {\r\n  position: relative;\r\n  flex: 1 1 300px;\r\n  max-width: 400px;\r\n  height: 420px;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 24px rgba(0,0,0,0.1);\r\n  background-color: #000;\r\n  transition: transform 0.3s ease;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n}\r\n\r\n.quienes-card:hover {\r\n  transform: translateY(-10px);\r\n}\r\n\r\n.quienes-card img {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  opacity: 0.65;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.quienes-card:hover img {\r\n  opacity: 0.5;\r\n}\r\n\r\n.quienes-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  color: white;\r\n  padding: 30px;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  background: linear-gradient(to top, rgba(0,0,0,0.6) 30%, transparent);\r\n}\r\n\r\n.quienes-content h3 {\r\n  font-size: 1.6rem;\r\n  margin-bottom: 10px;\r\n  color: #fffaf3;\r\n}\r\n\r\n.quienes-content p {\r\n  font-size: 1rem;\r\n  line-height: 1.6;\r\n  color: #f0f0f0;\r\n}\r\n\r\n.section-quienes-somos.appear .quienes-card {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: all 0.6s ease;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 992px) {\r\n  .quienes-grid {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .quienes-card {\r\n    width: 100%;\r\n    max-width: 95%;\r\n    height: auto;\r\n    aspect-ratio: 4 \/ 3;\r\n  }\r\n\r\n  .quienes-content {\r\n    padding: 20px;\r\n  }\r\n\r\n  .quienes-content h3 {\r\n    font-size: 1.4rem;\r\n  }\r\n\r\n  .quienes-content p {\r\n    font-size: 0.95rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .quienes-card {\r\n    aspect-ratio: 1 \/ 1;\r\n  }\r\n\r\n  .quienes-content h3 {\r\n    font-size: 1.3rem;\r\n  }\r\n\r\n  .quienes-content p {\r\n    font-size: 0.9rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"section-quienes-somos\" id=\"quienes-somos\">\r\n  <h2>Qui\u00e9nes somos hoy<\/h2>\r\n  <div class=\"quienes-grid\">\r\n\r\n    <div class=\"quienes-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/deepskyblue-heron-437391.hostingersite.com\/wp-content\/uploads\/2025\/05\/Imagen-de-WhatsApp-2025-05-04-a-las-22.29.40_bc2e2145-scaled.jpg\" alt=\"Lo que hacemos\">\r\n      <div class=\"quienes-content\">\r\n        <h3>Lo que hacemos<\/h3>\r\n        <p>\r\n          En Dakesa Agro desarrollamos una finca modelo enfocada en la producci\u00f3n responsable de alimentos, con pr\u00e1cticas agroecol\u00f3gicas y una profunda conexi\u00f3n con la tierra. Brindamos productos frescos y asesor\u00edas t\u00e9cnicas que impulsan el desarrollo rural sostenible.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"quienes-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/deepskyblue-heron-437391.hostingersite.com\/wp-content\/uploads\/2025\/05\/Imagen-de-WhatsApp-2025-05-07-a-las-16.56.43_c2f45103.jpg\" alt=\"Nuestro equipo\">\r\n      <div class=\"quienes-content\">\r\n        <h3>Nuestro equipo<\/h3>\r\n        <p>\r\n          Somos un equipo comprometido, liderado por Kenneth, con experiencia en ganader\u00eda, agroecolog\u00eda y gesti\u00f3n rural. Cada miembro aporta conocimiento, pasi\u00f3n y entrega, formando una familia que comparte un mismo prop\u00f3sito: transformar el agro costarricense con visi\u00f3n humana.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"quienes-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/deepskyblue-heron-437391.hostingersite.com\/wp-content\/uploads\/2025\/05\/Imagen-de-WhatsApp-2025-05-07-a-las-16.56.43_a88e52e1.jpg\" alt=\"Nuestra misi\u00f3n\">\r\n      <div class=\"quienes-content\">\r\n        <h3>Nuestra misi\u00f3n<\/h3>\r\n        <p>\r\n          Impulsar el desarrollo agropecuario sostenible mediante pr\u00e1cticas responsables, educaci\u00f3n rural y el empoderamiento de las comunidades. En Dakesa Agro creemos en el poder del campo como motor de bienestar y cambio social.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Animaci\u00f3n cuando entra en viewport\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const section = document.querySelector('.section-quienes-somos');\r\n  const observer = new IntersectionObserver(\r\n    (entries) => {\r\n      if (entries[0].isIntersecting) {\r\n        section.classList.add('appear');\r\n        observer.unobserve(section);\r\n      }\r\n    },\r\n    { threshold: 0.2 }\r\n  );\r\n  observer.observe(section);\r\n});\r\n<\/script>\r\n\r\n\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-7bcf342 e-flex e-con-boxed e-con e-parent\" data-id=\"7bcf342\" 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-73cdaac elementor-widget elementor-widget-html\" data-id=\"73cdaac\" 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<style>\r\n.section-vision {\r\n  position: relative;\r\n  height: 100vh;\r\n  width: 100%;\r\n  overflow: hidden;\r\n  color: white;\r\n  font-family: 'Georgia', serif;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n\r\n.section-vision video {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  z-index: 1;\r\n}\r\n\r\n.section-vision::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5); \/* Overlay *\/\r\n  z-index: 2;\r\n}\r\n\r\n.vision-content {\r\n  position: relative;\r\n  z-index: 3;\r\n  max-width: 90%;\r\n  padding: 20px;\r\n}\r\n\r\n.vision-content h2 {\r\n  font-size: 2.5rem;\r\n  margin-bottom: 40px;\r\n  color: #fff;\r\n}\r\n\r\n.vision-objectives {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  gap: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.vision-objectives span {\r\n  font-size: 2rem;\r\n  font-weight: bold;\r\n  color: #AC8087; \/* Color solicitado *\/\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* Responsive para tablets y m\u00f3viles *\/\r\n@media (max-width: 1024px) {\r\n  .section-vision {\r\n    height: auto;\r\n    padding: 80px 20px;\r\n  }\r\n\r\n  .vision-content h2 {\r\n    font-size: 2rem;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .vision-objectives {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 20px;\r\n  }\r\n\r\n  .vision-objectives span {\r\n    font-size: 1.5rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"section-vision\" id=\"vision-futuro\">\r\n  <video autoplay muted loop playsinline>\r\n    <source src=\"https:\/\/deepskyblue-heron-437391.hostingersite.com\/wp-content\/uploads\/2025\/05\/VID-20250504-WA0016-3.mp4\" type=\"video\/mp4\">\r\n    Tu navegador no soporta video HTML5.\r\n  <\/video>\r\n  <div class=\"vision-content\">\r\n    <h2>Miramos al futuro con el mismo compromiso que nos vio nacer.<\/h2>\r\n    <div class=\"vision-objectives\">\r\n      <span>Sostenibilidad<\/span>\r\n      <span>Crecimiento<\/span>\r\n      <span>Innovaci\u00f3n<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\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-6cea4e5 e-flex e-con-boxed e-con e-parent\" data-id=\"6cea4e5\" 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-37dc0b9 elementor-widget elementor-widget-html\" data-id=\"37dc0b9\" 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=\"section-cta\">\r\n  <div class=\"cta-content\">\r\n    <h2>Conoc\u00e9 m\u00e1s sobre nuestros productos y servicios<\/h2>\r\n    <a href=\"https:\/\/dakesaagro.com\/?page_id=13\" class=\"cta-button\">Ver nuestro trabajo<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600&family=Montserrat:wght@400;600&display=swap');\r\n\r\n\/* Estilo general *\/\r\n.section-cta {\r\n  background-image: url(\"https:\/\/dakesaagro.com\/wp-content\/uploads\/2025\/05\/IMG-20250525-WA0017-scaled.jpg\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  padding: 100px 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  text-align: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n  color: #f5f5f5;\r\n}\r\n\r\n.section-cta::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0; bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5); \/* Oscurece la imagen para mejor contraste *\/\r\n  z-index: 1;\r\n}\r\n\r\n\/* Contenido centrado *\/\r\n.cta-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.section-cta h2 {\r\n  font-size: 2.8rem;\r\n  margin-bottom: 40px;\r\n  font-family: 'Playfair Display', serif;\r\n  color: #f5f5f5;\r\n  animation: fadeInDown 1s ease forwards;\r\n  opacity: 0;\r\n}\r\n\r\n\/* Bot\u00f3n personalizado *\/\r\n.cta-button {\r\n  display: inline-block;\r\n  padding: 15px 40px;\r\n  background: rgba(172, 128, 135, 0.85); \/* #AC8087 transl\u00facido *\/\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  font-size: 1.1rem;\r\n  transition: all 0.4s ease;\r\n  backdrop-filter: blur(4px);\r\n  box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  animation: fadeInUp 1.4s ease forwards;\r\n  opacity: 0;\r\n}\r\n\r\n.cta-button:hover {\r\n  background-color: rgba(142, 100, 106, 0.9); \/* #8E646A transl\u00facido *\/\r\n  transform: scale(1.07);\r\n  box-shadow: 0 8px 20px rgba(142, 100, 106, 0.4);\r\n}\r\n\r\n\/* Animaciones *\/\r\n@keyframes fadeInDown {\r\n  0% {\r\n    transform: translateY(-30px);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  0% {\r\n    transform: translateY(30px);\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .section-cta {\r\n    padding: 70px 20px;\r\n  }\r\n\r\n  .section-cta h2 {\r\n    font-size: 2rem;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .cta-button {\r\n    font-size: 1rem;\r\n    padding: 12px 30px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n\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>Tu navegador no soporta la etiqueta de video. Nuestra historia Un legado de compromiso, calidad y pasi\u00f3n \u00abDonde hay tierra, hay esperanza. Y donde hay trabajo con amor, florecen los sue\u00f1os.\u00bb Conoc\u00e9 m\u00e1s Un sue\u00f1o que ech\u00f3 ra\u00edces Desde muy joven, Kenneth cultiv\u00f3 el anhelo de tener su propia finca. Su paso por la Universidad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"maringfa@gmail.com","author_link":"https:\/\/dakesaagro.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Tu navegador no soporta la etiqueta de video. Nuestra historia Un legado de compromiso, calidad y pasi\u00f3n \u00abDonde hay tierra, hay esperanza. Y donde hay trabajo con amor, florecen los sue\u00f1os.\u00bb Conoc\u00e9 m\u00e1s Un sue\u00f1o que ech\u00f3 ra\u00edces Desde muy joven, Kenneth cultiv\u00f3 el anhelo de tener su propia finca. Su paso por la Universidad&hellip;","_links":{"self":[{"href":"https:\/\/dakesaagro.com\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dakesaagro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dakesaagro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dakesaagro.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dakesaagro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":86,"href":"https:\/\/dakesaagro.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":382,"href":"https:\/\/dakesaagro.com\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/382"}],"wp:attachment":[{"href":"https:\/\/dakesaagro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}