{"id":22,"date":"2024-07-22T07:13:18","date_gmt":"2024-07-22T07:13:18","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/software-company-v2\/?page_id=22"},"modified":"2026-08-17T03:31:33","modified_gmt":"2026-08-17T03:31:33","slug":"contacto","status":"publish","type":"page","link":"https:\/\/euagtech.com\/de\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26ee716 e-con-full e-flex e-con e-parent\" data-id=\"26ee716\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0e0c0a elementor-widget elementor-widget-html\" data-id=\"f0e0c0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     EURO AG TECHNOLOGY\n     P\u00c1GINA DE CONTACTO COMPLETA\n     UN SOLO WIDGET HTML EN ELEMENTOR\n========================================================= -->\n\n<style>\n  \/* =========================================================\n     BASE\n  ========================================================= *\/\n  #eat-contact-page{\n    --eatct-navy:#07131f;\n    --eatct-navy-2:#0d1c2b;\n    --eatct-ink:#18232d;\n    --eatct-muted:#68747d;\n    --eatct-paper:#f4f7f7;\n    --eatct-white:#fff;\n    --eatct-lime:#e8ff1f;\n    --eatct-lime-dark:#bdd000;\n    --eatct-blue:#174b9b;\n    --eatct-line:rgba(8,19,31,.12);\n    --eatct-line-dark:rgba(255,255,255,.13);\n    --eatct-shadow:0 28px 80px rgba(7,19,31,.12);\n    width:100%;\n    color:var(--eatct-ink);\n    background:var(--eatct-paper);\n    font-family:\"Poppins\",\"Inter\",Arial,sans-serif;\n    overflow:hidden;\n    isolation:isolate;\n  }\n\n  #eat-contact-page,\n  #eat-contact-page *,\n  #eat-contact-page *::before,\n  #eat-contact-page *::after{\n    box-sizing:border-box;\n  }\n\n  #eat-contact-page img{\n    max-width:100%;\n    height:auto;\n    display:block;\n  }\n\n  #eat-contact-page button,\n  #eat-contact-page input,\n  #eat-contact-page select,\n  #eat-contact-page textarea{\n    font:inherit;\n  }\n\n  #eat-contact-page a{\n    color:inherit;\n  }\n\n  .eatct-sr-only{\n    position:absolute!important;\n    width:1px!important;\n    height:1px!important;\n    padding:0!important;\n    margin:-1px!important;\n    overflow:hidden!important;\n    clip:rect(0,0,0,0)!important;\n    white-space:nowrap!important;\n    border:0!important;\n  }\n\n  .eatct-shell{\n    width:min(100% - 52px,1380px);\n    margin:0 auto;\n  }\n\n  .eatct-section{\n    position:relative;\n    padding:112px 0;\n    scroll-margin-top:90px;\n  }\n\n  \/* Reduce el trabajo de render inicial en una p\u00e1gina larga.\n     Navegadores sin soporte ignoran estas propiedades sin afectar el dise\u00f1o. *\/\n  .eatct-why,\n  .eatct-reasons,\n  .eatct-process,\n  .eatct-forms,\n  .eatct-matrix,\n  .eatct-prepare,\n  .eatct-faq,\n  .eatct-final{\n    content-visibility:auto;\n    contain-intrinsic-size:auto 900px;\n  }\n\n  .eatct-eyebrow{\n    margin:0 0 16px;\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    color:var(--eatct-blue);\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:1.7px;\n    text-transform:uppercase;\n  }\n\n  .eatct-eyebrow::before{\n    content:\"\";\n    width:32px;\n    height:2px;\n    background:var(--eatct-lime-dark);\n    border-radius:99px;\n  }\n\n  .eatct-title{\n    margin:0;\n    color:var(--eatct-ink);\n    font-size:clamp(42px,5vw,74px);\n    font-weight:400;\n    line-height:1.04;\n    letter-spacing:clamp(-3.2px,-.2vw,-1.4px);\n    text-wrap:balance;\n  }\n\n  .eatct-title strong{\n    font-weight:500;\n  }\n\n  .eatct-lead{\n    margin:22px 0 0;\n    color:var(--eatct-muted);\n    font-size:15px;\n    line-height:1.8;\n  }\n\n  .eatct-button{\n    min-height:52px;\n    padding:0 22px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n    border:1px solid transparent;\n    border-radius:5px;\n    font-size:11px;\n    font-weight:700;\n    text-decoration:none;\n    cursor:pointer;\n    transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;\n  }\n\n  .eatct-button:hover{\n    transform:translateY(-2px);\n  }\n\n  .eatct-button--lime{\n    color:#101820;\n    background:var(--eatct-lime);\n    border-color:var(--eatct-lime);\n  }\n\n  .eatct-button--lime:hover{\n    color:var(--eatct-white);\n    background:var(--eatct-navy);\n    border-color:var(--eatct-navy);\n  }\n\n  .eatct-button--dark{\n    color:var(--eatct-white);\n    background:var(--eatct-navy);\n    border-color:var(--eatct-navy);\n  }\n\n  .eatct-button--dark:hover{\n    color:#101820;\n    background:var(--eatct-lime);\n    border-color:var(--eatct-lime);\n  }\n\n  .eatct-button--ghost{\n    color:var(--eatct-ink);\n    background:transparent;\n    border-color:rgba(8,19,31,.18);\n  }\n\n  .eatct-button--ghost:hover{\n    color:var(--eatct-white);\n    background:var(--eatct-navy);\n    border-color:var(--eatct-navy);\n  }\n\n  .eatct-button svg{\n    width:16px;\n    height:16px;\n  }\n\n  #eat-contact-page a:focus-visible,\n  #eat-contact-page button:focus-visible,\n  #eat-contact-page input:focus-visible,\n  #eat-contact-page select:focus-visible,\n  #eat-contact-page textarea:focus-visible{\n    outline:2px solid var(--eatct-lime-dark);\n    outline-offset:3px;\n  }\n\n  \/* =========================================================\n     HERO\n  ========================================================= *\/\n  .eatct-hero{\n    position:relative;\n    min-height:max(760px,100svh);\n    padding:142px 0 58px;\n    display:flex;\n    align-items:center;\n    color:var(--eatct-white);\n    background:\n      radial-gradient(circle at 88% 10%,rgba(232,255,31,.12),transparent 28%),\n      radial-gradient(circle at 6% 92%,rgba(23,75,155,.24),transparent 34%),\n      var(--eatct-navy);\n    overflow:hidden;\n  }\n\n  .eatct-hero::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background-image:\n      linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),\n      linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);\n    background-size:76px 76px;\n    mask-image:linear-gradient(180deg,#000 0%,transparent 88%);\n    -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 88%);\n    pointer-events:none;\n  }\n\n  .eatct-hero::after{\n    content:\"\";\n    position:absolute;\n    width:760px;\n    height:760px;\n    right:-390px;\n    top:-310px;\n    border:1px solid rgba(255,255,255,.06);\n    border-radius:50%;\n    box-shadow:\n      0 0 0 96px rgba(255,255,255,.018),\n      0 0 0 192px rgba(255,255,255,.01);\n    pointer-events:none;\n  }\n\n  .eatct-hero-layout{\n    position:relative;\n    z-index:2;\n  }\n\n  .eatct-hero .eatct-eyebrow{\n    color:var(--eatct-lime);\n  }\n\n  .eatct-hero .eatct-eyebrow::before{\n    background:var(--eatct-lime);\n  }\n\n  .eatct-hero-title{\n    margin:0;\n    color:var(--eatct-white);\n    font-size:clamp(54px,6.4vw,98px);\n    font-weight:400;\n    line-height:.98;\n    letter-spacing:clamp(-4.8px,-.28vw,-2px);\n    text-wrap:balance;\n  }\n\n  .eatct-hero-title strong{\n    color:var(--eatct-lime);\n    font-weight:500;\n  }\n\n  .eatct-hero-text{\n    max-width:760px;\n    margin:28px 0 0;\n    color:rgba(255,255,255,.67);\n    font-size:clamp(14px,1.18vw,17px);\n    line-height:1.78;\n  }\n\n  .eatct-hero-actions{\n    margin-top:32px;\n    display:flex;\n    flex-wrap:wrap;\n    gap:11px;\n  }\n\n  .eatct-hero .eatct-button--ghost{\n    color:var(--eatct-white);\n    border-color:rgba(255,255,255,.28);\n    background:rgba(255,255,255,.03);\n  }\n\n  .eatct-hero .eatct-button--ghost:hover{\n    color:#101820;\n    background:var(--eatct-white);\n    border-color:var(--eatct-white);\n  }\n\n  .eatct-hero-meta{\n    margin-top:28px;\n    display:flex;\n    flex-wrap:wrap;\n    gap:9px;\n  }\n\n  .eatct-hero-chip{\n    min-height:31px;\n    padding:0 11px;\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n    color:rgba(255,255,255,.62);\n    background:rgba(255,255,255,.035);\n    border:1px solid rgba(255,255,255,.1);\n    border-radius:99px;\n    font-size:8px;\n    font-weight:600;\n    letter-spacing:.5px;\n    text-transform:uppercase;\n  }\n\n  .eatct-hero-chip::before{\n    content:\"\";\n    width:5px;\n    height:5px;\n    background:var(--eatct-lime);\n    border-radius:50%;\n    box-shadow:0 0 10px rgba(232,255,31,.8);\n  }\n\n  \/* route board *\/\n  .eatct-route-board{\n    position:relative;\n    padding:20px;\n    color:var(--eatct-white);\n    background:rgba(8,19,31,.62);\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:24px;\n    box-shadow:0 32px 90px rgba(0,0,0,.28);\n    -webkit-backdrop-filter:blur(22px);\n    backdrop-filter:blur(22px);\n    overflow:hidden;\n  }\n\n  .eatct-route-board::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(140deg,rgba(232,255,31,.07),transparent 34%),\n      linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),\n      linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);\n    background-size:auto,52px 52px,52px 52px;\n    pointer-events:none;\n  }\n\n  .eatct-route-board > *{\n    position:relative;\n    z-index:2;\n  }\n\n  .eatct-board-head{\n    padding:7px 7px 18px;\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:18px;\n  }\n\n  .eatct-board-label{\n    margin:0 0 5px;\n    color:var(--eatct-lime);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:1.3px;\n    text-transform:uppercase;\n  }\n\n  .eatct-board-title{\n    margin:0;\n    color:var(--eatct-white);\n    font-size:19px;\n    font-weight:500;\n  }\n\n  .eatct-board-status{\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n    color:rgba(255,255,255,.42);\n    font-size:8px;\n    font-weight:600;\n    letter-spacing:.5px;\n    text-transform:uppercase;\n  }\n\n  .eatct-board-status::before{\n    content:\"\";\n    width:6px;\n    height:6px;\n    background:var(--eatct-lime);\n    border-radius:50%;\n    box-shadow:0 0 12px rgba(232,255,31,.8);\n  }\n\n  .eatct-route-options{\n    display:grid;\n    gap:8px;\n  }\n\n  .eatct-route-option{\n    width:100%;\n    min-height:83px;\n    padding:13px;\n    display:grid;\n    grid-template-columns:43px minmax(0,1fr) 30px;\n    align-items:center;\n    gap:12px;\n    color:rgba(255,255,255,.62);\n    background:rgba(255,255,255,.025);\n    border:1px solid rgba(255,255,255,.08);\n    border-radius:12px;\n    text-align:left;\n    cursor:pointer;\n    transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;\n  }\n\n  .eatct-route-option:hover{\n    color:var(--eatct-white);\n    background:rgba(255,255,255,.055);\n    border-color:rgba(255,255,255,.16);\n    transform:translateX(-3px);\n  }\n\n  .eatct-route-option.is-active{\n    color:var(--eatct-white);\n    background:linear-gradient(90deg,rgba(232,255,31,.14),rgba(232,255,31,.025));\n    border-color:rgba(232,255,31,.42);\n  }\n\n  .eatct-route-number{\n    width:43px;\n    height:43px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:rgba(255,255,255,.4);\n    background:rgba(255,255,255,.04);\n    border:1px solid rgba(255,255,255,.1);\n    border-radius:10px;\n    font-size:9px;\n    font-weight:700;\n  }\n\n  .eatct-route-option.is-active .eatct-route-number{\n    color:#101820;\n    background:var(--eatct-lime);\n    border-color:var(--eatct-lime);\n  }\n\n  .eatct-route-title{\n    display:block;\n    color:currentColor;\n    font-size:12px;\n    font-weight:600;\n  }\n\n  .eatct-route-text{\n    margin-top:4px;\n    display:block;\n    color:rgba(255,255,255,.36);\n    font-size:8px;\n    line-height:1.45;\n  }\n\n  .eatct-route-arrow{\n    width:30px;\n    height:30px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:50%;\n  }\n\n  .eatct-route-option.is-active .eatct-route-arrow{\n    color:#101820;\n    background:var(--eatct-lime);\n    border-color:var(--eatct-lime);\n    transform:rotate(-45deg);\n  }\n\n  .eatct-route-arrow svg{\n    width:14px;\n    height:14px;\n  }\n\n  .eatct-board-preview{\n    margin-top:10px;\n    padding:18px;\n    background:rgba(255,255,255,.035);\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:13px;\n  }\n\n  .eatct-board-preview-label{\n    margin:0 0 6px;\n    color:var(--eatct-lime);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n  }\n\n  .eatct-board-preview-title{\n    margin:0;\n    color:var(--eatct-white);\n    font-size:16px;\n    font-weight:500;\n  }\n\n  .eatct-board-preview-text{\n    margin:7px 0 0;\n    color:rgba(255,255,255,.5);\n    font-size:9px;\n    line-height:1.55;\n  }\n\n  .eatct-board-preview-link{\n    margin-top:13px;\n    min-height:39px;\n    padding:0 14px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:4px;\n    font-size:8px;\n    font-weight:700;\n    text-decoration:none;\n  }\n\n  \/* =========================================================\n     QUICK CONTACT STRIP\n  ========================================================= *\/\n  .eatct-quick{\n    position:relative;\n    z-index:3;\n    margin-top:-1px;\n    background:var(--eatct-white);\n    border-bottom:1px solid var(--eatct-line);\n  }\n\n  .eatct-quick-grid{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n  }\n\n  .eatct-quick-item{\n    min-height:116px;\n    padding:22px 24px;\n    display:grid;\n    grid-template-columns:43px minmax(0,1fr);\n    align-items:center;\n    gap:13px;\n    border-right:1px solid var(--eatct-line);\n    text-decoration:none;\n    transition:background .25s ease,transform .25s ease;\n  }\n\n  .eatct-quick-item:last-child{\n    border-right:0;\n  }\n\n  .eatct-quick-item:hover{\n    background:#f7f9f9;\n    transform:translateY(-3px);\n  }\n\n  .eatct-quick-icon{\n    width:43px;\n    height:43px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:11px;\n  }\n\n  .eatct-quick-icon svg{\n    width:21px;\n    height:21px;\n  }\n\n  .eatct-quick-label{\n    display:block;\n    color:var(--eatct-blue);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:1px;\n    text-transform:uppercase;\n  }\n\n  .eatct-quick-value{\n    margin-top:4px;\n    display:block;\n    color:var(--eatct-ink);\n    font-size:13px;\n    font-weight:600;\n    line-height:1.4;\n  }\n\n  .eatct-quick-note{\n    margin-top:3px;\n    display:block;\n    color:var(--eatct-muted);\n    font-size:8px;\n    line-height:1.4;\n  }\n\n  \/* =========================================================\n     WHY CONTACT\n  ========================================================= *\/\n  .eatct-why{\n    background:\n      radial-gradient(circle at 92% 8%,rgba(232,255,31,.16),transparent 24%),\n      linear-gradient(180deg,#fff,var(--eatct-paper));\n  }\n\n  .eatct-heading-grid{\n    display:grid;\n    grid-template-columns:minmax(0,.95fr) minmax(360px,.55fr);\n    align-items:end;\n    gap:70px;\n    margin-bottom:52px;\n  }\n\n  .eatct-why-grid{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    border:1px solid var(--eatct-line);\n    border-radius:18px;\n    overflow:hidden;\n    background:rgba(255,255,255,.76);\n    box-shadow:0 20px 55px rgba(8,19,31,.06);\n  }\n\n  .eatct-why-card{\n    min-height:270px;\n    padding:27px 24px;\n    border-right:1px solid var(--eatct-line);\n  }\n\n  .eatct-why-card:last-child{\n    border-right:0;\n  }\n\n  .eatct-why-number{\n    color:var(--eatct-lime-dark);\n    font-size:10px;\n    font-weight:700;\n  }\n\n  .eatct-why-card h3{\n    margin:52px 0 10px;\n    color:var(--eatct-ink);\n    font-size:20px;\n    font-weight:500;\n    line-height:1.25;\n  }\n\n  .eatct-why-card p{\n    margin:0;\n    color:var(--eatct-muted);\n    font-size:10px;\n    line-height:1.65;\n  }\n\n  .eatct-why-card ul{\n    margin:18px 0 0;\n    padding:0;\n    display:grid;\n    gap:8px;\n    list-style:none;\n  }\n\n  .eatct-why-card li{\n    display:flex;\n    gap:8px;\n    color:#52606a;\n    font-size:9px;\n    line-height:1.5;\n  }\n\n  .eatct-why-card li::before{\n    content:\"\";\n    width:6px;\n    height:6px;\n    margin-top:4px;\n    flex:0 0 auto;\n    background:var(--eatct-lime-dark);\n    border-radius:50%;\n  }\n\n  \/* =========================================================\n     REASON SELECTOR\n  ========================================================= *\/\n  .eatct-reasons{\n    color:var(--eatct-white);\n    background:\n      radial-gradient(circle at 8% 92%,rgba(23,75,155,.24),transparent 32%),\n      var(--eatct-navy);\n  }\n\n  .eatct-reasons .eatct-title{\n    color:var(--eatct-white);\n  }\n\n  .eatct-reasons .eatct-lead{\n    color:rgba(255,255,255,.58);\n  }\n\n  .eatct-reasons-layout{\n    display:grid;\n    grid-template-columns:370px minmax(0,1fr);\n    gap:21px;\n  }\n\n  .eatct-reason-nav{\n    padding:19px;\n    background:var(--eatct-navy-2);\n    border:1px solid var(--eatct-line-dark);\n    border-radius:20px;\n  }\n\n  .eatct-reason-tabs{\n    display:grid;\n    gap:8px;\n  }\n\n  .eatct-reason-tab{\n    width:100%;\n    min-height:68px;\n    padding:11px 13px;\n    display:grid;\n    grid-template-columns:38px minmax(0,1fr) 28px;\n    align-items:center;\n    gap:10px;\n    color:rgba(255,255,255,.56);\n    background:rgba(255,255,255,.025);\n    border:1px solid rgba(255,255,255,.075);\n    border-radius:11px;\n    text-align:left;\n    cursor:pointer;\n    transition:.25s ease;\n  }\n\n  .eatct-reason-tab:hover{\n    color:var(--eatct-white);\n    background:rgba(255,255,255,.05);\n  }\n\n  .eatct-reason-tab.is-active{\n    color:var(--eatct-white);\n    background:linear-gradient(90deg,rgba(232,255,31,.14),rgba(232,255,31,.025));\n    border-color:rgba(232,255,31,.42);\n  }\n\n  .eatct-reason-tab-number{\n    width:38px;\n    height:38px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:rgba(255,255,255,.38);\n    background:rgba(255,255,255,.04);\n    border:1px solid rgba(255,255,255,.1);\n    border-radius:9px;\n    font-size:8px;\n    font-weight:700;\n  }\n\n  .eatct-reason-tab.is-active .eatct-reason-tab-number{\n    color:#101820;\n    background:var(--eatct-lime);\n    border-color:var(--eatct-lime);\n  }\n\n  .eatct-reason-tab-title{\n    font-size:10px;\n    font-weight:600;\n  }\n\n  .eatct-reason-tab-arrow{\n    width:28px;\n    height:28px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:50%;\n  }\n\n  .eatct-reason-tab.is-active .eatct-reason-tab-arrow{\n    color:#101820;\n    background:var(--eatct-lime);\n    border-color:var(--eatct-lime);\n    transform:rotate(-45deg);\n  }\n\n  .eatct-reason-tab-arrow svg{\n    width:13px;\n    height:13px;\n  }\n\n  .eatct-reason-panel{\n    min-height:610px;\n    padding:42px;\n    display:grid;\n    grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);\n    gap:28px;\n    background:\n      radial-gradient(circle at 105% 0%,rgba(232,255,31,.09),transparent 30%),\n      var(--eatct-navy-2);\n    border:1px solid var(--eatct-line-dark);\n    border-radius:20px;\n  }\n\n  .eatct-reason-copy{\n    display:flex;\n    flex-direction:column;\n  }\n\n  .eatct-reason-index{\n    margin:0 0 16px;\n    color:var(--eatct-lime);\n    font-size:9px;\n    font-weight:700;\n    letter-spacing:1.3px;\n    text-transform:uppercase;\n  }\n\n  .eatct-reason-title{\n    margin:0;\n    color:var(--eatct-white);\n    font-size:clamp(35px,3.4vw,52px);\n    font-weight:400;\n    line-height:1.08;\n    letter-spacing:-1.6px;\n  }\n\n  .eatct-reason-description{\n    margin:19px 0 0;\n    color:rgba(255,255,255,.62);\n    font-size:12px;\n    line-height:1.76;\n  }\n\n  .eatct-reason-block{\n    margin-top:25px;\n    padding-top:22px;\n    border-top:1px solid var(--eatct-line-dark);\n  }\n\n  .eatct-block-label{\n    margin:0 0 12px;\n    color:rgba(255,255,255,.38);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:1.1px;\n    text-transform:uppercase;\n  }\n\n  .eatct-reason-list{\n    margin:0;\n    padding:0;\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:10px 16px;\n    list-style:none;\n  }\n\n  .eatct-reason-list li{\n    display:flex;\n    gap:9px;\n    color:rgba(255,255,255,.78);\n    font-size:9px;\n    line-height:1.5;\n  }\n\n  .eatct-reason-list li::before{\n    content:\"\u2713\";\n    width:18px;\n    height:18px;\n    flex:0 0 auto;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:50%;\n    font-size:10px;\n    font-weight:800;\n  }\n\n  .eatct-reason-actions{\n    margin-top:auto;\n    padding-top:28px;\n    display:flex;\n    flex-wrap:wrap;\n    gap:9px;\n  }\n\n  .eatct-reason-note{\n    padding:24px;\n    align-self:stretch;\n    background:rgba(255,255,255,.035);\n    border:1px solid rgba(255,255,255,.09);\n    border-radius:15px;\n  }\n\n  .eatct-note-icon{\n    width:45px;\n    height:45px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:11px;\n  }\n\n  .eatct-note-icon svg{\n    width:22px;\n    height:22px;\n  }\n\n  .eatct-note-title{\n    margin:24px 0 8px;\n    color:var(--eatct-white);\n    font-size:17px;\n    font-weight:500;\n  }\n\n  .eatct-note-text{\n    margin:0;\n    color:rgba(255,255,255,.5);\n    font-size:10px;\n    line-height:1.65;\n  }\n\n  .eatct-note-service{\n    margin-top:18px;\n    padding:14px;\n    color:rgba(255,255,255,.7);\n    background:rgba(255,255,255,.035);\n    border:1px solid rgba(255,255,255,.08);\n    border-radius:10px;\n    font-size:9px;\n    line-height:1.5;\n  }\n\n  \/* =========================================================\n     PROCESS\n  ========================================================= *\/\n  .eatct-process{\n    background:#fff;\n  }\n\n  .eatct-process-grid{\n    margin-top:52px;\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    border:1px solid var(--eatct-line);\n    border-radius:18px;\n    overflow:hidden;\n  }\n\n  .eatct-process-step{\n    position:relative;\n    min-height:260px;\n    padding:27px 24px;\n    background:linear-gradient(180deg,#fff,#f8fafa);\n    border-right:1px solid var(--eatct-line);\n  }\n\n  .eatct-process-step:last-child{\n    border-right:0;\n  }\n\n  .eatct-process-step:not(:last-child)::after{\n    content:\"\u2192\";\n    position:absolute;\n    right:-12px;\n    top:50%;\n    z-index:2;\n    width:24px;\n    height:24px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:50%;\n    font-size:12px;\n    transform:translateY(-50%);\n  }\n\n  .eatct-process-number{\n    color:var(--eatct-blue);\n    font-size:10px;\n    font-weight:700;\n  }\n\n  .eatct-process-step h3{\n    margin:54px 0 10px;\n    color:var(--eatct-ink);\n    font-size:19px;\n    font-weight:500;\n  }\n\n  .eatct-process-step p{\n    margin:0;\n    color:var(--eatct-muted);\n    font-size:10px;\n    line-height:1.65;\n  }\n\n  .eatct-process-disclaimer{\n    margin-top:18px;\n    padding:18px 20px;\n    display:flex;\n    gap:12px;\n    align-items:flex-start;\n    color:#52606a;\n    background:var(--eatct-paper);\n    border:1px solid var(--eatct-line);\n    border-radius:12px;\n    font-size:9px;\n    line-height:1.6;\n  }\n\n  .eatct-process-disclaimer::before{\n    content:\"i\";\n    width:22px;\n    height:22px;\n    flex:0 0 auto;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:50%;\n    font-weight:800;\n  }\n\n  \/* =========================================================\n     FORMS\n  ========================================================= *\/\n  .eatct-forms{\n    background:\n      radial-gradient(circle at 95% 5%,rgba(232,255,31,.13),transparent 26%),\n      linear-gradient(180deg,var(--eatct-paper),#fff);\n  }\n\n  .eatct-form-switch{\n    margin-top:42px;\n    padding:7px;\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    background:#e7edef;\n    border:1px solid var(--eatct-line);\n    border-radius:12px;\n  }\n\n  .eatct-form-switch button{\n    min-height:49px;\n    padding:0 14px;\n    color:#63707a;\n    background:transparent;\n    border:0;\n    border-radius:7px;\n    font-size:10px;\n    font-weight:700;\n    cursor:pointer;\n  }\n\n  .eatct-form-switch button.is-active{\n    color:#101820;\n    background:var(--eatct-lime);\n    box-shadow:0 8px 24px rgba(7,19,31,.08);\n  }\n\n  .eatct-form-layout{\n    margin-top:18px;\n    display:grid;\n    grid-template-columns:minmax(0,1.08fr) 380px;\n    gap:21px;\n    align-items:start;\n  }\n\n  .eatct-form-card,\n  .eatct-form-summary{\n    background:#fff;\n    border:1px solid var(--eatct-line);\n    border-radius:20px;\n    box-shadow:var(--eatct-shadow);\n  }\n\n  .eatct-form-card{\n    padding:31px;\n  }\n\n  .eatct-form-panel[hidden]{\n    display:none;\n  }\n\n  .eatct-form-head{\n    margin-bottom:25px;\n    display:flex;\n    justify-content:space-between;\n    gap:20px;\n    align-items:flex-end;\n  }\n\n  .eatct-form-kicker{\n    margin:0 0 6px;\n    color:var(--eatct-blue);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n  }\n\n  .eatct-form-title{\n    margin:0;\n    color:var(--eatct-ink);\n    font-size:28px;\n    font-weight:500;\n    line-height:1.2;\n  }\n\n  .eatct-form-step-count{\n    color:var(--eatct-muted);\n    font-size:9px;\n    font-weight:600;\n    white-space:nowrap;\n  }\n\n  .eatct-progress{\n    height:5px;\n    margin-bottom:26px;\n    background:#e7edef;\n    border-radius:99px;\n    overflow:hidden;\n  }\n\n  .eatct-progress span{\n    display:block;\n    width:33.333%;\n    height:100%;\n    background:var(--eatct-lime-dark);\n    border-radius:inherit;\n    transition:width .3s ease;\n  }\n\n  .eatct-project-step{\n    display:none;\n  }\n\n  .eatct-project-step.is-active{\n    display:block;\n    animation:eatctStepIn .3s ease;\n  }\n\n  @keyframes eatctStepIn{\n    from{opacity:0;transform:translateY(8px)}\n    to{opacity:1;transform:translateY(0)}\n  }\n\n  .eatct-step-title{\n    margin:0 0 18px;\n    color:var(--eatct-ink);\n    font-size:19px;\n    font-weight:500;\n  }\n\n  .eatct-fields{\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:14px;\n  }\n\n  .eatct-field--full{\n    grid-column:1\/-1;\n  }\n\n  .eatct-field{\n    display:grid;\n    gap:7px;\n  }\n\n  .eatct-field label{\n    color:#4b5964;\n    font-size:9px;\n    font-weight:700;\n  }\n\n  .eatct-field input,\n  .eatct-field select,\n  .eatct-field textarea{\n    width:100%;\n    min-height:49px;\n    padding:0 13px;\n    color:var(--eatct-ink);\n    background:#f9fbfb;\n    border:1px solid rgba(8,19,31,.14);\n    border-radius:8px;\n    font-size:11px;\n    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;\n  }\n\n  .eatct-field textarea{\n    min-height:124px;\n    padding-top:12px;\n    resize:vertical;\n  }\n\n  .eatct-field input:focus,\n  .eatct-field select:focus,\n  .eatct-field textarea:focus{\n    background:#fff;\n    border-color:var(--eatct-blue);\n    box-shadow:0 0 0 3px rgba(23,75,155,.08);\n  }\n\n  .eatct-field-help{\n    color:#7a858e;\n    font-size:8px;\n    line-height:1.45;\n  }\n\n  .eatct-choice-grid{\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:9px;\n  }\n\n  .eatct-choice{\n    position:relative;\n  }\n\n  .eatct-choice input{\n    position:absolute;\n    opacity:0;\n    pointer-events:none;\n  }\n\n  .eatct-choice label{\n    min-height:76px;\n    padding:13px;\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n    gap:10px;\n    color:#61707a;\n    background:#f8fafa;\n    border:1px solid var(--eatct-line);\n    border-radius:10px;\n    font-size:9px;\n    font-weight:600;\n    cursor:pointer;\n    transition:.2s ease;\n  }\n\n  .eatct-choice label::before{\n    content:\"\";\n    width:23px;\n    height:23px;\n    border:1px solid rgba(8,19,31,.18);\n    border-radius:50%;\n  }\n\n  .eatct-choice input:checked + label{\n    color:#101820;\n    background:rgba(232,255,31,.16);\n    border-color:var(--eatct-lime-dark);\n  }\n\n  .eatct-choice input:checked + label::before{\n    background:\n      radial-gradient(circle,var(--eatct-lime-dark) 0 38%,transparent 42%),\n      #fff;\n    border-color:var(--eatct-lime-dark);\n  }\n\n  .eatct-form-actions{\n    margin-top:24px;\n    display:flex;\n    justify-content:space-between;\n    gap:10px;\n  }\n\n  .eatct-form-actions .eatct-button{\n    min-width:145px;\n  }\n\n  .eatct-consent{\n    margin-top:16px;\n    display:flex;\n    align-items:flex-start;\n    gap:10px;\n    color:#69757e;\n    font-size:8px;\n    line-height:1.55;\n  }\n\n  .eatct-consent input{\n    width:16px;\n    height:16px;\n    margin-top:1px;\n    flex:0 0 auto;\n    accent-color:var(--eatct-lime-dark);\n  }\n\n  .eatct-consent a{\n    color:var(--eatct-blue);\n  }\n\n  .eatct-honeypot{\n    position:absolute!important;\n    left:-9999px!important;\n    width:1px!important;\n    height:1px!important;\n    opacity:0!important;\n    pointer-events:none!important;\n  }\n\n  .eatct-form-message{\n    margin-top:16px;\n    padding:13px 14px;\n    display:none;\n    border-radius:8px;\n    font-size:9px;\n    line-height:1.55;\n  }\n\n  .eatct-form-message.is-visible{\n    display:block;\n  }\n\n  .eatct-form-message.is-success{\n    color:#1d4b29;\n    background:#edf8ef;\n    border:1px solid #bedcc4;\n  }\n\n  .eatct-form-message.is-error{\n    color:#7a2525;\n    background:#fff1f1;\n    border:1px solid #e8bdbd;\n  }\n\n  \/* summary *\/\n  .eatct-form-summary{\n    position:sticky;\n    top:96px;\n    overflow:hidden;\n  }\n\n  .eatct-summary-visual{\n    position:relative;\n    min-height:190px;\n    overflow:hidden;\n    isolation:isolate;\n    background:var(--eatct-navy);\n  }\n\n  .eatct-summary-visual > img{\n    position:absolute;\n    inset:0;\n    z-index:0;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    object-position:center;\n  }\n\n  .eatct-summary-visual::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    z-index:1;\n    pointer-events:none;\n    background:linear-gradient(180deg,rgba(7,19,31,.06),rgba(7,19,31,.92));\n  }\n\n  .eatct-summary-visual::after{\n    content:\"Imagen de referencia\";\n    position:absolute;\n    z-index:2;\n    left:16px;\n    bottom:14px;\n    min-height:28px;\n    padding:0 10px;\n    display:inline-flex;\n    align-items:center;\n    color:rgba(255,255,255,.82);\n    background:rgba(7,19,31,.7);\n    border:1px solid rgba(255,255,255,.15);\n    border-radius:99px;\n    font-size:7px;\n    font-weight:700;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n    -webkit-backdrop-filter:blur(10px);\n    backdrop-filter:blur(10px);\n  }\n\n  .eatct-summary-content{\n    padding:23px;\n  }\n\n  .eatct-summary-label{\n    margin:0 0 7px;\n    color:var(--eatct-blue);\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:1.2px;\n    text-transform:uppercase;\n  }\n\n  .eatct-summary-title{\n    margin:0;\n    color:var(--eatct-ink);\n    font-size:19px;\n    font-weight:500;\n  }\n\n  .eatct-summary-list{\n    margin:19px 0 0;\n    padding:0;\n    display:grid;\n    gap:10px;\n    list-style:none;\n  }\n\n  .eatct-summary-list li{\n    display:grid;\n    grid-template-columns:110px minmax(0,1fr);\n    gap:10px;\n    padding-bottom:9px;\n    border-bottom:1px solid var(--eatct-line);\n    font-size:8px;\n    line-height:1.5;\n  }\n\n  .eatct-summary-list li span:first-child{\n    color:#7a858d;\n    font-weight:600;\n  }\n\n  .eatct-summary-list li span:last-child{\n    color:#3f4c55;\n    font-weight:600;\n    text-align:right;\n  }\n\n  .eatct-summary-note{\n    margin-top:16px;\n    padding:13px;\n    color:#68747d;\n    background:var(--eatct-paper);\n    border:1px solid var(--eatct-line);\n    border-radius:9px;\n    font-size:8px;\n    line-height:1.55;\n  }\n\n  \/* =========================================================\n     CONTACT MATRIX\n  ========================================================= *\/\n  .eatct-matrix{\n    background:#fff;\n  }\n\n  .eatct-table-wrap{\n    margin-top:46px;\n    overflow:auto;\n    border:1px solid var(--eatct-line);\n    border-radius:16px;\n    box-shadow:0 18px 50px rgba(8,19,31,.06);\n  }\n\n  .eatct-table{\n    width:100%;\n    min-width:760px;\n    border-collapse:collapse;\n    background:#fff;\n  }\n\n  .eatct-table th,\n  .eatct-table td{\n    padding:19px 20px;\n    border-bottom:1px solid var(--eatct-line);\n    text-align:left;\n  }\n\n  .eatct-table th{\n    color:var(--eatct-blue);\n    background:#f5f8f8;\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:1px;\n    text-transform:uppercase;\n  }\n\n  .eatct-table td{\n    color:#53616b;\n    font-size:10px;\n    line-height:1.5;\n  }\n\n  .eatct-table tr:last-child td{\n    border-bottom:0;\n  }\n\n  .eatct-channel{\n    min-height:29px;\n    padding:0 10px;\n    display:inline-flex;\n    align-items:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:99px;\n    font-size:8px;\n    font-weight:700;\n    text-decoration:none;\n  }\n\n  \/* =========================================================\n     PREPARATION\n  ========================================================= *\/\n  .eatct-prepare{\n    background:\n      radial-gradient(circle at 6% 94%,rgba(23,75,155,.1),transparent 28%),\n      var(--eatct-paper);\n  }\n\n  .eatct-prepare-grid{\n    margin-top:48px;\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n  }\n\n  .eatct-prepare-card{\n    padding:27px;\n    background:#fff;\n    border:1px solid var(--eatct-line);\n    border-radius:16px;\n    box-shadow:0 16px 45px rgba(8,19,31,.05);\n  }\n\n  .eatct-prepare-icon{\n    width:45px;\n    height:45px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:11px;\n  }\n\n  .eatct-prepare-icon svg{\n    width:22px;\n    height:22px;\n  }\n\n  .eatct-prepare-card h3{\n    margin:22px 0 10px;\n    color:var(--eatct-ink);\n    font-size:18px;\n    font-weight:500;\n  }\n\n  .eatct-checklist{\n    margin:0;\n    padding:0;\n    display:grid;\n    gap:9px;\n    list-style:none;\n  }\n\n  .eatct-checklist li{\n    display:flex;\n    gap:9px;\n    color:#5a6872;\n    font-size:9px;\n    line-height:1.5;\n  }\n\n  .eatct-checklist li::before{\n    content:\"\u2713\";\n    width:18px;\n    height:18px;\n    flex:0 0 auto;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:rgba(232,255,31,.55);\n    border-radius:50%;\n    font-size:10px;\n    font-weight:800;\n  }\n\n  \/* =========================================================\n     FAQ\n  ========================================================= *\/\n  .eatct-faq{\n    background:#fff;\n  }\n\n  .eatct-faq-layout{\n    display:grid;\n    grid-template-columns:minmax(300px,.54fr) minmax(0,1fr);\n    gap:70px;\n    align-items:start;\n  }\n\n  .eatct-faq-list{\n    border-top:1px solid var(--eatct-line);\n  }\n\n  .eatct-faq-item{\n    border-bottom:1px solid var(--eatct-line);\n  }\n\n  .eatct-faq-question{\n    width:100%;\n    min-height:82px;\n    padding:18px 0;\n    display:grid;\n    grid-template-columns:minmax(0,1fr) 38px;\n    align-items:center;\n    gap:20px;\n    color:var(--eatct-ink);\n    background:transparent;\n    border:0;\n    text-align:left;\n    font-size:14px;\n    font-weight:600;\n    cursor:pointer;\n  }\n\n  .eatct-faq-icon{\n    width:38px;\n    height:38px;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    color:#101820;\n    background:var(--eatct-lime);\n    border-radius:50%;\n    transition:transform .25s ease;\n  }\n\n  .eatct-faq-icon svg{\n    width:16px;\n    height:16px;\n  }\n\n  .eatct-faq-item.is-open .eatct-faq-icon{\n    transform:rotate(45deg);\n  }\n\n  .eatct-faq-answer{\n    display:grid;\n    grid-template-rows:0fr;\n    transition:grid-template-rows .3s ease;\n  }\n\n  .eatct-faq-item.is-open .eatct-faq-answer{\n    grid-template-rows:1fr;\n  }\n\n  .eatct-faq-answer-inner{\n    min-height:0;\n    overflow:hidden;\n  }\n\n  .eatct-faq-answer p{\n    margin:0;\n    padding:0 58px 22px 0;\n    color:var(--eatct-muted);\n    font-size:10px;\n    line-height:1.75;\n  }\n\n  \/* =========================================================\n     FINAL CTA\n  ========================================================= *\/\n  .eatct-final{\n    position:relative;\n    padding:92px 0;\n    color:var(--eatct-white);\n    background:\n      radial-gradient(circle at 92% 0%,rgba(232,255,31,.1),transparent 26%),\n      radial-gradient(circle at 5% 100%,rgba(23,75,155,.25),transparent 34%),\n      var(--eatct-navy);\n    overflow:hidden;\n  }\n\n  .eatct-final::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background-image:\n      linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),\n      linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);\n    background-size:72px 72px;\n    pointer-events:none;\n  }\n\n  .eatct-final-layout{\n    position:relative;\n    z-index:2;\n    display:grid;\n    grid-template-columns:minmax(0,1fr) auto;\n    align-items:center;\n    gap:48px;\n  }\n\n  .eatct-final h2{\n    max-width:900px;\n    margin:0;\n    color:var(--eatct-white);\n    font-size:clamp(40px,4.8vw,70px);\n    font-weight:400;\n    line-height:1.04;\n    letter-spacing:-2.6px;\n    text-wrap:balance;\n  }\n\n  .eatct-final h2 strong{\n    color:var(--eatct-lime);\n    font-weight:500;\n  }\n\n  .eatct-final p{\n    max-width:750px;\n    margin:21px 0 0;\n    color:rgba(255,255,255,.58);\n    font-size:14px;\n    line-height:1.75;\n  }\n\n  .eatct-final-actions{\n    display:grid;\n    gap:10px;\n    min-width:240px;\n  }\n\n  .eatct-final-contact{\n    position:relative;\n    z-index:2;\n    margin-top:40px;\n    padding-top:22px;\n    display:flex;\n    flex-wrap:wrap;\n    gap:18px 30px;\n    border-top:1px solid rgba(255,255,255,.12);\n    color:rgba(255,255,255,.55);\n    font-size:9px;\n  }\n\n  .eatct-final-contact a{\n    text-decoration:none;\n  }\n\n  .eatct-final-contact strong{\n    color:var(--eatct-white);\n    font-weight:600;\n  }\n\n\n  \/* =========================================================\n     HERO 2026 \u00b7 JERARQU\u00cdA CENTRADA + IMAGEN PROTAGONISTA\n  ========================================================= *\/\n  .eatct-hero{\n    min-height:auto;\n    padding:148px 0 72px;\n    align-items:flex-start;\n  }\n\n  .eatct-hero-layout{\n    display:flex;\n    flex-direction:column;\n    align-items:stretch;\n    gap:28px;\n  }\n\n  .eatct-hero-copy{\n    width:min(100%,1040px);\n    max-width:none;\n    margin:0 auto;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    text-align:center;\n  }\n\n  .eatct-hero .eatct-eyebrow{\n    justify-content:center;\n  }\n\n  .eatct-hero-title{\n    max-width:1050px;\n    font-size:clamp(54px,6.2vw,96px);\n    line-height:.98;\n  }\n\n  .eatct-hero-text{\n    max-width:850px;\n    margin:25px auto 0;\n  }\n\n  .eatct-hero-actions{\n    justify-content:center;\n  }\n\n  .eatct-hero-meta{\n    justify-content:center;\n  }\n\n  .eatct-hero-visual{\n    position:relative;\n    width:min(100%,1240px);\n    margin:22px auto 0;\n    overflow:hidden;\n    border:1px solid rgba(255,255,255,.14);\n    border-radius:26px;\n    box-shadow:0 36px 100px rgba(0,0,0,.32);\n    background:rgba(255,255,255,.035);\n  }\n\n  .eatct-hero-visual::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background:\n      linear-gradient(180deg,rgba(7,19,31,.03),rgba(7,19,31,.12)),\n      linear-gradient(90deg,rgba(232,255,31,.04),transparent 32%,transparent 68%,rgba(23,75,155,.06));\n  }\n\n  .eatct-hero-visual img{\n    width:100%;\n    height:clamp(360px,46vw,650px);\n    object-fit:cover;\n    object-position:center;\n  }\n\n  .eatct-hero-visual figcaption{\n    position:absolute;\n    z-index:2;\n    left:20px;\n    bottom:18px;\n    min-height:32px;\n    padding:0 12px;\n    display:inline-flex;\n    align-items:center;\n    color:rgba(255,255,255,.86);\n    background:rgba(7,19,31,.72);\n    border:1px solid rgba(255,255,255,.14);\n    border-radius:99px;\n    font-size:8px;\n    font-weight:700;\n    letter-spacing:.7px;\n    text-transform:uppercase;\n    -webkit-backdrop-filter:blur(10px);\n    backdrop-filter:blur(10px);\n  }\n\n  .eatct-hero .eatct-route-board{\n    width:min(100%,980px);\n    margin:8px auto 0;\n  }\n\n  \/* =========================================================\n     RESPONSIVE\n  ========================================================= *\/\n  @media(max-width:1160px){\n    .eatct-shell{\n      width:calc(100% - 38px);\n    }\n\n    .eatct-reasons-layout{\n      grid-template-columns:330px minmax(0,1fr);\n    }\n\n    .eatct-reason-panel{\n      grid-template-columns:1fr;\n    }\n\n    .eatct-reason-note{\n      display:grid;\n      grid-template-columns:auto minmax(0,1fr);\n      gap:15px;\n      align-items:start;\n    }\n\n    .eatct-note-title{\n      margin-top:0;\n    }\n\n    .eatct-note-service{\n      grid-column:1\/-1;\n    }\n  }\n\n  @media(max-width:980px){\n    .eatct-section{\n      padding:90px 0;\n    }\n\n    .eatct-hero{\n      min-height:auto;\n      padding:128px 0 50px;\n    }\n\n    .eatct-hero-layout,\n    .eatct-heading-grid,\n    .eatct-faq-layout{\n      grid-template-columns:1fr;\n      gap:32px;\n    }\n\n    .eatct-route-board{\n      max-width:760px;\n    }\n\n    .eatct-quick-grid{\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .eatct-quick-item:nth-child(2){\n      border-right:0;\n    }\n\n    .eatct-quick-item:nth-child(-n+2){\n      border-bottom:1px solid var(--eatct-line);\n    }\n\n    .eatct-why-grid{\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .eatct-why-card:nth-child(2){\n      border-right:0;\n    }\n\n    .eatct-why-card:nth-child(-n+2){\n      border-bottom:1px solid var(--eatct-line);\n    }\n\n    .eatct-reasons-layout{\n      grid-template-columns:1fr;\n    }\n\n    .eatct-reason-tabs{\n      display:flex;\n      overflow-x:auto;\n      scrollbar-width:none;\n      scroll-snap-type:x mandatory;\n    }\n\n    .eatct-reason-tabs::-webkit-scrollbar{\n      display:none;\n    }\n\n    .eatct-reason-tab{\n      min-width:240px;\n      flex:0 0 auto;\n      scroll-snap-align:start;\n    }\n\n    .eatct-process-grid{\n      grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .eatct-process-step:nth-child(2){\n      border-right:0;\n    }\n\n    .eatct-process-step:nth-child(-n+2){\n      border-bottom:1px solid var(--eatct-line);\n    }\n\n    .eatct-process-step:nth-child(2)::after{\n      display:none;\n    }\n\n    .eatct-form-layout{\n      grid-template-columns:1fr;\n    }\n\n    .eatct-form-summary{\n      position:relative;\n      top:auto;\n    }\n\n    .eatct-summary-visual{\n      min-height:240px;\n    }\n  }\n\n  @media(max-width:720px){\n    .eatct-hero{\n      padding-top:118px;\n      padding-bottom:50px;\n    }\n\n    .eatct-hero-copy{\n      text-align:center;\n    }\n\n    .eatct-hero-title{\n      max-width:100%;\n    }\n\n    .eatct-hero-visual{\n      margin-top:12px;\n      border-radius:18px;\n    }\n\n    .eatct-hero-visual img{\n      height:clamp(300px,74vw,470px);\n    }\n\n    .eatct-hero-visual figcaption{\n      left:12px;\n      bottom:12px;\n    }\n\n    .eatct-shell{\n      width:calc(100% - 26px);\n    }\n\n    .eatct-hero-title{\n      font-size:clamp(45px,13vw,66px);\n      letter-spacing:-2.6px;\n    }\n\n    .eatct-hero-actions,\n    .eatct-reason-actions{\n      flex-direction:column;\n    }\n\n    .eatct-hero-actions .eatct-button,\n    .eatct-reason-actions .eatct-button{\n      width:100%;\n    }\n\n    .eatct-route-board,\n    .eatct-hero-visual figcaption,\n    .eatct-summary-visual::after{\n      -webkit-backdrop-filter:none;\n      backdrop-filter:none;\n    }\n\n    .eatct-route-option{\n      min-height:78px;\n    }\n\n    .eatct-quick-grid,\n    .eatct-why-grid,\n    .eatct-process-grid,\n    .eatct-prepare-grid{\n      grid-template-columns:1fr;\n    }\n\n    .eatct-quick-item,\n    .eatct-quick-item:nth-child(2),\n    .eatct-why-card,\n    .eatct-why-card:nth-child(2),\n    .eatct-process-step,\n    .eatct-process-step:nth-child(2){\n      border-right:0;\n      border-bottom:1px solid var(--eatct-line);\n    }\n\n    .eatct-quick-item:last-child,\n    .eatct-why-card:last-child,\n    .eatct-process-step:last-child{\n      border-bottom:0;\n    }\n\n    .eatct-process-step::after{\n      display:none;\n    }\n\n    .eatct-reason-panel{\n      min-height:0;\n      padding:29px 22px;\n    }\n\n    .eatct-reason-list,\n    .eatct-fields,\n    .eatct-choice-grid{\n      grid-template-columns:1fr;\n    }\n\n    .eatct-form-card{\n      padding:24px 18px;\n    }\n\n    .eatct-form-head{\n      align-items:flex-start;\n      flex-direction:column;\n      gap:8px;\n    }\n\n    .eatct-form-actions{\n      flex-direction:column;\n    }\n\n    .eatct-form-actions .eatct-button{\n      width:100%;\n    }\n\n    .eatct-summary-list li{\n      grid-template-columns:1fr;\n      gap:3px;\n    }\n\n    .eatct-summary-list li span:last-child{\n      text-align:left;\n    }\n\n    .eatct-final-layout{\n      grid-template-columns:1fr;\n    }\n\n    .eatct-final-actions{\n      min-width:0;\n    }\n  }\n\n  @media(max-width:430px){\n    .eatct-hero{\n      padding-top:112px;\n    }\n\n    .eatct-route-board{\n      padding:14px;\n    }\n\n    .eatct-route-option{\n      grid-template-columns:40px minmax(0,1fr);\n    }\n\n    .eatct-route-arrow{\n      display:none;\n    }\n\n    .eatct-board-head{\n      align-items:flex-start;\n      flex-direction:column;\n    }\n\n    .eatct-board-status{\n      display:none;\n    }\n\n    .eatct-form-switch{\n      grid-template-columns:1fr;\n    }\n\n    .eatct-faq-question{\n      font-size:13px;\n    }\n  }\n\n  @media(prefers-reduced-motion:reduce){\n    #eat-contact-page *,\n    #eat-contact-page *::before,\n    #eat-contact-page *::after{\n      animation-duration:.01ms!important;\n      animation-iteration-count:1!important;\n      scroll-behavior:auto!important;\n      transition-duration:.01ms!important;\n    }\n  }\n<\/style>\n\n<main id=\"eat-contact-page\">\n\n  <!-- =======================================================\n       01. HERO\n  ======================================================== -->\n  <section class=\"eatct-hero\" aria-labelledby=\"eatctHeroTitle\">\n    <div class=\"eatct-shell\">\n      <div class=\"eatct-hero-layout\">\n\n        <div class=\"eatct-hero-copy\">\n          <p class=\"eatct-eyebrow\">Euro Ag Technology \u00b7 Contacto<\/p>\n\n          <h1 class=\"eatct-hero-title\" id=\"eatctHeroTitle\">\n            Contacto t\u00e9cnico y <strong>comercial.<\/strong>\n          <\/h1>\n\n          <p class=\"eatct-hero-text\">\n            Contacto de Euro Ag Technology para consultas sobre ingenier\u00eda,\n            almacenamiento, manejo de granos, plantas y molienda, automatizaci\u00f3n,\n            final de l\u00ednea, soporte y repuestos. La informaci\u00f3n inicial permite\n            orientar cada solicitud hacia la ruta t\u00e9cnica adecuada.\n          <\/p>\n\n          <div class=\"eatct-hero-actions\">\n            <a class=\"eatct-button eatct-button--lime\" href=\"#eatct-forms\" data-eatct-open-form=\"project\">\n              Presentar un proyecto\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/a>\n\n            <a class=\"eatct-button eatct-button--ghost\" href=\"#eatct-forms\" data-eatct-open-form=\"direct\">\n              Contacto directo\n            <\/a>\n          <\/div>\n\n          <div class=\"eatct-hero-meta\" aria-label=\"\u00c1reas de contacto\">\n            <span class=\"eatct-hero-chip\">Ingenier\u00eda agroindustrial<\/span>\n            <span class=\"eatct-hero-chip\">Soluciones y equipos<\/span>\n            <span class=\"eatct-hero-chip\">Soporte t\u00e9cnico<\/span>\n          <\/div>\n        <\/div>\n\n        <figure class=\"eatct-hero-visual\">\n          <img fetchpriority=\"high\"\n            src=\"https:\/\/euagtech.com\/wp-content\/uploads\/2026\/08\/planta-industrial-auttomatica-de-alimentos-balanceados-.png\"\n            alt=\"Planta agroindustrial integrada, referencia visual de Euro Ag Technology\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"eager\"\n            fetchpriority=\"high\"\n            decoding=\"async\"\n          >\n          <figcaption>Ingenier\u00eda \u00b7 Equipos \u00b7 Integraci\u00f3n<\/figcaption>\n        <\/figure>\n\n        <aside class=\"eatct-route-board\" aria-label=\"Seleccione c\u00f3mo desea contactar\">\n\n          <div class=\"eatct-board-head\">\n            <div>\n              <p class=\"eatct-board-label\">Ruta de contacto<\/p>\n              <h2 class=\"eatct-board-title\">Seleccione el tipo de solicitud<\/h2>\n            <\/div>\n\n            <span class=\"eatct-board-status\">Orientaci\u00f3n activa<\/span>\n          <\/div>\n\n          <div class=\"eatct-route-options\" role=\"tablist\" aria-label=\"Rutas de contacto\">\n\n            <button class=\"eatct-route-option is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-eatct-route=\"project\">\n              <span class=\"eatct-route-number\">01<\/span>\n              <span>\n                <span class=\"eatct-route-title\">Proyecto agroindustrial<\/span>\n                <span class=\"eatct-route-text\">Nuevo proyecto, ampliaci\u00f3n, modernizaci\u00f3n o integraci\u00f3n.<\/span>\n              <\/span>\n              <span class=\"eatct-route-arrow\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n\n            <button class=\"eatct-route-option\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-eatct-route=\"direct\">\n              <span class=\"eatct-route-number\">02<\/span>\n              <span>\n                <span class=\"eatct-route-title\">Contacto general<\/span>\n                <span class=\"eatct-route-text\">Informaci\u00f3n, alianzas, proveedores o consultas administrativas.<\/span>\n              <\/span>\n              <span class=\"eatct-route-arrow\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n\n            <button class=\"eatct-route-option\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-eatct-route=\"support\">\n              <span class=\"eatct-route-number\">03<\/span>\n              <span>\n                <span class=\"eatct-route-title\">Soporte o repuestos<\/span>\n                <span class=\"eatct-route-text\">Equipos existentes, componentes, documentaci\u00f3n o asistencia.<\/span>\n              <\/span>\n              <span class=\"eatct-route-arrow\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n              <\/span>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"eatct-board-preview\" aria-live=\"polite\">\n            <p class=\"eatct-board-preview-label\" id=\"eatctRoutePreviewLabel\">Ruta recomendada<\/p>\n            <h3 class=\"eatct-board-preview-title\" id=\"eatctRoutePreviewTitle\">Diagn\u00f3stico t\u00e9cnico de proyecto<\/h3>\n            <p class=\"eatct-board-preview-text\" id=\"eatctRoutePreviewText\">\n              Organice necesidad, producto, capacidad, ubicaci\u00f3n y etapa actual.\n            <\/p>\n            <a class=\"eatct-board-preview-link\" id=\"eatctRoutePreviewLink\" href=\"#eatct-forms\" data-eatct-open-form=\"project\">\n              Iniciar diagn\u00f3stico\n            <\/a>\n          <\/div>\n\n        <\/aside>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       02. CONTACTO INMEDIATO\n  ======================================================== -->\n  <section class=\"eatct-quick\" aria-label=\"Canales de contacto\">\n    <div class=\"eatct-shell\">\n      <div class=\"eatct-quick-grid\">\n\n        <a class=\"eatct-quick-item\" href=\"mailto:info@euagtech.com\">\n          <span class=\"eatct-quick-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 6H20V18H4V6Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M4 7L12 13L20 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n          <span>\n            <span class=\"eatct-quick-label\">Correo<\/span>\n            <span class=\"eatct-quick-value\">info@euagtech.com<\/span>\n            <span class=\"eatct-quick-note\">Consultas t\u00e9cnicas y comerciales<\/span>\n          <\/span>\n        <\/a>\n\n        <a class=\"eatct-quick-item\" href=\"tel:+34910792747\">\n          <span class=\"eatct-quick-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 4H4V7C4 14.2 9.8 20 17 20H20V17L16 15L14.5 17C10.9 15.8 8.2 13.1 7 9.5L9 8L7 4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/span>\n          <span>\n            <span class=\"eatct-quick-label\">Tel\u00e9fono<\/span>\n            <span class=\"eatct-quick-value\">+34 910 792 747<\/span>\n            <span class=\"eatct-quick-note\">Contacto telef\u00f3nico<\/span>\n          <\/span>\n        <\/a>\n\n        <div class=\"eatct-quick-item\">\n          <span class=\"eatct-quick-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21C16 16.7 19 13.7 19 9.5C19 5.9 15.9 3 12 3C8.1 3 5 5.9 5 9.5C5 13.7 8 16.7 12 21Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n          <\/span>\n          <span>\n            <span class=\"eatct-quick-label\">Ubicaci\u00f3n<\/span>\n            <span class=\"eatct-quick-value\">Madrid, Espa\u00f1a<\/span>\n            <span class=\"eatct-quick-note\">Coordinaci\u00f3n internacional de proyectos<\/span>\n          <\/span>\n        <\/div>\n\n        <a class=\"eatct-quick-item\" href=\"#eatct-forms\" data-eatct-open-form=\"project\">\n          <span class=\"eatct-quick-icon\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19V10L12 5L20 10V19H4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M8 19V14H16V19\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n          <\/span>\n          <span>\n            <span class=\"eatct-quick-label\">Proyecto<\/span>\n            <span class=\"eatct-quick-value\">Iniciar diagn\u00f3stico<\/span>\n            <span class=\"eatct-quick-note\">Organice la informaci\u00f3n inicial<\/span>\n          <\/span>\n        <\/a>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       03. POR QU\u00c9 CONTACTAR\n  ======================================================== -->\n  <section class=\"eatct-section eatct-why\" aria-labelledby=\"eatctWhyTitle\">\n    <div class=\"eatct-shell\">\n\n      <div class=\"eatct-heading-grid\">\n        <div>\n          <p class=\"eatct-eyebrow\">M\u00e1s que solicitar un precio<\/p>\n          <h2 class=\"eatct-title\" id=\"eatctWhyTitle\">\n            Contactar a EAT es empezar a <strong>ordenar la decisi\u00f3n t\u00e9cnica<\/strong>\n          <\/h2>\n        <\/div>\n\n        <p class=\"eatct-lead\">\n          Una consulta puede involucrar ingenier\u00eda, almacenamiento, transporte,\n          procesamiento, automatizaci\u00f3n y soporte. Por eso empezamos por\n          comprender la operaci\u00f3n antes de definir una soluci\u00f3n.\n        <\/p>\n      <\/div>\n\n      <div class=\"eatct-why-grid\">\n        <article class=\"eatct-why-card\">\n          <span class=\"eatct-why-number\">01<\/span>\n          <h3>Definir el alcance<\/h3>\n          <p>Identificamos qu\u00e9 necesita resolver el proyecto y qu\u00e9 informaci\u00f3n todav\u00eda debe validarse.<\/p>\n          <ul>\n            <li>Necesidad principal<\/li>\n            <li>Capacidad y caudal<\/li>\n            <li>Etapa del proyecto<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"eatct-why-card\">\n          <span class=\"eatct-why-number\">02<\/span>\n          <h3>Relacionar servicios<\/h3>\n          <p>Una necesidad rara vez depende de una sola familia de equipos o disciplina.<\/p>\n          <ul>\n            <li>Ingenier\u00eda<\/li>\n            <li>Equipos e interfaces<\/li>\n            <li>Automatizaci\u00f3n<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"eatct-why-card\">\n          <span class=\"eatct-why-number\">03<\/span>\n          <h3>Evitar decisiones aisladas<\/h3>\n          <p>Revisamos c\u00f3mo una modificaci\u00f3n puede afectar recepci\u00f3n, flujo, almacenamiento o despacho.<\/p>\n          <ul>\n            <li>Balance de capacidades<\/li>\n            <li>Compatibilidad<\/li>\n            <li>Crecimiento futuro<\/li>\n          <\/ul>\n        <\/article>\n\n        <article class=\"eatct-why-card\">\n          <span class=\"eatct-why-number\">04<\/span>\n          <h3>Definir el siguiente paso<\/h3>\n          <p>La conversaci\u00f3n inicial ayuda a establecer si corresponde diagn\u00f3stico, ingenier\u00eda o revisi\u00f3n espec\u00edfica.<\/p>\n          <ul>\n            <li>Datos faltantes<\/li>\n            <li>Ruta recomendada<\/li>\n            <li>Pr\u00f3xima evaluaci\u00f3n<\/li>\n          <\/ul>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       04. SELECTOR DE MOTIVO\n  ======================================================== -->\n  <section class=\"eatct-section eatct-reasons\" id=\"eatct-reasons\" aria-labelledby=\"eatctReasonsTitle\">\n    <div class=\"eatct-shell\">\n\n      <div class=\"eatct-heading-grid\">\n        <div>\n          <p class=\"eatct-eyebrow\">Motivo de contacto<\/p>\n          <h2 class=\"eatct-title\" id=\"eatctReasonsTitle\">\n            Seleccione la situaci\u00f3n que m\u00e1s se parece a su proyecto\n          <\/h2>\n        <\/div>\n\n        <p class=\"eatct-lead\">\n          La selecci\u00f3n muestra qu\u00e9 puede revisar EAT, qu\u00e9 datos conviene\n          preparar y qu\u00e9 ruta de contacto es m\u00e1s adecuada.\n        <\/p>\n      <\/div>\n\n      <div class=\"eatct-reasons-layout\">\n\n        <aside class=\"eatct-reason-nav\">\n          <div class=\"eatct-reason-tabs\" role=\"tablist\" aria-label=\"Motivos de contacto\">\n            <button class=\"eatct-reason-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-eatct-reason=\"0\"><span class=\"eatct-reason-tab-number\">01<\/span><span class=\"eatct-reason-tab-title\">Nuevo proyecto<\/span><span class=\"eatct-reason-tab-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button>\n            <button class=\"eatct-reason-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-eatct-reason=\"1\"><span class=\"eatct-reason-tab-number\">02<\/span><span class=\"eatct-reason-tab-title\">Ampliaci\u00f3n<\/span><span class=\"eatct-reason-tab-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button>\n            <button class=\"eatct-reason-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-eatct-reason=\"2\"><span class=\"eatct-reason-tab-number\">03<\/span><span class=\"eatct-reason-tab-title\">Modernizaci\u00f3n<\/span><span class=\"eatct-reason-tab-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button>\n            <button class=\"eatct-reason-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-eatct-reason=\"3\"><span class=\"eatct-reason-tab-number\">04<\/span><span class=\"eatct-reason-tab-title\">Silos y almacenamiento<\/span><span class=\"eatct-reason-tab-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button>\n            <button class=\"eatct-reason-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-eatct-reason=\"4\"><span class=\"eatct-reason-tab-number\">05<\/span><span class=\"eatct-reason-tab-title\">Manejo o procesamiento<\/span><span class=\"eatct-reason-tab-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button>\n            <button class=\"eatct-reason-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-eatct-reason=\"5\"><span class=\"eatct-reason-tab-number\">06<\/span><span class=\"eatct-reason-tab-title\">Automatizaci\u00f3n<\/span><span class=\"eatct-reason-tab-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button>\n            <button class=\"eatct-reason-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-eatct-reason=\"6\"><span class=\"eatct-reason-tab-number\">07<\/span><span class=\"eatct-reason-tab-title\">Soporte o repuestos<\/span><span class=\"eatct-reason-tab-arrow\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12H19M13 6L19 12L13 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span><\/button>\n          <\/div>\n        <\/aside>\n\n        <div class=\"eatct-reason-panel\" aria-live=\"polite\">\n\n          <div class=\"eatct-reason-copy\">\n            <p class=\"eatct-reason-index\" id=\"eatctReasonIndex\">Motivo 01<\/p>\n            <h3 class=\"eatct-reason-title\" id=\"eatctReasonTitle\">Desarrollar una planta o sistema nuevo<\/h3>\n            <p class=\"eatct-reason-description\" id=\"eatctReasonDescription\">\n              Podemos organizar la necesidad desde producto, capacidad, flujo,\n              ubicaci\u00f3n, proceso y crecimiento esperado.\n            <\/p>\n\n            <div class=\"eatct-reason-block\">\n              <p class=\"eatct-block-label\">Informaci\u00f3n \u00fatil para comenzar<\/p>\n              <ul class=\"eatct-reason-list\" id=\"eatctReasonList\"><\/ul>\n            <\/div>\n\n            <div class=\"eatct-reason-actions\">\n              <a class=\"eatct-button eatct-button--lime\" href=\"#eatct-forms\" id=\"eatctReasonAction\" data-eatct-open-form=\"project\">Iniciar diagn\u00f3stico<\/a>\n              <a class=\"eatct-button eatct-button--ghost\" href=\"https:\/\/euagtech.com\/soluciones-ingenieria-integracion\/\" id=\"eatctReasonServiceLink\">Ver servicios relacionados<\/a>\n            <\/div>\n          <\/div>\n\n          <aside class=\"eatct-reason-note\">\n            <span class=\"eatct-note-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19V10L12 5L20 10V19H4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M8 19V14H16V19\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n            <\/span>\n            <div>\n              <h4 class=\"eatct-note-title\" id=\"eatctReasonNoteTitle\">Qu\u00e9 puede revisar EAT<\/h4>\n              <p class=\"eatct-note-text\" id=\"eatctReasonNoteText\">\n                Ingenier\u00eda conceptual, arquitectura del proceso, almacenamiento,\n                transporte, procesamiento y automatizaci\u00f3n.\n              <\/p>\n            <\/div>\n            <div class=\"eatct-note-service\" id=\"eatctReasonService\">\n              Servicio principal: Ingenier\u00eda e integraci\u00f3n.\n            <\/div>\n          <\/aside>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       05. QU\u00c9 OCURRE DESPU\u00c9S\n  ======================================================== -->\n  <section class=\"eatct-section eatct-process\" aria-labelledby=\"eatctProcessTitle\">\n    <div class=\"eatct-shell\">\n\n      <div class=\"eatct-heading-grid\">\n        <div>\n          <p class=\"eatct-eyebrow\">Despu\u00e9s de enviar<\/p>\n          <h2 class=\"eatct-title\" id=\"eatctProcessTitle\">\n            Una ruta clara para pasar de la consulta al <strong>siguiente paso t\u00e9cnico<\/strong>\n          <\/h2>\n        <\/div>\n\n        <p class=\"eatct-lead\">\n          La solicitud inicial permite organizar el contexto del proyecto,\n          identificar informaci\u00f3n faltante y definir c\u00f3mo debe continuar la evaluaci\u00f3n.\n        <\/p>\n      <\/div>\n\n      <div class=\"eatct-process-grid\">\n        <article class=\"eatct-process-step\"><span class=\"eatct-process-number\">01<\/span><h3>Recibimos la solicitud<\/h3><p>Registramos el motivo de contacto, la informaci\u00f3n t\u00e9cnica disponible y los datos de la empresa.<\/p><\/article>\n        <article class=\"eatct-process-step\"><span class=\"eatct-process-number\">02<\/span><h3>Organizamos la informaci\u00f3n<\/h3><p>Relacionamos necesidad, producto, capacidad, ubicaci\u00f3n, etapa y familias de servicio.<\/p><\/article>\n        <article class=\"eatct-process-step\"><span class=\"eatct-process-number\">03<\/span><h3>Identificamos datos por validar<\/h3><p>Se\u00f1alamos vac\u00edos que pueden afectar la evaluaci\u00f3n, el alcance o la selecci\u00f3n t\u00e9cnica.<\/p><\/article>\n        <article class=\"eatct-process-step\"><span class=\"eatct-process-number\">04<\/span><h3>Definimos el siguiente paso<\/h3><p>La conversaci\u00f3n puede continuar con diagn\u00f3stico, revisi\u00f3n espec\u00edfica, ingenier\u00eda o solicitud comercial.<\/p><\/article>\n      <\/div>\n\n      <div class=\"eatct-process-disclaimer\">\n        El primer contacto no constituye una selecci\u00f3n definitiva de equipos ni una propuesta t\u00e9cnica.\n        Su funci\u00f3n es comprender la necesidad y organizar el punto de partida.\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       06. FORMULARIOS\n  ======================================================== -->\n  <section class=\"eatct-section eatct-forms\" id=\"eatct-forms\" aria-labelledby=\"eatctFormsTitle\">\n    <div class=\"eatct-shell\">\n\n      <div class=\"eatct-heading-grid\">\n        <div>\n          <p class=\"eatct-eyebrow\">Elija c\u00f3mo contactar<\/p>\n          <h2 class=\"eatct-title\" id=\"eatctFormsTitle\">\n            Comparta solamente la informaci\u00f3n que corresponde a su consulta\n          <\/h2>\n        <\/div>\n\n        <p class=\"eatct-lead\">\n          Use el diagn\u00f3stico para proyectos t\u00e9cnicos. Para informaci\u00f3n general,\n          soporte, alianzas o consultas administrativas, utilice el formulario directo.\n        <\/p>\n      <\/div>\n\n      <div class=\"eatct-form-switch\" role=\"tablist\" aria-label=\"Tipo de formulario\">\n        <button class=\"is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" aria-controls=\"eatctProjectPanel\" tabindex=\"0\" data-eatct-form-tab=\"project\">Diagn\u00f3stico de proyecto<\/button>\n        <button type=\"button\" role=\"tab\" aria-selected=\"false\" aria-controls=\"eatctDirectPanel\" tabindex=\"-1\" data-eatct-form-tab=\"direct\">Contacto directo<\/button>\n      <\/div>\n\n      <div class=\"eatct-form-layout\">\n\n        <div class=\"eatct-form-card\">\n\n          <!-- PROJECT FORM -->\n          <section class=\"eatct-form-panel\" id=\"eatctProjectPanel\" role=\"tabpanel\" data-eatct-form-panel=\"project\">\n            <form id=\"eatctProjectForm\" novalidate enctype=\"multipart\/form-data\">\n\n              <input class=\"eatct-honeypot\" type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n\n              <div class=\"eatct-form-head\">\n                <div>\n                  <p class=\"eatct-form-kicker\">Evaluaci\u00f3n inicial<\/p>\n                  <h3 class=\"eatct-form-title\">Diagn\u00f3stico de proyecto<\/h3>\n                <\/div>\n                <span class=\"eatct-form-step-count\" id=\"eatctProjectStepCount\">Paso 1 de 3<\/span>\n              <\/div>\n\n              <div class=\"eatct-progress\" aria-hidden=\"true\"><span id=\"eatctProjectProgress\"><\/span><\/div>\n\n              <!-- STEP 1 -->\n              <div class=\"eatct-project-step is-active\" data-eatct-project-step=\"0\">\n                <h4 class=\"eatct-step-title\">La necesidad y el tipo de proyecto<\/h4>\n\n                <div class=\"eatct-fields\">\n                  <div class=\"eatct-field eatct-field--full\">\n                    <label>Tipo de proyecto *<\/label>\n                    <div class=\"eatct-choice-grid\">\n                      <div class=\"eatct-choice\"><input id=\"eatctNew\" type=\"radio\" name=\"project_type\" value=\"Nuevo proyecto\" required><label for=\"eatctNew\">Nuevo proyecto<\/label><\/div>\n                      <div class=\"eatct-choice\"><input id=\"eatctExpansion\" type=\"radio\" name=\"project_type\" value=\"Ampliaci\u00f3n\"><label for=\"eatctExpansion\">Ampliaci\u00f3n<\/label><\/div>\n                      <div class=\"eatct-choice\"><input id=\"eatctModernization\" type=\"radio\" name=\"project_type\" value=\"Modernizaci\u00f3n\"><label for=\"eatctModernization\">Modernizaci\u00f3n<\/label><\/div>\n                    <\/div>\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctService\">Servicio principal *<\/label>\n                    <select id=\"eatctService\" name=\"service\" required>\n                      <option value=\"\">Seleccione<\/option>\n                      <option>Ingenier\u00eda e integraci\u00f3n<\/option>\n                      <option>Almacenamiento y silos<\/option>\n                      <option>Manejo de materiales<\/option>\n                      <option>Acondicionamiento y secado<\/option>\n                      <option>Procesamiento<\/option>\n                      <option>Automatizaci\u00f3n y control<\/option>\n                      <option>Implementaci\u00f3n o soporte<\/option>\n                      <option>Planta integral<\/option>\n                    <\/select>\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctStage\">Etapa actual *<\/label>\n                    <select id=\"eatctStage\" name=\"project_stage\" required>\n                      <option value=\"\">Seleccione<\/option>\n                      <option>Idea inicial<\/option>\n                      <option>Planeaci\u00f3n<\/option>\n                      <option>Ingenier\u00eda en curso<\/option>\n                      <option>Implementaci\u00f3n<\/option>\n                      <option>Operaci\u00f3n<\/option>\n                    <\/select>\n                  <\/div>\n\n                  <div class=\"eatct-field eatct-field--full\">\n                    <label for=\"eatctProblem\">\u00bfQu\u00e9 necesita resolver? *<\/label>\n                    <textarea id=\"eatctProblem\" name=\"problem\" required placeholder=\"Describa la necesidad, limitaci\u00f3n o resultado esperado.\"><\/textarea>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <!-- STEP 2 -->\n              <div class=\"eatct-project-step\" data-eatct-project-step=\"1\">\n                <h4 class=\"eatct-step-title\">Informaci\u00f3n t\u00e9cnica disponible<\/h4>\n\n                <div class=\"eatct-fields\">\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctMaterial\">Producto o material *<\/label>\n                    <input id=\"eatctMaterial\" name=\"material\" type=\"text\" required placeholder=\"Ej. ma\u00edz, arroz, alimento balanceado\">\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctCapacity\">Capacidad estimada<\/label>\n                    <input id=\"eatctCapacity\" name=\"capacity\" type=\"text\" placeholder=\"Ej. 5.000 toneladas\">\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctFlow\">Caudal, si aplica<\/label>\n                    <input id=\"eatctFlow\" name=\"flow\" type=\"text\" placeholder=\"Ej. 60 t\/h\">\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctLocation\">Pa\u00eds y ciudad *<\/label>\n                    <input id=\"eatctLocation\" name=\"location\" type=\"text\" required placeholder=\"Ej. Colombia, Bogot\u00e1\">\n                  <\/div>\n\n                  <div class=\"eatct-field eatct-field--full\">\n                    <label for=\"eatctExisting\">Equipos o infraestructura existente<\/label>\n                    <textarea id=\"eatctExisting\" name=\"existing_equipment\" placeholder=\"Indique equipos, espacio, procesos o instalaciones existentes.\"><\/textarea>\n                  <\/div>\n\n                  <div class=\"eatct-field eatct-field--full\">\n                    <label for=\"eatctFiles\">Planos, fotograf\u00edas o fichas t\u00e9cnicas<\/label>\n                    <input id=\"eatctFiles\" name=\"files\" type=\"file\" multiple accept=\".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.webp\" aria-describedby=\"eatctFilesHelp\">\n                    <span class=\"eatct-field-help\" id=\"eatctFilesHelp\">La carga real requiere un webhook que acepte multipart\/form-data.<\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <!-- STEP 3 -->\n              <div class=\"eatct-project-step\" data-eatct-project-step=\"2\">\n                <h4 class=\"eatct-step-title\">Datos de contacto<\/h4>\n\n                <div class=\"eatct-fields\">\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctName\">Nombre *<\/label>\n                    <input id=\"eatctName\" name=\"name\" type=\"text\" required autocomplete=\"name\">\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctCompany\">Empresa *<\/label>\n                    <input id=\"eatctCompany\" name=\"company\" type=\"text\" required autocomplete=\"organization\">\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctRole\">Cargo<\/label>\n                    <input id=\"eatctRole\" name=\"role\" type=\"text\" autocomplete=\"organization-title\">\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctEmail\">Correo *<\/label>\n                    <input id=\"eatctEmail\" name=\"email\" type=\"email\" required autocomplete=\"email\">\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctPhone\">Tel\u00e9fono de contacto *<\/label>\n                    <input id=\"eatctPhone\" name=\"phone\" type=\"tel\" required autocomplete=\"tel\">\n                  <\/div>\n\n                  <div class=\"eatct-field\">\n                    <label for=\"eatctPreference\">Preferencia de contacto<\/label>\n                    <select id=\"eatctPreference\" name=\"contact_preference\">\n                      <option>Correo<\/option>\n                      <option>Tel\u00e9fono<\/option>\n                    <\/select>\n                  <\/div>\n                <\/div>\n\n                <label class=\"eatct-consent\">\n                  <input type=\"checkbox\" name=\"consent\" value=\"yes\" required>\n                  <span>Acepto el tratamiento de mis datos conforme a la <a href=\"https:\/\/euagtech.com\/politica-de-privacidad\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pol\u00edtica de privacidad<\/a>.<\/span>\n                <\/label>\n              <\/div>\n\n              <div class=\"eatct-form-actions\">\n                <button class=\"eatct-button eatct-button--ghost\" type=\"button\" id=\"eatctProjectPrev\" hidden>Anterior<\/button>\n                <button class=\"eatct-button eatct-button--dark\" type=\"button\" id=\"eatctProjectNext\">Continuar<\/button>\n                <button class=\"eatct-button eatct-button--lime\" type=\"submit\" id=\"eatctProjectSubmit\" hidden>\n                  <span>Enviar diagn\u00f3stico inicial<\/span>\n                <\/button>\n              <\/div>\n\n              <div class=\"eatct-form-message\" id=\"eatctProjectMessage\" role=\"status\" aria-live=\"polite\"><\/div>\n            <\/form>\n          <\/section>\n\n          <!-- DIRECT FORM -->\n          <section class=\"eatct-form-panel\" id=\"eatctDirectPanel\" role=\"tabpanel\" data-eatct-form-panel=\"direct\" hidden>\n            <form id=\"eatctDirectForm\" novalidate>\n\n              <input class=\"eatct-honeypot\" type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n\n              <div class=\"eatct-form-head\">\n                <div>\n                  <p class=\"eatct-form-kicker\">Consulta general<\/p>\n                  <h3 class=\"eatct-form-title\">Contacto directo<\/h3>\n                <\/div>\n              <\/div>\n\n              <div class=\"eatct-fields\">\n                <div class=\"eatct-field\">\n                  <label for=\"eatctDirectName\">Nombre *<\/label>\n                  <input id=\"eatctDirectName\" name=\"name\" type=\"text\" required autocomplete=\"name\">\n                <\/div>\n\n                <div class=\"eatct-field\">\n                  <label for=\"eatctDirectCompany\">Empresa<\/label>\n                  <input id=\"eatctDirectCompany\" name=\"company\" type=\"text\" autocomplete=\"organization\">\n                <\/div>\n\n                <div class=\"eatct-field\">\n                  <label for=\"eatctDirectEmail\">Correo *<\/label>\n                  <input id=\"eatctDirectEmail\" name=\"email\" type=\"email\" required autocomplete=\"email\">\n                <\/div>\n\n                <div class=\"eatct-field\">\n                  <label for=\"eatctDirectPhone\">Tel\u00e9fono de contacto<\/label>\n                  <input id=\"eatctDirectPhone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\">\n                <\/div>\n\n                <div class=\"eatct-field eatct-field--full\">\n                  <label for=\"eatctDirectReason\">Motivo *<\/label>\n                  <select id=\"eatctDirectReason\" name=\"reason\" required>\n                    <option value=\"\">Seleccione<\/option>\n                    <option>Informaci\u00f3n general<\/option>\n                    <option>Solicitud comercial<\/option>\n                    <option>Soporte o repuestos<\/option>\n                    <option>Documentaci\u00f3n<\/option>\n                    <option>Alianza o proveedor<\/option>\n                    <option>Consulta administrativa<\/option>\n                  <\/select>\n                <\/div>\n\n                <div class=\"eatct-field eatct-field--full\">\n                  <label for=\"eatctDirectMessage\">Mensaje *<\/label>\n                  <textarea id=\"eatctDirectMessage\" name=\"message\" required><\/textarea>\n                <\/div>\n              <\/div>\n\n              <label class=\"eatct-consent\">\n                <input type=\"checkbox\" name=\"consent\" value=\"yes\" required>\n                <span>Acepto el tratamiento de mis datos conforme a la <a href=\"https:\/\/euagtech.com\/politica-de-privacidad\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pol\u00edtica de privacidad<\/a>.<\/span>\n              <\/label>\n\n              <div class=\"eatct-form-actions\">\n                <span><\/span>\n                <button class=\"eatct-button eatct-button--lime\" type=\"submit\" id=\"eatctDirectSubmit\">\n                  <span>Enviar consulta<\/span>\n                <\/button>\n              <\/div>\n\n              <div class=\"eatct-form-message\" id=\"eatctDirectMessageBox\" role=\"status\" aria-live=\"polite\"><\/div>\n            <\/form>\n          <\/section>\n\n        <\/div>\n\n        <aside class=\"eatct-form-summary\">\n          <div class=\"eatct-summary-visual\" aria-hidden=\"true\">\n            <img loading=\"lazy\"\n              src=\"https:\/\/euagtech.com\/wp-content\/uploads\/2026\/04\/Mysilo-slider-017.jpg\"\n              alt=\"\"\n              width=\"1600\"\n              height=\"900\"\n              loading=\"lazy\"\n              fetchpriority=\"low\"\n              decoding=\"async\"\n            >\n          <\/div>\n          <div class=\"eatct-summary-content\">\n            <p class=\"eatct-summary-label\">Resumen din\u00e1mico<\/p>\n            <h3 class=\"eatct-summary-title\" id=\"eatctSummaryTitle\">Proyecto sin completar<\/h3>\n\n            <ul class=\"eatct-summary-list\" id=\"eatctSummaryList\">\n              <li><span>Tipo de proyecto<\/span><span id=\"eatctSummaryType\">Sin definir<\/span><\/li>\n              <li><span>Servicio<\/span><span id=\"eatctSummaryService\">Sin definir<\/span><\/li>\n              <li><span>Producto<\/span><span id=\"eatctSummaryMaterial\">Sin definir<\/span><\/li>\n              <li><span>Capacidad<\/span><span id=\"eatctSummaryCapacity\">Sin definir<\/span><\/li>\n              <li><span>Ubicaci\u00f3n<\/span><span id=\"eatctSummaryLocation\">Sin definir<\/span><\/li>\n              <li><span>Etapa<\/span><span id=\"eatctSummaryStage\">Sin definir<\/span><\/li>\n            <\/ul>\n\n            <div class=\"eatct-summary-note\" id=\"eatctSummaryNote\">\n              El resumen se completa mientras avanza en el diagn\u00f3stico.\n            <\/div>\n          <\/div>\n        <\/aside>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       07. MATRIZ DE CANALES\n  ======================================================== -->\n  <section class=\"eatct-section eatct-matrix\" aria-labelledby=\"eatctMatrixTitle\">\n    <div class=\"eatct-shell\">\n\n      <div class=\"eatct-heading-grid\">\n        <div>\n          <p class=\"eatct-eyebrow\">Canal recomendado<\/p>\n          <h2 class=\"eatct-title\" id=\"eatctMatrixTitle\">\n            Cada consulta requiere una ruta de contacto adecuada\n          <\/h2>\n        <\/div>\n\n        <p class=\"eatct-lead\">\n          Utilice el diagn\u00f3stico cuando la consulta dependa de datos t\u00e9cnicos.\n          Para asuntos generales o administrativos, el contacto directo es suficiente.\n        <\/p>\n      <\/div>\n\n      <div class=\"eatct-table-wrap\">\n        <table class=\"eatct-table\">\n          <caption class=\"eatct-sr-only\">Canales recomendados seg\u00fan el tipo de consulta<\/caption>\n          <thead><tr><th>Tipo de consulta<\/th><th>Canal recomendado<\/th><th>Informaci\u00f3n inicial<\/th><\/tr><\/thead>\n          <tbody>\n            <tr><td>Proyecto nuevo<\/td><td><a class=\"eatct-channel\" href=\"#eatct-forms\" data-eatct-open-form=\"project\">Diagn\u00f3stico t\u00e9cnico<\/a><\/td><td>Producto, capacidad, ubicaci\u00f3n y etapa<\/td><\/tr>\n            <tr><td>Ampliaci\u00f3n o modernizaci\u00f3n<\/td><td><a class=\"eatct-channel\" href=\"#eatct-forms\" data-eatct-open-form=\"project\">Diagn\u00f3stico t\u00e9cnico<\/a><\/td><td>Equipos actuales, capacidad objetivo y restricciones<\/td><\/tr>\n            <tr><td>Solicitud comercial<\/td><td><a class=\"eatct-channel\" href=\"#eatct-forms\" data-eatct-open-form=\"direct\">Contacto directo<\/a><\/td><td>Empresa, motivo y mensaje<\/td><\/tr>\n            <tr><td>Soporte o repuestos<\/td><td><a class=\"eatct-channel\" href=\"#eatct-forms\" data-eatct-open-form=\"direct\">Contacto directo<\/a><\/td><td>Equipo, modelo, fotograf\u00eda o documento disponible<\/td><\/tr>\n            <tr><td>Documentaci\u00f3n o alianzas<\/td><td><a class=\"eatct-channel\" href=\"mailto:info@euagtech.com\">Correo<\/a><\/td><td>Asunto, empresa y contexto<\/td><\/tr>\n            <tr><td>Consulta telef\u00f3nica<\/td><td><a class=\"eatct-channel\" href=\"tel:+34910792747\">Tel\u00e9fono<\/a><\/td><td>Motivo y referencia del proyecto<\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       08. INFORMACI\u00d3N \u00daTIL\n  ======================================================== -->\n  <section class=\"eatct-section eatct-prepare\" aria-labelledby=\"eatctPrepareTitle\">\n    <div class=\"eatct-shell\">\n\n      <div class=\"eatct-heading-grid\">\n        <div>\n          <p class=\"eatct-eyebrow\">Prepare la conversaci\u00f3n<\/p>\n          <h2 class=\"eatct-title\" id=\"eatctPrepareTitle\">\n            Estos datos ayudan a avanzar con menos suposiciones\n          <\/h2>\n        <\/div>\n\n        <p class=\"eatct-lead\">\n          No es obligatorio contar con toda la informaci\u00f3n. El objetivo es\n          aprovechar lo que ya conoce y detectar qu\u00e9 debe investigarse.\n        <\/p>\n      <\/div>\n\n      <div class=\"eatct-prepare-grid\">\n\n        <article class=\"eatct-prepare-card\">\n          <span class=\"eatct-prepare-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 17L9 12L13 15L20 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M15 7H20V12\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/span>\n          <h3>Operaci\u00f3n<\/h3>\n          <ul class=\"eatct-checklist\"><li>Producto o material<\/li><li>Capacidad y caudal<\/li><li>Horarios de operaci\u00f3n<\/li><li>Problema actual<\/li><li>Resultado esperado<\/li><\/ul>\n        <\/article>\n\n        <article class=\"eatct-prepare-card\">\n          <span class=\"eatct-prepare-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19V10L12 5L20 10V19H4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M8 19V14H16V19\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/span>\n          <h3>Instalaci\u00f3n<\/h3>\n          <ul class=\"eatct-checklist\"><li>Fotograf\u00edas<\/li><li>Planos disponibles<\/li><li>Espacio y altura<\/li><li>Equipos existentes<\/li><li>Servicios el\u00e9ctricos<\/li><\/ul>\n        <\/article>\n\n        <article class=\"eatct-prepare-card\">\n          <span class=\"eatct-prepare-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 4H19V20H5V4Z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M8 8H16M8 12H16M8 16H13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg><\/span>\n          <h3>Proyecto<\/h3>\n          <ul class=\"eatct-checklist\"><li>Pa\u00eds y ciudad<\/li><li>Etapa actual<\/li><li>Fecha estimada<\/li><li>Alcance esperado<\/li><li>Posibilidad de ampliaci\u00f3n<\/li><\/ul>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       09. FAQ\n  ======================================================== -->\n  <section class=\"eatct-section eatct-faq\" aria-labelledby=\"eatctFaqTitle\">\n    <div class=\"eatct-shell\">\n      <div class=\"eatct-faq-layout\">\n\n        <div>\n          <p class=\"eatct-eyebrow\">Preguntas frecuentes<\/p>\n          <h2 class=\"eatct-title\" id=\"eatctFaqTitle\">\n            Antes de enviar su consulta\n          <\/h2>\n          <p class=\"eatct-lead\">\n            Respuestas r\u00e1pidas para aclarar dudas frecuentes antes de enviar\n            una solicitud t\u00e9cnica o comercial.\n          <\/p>\n        <\/div>\n\n        <div class=\"eatct-faq-list\">\n\n          <article class=\"eatct-faq-item is-open\">\n            <button class=\"eatct-faq-question\" type=\"button\" aria-expanded=\"true\">\n              <span>\u00bfPuedo contactar aunque el proyecto est\u00e9 en etapa inicial?<\/span>\n              <span class=\"eatct-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5V19M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <\/button>\n            <div class=\"eatct-faq-answer\"><div class=\"eatct-faq-answer-inner\"><p>S\u00ed. La conversaci\u00f3n inicial puede ayudar a identificar qu\u00e9 informaci\u00f3n debe recopilarse antes de avanzar con ingenier\u00eda o selecci\u00f3n.<\/p><\/div><\/div>\n          <\/article>\n\n          <article class=\"eatct-faq-item\">\n            <button class=\"eatct-faq-question\" type=\"button\" aria-expanded=\"false\">\n              <span>\u00bfNecesito conocer el equipo exacto?<\/span>\n              <span class=\"eatct-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5V19M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <\/button>\n            <div class=\"eatct-faq-answer\"><div class=\"eatct-faq-answer-inner\"><p>No. Puede describir el producto, la capacidad, el proceso, el problema y el resultado esperado. La familia de soluci\u00f3n se revisa posteriormente.<\/p><\/div><\/div>\n          <\/article>\n\n          <article class=\"eatct-faq-item\">\n            <button class=\"eatct-faq-question\" type=\"button\" aria-expanded=\"false\">\n              <span>\u00bfPuedo enviar planos o fotograf\u00edas?<\/span>\n              <span class=\"eatct-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5V19M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <\/button>\n            <div class=\"eatct-faq-answer\"><div class=\"eatct-faq-answer-inner\"><p>S\u00ed. El formulario est\u00e1 preparado para adjuntos, pero la carga real requiere configurar un webhook o backend que acepte archivos mediante multipart\/form-data.<\/p><\/div><\/div>\n          <\/article>\n\n          <article class=\"eatct-faq-item\">\n            <button class=\"eatct-faq-question\" type=\"button\" aria-expanded=\"false\">\n              <span>\u00bfEAT puede revisar una instalaci\u00f3n existente?<\/span>\n              <span class=\"eatct-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5V19M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <\/button>\n            <div class=\"eatct-faq-answer\"><div class=\"eatct-faq-answer-inner\"><p>S\u00ed. La evaluaci\u00f3n puede orientarse a ampliaci\u00f3n, modernizaci\u00f3n, integraci\u00f3n, automatizaci\u00f3n o reemplazo de equipos, seg\u00fan el alcance.<\/p><\/div><\/div>\n          <\/article>\n\n          <article class=\"eatct-faq-item\">\n            <button class=\"eatct-faq-question\" type=\"button\" aria-expanded=\"false\">\n              <span>\u00bfLa solicitud genera una cotizaci\u00f3n autom\u00e1tica?<\/span>\n              <span class=\"eatct-faq-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 5V19M5 12H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg><\/span>\n            <\/button>\n            <div class=\"eatct-faq-answer\"><div class=\"eatct-faq-answer-inner\"><p>No. Primero deben revisarse los datos t\u00e9cnicos, el alcance, las interfaces y la informaci\u00f3n disponible del proyecto.<\/p><\/div><\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       10. CTA FINAL\n  ======================================================== -->\n  <section class=\"eatct-final\" aria-labelledby=\"eatctFinalTitle\">\n    <div class=\"eatct-shell\">\n\n      <div class=\"eatct-final-layout\">\n        <div>\n          <h2 id=\"eatctFinalTitle\">\n            El siguiente paso no es elegir un equipo.\n            Es <strong>definir correctamente la necesidad<\/strong>.\n          <\/h2>\n          <p>\n            Comparta la informaci\u00f3n inicial de su operaci\u00f3n y permita que el\n            equipo de EAT organice el punto de partida t\u00e9cnico.\n          <\/p>\n        <\/div>\n\n        <div class=\"eatct-final-actions\">\n          <a class=\"eatct-button eatct-button--lime\" href=\"#eatct-forms\" data-eatct-open-form=\"project\">Iniciar diagn\u00f3stico<\/a>\n          <a class=\"eatct-button eatct-button--ghost\" href=\"#eatct-forms\" data-eatct-open-form=\"direct\">Contacto directo<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"eatct-final-contact\">\n        <a href=\"mailto:info@euagtech.com\"><strong>Correo:<\/strong> info@euagtech.com<\/a>\n        <a href=\"tel:+34910792747\"><strong>Tel\u00e9fono:<\/strong> +34 910 792 747<\/a>\n        <span><strong>Ubicaci\u00f3n:<\/strong> Madrid, Espa\u00f1a<\/span>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const root = document.getElementById(\"eat-contact-page\");\n\n  if (!root || root.dataset.initialized === \"true\") {\n    return;\n  }\n\n  root.dataset.initialized = \"true\";\n\n  const EAT_CONTACT_CONFIG = {\n    projectWebhook: \"\",\n    directWebhook: \"\",\n    contactEmail: \"info@euagtech.com\"\n  };\n\n  const reducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n  const pageLoadedAt = Date.now();\n\n  const scrollToElement = (element) => {\n    if (!element) return;\n    element.scrollIntoView({\n      behavior: reducedMotion.matches ? \"auto\" : \"smooth\",\n      block: \"start\"\n    });\n  };\n\n  const getUtms = () => {\n    const params = new URLSearchParams(window.location.search);\n    const keys = [\n      \"utm_source\",\n      \"utm_medium\",\n      \"utm_campaign\",\n      \"utm_content\",\n      \"utm_term\",\n      \"gclid\"\n    ];\n\n    return keys.reduce((accumulator, key) => {\n      const value = params.get(key);\n      if (value) accumulator[key] = value;\n      return accumulator;\n    }, {});\n  };\n\n  const showMessage = (element, message, type) => {\n    if (!element) return;\n    element.textContent = message;\n    element.className = `eatct-form-message is-visible ${type === \"success\" ? \"is-success\" : \"is-error\"}`;\n  };\n\n  const clearMessage = (element) => {\n    if (!element) return;\n    element.textContent = \"\";\n    element.className = \"eatct-form-message\";\n  };\n\n  const setButtonBusy = (button, busy, busyLabel, idleLabel) => {\n    if (!button) return;\n    button.disabled = busy;\n    const label = button.querySelector(\"span\") || button;\n    label.textContent = busy ? busyLabel : idleLabel;\n  };\n\n  \/* =======================================================\n     HERO ROUTES\n  ======================================================== *\/\n\n  const routeData = {\n    project: {\n      title: \"Diagn\u00f3stico t\u00e9cnico de proyecto\",\n      text: \"Organice necesidad, producto, capacidad, ubicaci\u00f3n y etapa actual.\",\n      label: \"Ruta recomendada\",\n      action: \"Iniciar diagn\u00f3stico\",\n      form: \"project\"\n    },\n    direct: {\n      title: \"Contacto directo\",\n      text: \"Env\u00ede una consulta general, comercial, administrativa o de alianzas.\",\n      label: \"Ruta r\u00e1pida\",\n      action: \"Abrir formulario corto\",\n      form: \"direct\"\n    },\n    support: {\n      title: \"Soporte, repuestos o documentaci\u00f3n\",\n      text: \"Indique el equipo, referencia disponible, ubicaci\u00f3n y tipo de asistencia.\",\n      label: \"Ruta especializada\",\n      action: \"Solicitar contacto\",\n      form: \"direct\",\n      directReason: \"Soporte o repuestos\"\n    }\n  };\n\n  const routeButtons = Array.from(root.querySelectorAll(\"[data-eatct-route]\"));\n  const routePreviewLabel = root.querySelector(\"#eatctRoutePreviewLabel\");\n  const routePreviewTitle = root.querySelector(\"#eatctRoutePreviewTitle\");\n  const routePreviewText = root.querySelector(\"#eatctRoutePreviewText\");\n  const routePreviewLink = root.querySelector(\"#eatctRoutePreviewLink\");\n\n  const activateRoute = (routeName) => {\n    const data = routeData[routeName];\n    if (!data) return;\n\n    routeButtons.forEach((button) => {\n      const active = button.dataset.eatctRoute === routeName;\n      button.classList.toggle(\"is-active\", active);\n      button.setAttribute(\"aria-selected\", active ? \"true\" : \"false\");\n    });\n\n    routePreviewLabel.textContent = data.label;\n    routePreviewTitle.textContent = data.title;\n    routePreviewText.textContent = data.text;\n    routePreviewLink.textContent = data.action;\n    routePreviewLink.dataset.eatctOpenForm = data.form;\n    routePreviewLink.dataset.eatctDirectReason = data.directReason || \"\";\n  };\n\n  routeButtons.forEach((button) => {\n    button.addEventListener(\"click\", () => activateRoute(button.dataset.eatctRoute));\n  });\n\n  \/* =======================================================\n     REASON SELECTOR\n  ======================================================== *\/\n\n  const reasons = [\n    {\n      title: \"Desarrollar una planta o sistema nuevo\",\n      description: \"Podemos organizar la necesidad desde producto, capacidad, flujo, ubicaci\u00f3n, proceso y crecimiento esperado.\",\n      information: [\"Producto o material\", \"Capacidad requerida\", \"Ubicaci\u00f3n\", \"Proceso deseado\", \"Etapa actual\", \"Crecimiento esperado\"],\n      note: \"Ingenier\u00eda conceptual, arquitectura del proceso, almacenamiento, transporte, procesamiento y automatizaci\u00f3n.\",\n      service: \"Servicio principal: Ingenier\u00eda e integraci\u00f3n.\",\n      serviceUrl: \"https:\/\/euagtech.com\/soluciones-ingenieria-integracion\/\",\n      form: \"project\",\n      projectType: \"Nuevo proyecto\",\n      serviceValue: \"Ingenier\u00eda e integraci\u00f3n\"\n    },\n    {\n      title: \"Aumentar capacidad sin crear nuevos cuellos de botella\",\n      description: \"La ampliaci\u00f3n debe revisar capacidades actuales, equipos existentes, espacio y etapas aguas arriba y aguas abajo.\",\n      information: [\"Capacidad actual\", \"Capacidad objetivo\", \"Caudal\", \"Equipos existentes\", \"Espacio disponible\", \"Fotograf\u00edas o planos\"],\n      note: \"Balance de capacidades, almacenamiento, manejo de materiales, interfaces y automatizaci\u00f3n.\",\n      service: \"Servicio principal: Almacenamiento e ingenier\u00eda.\",\n      serviceUrl: \"https:\/\/euagtech.com\/soluciones-almacenamiento\/\",\n      form: \"project\",\n      projectType: \"Ampliaci\u00f3n\",\n      serviceValue: \"Almacenamiento y silos\"\n    },\n    {\n      title: \"Modernizar una instalaci\u00f3n existente\",\n      description: \"La modernizaci\u00f3n debe conservar lo que todav\u00eda aporta valor y resolver compatibilidades mec\u00e1nicas, el\u00e9ctricas y de control.\",\n      information: [\"Equipos instalados\", \"Estado actual\", \"Restricciones\", \"Documentaci\u00f3n\", \"Tiempo de parada\", \"Objetivo de mejora\"],\n      note: \"Levantamiento t\u00e9cnico, actualizaci\u00f3n de equipos, automatizaci\u00f3n e integraci\u00f3n con sistemas existentes.\",\n      service: \"Servicio principal: Ingenier\u00eda y modernizaci\u00f3n.\",\n      serviceUrl: \"https:\/\/euagtech.com\/soluciones-ingenieria-integracion\/\",\n      form: \"project\",\n      projectType: \"Modernizaci\u00f3n\",\n      serviceValue: \"Ingenier\u00eda e integraci\u00f3n\"\n    },\n    {\n      title: \"Evaluar almacenamiento, conservaci\u00f3n o silos\",\n      description: \"La selecci\u00f3n depende del producto, capacidad, tiempo de permanencia, carga, descarga, aireaci\u00f3n y monitoreo.\",\n      information: [\"Tipo de producto\", \"Capacidad total\", \"Humedad\", \"Tiempo de permanencia\", \"Descarga requerida\", \"Condiciones del sitio\"],\n      note: \"Silos, carga, descarga, aireaci\u00f3n, termometr\u00eda, sensores y accesorios.\",\n      service: \"Servicio principal: Almacenamiento y silos.\",\n      serviceUrl: \"https:\/\/euagtech.com\/soluciones-almacenamiento\/\",\n      form: \"project\",\n      serviceValue: \"Almacenamiento y silos\"\n    },\n    {\n      title: \"Mejorar el manejo o procesamiento de materiales\",\n      description: \"Revisamos recepci\u00f3n, elevaci\u00f3n, transporte, limpieza, secado, molienda, mezcla, dosificaci\u00f3n y producto final.\",\n      information: [\"Material\", \"Caudal\", \"Recorrido\", \"Proceso actual\", \"Puntos de transferencia\", \"Resultado esperado\"],\n      note: \"Elevadores, transportadores, acondicionamiento, secado, procesamiento y manejo de producto terminado.\",\n      service: \"Servicio principal: Manejo o procesamiento.\",\n      serviceUrl: \"https:\/\/euagtech.com\/soluciones-manejo-de-granos\/\",\n      form: \"project\",\n      serviceValue: \"Manejo de materiales\"\n    },\n    {\n      title: \"Automatizar, monitorear o visualizar la operaci\u00f3n\",\n      description: \"La automatizaci\u00f3n debe coordinar se\u00f1ales, secuencias, alarmas, enclavamientos y estados del proceso.\",\n      information: [\"Equipos instalados\", \"Se\u00f1ales disponibles\", \"Secuencias actuales\", \"Variables cr\u00edticas\", \"Alarmas\", \"Usuarios\"],\n      note: \"PLC, HMI, tableros, sensores, alarmas, registro de eventos y visualizaci\u00f3n operacional.\",\n      service: \"Servicio principal: Automatizaci\u00f3n y control.\",\n      serviceUrl: \"https:\/\/euagtech.com\/soluciones-automatizacion-control\/\",\n      form: \"project\",\n      serviceValue: \"Automatizaci\u00f3n y control\"\n    },\n    {\n      title: \"Solicitar soporte, repuestos o informaci\u00f3n\",\n      description: \"Para atender mejor la consulta conviene identificar el equipo, modelo, componente, ubicaci\u00f3n y documentaci\u00f3n disponible.\",\n      information: [\"Equipo\", \"Modelo o referencia\", \"Fabricante\", \"Fotograf\u00eda\", \"Ubicaci\u00f3n\", \"Tipo de asistencia\"],\n      note: \"Repuestos, documentaci\u00f3n, soporte t\u00e9cnico, revisi\u00f3n de componentes o contacto general.\",\n      service: \"Ruta recomendada: Contacto directo.\",\n      serviceUrl: \"https:\/\/euagtech.com\/soluciones-soporte-y-repuestos\/\",\n      form: \"direct\",\n      directReason: \"Soporte o repuestos\"\n    }\n  ];\n\n  const reasonTabs = Array.from(root.querySelectorAll(\"[data-eatct-reason]\"));\n  const reasonIndex = root.querySelector(\"#eatctReasonIndex\");\n  const reasonTitle = root.querySelector(\"#eatctReasonTitle\");\n  const reasonDescription = root.querySelector(\"#eatctReasonDescription\");\n  const reasonList = root.querySelector(\"#eatctReasonList\");\n  const reasonNoteText = root.querySelector(\"#eatctReasonNoteText\");\n  const reasonService = root.querySelector(\"#eatctReasonService\");\n  const reasonAction = root.querySelector(\"#eatctReasonAction\");\n  const reasonServiceLink = root.querySelector(\"#eatctReasonServiceLink\");\n\n  const activateReason = (index) => {\n    const normalized = ((index % reasons.length) + reasons.length) % reasons.length;\n    const reason = reasons[normalized];\n\n    reasonTabs.forEach((tab, tabIndex) => {\n      const active = tabIndex === normalized;\n      tab.classList.toggle(\"is-active\", active);\n      tab.setAttribute(\"aria-selected\", active ? \"true\" : \"false\");\n      tab.tabIndex = active ? 0 : -1;\n    });\n\n    reasonIndex.textContent = `Motivo ${String(normalized + 1).padStart(2, \"0\")}`;\n    reasonTitle.textContent = reason.title;\n    reasonDescription.textContent = reason.description;\n    const reasonItems = document.createDocumentFragment();\n    reason.information.forEach((item) => {\n      const li = document.createElement(\"li\");\n      li.textContent = item;\n      reasonItems.appendChild(li);\n    });\n    reasonList.replaceChildren(reasonItems);\n    reasonNoteText.textContent = reason.note;\n    reasonService.textContent = reason.service;\n    reasonAction.dataset.eatctOpenForm = reason.form;\n    reasonAction.dataset.eatctProjectType = reason.projectType || \"\";\n    reasonAction.dataset.eatctServiceValue = reason.serviceValue || \"\";\n    reasonAction.dataset.eatctDirectReason = reason.directReason || \"\";\n    reasonAction.textContent = reason.form === \"project\" ? \"Iniciar diagn\u00f3stico\" : \"Abrir contacto directo\";\n    reasonServiceLink.href = reason.serviceUrl;\n\n    if (window.innerWidth <= 980) {\n      reasonTabs[normalized]?.scrollIntoView({\n        behavior: reducedMotion.matches ? \"auto\" : \"smooth\",\n        block: \"nearest\",\n        inline: \"center\"\n      });\n    }\n  };\n\n  reasonTabs.forEach((tab, index) => {\n    tab.tabIndex = index === 0 ? 0 : -1;\n\n    tab.addEventListener(\"click\", () => activateReason(index));\n\n    tab.addEventListener(\"keydown\", (event) => {\n      let nextIndex = null;\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") nextIndex = index + 1;\n      if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") nextIndex = index - 1;\n      if (event.key === \"Home\") nextIndex = 0;\n      if (event.key === \"End\") nextIndex = reasons.length - 1;\n      if (nextIndex === null) return;\n\n      event.preventDefault();\n      const normalized = ((nextIndex % reasons.length) + reasons.length) % reasons.length;\n      activateReason(normalized);\n      reasonTabs[normalized]?.focus();\n    });\n  });\n\n  activateReason(0);\n\n  \/* =======================================================\n     FORM SWITCH\n  ======================================================== *\/\n\n  const formTabs = Array.from(root.querySelectorAll(\"[data-eatct-form-tab]\"));\n  const formPanels = Array.from(root.querySelectorAll(\"[data-eatct-form-panel]\"));\n  const formSection = root.querySelector(\"#eatct-forms\");\n\n  const projectTypeInputs = Array.from(root.querySelectorAll('input[name=\"project_type\"]'));\n  const projectServiceSelect = root.querySelector(\"#eatctService\");\n  const directReasonSelect = root.querySelector(\"#eatctDirectReason\");\n\n  const openForm = (formName, options = {}) => {\n    formTabs.forEach((tab) => {\n      const active = tab.dataset.eatctFormTab === formName;\n      tab.classList.toggle(\"is-active\", active);\n      tab.setAttribute(\"aria-selected\", active ? \"true\" : \"false\");\n      tab.tabIndex = active ? 0 : -1;\n    });\n\n    formPanels.forEach((panel) => {\n      panel.hidden = panel.dataset.eatctFormPanel !== formName;\n    });\n\n    if (formName === \"project\") {\n      if (options.projectType) {\n        const matching = projectTypeInputs.find((input) => input.value === options.projectType);\n        if (matching) matching.checked = true;\n      }\n\n      if (options.serviceValue && projectServiceSelect) {\n        projectServiceSelect.value = options.serviceValue;\n      }\n\n      updateSummary();\n    }\n\n    if (formName === \"direct\" && options.directReason && directReasonSelect) {\n      directReasonSelect.value = options.directReason;\n    }\n\n    scrollToElement(formSection);\n  };\n\n  formTabs.forEach((tab) => {\n    tab.addEventListener(\"click\", () => openForm(tab.dataset.eatctFormTab));\n  });\n\n  root.addEventListener(\"click\", (event) => {\n    const trigger = event.target.closest(\"[data-eatct-open-form]\");\n    if (!trigger) return;\n\n    event.preventDefault();\n\n    openForm(trigger.dataset.eatctOpenForm, {\n      projectType: trigger.dataset.eatctProjectType,\n      serviceValue: trigger.dataset.eatctServiceValue,\n      directReason: trigger.dataset.eatctDirectReason\n    });\n  });\n\n  \/* =======================================================\n     PROJECT MULTISTEP\n  ======================================================== *\/\n\n  const projectForm = root.querySelector(\"#eatctProjectForm\");\n  const projectSteps = Array.from(root.querySelectorAll(\"[data-eatct-project-step]\"));\n  const projectPrev = root.querySelector(\"#eatctProjectPrev\");\n  const projectNext = root.querySelector(\"#eatctProjectNext\");\n  const projectSubmit = root.querySelector(\"#eatctProjectSubmit\");\n  const projectProgress = root.querySelector(\"#eatctProjectProgress\");\n  const projectStepCount = root.querySelector(\"#eatctProjectStepCount\");\n  const projectMessage = root.querySelector(\"#eatctProjectMessage\");\n\n  let currentProjectStep = 0;\n\n  const validateStep = (stepIndex) => {\n    const step = projectSteps[stepIndex];\n    const requiredFields = Array.from(step.querySelectorAll(\"[required]\"));\n\n    for (const field of requiredFields) {\n      if (field.type === \"radio\") {\n        const radioGroup = Array.from(step.querySelectorAll(`input[name=\"${field.name}\"]`));\n        if (!radioGroup.some((radio) => radio.checked)) {\n          radioGroup[0].focus();\n          return false;\n        }\n      } else if (!field.checkValidity()) {\n        field.reportValidity();\n        field.focus();\n        return false;\n      }\n    }\n\n    return true;\n  };\n\n  const renderProjectStep = () => {\n    projectSteps.forEach((step, index) => {\n      step.classList.toggle(\"is-active\", index === currentProjectStep);\n    });\n\n    projectPrev.hidden = currentProjectStep === 0;\n    projectNext.hidden = currentProjectStep === projectSteps.length - 1;\n    projectSubmit.hidden = currentProjectStep !== projectSteps.length - 1;\n    projectProgress.style.width = `${((currentProjectStep + 1) \/ projectSteps.length) * 100}%`;\n    projectStepCount.textContent = `Paso ${currentProjectStep + 1} de ${projectSteps.length}`;\n    clearMessage(projectMessage);\n  };\n\n  projectNext.addEventListener(\"click\", () => {\n    if (!validateStep(currentProjectStep)) return;\n    currentProjectStep = Math.min(currentProjectStep + 1, projectSteps.length - 1);\n    renderProjectStep();\n  });\n\n  projectPrev.addEventListener(\"click\", () => {\n    currentProjectStep = Math.max(currentProjectStep - 1, 0);\n    renderProjectStep();\n  });\n\n  \/* =======================================================\n     SUMMARY\n  ======================================================== *\/\n\n  const summaryTitle = root.querySelector(\"#eatctSummaryTitle\");\n  const summaryType = root.querySelector(\"#eatctSummaryType\");\n  const summaryService = root.querySelector(\"#eatctSummaryService\");\n  const summaryMaterial = root.querySelector(\"#eatctSummaryMaterial\");\n  const summaryCapacity = root.querySelector(\"#eatctSummaryCapacity\");\n  const summaryLocation = root.querySelector(\"#eatctSummaryLocation\");\n  const summaryStage = root.querySelector(\"#eatctSummaryStage\");\n  const summaryNote = root.querySelector(\"#eatctSummaryNote\");\n\n  const getCheckedProjectType = () => {\n    return projectTypeInputs.find((input) => input.checked)?.value || \"Sin definir\";\n  };\n\n  function updateSummary() {\n    const type = getCheckedProjectType();\n    const service = projectServiceSelect?.value || \"Sin definir\";\n    const material = root.querySelector(\"#eatctMaterial\")?.value || \"Sin definir\";\n    const capacity = root.querySelector(\"#eatctCapacity\")?.value || \"Sin definir\";\n    const location = root.querySelector(\"#eatctLocation\")?.value || \"Sin definir\";\n    const stage = root.querySelector(\"#eatctStage\")?.value || \"Sin definir\";\n\n    summaryType.textContent = type;\n    summaryService.textContent = service;\n    summaryMaterial.textContent = material;\n    summaryCapacity.textContent = capacity;\n    summaryLocation.textContent = location;\n    summaryStage.textContent = stage;\n\n    const completed = [type, service, material, location, stage].filter((value) => value !== \"Sin definir\").length;\n    summaryTitle.textContent = completed >= 4 ? `${type}: ${service}` : \"Proyecto sin completar\";\n    summaryNote.textContent = completed >= 4\n      ? \"El resumen est\u00e1 listo para acompa\u00f1ar la solicitud.\"\n      : \"El resumen se completa mientras avanza en el diagn\u00f3stico.\";\n  }\n\n  projectForm.addEventListener(\"input\", updateSummary);\n  projectForm.addEventListener(\"change\", updateSummary);\n\n  \/* =======================================================\n     SUBMISSION\n  ======================================================== *\/\n\n  const appendMetadata = (formData, formType) => {\n    formData.append(\"form_type\", formType);\n    formData.append(\"source\", \"EAT contact page\");\n    formData.append(\"page_url\", window.location.href);\n    formData.append(\"submitted_at\", new Date().toISOString());\n\n    Object.entries(getUtms()).forEach(([key, value]) => {\n      formData.append(key, value);\n    });\n  };\n\n  const formDataToText = (formData) => {\n    const lines = [];\n\n    for (const [key, value] of formData.entries()) {\n      if (value instanceof File) {\n        if (value.name) lines.push(`${key}: ${value.name}`);\n      } else {\n        lines.push(`${key}: ${value}`);\n      }\n    }\n\n    return lines.join(\"\\n\");\n  };\n\n  const fallbackToEmail = (subject, formData) => {\n    const body = formDataToText(formData);\n    const mailto = `mailto:${encodeURIComponent(EAT_CONTACT_CONFIG.contactEmail)}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n    window.location.href = mailto;\n  };\n\n  const submitForm = async ({ form, webhook, button, messageBox, subject, formType }) => {\n    clearMessage(messageBox);\n\n    if (!form.checkValidity()) {\n      form.reportValidity();\n      return;\n    }\n\n    const honeypot = form.querySelector('[name=\"website\"]');\n    if (honeypot?.value) return;\n\n    if (Date.now() - pageLoadedAt < 2500) {\n      showMessage(messageBox, \"Espere unos segundos antes de enviar la solicitud.\", \"error\");\n      return;\n    }\n\n    const formData = new FormData(form);\n    appendMetadata(formData, formType);\n\n    setButtonBusy(button, true, \"Enviando\u2026\", formType === \"project\" ? \"Enviar diagn\u00f3stico inicial\" : \"Enviar consulta\");\n\n    try {\n      if (webhook) {\n        const response = await fetch(webhook, {\n          method: \"POST\",\n          body: formData\n        });\n\n        if (!response.ok) {\n          throw new Error(`HTTP ${response.status}`);\n        }\n\n        showMessage(messageBox, \"La solicitud fue enviada correctamente.\", \"success\");\n        form.reset();\n\n        if (formType === \"project\") {\n          currentProjectStep = 0;\n          renderProjectStep();\n          updateSummary();\n        }\n      } else {\n        showMessage(\n          messageBox,\n          \"No hay un webhook configurado. Se abrir\u00e1 su aplicaci\u00f3n de correo con el resumen preparado.\",\n          \"success\"\n        );\n        fallbackToEmail(subject, formData);\n      }\n    } catch (error) {\n      console.error(\"EAT Contact Form:\", error);\n      showMessage(\n        messageBox,\n        \"No fue posible enviar la solicitud. Puede escribir directamente a info@euagtech.com.\",\n        \"error\"\n      );\n    } finally {\n      setButtonBusy(button, false, \"\", formType === \"project\" ? \"Enviar diagn\u00f3stico inicial\" : \"Enviar consulta\");\n    }\n  };\n\n  projectForm.addEventListener(\"submit\", (event) => {\n    event.preventDefault();\n\n    if (!validateStep(currentProjectStep)) return;\n\n    submitForm({\n      form: projectForm,\n      webhook: EAT_CONTACT_CONFIG.projectWebhook,\n      button: projectSubmit,\n      messageBox: projectMessage,\n      subject: \"Diagn\u00f3stico inicial de proyecto EAT\",\n      formType: \"project\"\n    });\n  });\n\n  const directForm = root.querySelector(\"#eatctDirectForm\");\n  const directSubmit = root.querySelector(\"#eatctDirectSubmit\");\n  const directMessageBox = root.querySelector(\"#eatctDirectMessageBox\");\n\n  directForm.addEventListener(\"submit\", (event) => {\n    event.preventDefault();\n\n    submitForm({\n      form: directForm,\n      webhook: EAT_CONTACT_CONFIG.directWebhook,\n      button: directSubmit,\n      messageBox: directMessageBox,\n      subject: \"Consulta desde la p\u00e1gina de contacto EAT\",\n      formType: \"direct\"\n    });\n  });\n\n  \/* =======================================================\n     FAQ\n  ======================================================== *\/\n\n  const faqItems = Array.from(root.querySelectorAll(\".eatct-faq-item\"));\n\n  faqItems.forEach((item) => {\n    const button = item.querySelector(\".eatct-faq-question\");\n    if (!button) return;\n\n    button.addEventListener(\"click\", () => {\n      const willOpen = !item.classList.contains(\"is-open\");\n\n      faqItems.forEach((otherItem) => {\n        otherItem.classList.remove(\"is-open\");\n        otherItem.querySelector(\".eatct-faq-question\")?.setAttribute(\"aria-expanded\", \"false\");\n      });\n\n      item.classList.toggle(\"is-open\", willOpen);\n      button.setAttribute(\"aria-expanded\", willOpen ? \"true\" : \"false\");\n    });\n  });\n\n  \/* =======================================================\n     INITIAL STATE\n  ======================================================== *\/\n\n  activateRoute(\"project\");\n  renderProjectStep();\n  updateSummary();\n})();\n<\/script>\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>Euro Ag Technology \u00b7 Contacto Contacto t\u00e9cnico y comercial. Contacto de Euro Ag Technology para consultas sobre ingenier\u00eda, almacenamiento, manejo de granos, plantas y molienda, automatizaci\u00f3n, final de l\u00ednea, soporte y repuestos. La informaci\u00f3n inicial permite orientar cada solicitud hacia la ruta t\u00e9cnica adecuada. Presentar un proyecto Contacto directo Ingenier\u00eda agroindustrial Soluciones y equipos Soporte [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/euagtech.com\/de\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/euagtech.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/euagtech.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/euagtech.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/euagtech.com\/de\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":25,"href":"https:\/\/euagtech.com\/de\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":2727,"href":"https:\/\/euagtech.com\/de\/wp-json\/wp\/v2\/pages\/22\/revisions\/2727"}],"wp:attachment":[{"href":"https:\/\/euagtech.com\/de\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}