{"id":17447,"date":"2026-07-03T09:45:26","date_gmt":"2026-07-03T14:45:26","guid":{"rendered":"https:\/\/www.amchambaq.com\/?page_id=17447"},"modified":"2026-07-03T09:45:26","modified_gmt":"2026-07-03T14:45:26","slug":"test2","status":"publish","type":"page","link":"https:\/\/www.amchambaq.com\/en\/test2\/","title":{"rendered":"test2"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>Gu\u00eda de Exportaci\u00f3n a EE.UU. \u2014 AmCham Atl\u00e1ntico y Magdalena<\/title>\r\n  <meta name=\"description\" content=\"Descarga la gu\u00eda pr\u00e1ctica de AmCham y descubre qu\u00e9 productos del Atl\u00e1ntico y Magdalena tienen demanda real en el mercado estadounidense.\" \/>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\" \/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    body {\r\n      font-family: 'Inter', sans-serif;\r\n      background: #e8eaf0;\r\n      color: #111;\r\n      -webkit-font-smoothing: antialiased;\r\n      min-height: 100vh;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       CONTENEDOR PRINCIPAL \u2014 1920\u00d71080\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .lp {\r\n      width: 1920px;\r\n      min-height: 1080px;\r\n      margin: 0 auto;\r\n      background: #fff;\r\n      box-shadow: 0 0 60px rgba(0,0,0,0.10);\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       HERO\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero {\r\n      background: #0A2D6E;\r\n      padding: 64px 120px 72px;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .hero::before {\r\n      content: '';\r\n      position: absolute; top: -120px; right: -120px;\r\n      width: 520px; height: 520px; border-radius: 50%;\r\n      background: rgba(255,255,255,0.03); pointer-events: none;\r\n    }\r\n    .hero::after {\r\n      content: '';\r\n      position: absolute; bottom: -100px; left: -100px;\r\n      width: 380px; height: 380px; border-radius: 50%;\r\n      background: rgba(245,200,66,0.04); pointer-events: none;\r\n    }\r\n\r\n    \/* Logo *\/\r\n    .hero-logo { display: block; margin-bottom: 48px; position: relative; z-index: 1; }\r\n    .hero-logo img { height: 60px; width: auto; display: block; }\r\n\r\n    \/* Layout hero: texto izquierda + portada ebook derecha *\/\r\n    .hero-body {\r\n      display: grid;\r\n      grid-template-columns: 1fr 340px;\r\n      gap: 80px;\r\n      align-items: center;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .hero-tag {\r\n      display: inline-flex; align-items: center; gap: 8px;\r\n      background: rgba(245,200,66,0.14);\r\n      border: 1px solid rgba(245,200,66,0.4);\r\n      color: #F5C842; font-size: 13px; font-weight: 500;\r\n      padding: 6px 16px; border-radius: 20px;\r\n      margin-bottom: 28px; letter-spacing: 0.4px;\r\n    }\r\n    .hero-tag i { font-size: 14px; }\r\n\r\n    .hero h1 {\r\n      font-size: 52px; font-weight: 700; color: #fff;\r\n      line-height: 1.15; margin-bottom: 24px; letter-spacing: -1px;\r\n    }\r\n    .hero h1 em { color: #F5C842; font-style: normal; display: block; }\r\n\r\n    .hero-sub {\r\n      font-size: 18px; color: #8BAECE; line-height: 1.7;\r\n      margin-bottom: 48px; max-width: 680px;\r\n    }\r\n\r\n    \/* Stats *\/\r\n    .stats-row {\r\n      display: flex; gap: 0;\r\n      border: 1px solid rgba(255,255,255,0.14);\r\n      border-radius: 14px; overflow: hidden;\r\n    }\r\n    .stat-box {\r\n      flex: 1; padding: 22px 16px; text-align: center;\r\n      border-right: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n    .stat-box:last-child { border-right: none; }\r\n    .stat-num { font-size: 26px; font-weight: 700; color: #F5C842; }\r\n    .stat-lbl { font-size: 12px; color: #6A8BAE; line-height: 1.4; margin-top: 6px; }\r\n\r\n    \/* Portada ebook \u2014 derecha del hero *\/\r\n    .hero-cover-wrap {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 18px;\r\n    }\r\n    .hero-cover-img {\r\n      width: 100%;\r\n      max-width: 300px;\r\n      border-radius: 10px;\r\n      box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(245,200,66,0.3);\r\n      display: block;\r\n      object-fit: cover;\r\n    }\r\n    \/* Placeholder cuando no hay imagen *\/\r\n    .hero-cover-placeholder {\r\n      width: 240px; height: 320px;\r\n      background: #061D4A;\r\n      border-radius: 10px;\r\n      border: 2px solid rgba(245,200,66,0.5);\r\n      box-shadow: 0 24px 60px rgba(0,0,0,0.5);\r\n      display: flex; flex-direction: column; overflow: hidden;\r\n    }\r\n    .hcp-top {\r\n      background: #F5C842; height: 36px;\r\n      display: flex; align-items: center; justify-content: center;\r\n    }\r\n    .hcp-top span { font-size: 11px; font-weight: 700; color: #0A2D6E; letter-spacing: 1px; }\r\n    .hcp-body {\r\n      flex: 1; display: flex; flex-direction: column;\r\n      align-items: center; justify-content: center;\r\n      padding: 24px 16px; gap: 12px;\r\n    }\r\n    .hcp-body i { font-size: 48px; color: #2a5298; }\r\n    .hcp-body p { font-size: 11px; color: #6A8BAE; text-align: center; line-height: 1.5; }\r\n    .cover-caption {\r\n      font-size: 12px; color: rgba(255,255,255,0.4);\r\n      text-align: center; font-style: italic;\r\n    }\r\n\r\n    \/* Ebook row (chips) \u2014 debajo del hero en desktop *\/\r\n    .ebook-chips-row {\r\n      display: flex; gap: 10px; flex-wrap: wrap;\r\n      margin-top: 32px; position: relative; z-index: 1;\r\n    }\r\n    .chip {\r\n      background: rgba(255,255,255,0.09); color: #8BAECE;\r\n      font-size: 12px; padding: 4px 12px; border-radius: 20px;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       FORMULARIO\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .form-wrap {\r\n      padding: 72px 120px;\r\n      background: #F4F5F7;\r\n      border-bottom: 1px solid #e5e7eb;\r\n    }\r\n    .form-inner {\r\n      max-width: 860px; margin: 0 auto;\r\n    }\r\n    .form-hd { text-align: center; margin-bottom: 36px; }\r\n    .form-hd h2 { font-size: 32px; font-weight: 700; color: #111; margin-bottom: 8px; }\r\n    .form-hd p  { font-size: 16px; color: #6b7280; }\r\n\r\n    .form-card {\r\n      background: #fff; border: 1px solid #e5e7eb;\r\n      border-radius: 16px; padding: 40px;\r\n    }\r\n    .f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n    .f-grp { display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; }\r\n    .f-grp label { font-size: 13px; font-weight: 500; color: #6b7280; }\r\n    .f-grp input, .f-grp select {\r\n      height: 48px; border: 1px solid #d1d5db; border-radius: 10px;\r\n      padding: 0 16px; font-size: 15px; background: #fff; color: #111;\r\n      width: 100%; font-family: 'Inter', sans-serif;\r\n      outline: none; transition: border-color 0.15s, box-shadow 0.15s;\r\n      -webkit-appearance: none; appearance: none;\r\n    }\r\n    .f-grp input:focus, .f-grp select:focus {\r\n      border-color: #0A2D6E;\r\n      box-shadow: 0 0 0 3px rgba(10,45,110,0.08);\r\n    }\r\n    .f-grp select {\r\n      cursor: pointer;\r\n      background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\r\n      background-repeat: no-repeat; background-position: right 14px center;\r\n      padding-right: 40px;\r\n    }\r\n    .f-submit {\r\n      width: 100%; background: #0A2D6E; color: #fff;\r\n      border: none; padding: 18px; border-radius: 10px;\r\n      font-size: 17px; font-weight: 600; cursor: pointer;\r\n      display: flex; align-items: center; justify-content: center;\r\n      gap: 10px; margin-top: 6px; font-family: 'Inter', sans-serif;\r\n      transition: background 0.15s, transform 0.1s;\r\n    }\r\n    .f-submit:hover  { background: #0c3480; }\r\n    .f-submit:active { transform: scale(0.995); }\r\n    .f-submit i { font-size: 20px; }\r\n    .f-submit.loading { background: #2a4a8a; pointer-events: none; }\r\n    .f-submit.loading .btn-text { display: none; }\r\n    .f-submit.loading::after {\r\n      content: 'Enviando...';\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n    }\r\n\r\n    .f-trust {\r\n      display: flex; align-items: center; justify-content: center;\r\n      gap: 7px; margin-top: 14px;\r\n    }\r\n    .f-trust span { font-size: 13px; color: #9ca3af; }\r\n    .f-trust i { font-size: 15px; color: #9ca3af; }\r\n\r\n    .f-error { font-size: 12px; color: #dc2626; margin-top: 4px; display: none; }\r\n    .f-grp.has-error input,\r\n    .f-grp.has-error select { border-color: #dc2626; }\r\n    .f-grp.has-error .f-error { display: block; }\r\n\r\n    \/* Thank you *\/\r\n    .ty {\r\n      display: none; background: #fff; border: 1px solid #e5e7eb;\r\n      border-radius: 16px; padding: 56px 40px; text-align: center;\r\n    }\r\n    .ty.show { display: block; }\r\n    .ty-circle {\r\n      width: 72px; height: 72px; background: #E6EBF7; border-radius: 50%;\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin: 0 auto 20px;\r\n    }\r\n    .ty-circle i { font-size: 36px; color: #0A2D6E; }\r\n    .ty h3 { font-size: 26px; font-weight: 700; color: #111; margin-bottom: 10px; }\r\n    .ty p  { font-size: 16px; color: #6b7280; line-height: 1.65; margin-bottom: 28px; }\r\n    .ty-btn {\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      background: #0A2D6E; color: #fff; padding: 16px 32px;\r\n      border-radius: 10px; border: none; cursor: pointer;\r\n      font-size: 16px; font-weight: 600; font-family: 'Inter', sans-serif;\r\n      text-decoration: none; transition: background 0.15s;\r\n    }\r\n    .ty-btn:hover { background: #0c3480; }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       QU\u00c9 ENCONTRAR\u00c1S\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .inside { padding: 80px 120px; }\r\n    .sec-tag {\r\n      font-size: 12px; font-weight: 600; color: #0A2D6E;\r\n      text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 10px;\r\n    }\r\n    .inside h2 { font-size: 32px; font-weight: 700; color: #111; margin-bottom: 36px; line-height: 1.3; }\r\n    .inside-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }\r\n    .inside-card {\r\n      background: #F4F5F7; border: 1px solid #e5e7eb;\r\n      border-radius: 14px; padding: 28px;\r\n    }\r\n    .ic-icon {\r\n      width: 44px; height: 44px; background: #E6EBF7; border-radius: 10px;\r\n      display: flex; align-items: center; justify-content: center; margin-bottom: 16px;\r\n    }\r\n    .ic-icon i { font-size: 22px; color: #0A2D6E; }\r\n    .inside-card h4 { font-size: 15px; font-weight: 600; color: #111; margin-bottom: 8px; }\r\n    .inside-card p  { font-size: 13px; color: #6b7280; line-height: 1.6; }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       FRANJA DE DATOS\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .data-strip { background: #0A2D6E; padding: 72px 120px; }\r\n    .ds-label {\r\n      font-size: 12px; font-weight: 600; color: #F5C842;\r\n      text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 24px;\r\n    }\r\n    .ds-grid {\r\n      display: grid; grid-template-columns: repeat(3, 1fr);\r\n      gap: 1px; background: rgba(255,255,255,0.1);\r\n      border-radius: 16px; overflow: hidden;\r\n    }\r\n    .ds-item { background: rgba(255,255,255,0.05); padding: 36px 20px; text-align: center; }\r\n    .ds-num  { font-size: 32px; font-weight: 700; color: #F5C842; }\r\n    .ds-desc { font-size: 13px; color: #6A8BAE; line-height: 1.5; margin-top: 8px; }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       FAQ\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .faq { padding: 80px 120px; }\r\n    .faq h2 { font-size: 32px; font-weight: 700; color: #111; margin-bottom: 28px; }\r\n    .faq-item { border-bottom: 1px solid #e5e7eb; }\r\n    .faq-q {\r\n      font-size: 16px; font-weight: 500; color: #111;\r\n      display: flex; justify-content: space-between; align-items: center;\r\n      padding: 22px 0; cursor: pointer; gap: 16px; user-select: none;\r\n    }\r\n    .faq-q i { font-size: 18px; color: #9ca3af; min-width: 18px; transition: transform 0.2s; flex-shrink: 0; }\r\n    .faq-a {\r\n      font-size: 15px; color: #6b7280;\r\n      line-height: 1.7; padding-bottom: 22px; display: none;\r\n    }\r\n    .faq-a.open { display: block; }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       CTA FINAL\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .cta-final { background: #F5C842; padding: 80px 120px; text-align: center; }\r\n    .cta-final h2 { font-size: 36px; font-weight: 700; color: #0A2D6E; margin-bottom: 14px; }\r\n    .cta-final p  { font-size: 17px; color: #1A3A6E; margin-bottom: 36px; line-height: 1.65; }\r\n    .cta-btn {\r\n      display: inline-flex; align-items: center; gap: 10px;\r\n      background: #0A2D6E; color: #fff; font-size: 17px; font-weight: 600;\r\n      padding: 18px 40px; border-radius: 10px; border: none;\r\n      cursor: pointer; font-family: 'Inter', sans-serif;\r\n      transition: background 0.15s;\r\n    }\r\n    .cta-btn:hover { background: #0c3480; }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       FOOTER\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .footer {\r\n      padding: 28px 120px; border-top: 1px solid #e5e7eb;\r\n      display: flex; align-items: center; justify-content: space-between;\r\n      flex-wrap: wrap; gap: 12px;\r\n    }\r\n    .footer-l { font-size: 13px; color: #9ca3af; }\r\n    .footer-links { display: flex; gap: 24px; }\r\n    .footer-links a { font-size: 13px; color: #9ca3af; text-decoration: none; }\r\n    .footer-links a:hover { color: #0A2D6E; }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       RESPONSIVE \u2014 TABLET (\u2264 1024px)\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 1024px) {\r\n      .lp { width: 100%; }\r\n      .hero          { padding: 48px 48px 56px; }\r\n      .hero h1       { font-size: 38px; }\r\n      .hero-body     { grid-template-columns: 1fr 260px; gap: 48px; }\r\n      .hero-cover-placeholder { width: 200px; height: 266px; }\r\n      .form-wrap     { padding: 56px 48px; }\r\n      .inside        { padding: 60px 48px; }\r\n      .inside-grid   { grid-template-columns: repeat(2, 1fr); }\r\n      .data-strip    { padding: 56px 48px; }\r\n      .faq           { padding: 60px 48px; }\r\n      .cta-final     { padding: 60px 48px; }\r\n      .footer        { padding: 24px 48px; }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       RESPONSIVE \u2014 M\u00d3VIL (\u2264 640px)\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 640px) {\r\n      .lp { width: 100%; box-shadow: none; }\r\n      .hero          { padding: 32px 20px 40px; }\r\n      .hero-logo img { height: 42px; }\r\n      .hero h1       { font-size: 26px; letter-spacing: -0.3px; }\r\n      .hero-sub      { font-size: 14px; margin-bottom: 32px; }\r\n      .hero-body     { grid-template-columns: 1fr; gap: 32px; }\r\n      .hero-cover-wrap { order: -1; }\r\n      .hero-cover-placeholder { width: 160px; height: 213px; margin: 0 auto; }\r\n      .hero-cover-img { max-width: 180px; margin: 0 auto; }\r\n\r\n      .stats-row     { flex-direction: column; }\r\n      .stat-box      { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }\r\n      .stat-box:last-child { border-bottom: none; }\r\n\r\n      .form-wrap     { padding: 32px 20px; }\r\n      .form-card     { padding: 22px; }\r\n      .f-row         { grid-template-columns: 1fr; gap: 0; }\r\n\r\n      .inside        { padding: 40px 20px; }\r\n      .inside-grid   { grid-template-columns: 1fr; }\r\n\r\n      .data-strip    { padding: 36px 20px; }\r\n      .ds-grid       { grid-template-columns: 1fr; }\r\n      .ds-item       { border-bottom: 1px solid rgba(255,255,255,0.08); }\r\n      .ds-item:last-child { border-bottom: none; }\r\n      .ds-num        { font-size: 24px; }\r\n\r\n      .faq           { padding: 40px 20px; }\r\n      .faq h2, .inside h2, .form-hd h2, .cta-final h2 { font-size: 22px; }\r\n\r\n      .cta-final     { padding: 40px 20px; }\r\n      .cta-btn       { width: 100%; justify-content: center; font-size: 15px; padding: 16px 24px; }\r\n\r\n      .footer        { padding: 20px; flex-direction: column; align-items: flex-start; }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       RESPONSIVE \u2014 M\u00d3VIL PEQUE\u00d1O (\u2264 380px)\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 380px) {\r\n      .hero h1 { font-size: 22px; }\r\n      .stat-num { font-size: 20px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"lp\">\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       HERO\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"hero\">\r\n\r\n    <!-- Logo blanco sobre fondo azul -->\r\n    <!-- \u25bc REEMPLAZA src con la ruta real del logo blanco en tu servidor \u25bc -->\r\n    <a href=\"https:\/\/amchambaq.com\" class=\"hero-logo\" target=\"_blank\">\r\n      <img decoding=\"async\" src=\"HORIZONTAL_BLANCO_ATL_Y_MAG_2026.png\"\r\n           alt=\"AmCham Colombia \u2014 C\u00e1mara de Comercio Colombo Americana Atl\u00e1ntico y Magdalena\" \/>\r\n    <\/a>\r\n\r\n    <div class=\"hero-body\">\r\n\r\n      <!-- Columna izquierda: texto -->\r\n      <div class=\"hero-left\">\r\n        <div class=\"hero-tag\">\r\n          <i class=\"ti ti-file-download\"><\/i>\r\n          Gu\u00eda gratuita \u00b7 Descarga inmediata\r\n        <\/div>\r\n\r\n        <h1>\r\n          \u00bfTu empresa puede exportar a\r\n          <em>Estados Unidos?<\/em>\r\n        <\/h1>\r\n\r\n        <p class=\"hero-sub\">\r\n          Descarga la gu\u00eda pr\u00e1ctica de AmCham y descubre qu\u00e9 productos del\r\n          Atl\u00e1ntico y Magdalena tienen demanda real en el mercado\r\n          estadounidense \u2014 y c\u00f3mo entrar.\r\n        <\/p>\r\n\r\n        <div class=\"stats-row\">\r\n          <div class=\"stat-box\">\r\n            <div class=\"stat-num\">USD 403M<\/div>\r\n            <div class=\"stat-lbl\">exportados a EE.UU.<br>ene\u2013abr 2026<\/div>\r\n          <\/div>\r\n          <div class=\"stat-box\">\r\n            <div class=\"stat-num\">10+<\/div>\r\n            <div class=\"stat-lbl\">categor\u00edas con<br>alto potencial<\/div>\r\n          <\/div>\r\n          <div class=\"stat-box\">\r\n            <div class=\"stat-num\">200+<\/div>\r\n            <div class=\"stat-lbl\">empresas afiliadas<br>en la regi\u00f3n<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ebook-chips-row\">\r\n          <span class=\"chip\">Agroindustria<\/span>\r\n          <span class=\"chip\">Manufactura<\/span>\r\n          <span class=\"chip\">Caf\u00e9 &amp; Cacao<\/span>\r\n          <span class=\"chip\">Metalmec\u00e1nica<\/span>\r\n          <span class=\"chip\">Palma y derivados<\/span>\r\n          <span class=\"chip\">Pl\u00e1sticos<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Columna derecha: portada del ebook -->\r\n      <div class=\"hero-cover-wrap\">\r\n        <!--\r\n          \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n          PORTADA DEL EBOOK\r\n          ----------------------------------------\r\n          OPCI\u00d3N A \u2014 Tienes imagen de portada:\r\n            Reemplaza el bloque placeholder de abajo\r\n            por esta etiqueta:\r\n\r\n            <img decoding=\"async\" src=\"portada_ebook.jpg\"\r\n                 alt=\"Portada gu\u00eda de exportaci\u00f3n EE.UU.\"\r\n                 class=\"hero-cover-img\" \/>\r\n\r\n          OPCI\u00d3N B \u2014 A\u00fan no tienes imagen:\r\n            Deja el bloque placeholder tal como est\u00e1.\r\n            Cuando tengas la imagen, haz el reemplazo.\r\n          \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n        -->\r\n        <div class=\"hero-cover-placeholder\">\r\n          <div class=\"hcp-top\"><span>AMCHAM<\/span><\/div>\r\n          <div class=\"hcp-body\">\r\n            <i class=\"ti ti-world-upload\"><\/i>\r\n            <p>Productos del Atl\u00e1ntico y Magdalena con potencial en EE.UU.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <span class=\"cover-caption\">Portada del ebook \u2014 reemplazar con imagen real<\/span>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/.hero-body -->\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       FORMULARIO\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"form-wrap\" id=\"form-anchor\">\r\n    <div class=\"form-inner\">\r\n      <div class=\"form-hd\">\r\n        <h2>Accede a la gu\u00eda gratis ahora<\/h2>\r\n        <p>Completa tus datos y descarga el documento de inmediato<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"form-card\" id=\"form-card\">\r\n        <div class=\"f-row\">\r\n          <div class=\"f-grp\" id=\"grp-nombre\">\r\n            <label for=\"fn\">Nombre *<\/label>\r\n            <input type=\"text\" id=\"fn\" name=\"nombre\" placeholder=\"Tu nombre\" autocomplete=\"given-name\" \/>\r\n            <span class=\"f-error\">Por favor ingresa tu nombre<\/span>\r\n          <\/div>\r\n          <div class=\"f-grp\" id=\"grp-empresa\">\r\n            <label for=\"fe\">Empresa *<\/label>\r\n            <input type=\"text\" id=\"fe\" name=\"empresa\" placeholder=\"Nombre de tu empresa\" autocomplete=\"organization\" \/>\r\n            <span class=\"f-error\">Por favor ingresa tu empresa<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"f-grp\" id=\"grp-email\">\r\n          <label for=\"fm\">Correo electr\u00f3nico *<\/label>\r\n          <input type=\"email\" id=\"fm\" name=\"email\" placeholder=\"correo@empresa.com\" autocomplete=\"email\" \/>\r\n          <span class=\"f-error\">Por favor ingresa un correo v\u00e1lido<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"f-row\">\r\n          <div class=\"f-grp\" id=\"grp-tel\">\r\n            <label for=\"ft\">Tel\u00e9fono \/ WhatsApp *<\/label>\r\n            <input type=\"tel\" id=\"ft\" name=\"telefono\" placeholder=\"+57 300 000 0000\" autocomplete=\"tel\" \/>\r\n            <span class=\"f-error\">Por favor ingresa tu tel\u00e9fono<\/span>\r\n          <\/div>\r\n          <div class=\"f-grp\" id=\"grp-sector\">\r\n            <label for=\"fs\">Sector *<\/label>\r\n            <select id=\"fs\" name=\"sector\">\r\n              <option value=\"\">Selecciona...<\/option>\r\n              <option value=\"Agroindustria \/ Alimentos\">Agroindustria \/ Alimentos<\/option>\r\n              <option value=\"Palma y derivados\">Palma y derivados<\/option>\r\n              <option value=\"Caf\u00e9 \/ Cacao\">Caf\u00e9 \/ Cacao<\/option>\r\n              <option value=\"Manufactura \/ Aluminio\">Manufactura \/ Aluminio<\/option>\r\n              <option value=\"Metalmec\u00e1nica\">Metalmec\u00e1nica<\/option>\r\n              <option value=\"Pl\u00e1sticos \/ Empaques\">Pl\u00e1sticos \/ Empaques<\/option>\r\n              <option value=\"Materiales de construcci\u00f3n\">Materiales de construcci\u00f3n<\/option>\r\n              <option value=\"Textil \/ Confecci\u00f3n\">Textil \/ Confecci\u00f3n<\/option>\r\n              <option value=\"Pesca \/ Acuicultura\">Pesca \/ Acuicultura<\/option>\r\n              <option value=\"Otro\">Otro<\/option>\r\n            <\/select>\r\n            <span class=\"f-error\">Por favor selecciona un sector<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"f-submit\" id=\"btn-submit\" onclick=\"submitForm()\">\r\n          <span class=\"btn-text\">\r\n            <i class=\"ti ti-download\"><\/i>\r\n            Descargar gu\u00eda gratuita\r\n          <\/span>\r\n        <\/button>\r\n        <div class=\"f-trust\">\r\n          <i class=\"ti ti-lock\"><\/i>\r\n          <span>Tus datos est\u00e1n seguros. Sin spam.<\/span>\r\n        <\/div>\r\n      <\/div><!-- \/.form-card -->\r\n\r\n      <!-- Pantalla de gracias -->\r\n      <div class=\"ty\" id=\"thankyou\">\r\n        <div class=\"ty-circle\"><i class=\"ti ti-circle-check\"><\/i><\/div>\r\n        <h3>\u00a1Tu gu\u00eda est\u00e1 lista para descargar!<\/h3>\r\n        <p>\r\n          Tambi\u00e9n te enviamos el enlace al correo registrado.<br>\r\n          Si no lo ves en tu bandeja principal, revisa la carpeta de spam.\r\n        <\/p>\r\n        <!-- \u25bc REEMPLAZA href con el link real del ebook PDF \u25bc -->\r\n        <a href=\"ENLACE_DEL_EBOOK_AQUI\" target=\"_blank\" class=\"ty-btn\">\r\n          <i class=\"ti ti-download\"><\/i>\r\n          Descargar ahora\r\n        <\/a>\r\n      <\/div>\r\n    <\/div><!-- \/.form-inner -->\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       QU\u00c9 ENCONTRAR\u00c1S\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"inside\">\r\n    <div class=\"sec-tag\">Qu\u00e9 encontrar\u00e1s en la gu\u00eda<\/div>\r\n    <h2>Informaci\u00f3n concreta para tomar decisiones de exportaci\u00f3n<\/h2>\r\n    <div class=\"inside-grid\">\r\n      <div class=\"inside-card\">\r\n        <div class=\"ic-icon\"><i class=\"ti ti-chart-bar\"><\/i><\/div>\r\n        <h4>Top 10 categor\u00edas exportadoras<\/h4>\r\n        <p>Ranking real de productos con mayor valor exportado ene\u2013abr 2026.<\/p>\r\n      <\/div>\r\n      <div class=\"inside-card\">\r\n        <div class=\"ic-icon\"><i class=\"ti ti-trending-up\"><\/i><\/div>\r\n        <h4>Categor\u00edas con alto crecimiento<\/h4>\r\n        <p>Aluminio reciclado +102%, fungicidas +208%, caf\u00e9 +64%. D\u00f3nde est\u00e1 la oportunidad.<\/p>\r\n      <\/div>\r\n      <div class=\"inside-card\">\r\n        <div class=\"ic-icon\"><i class=\"ti ti-map-pin\"><\/i><\/div>\r\n        <h4>An\u00e1lisis por sector y depto.<\/h4>\r\n        <p>Qu\u00e9 exporta Atl\u00e1ntico vs. Magdalena y d\u00f3nde puede crecer cada empresa.<\/p>\r\n      <\/div>\r\n      <div class=\"inside-card\">\r\n        <div class=\"ic-icon\"><i class=\"ti ti-checklist\"><\/i><\/div>\r\n        <h4>Requisitos de entrada<\/h4>\r\n        <p>FDA, etiquetado y certificaciones explicadas de forma pr\u00e1ctica por categor\u00eda.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       FRANJA DE DATOS\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"data-strip\">\r\n    <div class=\"ds-label\">Datos reales \u00b7 Ene\u2013Abr 2026<\/div>\r\n    <div class=\"ds-grid\">\r\n      <div class=\"ds-item\">\r\n        <div class=\"ds-num\">USD 227M<\/div>\r\n        <div class=\"ds-desc\">Aceite de palma exportado a EE.UU.<\/div>\r\n      <\/div>\r\n      <div class=\"ds-item\">\r\n        <div class=\"ds-num\">USD 208M<\/div>\r\n        <div class=\"ds-desc\">Banano Cavendish del Magdalena<\/div>\r\n      <\/div>\r\n      <div class=\"ds-item\">\r\n        <div class=\"ds-num\">USD 182M<\/div>\r\n        <div class=\"ds-desc\">Aluminio industrial del Atl\u00e1ntico<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       FAQ\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"faq\">\r\n    <div class=\"sec-tag\">Preguntas frecuentes<\/div>\r\n    <h2>Resolvemos tus dudas<\/h2>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        \u00bfLa gu\u00eda es gratuita?\r\n        <i class=\"ti ti-chevron-down\"><\/i>\r\n      <\/div>\r\n      <div class=\"faq-a\">S\u00ed, completamente gratuita. Solo necesitas dejar tus datos de contacto para acceder a la descarga inmediata.<\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        \u00bfDebo ser afiliado a AmCham para descargarla?\r\n        <i class=\"ti ti-chevron-down\"><\/i>\r\n      <\/div>\r\n      <div class=\"faq-a\">No. La gu\u00eda est\u00e1 disponible para cualquier empresario interesado en exportar, sea o no afiliado a AmCham.<\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        \u00bfQu\u00e9 pasa con mis datos?\r\n        <i class=\"ti ti-chevron-down\"><\/i>\r\n      <\/div>\r\n      <div class=\"faq-a\">Tus datos solo ser\u00e1n usados por AmCham Atl\u00e1ntico y Magdalena para enviarte informaci\u00f3n de valor sobre comercio exterior. No los compartimos con terceros.<\/div>\r\n    <\/div>\r\n    <div class=\"faq-item\">\r\n      <div class=\"faq-q\" onclick=\"toggleFaq(this)\">\r\n        \u00bfQu\u00e9 beneficios tiene afiliarme a AmCham?\r\n        <i class=\"ti ti-chevron-down\"><\/i>\r\n      <\/div>\r\n      <div class=\"faq-a\">Redes de contacto binacionales, asesor\u00eda en comercio exterior, eventos de networking, visibilidad ante empresas estadounidenses y acompa\u00f1amiento en internacionalizaci\u00f3n. Al registrarte, un asesor puede contarte en detalle.<\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       CTA FINAL\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <section class=\"cta-final\">\r\n    <h2>\u00bfTu empresa est\u00e1 lista para el siguiente paso?<\/h2>\r\n    <p>Descarga la gu\u00eda y descubre si tu producto tiene potencial en el mercado m\u00e1s grande del mundo.<\/p>\r\n    <button class=\"cta-btn\" onclick=\"scrollToForm()\">\r\n      <i class=\"ti ti-download\"><\/i>\r\n      Descargar la gu\u00eda gratis\r\n    <\/button>\r\n  <\/section>\r\n\r\n  <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       FOOTER\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n  <footer class=\"footer\">\r\n    <span class=\"footer-l\">\u00a9 2026 AmCham Atl\u00e1ntico y Magdalena<\/span>\r\n    <div class=\"footer-links\">\r\n      <a href=\"#\">Pol\u00edtica de privacidad<\/a>\r\n      <a href=\"https:\/\/amchambaq.com\" target=\"_blank\">Sitio web<\/a>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/div><!-- \/.lp -->\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SCRIPT DE ENV\u00cdO \u2014 PHP MAIL V\u00cdA HOSTING PROPIO\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     Este formulario env\u00eda los datos a un archivo PHP (send.php)\r\n     que deber\u00e1s subir a la misma carpeta en tu hosting.\r\n     El archivo send.php est\u00e1 incluido como segundo archivo\r\n     en esta entrega. Solo debes:\r\n       1. Subir amcham_landing.html  \u2192  tu servidor\r\n       2. Subir send.php             \u2192  misma carpeta\r\n       3. Listo. Los datos llegan a comunicaciones@amchambaq.com\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n  function scrollToForm() {\r\n    document.getElementById('form-anchor').scrollIntoView({ behavior: 'smooth' });\r\n  }\r\n\r\n  function toggleFaq(el) {\r\n    const ans  = el.nextElementSibling;\r\n    const icon = el.querySelector('i');\r\n    const open = ans.classList.contains('open');\r\n    document.querySelectorAll('.faq-a').forEach(a => a.classList.remove('open'));\r\n    document.querySelectorAll('.faq-q i').forEach(i => i.style.transform = '');\r\n    if (!open) {\r\n      ans.classList.add('open');\r\n      icon.style.transform = 'rotate(180deg)';\r\n    }\r\n  }\r\n\r\n  function submitForm() {\r\n    const nombre  = document.getElementById('fn').value.trim();\r\n    const empresa = document.getElementById('fe').value.trim();\r\n    const email   = document.getElementById('fm').value.trim();\r\n    const tel     = document.getElementById('ft').value.trim();\r\n    const sector  = document.getElementById('fs').value;\r\n\r\n    \/\/ Limpiar errores previos\r\n    document.querySelectorAll('.f-grp').forEach(g => g.classList.remove('has-error'));\r\n\r\n    \/\/ Validar\r\n    let ok = true;\r\n    if (!nombre)                      { showError('grp-nombre');  ok = false; }\r\n    if (!empresa)                     { showError('grp-empresa'); ok = false; }\r\n    if (!email || !validEmail(email)) { showError('grp-email');   ok = false; }\r\n    if (!tel)                         { showError('grp-tel');     ok = false; }\r\n    if (!sector)                      { showError('grp-sector');  ok = false; }\r\n    if (!ok) return;\r\n\r\n    \/\/ Estado de carga\r\n    const btn = document.getElementById('btn-submit');\r\n    btn.classList.add('loading');\r\n\r\n    \/\/ Env\u00edo al archivo PHP en el mismo servidor\r\n    fetch('send.php', {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application\/json' },\r\n      body: JSON.stringify({ nombre, empresa, email, telefono: tel, sector })\r\n    })\r\n    .then(res => res.json())\r\n    .then(data => {\r\n      if (data.ok) {\r\n        document.getElementById('form-card').style.display = 'none';\r\n        document.getElementById('thankyou').classList.add('show');\r\n      } else {\r\n        btn.classList.remove('loading');\r\n        btn.innerHTML = '<span class=\"btn-text\"><i class=\"ti ti-download\"><\/i> Descargar gu\u00eda gratuita<\/span>';\r\n        alert('Hubo un error al enviar. Por favor intenta de nuevo.\\n' + (data.msg || ''));\r\n      }\r\n    })\r\n    .catch(() => {\r\n      btn.classList.remove('loading');\r\n      btn.innerHTML = '<span class=\"btn-text\"><i class=\"ti ti-download\"><\/i> Descargar gu\u00eda gratuita<\/span>';\r\n      alert('Sin conexi\u00f3n o error del servidor. Por favor intenta de nuevo.');\r\n    });\r\n  }\r\n\r\n  function showError(id)    { document.getElementById(id).classList.add('has-error'); }\r\n  function validEmail(e)    { return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(e); }\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"Gu\u00eda de Exportaci\u00f3n a EE.UU. \u2014 AmCham Atl\u00e1ntico y Magdalena Gu\u00eda gratuita \u00b7 Descarga inmediata \u00bfTu empresa puede exportar a Estados Unidos? Descarga la gu\u00eda pr\u00e1ctica de AmCham y descubre qu\u00e9 productos del Atl\u00e1ntico y Magdalena tienen demanda real en el mercado estadounidense \u2014 y c\u00f3mo entrar. USD 403M exportados a EE.UU.ene\u2013abr 2026 10+ categor\u00edas","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.amchambaq.com\/en\/wp-json\/wp\/v2\/pages\/17447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amchambaq.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.amchambaq.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.amchambaq.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amchambaq.com\/en\/wp-json\/wp\/v2\/comments?post=17447"}],"version-history":[{"count":2,"href":"https:\/\/www.amchambaq.com\/en\/wp-json\/wp\/v2\/pages\/17447\/revisions"}],"predecessor-version":[{"id":17449,"href":"https:\/\/www.amchambaq.com\/en\/wp-json\/wp\/v2\/pages\/17447\/revisions\/17449"}],"wp:attachment":[{"href":"https:\/\/www.amchambaq.com\/en\/wp-json\/wp\/v2\/media?parent=17447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}