{"id":2680,"date":"2026-08-16T23:21:04","date_gmt":"2026-08-16T23:21:04","guid":{"rendered":"https:\/\/euagtech.com\/?page_id=2680"},"modified":"2026-08-17T01:03:49","modified_gmt":"2026-08-17T01:03:49","slug":"nuestros-proyectos","status":"publish","type":"page","link":"https:\/\/euagtech.com\/ru\/nuestros-proyectos\/","title":{"rendered":"Nuestros Proyectos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2680\" class=\"elementor elementor-2680\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7caa41 e-con-full e-flex e-con e-parent\" data-id=\"b7caa41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb4bcff elementor-widget elementor-widget-html\" data-id=\"cb4bcff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Proyectos | EURO AG TECHNOLOGY<\/title>\n  <meta name=\"description\" content=\"Mapa interactivo de proyectos y referencias de EURO AG TECHNOLOGY en Europa.\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" integrity=\"sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=\" crossorigin=\"\"\/>\n  <style>\n    :root{\n      --eat-navy:#1f2940;\n      --eat-navy-2:#26324d;\n      --eat-ink:#0f1728;\n      --eat-lime:#d7ef63;\n      --eat-lime-deep:#bfd94f;\n      --eat-bg:#f5f7fb;\n      --eat-surface:#ffffff;\n      --eat-text:#243047;\n      --eat-muted:#66738a;\n      --eat-line:#d9e1ec;\n      --eat-shadow:0 18px 60px rgba(26,39,68,.12);\n      --eat-radius:28px;\n      --eat-radius-sm:18px;\n      --eat-shell:min(1180px, calc(100% - 48px));\n    }\n\n    *{box-sizing:border-box}\n    html{scroll-behavior:smooth}\n    body{\n      margin:0;\n      font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n      color:var(--eat-text);\n      background:var(--eat-bg);\n      -webkit-font-smoothing:antialiased;\n      text-rendering:optimizeLegibility;\n    }\n\n    img{max-width:100%; display:block}\n    a{color:inherit; text-decoration:none}\n\n    #eat-projects-2026{\n      isolation:isolate;\n      overflow:hidden;\n      background:\n        radial-gradient(circle at top left, rgba(215,239,99,.18), transparent 26%),\n        linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);\n    }\n\n    #eat-projects-2026 .eat-shell{\n      width:var(--eat-shell);\n      margin:0 auto;\n    }\n\n    #eat-projects-2026 .eat-section{\n      padding:clamp(72px, 8vw, 120px) 0;\n    }\n\n    #eat-projects-2026 .eat-kicker{\n      margin:0 0 14px;\n      color:var(--eat-navy);\n      letter-spacing:.16em;\n      text-transform:uppercase;\n      font-size:.76rem;\n      font-weight:800;\n    }\n\n    #eat-projects-2026 .eat-display{\n      margin:0;\n      color:var(--eat-ink);\n      font-size:clamp(2.2rem, 5vw, 4.4rem);\n      line-height:.98;\n      letter-spacing:-.04em;\n      max-width:12ch;\n    }\n\n    #eat-projects-2026 .eat-display span{\n      color:var(--eat-navy);\n    }\n\n    #eat-projects-2026 .eat-copy{\n      margin:0;\n      max-width:64ch;\n      color:var(--eat-muted);\n      font-size:1.04rem;\n      line-height:1.8;\n    }\n\n    #eat-projects-2026 .eat-grid-hero{\n      display:grid;\n      grid-template-columns:minmax(0, 1.08fr) minmax(340px, .92fr);\n      gap:clamp(28px, 4vw, 56px);\n      align-items:end;\n    }\n\n    #eat-projects-2026 .eat-hero-card,\n    #eat-projects-2026 .eat-panel,\n    #eat-projects-2026 .eat-note,\n    #eat-projects-2026 .eat-cta-card{\n      background:var(--eat-surface);\n      border:1px solid rgba(31,41,64,.08);\n      border-radius:var(--eat-radius);\n      box-shadow:var(--eat-shadow);\n    }\n\n    #eat-projects-2026 .eat-hero-card{\n      padding:clamp(24px, 3vw, 34px);\n      display:grid;\n      gap:20px;\n      background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);\n    }\n\n    #eat-projects-2026 .eat-hero-stats{\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0,1fr));\n      gap:14px;\n    }\n\n    #eat-projects-2026 .eat-stat{\n      padding:18px 18px 16px;\n      border:1px solid var(--eat-line);\n      border-radius:20px;\n      background:#fff;\n    }\n\n    #eat-projects-2026 .eat-stat strong{\n      display:block;\n      color:var(--eat-ink);\n      font-size:1.5rem;\n      line-height:1;\n      margin-bottom:8px;\n    }\n\n    #eat-projects-2026 .eat-stat span{\n      color:var(--eat-muted);\n      font-size:.92rem;\n      line-height:1.5;\n      display:block;\n    }\n\n    #eat-projects-2026 .eat-note{\n      padding:26px 26px 24px;\n      background:linear-gradient(180deg, rgba(31,41,64,.98), rgba(38,50,77,.98));\n      color:#fff;\n      position:relative;\n      overflow:hidden;\n    }\n\n    #eat-projects-2026 .eat-note::after{\n      content:\"\";\n      position:absolute;\n      inset:auto -50px -70px auto;\n      width:190px;\n      aspect-ratio:1;\n      border-radius:50%;\n      background:radial-gradient(circle, rgba(215,239,99,.28), transparent 70%);\n      pointer-events:none;\n    }\n\n    #eat-projects-2026 .eat-note h2,\n    #eat-projects-2026 .eat-panel-title{\n      margin:0 0 12px;\n      font-size:1.15rem;\n      line-height:1.25;\n      letter-spacing:-.02em;\n    }\n\n    #eat-projects-2026 .eat-note p,\n    #eat-projects-2026 .eat-note li{\n      margin:0;\n      color:rgba(255,255,255,.82);\n      line-height:1.7;\n      font-size:.98rem;\n    }\n\n    #eat-projects-2026 .eat-note ul{\n      margin:16px 0 0;\n      padding-left:18px;\n      display:grid;\n      gap:8px;\n    }\n\n    #eat-projects-2026 .eat-map-layout{\n      display:grid;\n      grid-template-columns:minmax(280px, 340px) minmax(0, 1fr);\n      gap:24px;\n      align-items:start;\n    }\n\n    #eat-projects-2026 .eat-panel{\n      padding:24px;\n    }\n\n    #eat-projects-2026 .eat-filter-wrap{\n      display:grid;\n      gap:16px;\n    }\n\n    #eat-projects-2026 .eat-field label{\n      display:block;\n      margin:0 0 8px;\n      color:var(--eat-ink);\n      font-weight:700;\n      font-size:.88rem;\n      letter-spacing:.01em;\n    }\n\n    #eat-projects-2026 .eat-select{\n      width:100%;\n      border:1px solid var(--eat-line);\n      background:#fff;\n      min-height:48px;\n      border-radius:14px;\n      padding:0 14px;\n      color:var(--eat-text);\n      font:inherit;\n      outline:none;\n    }\n\n    #eat-projects-2026 .eat-project-list{\n      display:grid;\n      gap:12px;\n      margin-top:8px;\n    }\n\n    #eat-projects-2026 .eat-project-item{\n      width:100%;\n      text-align:left;\n      border:1px solid var(--eat-line);\n      background:#fff;\n      border-radius:18px;\n      padding:16px 16px 15px;\n      cursor:pointer;\n      transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;\n    }\n\n    #eat-projects-2026 .eat-project-item:hover,\n    #eat-projects-2026 .eat-project-item.is-active{\n      transform:translateY(-2px);\n      border-color:rgba(31,41,64,.22);\n      box-shadow:0 12px 30px rgba(31,41,64,.09);\n    }\n\n    #eat-projects-2026 .eat-project-item-top{\n      display:flex;\n      gap:12px;\n      align-items:flex-start;\n      justify-content:space-between;\n      margin-bottom:10px;\n    }\n\n    #eat-projects-2026 .eat-project-item h3,\n    #eat-projects-2026 .eat-detail h3{\n      margin:0;\n      color:var(--eat-ink);\n      font-size:1rem;\n      line-height:1.3;\n      letter-spacing:-.02em;\n    }\n\n    #eat-projects-2026 .eat-project-meta,\n    #eat-projects-2026 .eat-detail p,\n    #eat-projects-2026 .eat-detail li,\n    #eat-projects-2026 .eat-small{\n      margin:0;\n      color:var(--eat-muted);\n      font-size:.93rem;\n      line-height:1.7;\n    }\n\n    #eat-projects-2026 .eat-tag,\n    #eat-projects-2026 .eat-chip{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      border-radius:999px;\n      font-weight:700;\n      line-height:1;\n      white-space:nowrap;\n    }\n\n    #eat-projects-2026 .eat-tag{\n      background:rgba(215,239,99,.28);\n      color:#4f6120;\n      padding:8px 10px;\n      font-size:.73rem;\n      letter-spacing:.04em;\n      text-transform:uppercase;\n    }\n\n    #eat-projects-2026 .eat-chip{\n      background:#eef3f8;\n      color:var(--eat-text);\n      padding:9px 12px;\n      font-size:.82rem;\n      font-weight:600;\n    }\n\n    #eat-projects-2026 .eat-project-map-card{\n      display:grid;\n      gap:16px;\n    }\n\n    #eat-projects-2026 .eat-map-toolbar{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:16px;\n      flex-wrap:wrap;\n    }\n\n    #eat-projects-2026 .eat-map-toolbar .eat-chip-group{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n    }\n\n    #eat-projects-2026 #eat-europe-map{\n      width:100%;\n      height:clamp(460px, 68vh, 720px);\n      border-radius:28px;\n      overflow:hidden;\n      border:1px solid var(--eat-line);\n      background:#dde6f2;\n    }\n\n    #eat-projects-2026 .leaflet-popup-content-wrapper{\n      border-radius:18px;\n      box-shadow:0 18px 40px rgba(20,33,55,.18);\n    }\n\n    #eat-projects-2026 .leaflet-popup-content{\n      margin:16px 16px 14px;\n      min-width:220px;\n      font-family:'Inter',sans-serif;\n    }\n\n    #eat-projects-2026 .eat-popup-title{\n      margin:0 0 8px;\n      color:var(--eat-ink);\n      font-size:1rem;\n      font-weight:800;\n      letter-spacing:-.02em;\n    }\n\n    #eat-projects-2026 .eat-popup-copy{\n      margin:0 0 12px;\n      color:var(--eat-muted);\n      font-size:.92rem;\n      line-height:1.6;\n    }\n\n    #eat-projects-2026 .eat-popup-meta{\n      display:flex;\n      gap:8px;\n      flex-wrap:wrap;\n    }\n\n    #eat-projects-2026 .eat-custom-marker{\n      background:transparent;\n      border:none;\n    }\n\n    #eat-projects-2026 .eat-marker-dot{\n      width:18px;\n      height:18px;\n      border-radius:50%;\n      background:var(--eat-lime);\n      border:3px solid var(--eat-navy);\n      box-shadow:0 0 0 8px rgba(215,239,99,.22);\n    }\n\n    #eat-projects-2026 .eat-detail-layout{\n      display:grid;\n      grid-template-columns:minmax(0,.95fr) minmax(290px,.75fr);\n      gap:24px;\n      align-items:start;\n      margin-top:24px;\n    }\n\n    #eat-projects-2026 .eat-detail{\n      display:grid;\n      gap:14px;\n    }\n\n    #eat-projects-2026 .eat-detail-head{\n      display:flex;\n      justify-content:space-between;\n      gap:18px;\n      align-items:flex-start;\n      flex-wrap:wrap;\n    }\n\n    #eat-projects-2026 .eat-detail-meta{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px;\n    }\n\n    #eat-projects-2026 .eat-detail-grid{\n      display:grid;\n      grid-template-columns:repeat(2, minmax(0,1fr));\n      gap:14px;\n      margin-top:8px;\n    }\n\n    #eat-projects-2026 .eat-detail-box{\n      border:1px solid var(--eat-line);\n      border-radius:18px;\n      padding:16px;\n      background:#fff;\n    }\n\n    #eat-projects-2026 .eat-detail-box span{\n      display:block;\n      color:var(--eat-muted);\n      font-size:.77rem;\n      text-transform:uppercase;\n      letter-spacing:.08em;\n      font-weight:800;\n      margin-bottom:8px;\n    }\n\n    #eat-projects-2026 .eat-detail-box strong{\n      display:block;\n      color:var(--eat-ink);\n      font-size:.98rem;\n      line-height:1.45;\n    }\n\n    #eat-projects-2026 .eat-bullets{\n      margin:0;\n      padding-left:18px;\n      display:grid;\n      gap:8px;\n    }\n\n    #eat-projects-2026 .eat-legend{\n      display:grid;\n      gap:12px;\n    }\n\n    #eat-projects-2026 .eat-legend-row{\n      display:flex;\n      align-items:flex-start;\n      gap:12px;\n    }\n\n    #eat-projects-2026 .eat-legend-icon{\n      width:16px;\n      height:16px;\n      border-radius:50%;\n      background:var(--eat-lime);\n      border:3px solid var(--eat-navy);\n      flex:0 0 auto;\n      margin-top:5px;\n    }\n\n    #eat-projects-2026 .eat-legend-icon--ghost{\n      background:#d8e0eb;\n      border-color:#8a97aa;\n      box-shadow:none;\n    }\n\n    #eat-projects-2026 .eat-cta-grid{\n      display:grid;\n      grid-template-columns:repeat(3, minmax(0,1fr));\n      gap:18px;\n    }\n\n    #eat-projects-2026 .eat-cta-card{\n      padding:24px;\n      display:grid;\n      gap:12px;\n    }\n\n    #eat-projects-2026 .eat-cta-card h3{\n      margin:0;\n      color:var(--eat-ink);\n      font-size:1.05rem;\n      letter-spacing:-.02em;\n    }\n\n    #eat-projects-2026 .eat-cta-link{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin-top:8px;\n      color:var(--eat-navy);\n      font-weight:800;\n    }\n\n    #eat-projects-2026 .eat-arrow{\n      width:18px;\n      height:18px;\n      display:inline-flex;\n    }\n\n    #eat-projects-2026 .eat-reveal{\n      opacity:0;\n      transform:translateY(28px);\n      transition:opacity .7s ease, transform .7s ease;\n    }\n\n    #eat-projects-2026 .eat-reveal.is-visible{\n      opacity:1;\n      transform:none;\n    }\n\n    @media (max-width: 1100px){\n      #eat-projects-2026 .eat-map-layout,\n      #eat-projects-2026 .eat-detail-layout,\n      #eat-projects-2026 .eat-grid-hero,\n      #eat-projects-2026 .eat-cta-grid{\n        grid-template-columns:1fr;\n      }\n\n      #eat-projects-2026 .eat-project-map-card{order:-1}\n    }\n\n    @media (max-width: 760px){\n      #eat-projects-2026 .eat-shell{width:min(100% - 28px, 100%)}\n      #eat-projects-2026 .eat-section{padding:60px 0}\n      #eat-projects-2026 .eat-hero-stats,\n      #eat-projects-2026 .eat-detail-grid{grid-template-columns:1fr}\n      #eat-projects-2026 .eat-panel,\n      #eat-projects-2026 .eat-hero-card,\n      #eat-projects-2026 .eat-note,\n      #eat-projects-2026 .eat-cta-card{padding:20px}\n      #eat-projects-2026 #eat-europe-map{height:440px; border-radius:22px}\n    }\n  <\/style>\n<\/head>\n<body>\n  <main id=\"eat-projects-2026\">\n\n    <section class=\"eat-section eat-hero\" aria-labelledby=\"eatProjectsTitle\">\n      <div class=\"eat-shell\">\n        <div class=\"eat-grid-hero\">\n          <div class=\"eat-reveal\">\n            <p class=\"eat-kicker\">Proyectos \u00b7 EURO AG TECHNOLOGY<\/p>\n            <h1 class=\"eat-display\" id=\"eatProjectsTitle\">Mapa interactivo de <span>proyectos en Europa.<\/span><\/h1>\n            <p class=\"eat-copy\" style=\"margin-top:22px;\">\n              Esta p\u00e1gina organiza la visualizaci\u00f3n territorial de los proyectos y referencias de EAT en Europa.\n              El mapa se entrega ya preparado para crecer: hoy incluye un punto demostrativo relacionado con ma\u00edz,\n              y ma\u00f1ana puede incorporar nuevas ubicaciones, filtros, estados y fichas t\u00e9cnicas por proyecto.\n            <\/p>\n          <\/div>\n\n          <div class=\"eat-hero-card eat-reveal\">\n            <div class=\"eat-hero-stats\">\n              <div class=\"eat-stat\">\n                <strong id=\"eatCountProjects\">1<\/strong>\n                <span>Referencia activa en el mapa<\/span>\n              <\/div>\n              <div class=\"eat-stat\">\n                <strong id=\"eatCountCountries\">1<\/strong>\n                <span>Pa\u00eds representado<\/span>\n              <\/div>\n              <div class=\"eat-stat\">\n                <strong>Europa<\/strong>\n                <span>\u00c1rea principal de visualizaci\u00f3n<\/span>\n              <\/div>\n            <\/div>\n            <p class=\"eat-small\">\n              La estructura est\u00e1 pensada para que los proyectos futuros se carguen desde un solo arreglo JavaScript,\n              sin redise\u00f1ar la p\u00e1gina completa.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"eat-section\" aria-labelledby=\"eatMapSectionTitle\">\n      <div class=\"eat-shell\">\n        <div class=\"eat-map-layout\">\n\n          <aside class=\"eat-panel eat-reveal\" aria-label=\"Panel lateral de proyectos\">\n            <div class=\"eat-filter-wrap\">\n              <div>\n                <p class=\"eat-kicker\" style=\"margin-bottom:10px;\">Panel del mapa<\/p>\n                <h2 class=\"eat-panel-title\" id=\"eatMapSectionTitle\">Ubicaciones y filtros<\/h2>\n                <p class=\"eat-small\">Use este panel para filtrar por pa\u00eds o tipo y abrir la ficha de cada punto.<\/p>\n              <\/div>\n\n              <div class=\"eat-field\">\n                <label for=\"eatCountryFilter\">Pa\u00eds<\/label>\n                <select id=\"eatCountryFilter\" class=\"eat-select\">\n                  <option value=\"all\">Todos<\/option>\n                <\/select>\n              <\/div>\n\n              <div class=\"eat-field\">\n                <label for=\"eatCategoryFilter\">Categor\u00eda<\/label>\n                <select id=\"eatCategoryFilter\" class=\"eat-select\">\n                  <option value=\"all\">Todas<\/option>\n                <\/select>\n              <\/div>\n\n              <div>\n                <div class=\"eat-project-list\" id=\"eatProjectList\"><\/div>\n              <\/div>\n            <\/div>\n          <\/aside>\n\n          <div class=\"eat-project-map-card eat-reveal\">\n            <div class=\"eat-map-toolbar\">\n              <div>\n                <p class=\"eat-kicker\" style=\"margin-bottom:8px;\">Visualizaci\u00f3n geogr\u00e1fica<\/p>\n                <h2 class=\"eat-panel-title\" style=\"margin:0;\">Europa como base de expansi\u00f3n de proyectos<\/h2>\n              <\/div>\n              <div class=\"eat-chip-group\">\n                <span class=\"eat-chip\">Mapa din\u00e1mico<\/span>\n                <span class=\"eat-chip\">Preparado para nuevos puntos<\/span>\n                <span class=\"eat-chip\">Filtro por categor\u00eda<\/span>\n              <\/div>\n            <\/div>\n\n            <div id=\"eat-europe-map\" aria-label=\"Mapa interactivo de proyectos en Europa\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"eat-detail-layout\">\n          <section class=\"eat-panel eat-reveal\" aria-labelledby=\"eatDetailTitle\">\n            <div class=\"eat-detail\" id=\"eatProjectDetail\">\n              <div class=\"eat-detail-head\">\n                <div>\n                  <p class=\"eat-kicker\" style=\"margin-bottom:8px;\">Ficha del proyecto<\/p>\n                  <h2 class=\"eat-panel-title\" id=\"eatDetailTitle\">Seleccione un punto en el mapa<\/h2>\n                <\/div>\n                <span class=\"eat-tag\" id=\"eatDetailTag\">Temporal<\/span>\n              <\/div>\n\n              <h3 id=\"eatDetailName\">Proyecto ma\u00edz \u00b7 referencia inicial<\/h3>\n              <p id=\"eatDetailSummary\">Ubicaci\u00f3n demostrativa para activar la secci\u00f3n de proyectos y preparar la futura carga de casos reales.<\/p>\n\n              <div class=\"eat-detail-meta\" id=\"eatDetailMeta\"><\/div>\n\n              <div class=\"eat-detail-grid\">\n                <div class=\"eat-detail-box\">\n                  <span>Ubicaci\u00f3n<\/span>\n                  <strong id=\"eatDetailLocation\">Zaragoza, Espa\u00f1a<\/strong>\n                <\/div>\n                <div class=\"eat-detail-box\">\n                  <span>Soluci\u00f3n<\/span>\n                  <strong id=\"eatDetailSolution\">Ma\u00edz \u00b7 Manejo y procesamiento<\/strong>\n                <\/div>\n                <div class=\"eat-detail-box\">\n                  <span>Estado<\/span>\n                  <strong id=\"eatDetailStatus\">Referencia temporal<\/strong>\n                <\/div>\n                <div class=\"eat-detail-box\">\n                  <span>Alcance<\/span>\n                  <strong id=\"eatDetailScope\">Marcador demostrativo dentro del mapa europeo<\/strong>\n                <\/div>\n              <\/div>\n\n              <div>\n                <h3 style=\"font-size:1rem; margin:0 0 10px;\">Notas<\/h3>\n                <ul class=\"eat-bullets\" id=\"eatDetailNotes\"><\/ul>\n              <\/div>\n            <\/div>\n          <\/section>\n\n          <aside class=\"eat-note eat-reveal\" aria-labelledby=\"eatLegendTitle\">\n            <h2 id=\"eatLegendTitle\">Importante<\/h2>\n            <p>\n              Hoy no existe todav\u00eda un portafolio consolidado de proyectos publicados. Por esa raz\u00f3n,\n              el primer punto del mapa se presenta como <strong>referencia visual temporal<\/strong> y no como caso ejecutado.\n            <\/p>\n            <ul>\n              <li>Evita mostrar proyectos inexistentes como referencias cerradas.<\/li>\n              <li>Permite activar desde ya la secci\u00f3n de Proyectos.<\/li>\n              <li>Facilita ir incorporando ubicaciones reales a medida que se documenten.<\/li>\n            <\/ul>\n          <\/aside>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"eat-section\" aria-labelledby=\"eatLegendBlockTitle\">\n      <div class=\"eat-shell\">\n        <div class=\"eat-detail-layout\">\n          <section class=\"eat-panel eat-reveal\">\n            <p class=\"eat-kicker\">Estructura del mapa<\/p>\n            <h2 class=\"eat-panel-title\" id=\"eatLegendBlockTitle\">C\u00f3mo seguir alimentando esta p\u00e1gina<\/h2>\n            <p class=\"eat-small\" style=\"max-width:66ch; margin-bottom:18px;\">\n              Cada proyecto futuro puede agregarse en el arreglo <code>projectsData<\/code> del JavaScript.\n              Solo ser\u00e1 necesario completar: nombre, pa\u00eds, ciudad, coordenadas, categor\u00eda, soluci\u00f3n, estado y resumen.\n            <\/p>\n            <div class=\"eat-detail-grid\">\n              <div class=\"eat-detail-box\"><span>Campo 01<\/span><strong>Nombre del proyecto<\/strong><\/div>\n              <div class=\"eat-detail-box\"><span>Campo 02<\/span><strong>Pa\u00eds y ciudad<\/strong><\/div>\n              <div class=\"eat-detail-box\"><span>Campo 03<\/span><strong>Latitud y longitud<\/strong><\/div>\n              <div class=\"eat-detail-box\"><span>Campo 04<\/span><strong>Tipo de soluci\u00f3n<\/strong><\/div>\n              <div class=\"eat-detail-box\"><span>Campo 05<\/span><strong>Estado del proyecto<\/strong><\/div>\n              <div class=\"eat-detail-box\"><span>Campo 06<\/span><strong>Descripci\u00f3n breve<\/strong><\/div>\n            <\/div>\n          <\/section>\n\n          <section class=\"eat-panel eat-reveal\">\n            <p class=\"eat-kicker\">Leyenda<\/p>\n            <h2 class=\"eat-panel-title\">Lectura actual del mapa<\/h2>\n            <div class=\"eat-legend\">\n              <div class=\"eat-legend-row\">\n                <span class=\"eat-legend-icon\"><\/span>\n                <div>\n                  <strong style=\"display:block; margin-bottom:4px;\">Referencia temporal activa<\/strong>\n                  <p class=\"eat-small\">Punto demostrativo usado para poner en funcionamiento la p\u00e1gina de proyectos.<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"eat-legend-row\">\n                <span class=\"eat-legend-icon eat-legend-icon--ghost\"><\/span>\n                <div>\n                  <strong style=\"display:block; margin-bottom:4px;\">Futuros proyectos documentados<\/strong>\n                  <p class=\"eat-small\">Se pueden diferenciar despu\u00e9s por icono, color o estado: dise\u00f1o, suministro, ejecuci\u00f3n o referencia.<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/section>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"eat-section\" aria-labelledby=\"eatProjectsRoutesTitle\">\n      <div class=\"eat-shell\">\n        <header class=\"eat-reveal\" style=\"margin-bottom:26px;\">\n          <p class=\"eat-kicker\">Rutas relacionadas<\/p>\n          <h2 class=\"eat-display\" id=\"eatProjectsRoutesTitle\" style=\"font-size:clamp(1.8rem,3.5vw,3rem); max-width:16ch;\">Conexi\u00f3n con el resto del sitio.<\/h2>\n        <\/header>\n\n        <div class=\"eat-cta-grid\">\n          <article class=\"eat-cta-card eat-reveal\">\n            <h3>Soluciones<\/h3>\n            <p class=\"eat-small\">Relacione cada proyecto con almacenamiento, manejo de granos, plantas y molienda, automatizaci\u00f3n o final de l\u00ednea.<\/p>\n            <a class=\"eat-cta-link\" href=\"\/soluciones\/\">Ir a Soluciones <span class=\"eat-arrow\">\u2192<\/span><\/a>\n          <\/article>\n          <article class=\"eat-cta-card eat-reveal\">\n            <h3>Empresa<\/h3>\n            <p class=\"eat-small\">Contextualice el mapa dentro del perfil t\u00e9cnico e institucional de EAT.<\/p>\n            <a class=\"eat-cta-link\" href=\"\/empresa\/\">Ir a Empresa <span class=\"eat-arrow\">\u2192<\/span><\/a>\n          <\/article>\n          <article class=\"eat-cta-card eat-reveal\">\n            <h3>Contacto<\/h3>\n            <p class=\"eat-small\">Cuando haya proyectos documentados, esta p\u00e1gina puede enlazar a fichas individuales o consultas espec\u00edficas.<\/p>\n            <a class=\"eat-cta-link\" href=\"\/contacto\/\">Ir a Contacto <span class=\"eat-arrow\">\u2192<\/span><\/a>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\" integrity=\"sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=\" crossorigin=\"\"><\/script>\n  <script>\n    (function(){\n      const root = document.getElementById('eat-projects-2026');\n      if(!root) return;\n\n      const projectsData = [\n        {\n          id: 'project-maize-zaragoza',\n          name: 'Proyecto ma\u00edz \u00b7 referencia inicial',\n          country: 'Espa\u00f1a',\n          city: 'Zaragoza',\n          category: 'Ma\u00edz',\n          solution: 'Manejo y procesamiento de ma\u00edz',\n          status: 'Referencia temporal',\n          scope: 'Marcador demostrativo dentro del mapa europeo',\n          year: 'Temporal',\n          lat: 41.6488,\n          lng: -0.8891,\n          summary: 'Punto de demostraci\u00f3n creado para activar la p\u00e1gina de proyectos mientras se documentan futuras referencias reales.',\n          notes: [\n            'Ubicaci\u00f3n utilizada como placeholder visual dentro de Europa.',\n            'Categor\u00eda seleccionada: ma\u00edz.',\n            'La estructura del mapa ya est\u00e1 lista para recibir nuevos proyectos con filtros y fichas detalladas.'\n          ]\n        }\n      ];\n\n      const countProjects = document.getElementById('eatCountProjects');\n      const countCountries = document.getElementById('eatCountCountries');\n      if(countProjects) countProjects.textContent = String(projectsData.length);\n      if(countCountries) countCountries.textContent = String(new Set(projectsData.map(p => p.country)).size);\n\n      const countryFilter = document.getElementById('eatCountryFilter');\n      const categoryFilter = document.getElementById('eatCategoryFilter');\n      const projectList = document.getElementById('eatProjectList');\n\n      const detailTag = document.getElementById('eatDetailTag');\n      const detailName = document.getElementById('eatDetailName');\n      const detailSummary = document.getElementById('eatDetailSummary');\n      const detailLocation = document.getElementById('eatDetailLocation');\n      const detailSolution = document.getElementById('eatDetailSolution');\n      const detailStatus = document.getElementById('eatDetailStatus');\n      const detailScope = document.getElementById('eatDetailScope');\n      const detailMeta = document.getElementById('eatDetailMeta');\n      const detailNotes = document.getElementById('eatDetailNotes');\n\n      const countries = ['all', ...Array.from(new Set(projectsData.map(p => p.country)))];\n      const categories = ['all', ...Array.from(new Set(projectsData.map(p => p.category)))];\n\n      countries.forEach(country => {\n        const option = document.createElement('option');\n        option.value = country;\n        option.textContent = country === 'all' ? 'Todos' : country;\n        countryFilter.appendChild(option);\n      });\n\n      categories.forEach(category => {\n        const option = document.createElement('option');\n        option.value = category;\n        option.textContent = category === 'all' ? 'Todas' : category;\n        categoryFilter.appendChild(option);\n      });\n\n      const map = L.map('eat-europe-map', { zoomControl: true, scrollWheelZoom: false });\n      map.setView([51.3, 10.4], 4);\n      map.setMaxBounds([[30, -25], [72, 45]]);\n      L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n        maxZoom: 18,\n        attribution: '&copy; OpenStreetMap contributors'\n      }).addTo(map);\n\n      const markerIcon = L.divIcon({\n        className: 'eat-custom-marker',\n        html: '<span class=\"eat-marker-dot\" aria-hidden=\"true\"><\/span>',\n        iconSize: [18,18],\n        iconAnchor: [9,9],\n        popupAnchor: [0,-10]\n      });\n\n      const markerStore = new Map();\n      let activeProjectId = null;\n\n      function projectPopup(project){\n        return `\n          <div>\n            <h3 class=\"eat-popup-title\">${project.name}<\/h3>\n            <p class=\"eat-popup-copy\">${project.summary}<\/p>\n            <div class=\"eat-popup-meta\">\n              <span class=\"eat-tag\">${project.category}<\/span>\n              <span class=\"eat-chip\">${project.country}<\/span>\n            <\/div>\n          <\/div>\n        `;\n      }\n\n      projectsData.forEach(project => {\n        const marker = L.marker([project.lat, project.lng], { icon: markerIcon, title: project.name })\n          .bindPopup(projectPopup(project));\n        marker.on('click', () => {\n          setActiveProject(project.id, true);\n        });\n        markerStore.set(project.id, marker);\n        marker.addTo(map);\n      });\n\n      function getFilteredProjects(){\n        const countryValue = countryFilter.value;\n        const categoryValue = categoryFilter.value;\n        return projectsData.filter(project => {\n          const countryMatch = countryValue === 'all' || project.country === countryValue;\n          const categoryMatch = categoryValue === 'all' || project.category === categoryValue;\n          return countryMatch && categoryMatch;\n        });\n      }\n\n      function renderList(){\n        const filtered = getFilteredProjects();\n        projectList.innerHTML = '';\n\n        if(!filtered.length){\n          const empty = document.createElement('p');\n          empty.className = 'eat-small';\n          empty.textContent = 'No hay proyectos para el filtro seleccionado.';\n          projectList.appendChild(empty);\n          return;\n        }\n\n        filtered.forEach(project => {\n          const btn = document.createElement('button');\n          btn.type = 'button';\n          btn.className = 'eat-project-item';\n          if(project.id === activeProjectId) btn.classList.add('is-active');\n          btn.setAttribute('data-project-id', project.id);\n          btn.innerHTML = `\n            <div class=\"eat-project-item-top\">\n              <div>\n                <h3>${project.name}<\/h3>\n                <p class=\"eat-project-meta\">${project.city}, ${project.country}<\/p>\n              <\/div>\n              <span class=\"eat-tag\">${project.category}<\/span>\n            <\/div>\n            <p class=\"eat-project-meta\">${project.solution}<\/p>\n          `;\n          btn.addEventListener('click', () => setActiveProject(project.id, true));\n          projectList.appendChild(btn);\n        });\n      }\n\n      function updateDetail(project){\n        detailTag.textContent = project.year;\n        detailName.textContent = project.name;\n        detailSummary.textContent = project.summary;\n        detailLocation.textContent = `${project.city}, ${project.country}`;\n        detailSolution.textContent = `${project.category} \u00b7 ${project.solution}`;\n        detailStatus.textContent = project.status;\n        detailScope.textContent = project.scope;\n\n        detailMeta.innerHTML = `\n          <span class=\"eat-chip\">${project.country}<\/span>\n          <span class=\"eat-chip\">${project.category}<\/span>\n          <span class=\"eat-chip\">${project.status}<\/span>\n        `;\n\n        detailNotes.innerHTML = '';\n        project.notes.forEach(note => {\n          const li = document.createElement('li');\n          li.textContent = note;\n          detailNotes.appendChild(li);\n        });\n      }\n\n      function setActiveProject(projectId, panToMarker){\n        const project = projectsData.find(item => item.id === projectId);\n        if(!project) return;\n        activeProjectId = projectId;\n        updateDetail(project);\n        renderList();\n\n        const marker = markerStore.get(projectId);\n        if(marker){\n          if(panToMarker){\n            map.flyTo([project.lat, project.lng], 5, { duration: 0.8 });\n          }\n          marker.openPopup();\n        }\n      }\n\n      function refreshMapVisibility(){\n        const filtered = getFilteredProjects();\n        markerStore.forEach((marker, projectId) => {\n          const visible = filtered.some(project => project.id === projectId);\n          if(visible){\n            marker.addTo(map);\n          } else {\n            marker.remove();\n          }\n        });\n\n        if(filtered.length){\n          if(!filtered.some(project => project.id === activeProjectId)){\n            setActiveProject(filtered[0].id, false);\n          } else {\n            renderList();\n          }\n\n          const bounds = L.latLngBounds(filtered.map(project => [project.lat, project.lng]));\n          map.fitBounds(bounds.pad(0.5));\n        } else {\n          renderList();\n        }\n      }\n\n      countryFilter.addEventListener('change', refreshMapVisibility);\n      categoryFilter.addEventListener('change', refreshMapVisibility);\n\n      setActiveProject(projectsData[0].id, false);\n      renderList();\n      setTimeout(() => map.invalidateSize(), 120);\n\n      const revealItems = Array.from(root.querySelectorAll('.eat-reveal'));\n      if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('is-visible');\n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.12, rootMargin: '0px 0px -6% 0px' });\n        revealItems.forEach((item) => observer.observe(item));\n      } else {\n        revealItems.forEach((item) => item.classList.add('is-visible'));\n      }\n    })();\n  <\/script>\n<\/body>\n<\/html>\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>Proyectos | EURO AG TECHNOLOGY Proyectos \u00b7 EURO AG TECHNOLOGY Mapa interactivo de proyectos en Europa. Esta p\u00e1gina organiza la visualizaci\u00f3n territorial de los proyectos y referencias de EAT en Europa. El mapa se entrega ya preparado para crecer: hoy incluye un punto demostrativo relacionado con ma\u00edz, y ma\u00f1ana puede incorporar nuevas ubicaciones, filtros, estados [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2680","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/euagtech.com\/ru\/wp-json\/wp\/v2\/pages\/2680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/euagtech.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/euagtech.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/euagtech.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/euagtech.com\/ru\/wp-json\/wp\/v2\/comments?post=2680"}],"version-history":[{"count":4,"href":"https:\/\/euagtech.com\/ru\/wp-json\/wp\/v2\/pages\/2680\/revisions"}],"predecessor-version":[{"id":2684,"href":"https:\/\/euagtech.com\/ru\/wp-json\/wp\/v2\/pages\/2680\/revisions\/2684"}],"wp:attachment":[{"href":"https:\/\/euagtech.com\/ru\/wp-json\/wp\/v2\/media?parent=2680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}