{"id":4153,"date":"2026-08-21T09:57:50","date_gmt":"2026-08-21T09:57:50","guid":{"rendered":"https:\/\/softwaresnu.com\/?page_id=4153"},"modified":"2026-08-24T19:49:13","modified_gmt":"2026-08-24T19:49:13","slug":"contactanos","status":"publish","type":"page","link":"https:\/\/softwaresnu.com\/en\/contactanos\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n SNU Quality \u2014 Software de Sistema Integrado de Gesti\u00f3n (HSEQ, SG-SST e ISO)<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n <!-- Google reCAPTCHA v2 -->\r\n <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\r\n <style>\r\n \/* ====== Tokens de Dise\u00f1o Snu Quality (Design System) ====== *\/\r\n :root {\r\n --primary: #1890ff;\r\n --primary-dark: #0050b3;\r\n --primary-light: #e6f7ff;\r\n --success: #52c41a;\r\n --success-light: #f6ffed;\r\n --warning: #faad14;\r\n --warning-light: #fffbe6;\r\n --danger: #ff4d4f;\r\n --danger-light: #fff1f0;\r\n --muted: #64748b;\r\n --bg: #ffffff;\r\n --card: #ffffff;\r\n --border: #e2e8f0;\r\n --border-2: #CBD5E0;\r\n --text: #050E37;\r\n --text-light: #3a4b6e;\r\n --label: #718096;\r\n --radius: 16px;\r\n --radius-sm: 8px;\r\n --shadow: 0 4px 16px rgba(5, 14, 55, .05);\r\n --shadow-hover: 0 10px 24px rgba(255, 115, 0, .12);\r\n --font: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n --font-display: 'Poppins', -apple-system, sans-serif;\r\n --transition: .25s ease;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: var(--font);\r\n color: var(--text);\r\n background: var(--bg);\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n font-size: 15px;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n font-family: var(--font-display);\r\n font-weight: 700;\r\n letter-spacing: -0.01em;\r\n line-height: 1.2;\r\n color: var(--text);\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .material-icons {\r\n font-size: 20px;\r\n line-height: 1;\r\n }\r\n\r\n ::selection {\r\n background: var(--primary);\r\n color: #fff;\r\n }\r\n\r\n a:focus-visible,\r\n button:focus-visible,\r\n input:focus-visible,\r\n select:focus-visible {\r\n outline: 2px solid var(--primary);\r\n outline-offset: 2px;\r\n }\r\n\r\n @media (prefers-reduced-motion: reduce) {\r\n * {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n }\r\n\r\n .wrap {\r\n width: 80%;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(16px);\r\n transition: opacity .5s ease, transform .5s ease;\r\n }\r\n\r\n .reveal.in {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* ---------- Botones Corporativos SNU ---------- *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n justify-content: center;\r\n padding: 11px 22px;\r\n border-radius: var(--radius-sm);\r\n font-size: 14px;\r\n font-weight: 600;\r\n font-family: var(--font);\r\n border: none;\r\n cursor: pointer;\r\n transition: all var(--transition);\r\n text-decoration: none;\r\n line-height: 1.4;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: #fff;\r\n box-shadow: 0 3px 8px rgba(255, 115, 0, .3);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-dark);\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 14px rgba(255, 115, 0, .4);\r\n }\r\n\r\n .btn-outline {\r\n background: #ffffff;\r\n border: 1px solid #d9d9d9;\r\n color: var(--text-light);\r\n }\r\n\r\n .btn-outline:hover {\r\n border-color: var(--primary);\r\n color: var(--primary);\r\n background: var(--primary-light);\r\n }\r\n\r\n .btn-sm {\r\n padding: 7px 14px;\r\n font-size: 13px;\r\n }\r\n\r\n .btn-block {\r\n width: 100%;\r\n }\r\n\r\n \/* ---------- Header ---------- *\/\r\n header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 50;\r\n background: rgba(255, 255, 255, .95);\r\n backdrop-filter: blur(10px);\r\n border-bottom: 1px solid var(--border);\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);\r\n }\r\n\r\n nav.wrap {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 68px;\r\n }\r\n\r\n .logo-box {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .logo-mark {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 9px;\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--text) 100%);\r\n color: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: var(--font-display);\r\n font-weight: 800;\r\n font-size: 14px;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 3px 8px rgba(255, 115, 0, .35);\r\n }\r\n\r\n .logo-text h3 {\r\n font-size: 16px;\r\n line-height: 1.1;\r\n color: var(--text);\r\n margin: 0;\r\n }\r\n\r\n .logo-text small {\r\n font-size: 10.5px;\r\n color: var(--muted);\r\n font-weight: 500;\r\n display: block;\r\n }\r\n\r\n .nav-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n\r\n .top-contact {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13px;\r\n color: var(--text-light);\r\n font-weight: 500;\r\n }\r\n\r\n .top-contact .material-icons {\r\n font-size: 17px;\r\n color: #25D366;\r\n }\r\n\r\n \/* ---------- Badge \/ Eyebrow ---------- *\/\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 14px;\r\n border-radius: 999px;\r\n font-size: 11.5px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: .6px;\r\n background: var(--primary-light);\r\n color: var(--text);\r\n margin-bottom: 16px;\r\n border: 1px solid #ffd8b8;\r\n }\r\n\r\n .badge .dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #52c41a;\r\n box-shadow: 0 0 0 2px rgba(82, 196, 26, 0.2);\r\n }\r\n\r\n \/* ---------- Hero ---------- *\/\r\n .hero {\r\n padding: 48px 0 24px;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1.08fr 0.92fr;\r\n gap: 40px;\r\n align-items: start;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 34px;\r\n line-height: 1.2;\r\n margin-bottom: 14px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .hero h1 .accent {\r\n color: var(--primary);\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--text) 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .hero p.lead {\r\n font-size: 15px;\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .lead-list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .lead-list li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n font-size: 13.5px;\r\n color: var(--text);\r\n line-height: 1.4;\r\n }\r\n\r\n .lead-list .ico {\r\n width: 22px;\r\n height: 22px;\r\n border-radius: 6px;\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n border: 1px solid #ffd8b8;\r\n }\r\n\r\n .lead-list .ico .material-icons {\r\n font-size: 14px;\r\n }\r\n\r\n \/* ---------- Form Card Snu Quality (Modern Input Group) ---------- *\/\r\n .form-card {\r\n background: var(--card);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: 0 12px 30px rgba(5, 14, 55, 0.08);\r\n overflow: hidden;\r\n }\r\n\r\n .form-card__header {\r\n padding: 16px 22px;\r\n background: #fafafa;\r\n border-bottom: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n }\r\n\r\n .form-card__header h2 {\r\n font-size: 16.5px;\r\n color: var(--text);\r\n }\r\n\r\n .form-card__body {\r\n padding: 22px;\r\n }\r\n\r\n .form-card__body .fsub {\r\n font-size: 12.5px;\r\n color: var(--muted);\r\n margin-bottom: 16px;\r\n }\r\n\r\n \/* Regla de dise\u00f1o: modern-input-group *\/\r\n .modern-input-group {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .modern-input-group label {\r\n font-size: 11px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n color: #718096;\r\n margin-bottom: 6px;\r\n display: block;\r\n letter-spacing: .03em;\r\n }\r\n\r\n .modern-control {\r\n border-radius: 8px !important;\r\n border: 1px solid #CBD5E0 !important;\r\n padding: 8px 12px !important;\r\n font-size: 13px !important;\r\n background-color: #FFFFFF !important;\r\n box-shadow: none !important;\r\n height: auto !important;\r\n width: 100%;\r\n font-family: var(--font);\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease !important;\r\n }\r\n\r\n .modern-control:focus {\r\n border-color: #3182CE !important;\r\n box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15) !important;\r\n outline: none;\r\n }\r\n\r\n .row-2 {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .form-fine {\r\n font-size: 11px;\r\n color: var(--muted);\r\n text-align: center;\r\n margin-top: 12px;\r\n line-height: 1.35;\r\n }\r\n\r\n \/* ---------- Value stats strip ---------- *\/\r\n .value-strip {\r\n padding: 30px 0 10px;\r\n }\r\n\r\n .stat-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 14px;\r\n }\r\n\r\n .stat-card {\r\n background: var(--card);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: 18px;\r\n box-shadow: var(--shadow);\r\n transition: transform var(--transition), box-shadow var(--transition);\r\n }\r\n\r\n .stat-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-hover);\r\n }\r\n\r\n .stat-card__icon {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .stat-card__icon .material-icons {\r\n font-size: 19px;\r\n }\r\n\r\n .stat-card__icon--primary {\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n }\r\n\r\n .stat-card__icon--success {\r\n background: #f6ffed;\r\n color: #52c41a;\r\n }\r\n\r\n .stat-card__icon--warning {\r\n background: #fffbe6;\r\n color: #faad14;\r\n }\r\n\r\n .stat-card__icon--danger {\r\n background: #fff1f0;\r\n color: #ff4d4f;\r\n }\r\n\r\n .stat-card__value {\r\n font-family: var(--font-display);\r\n font-size: 20px;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n }\r\n\r\n .stat-card__label {\r\n font-size: 12px;\r\n color: var(--muted);\r\n margin-top: 4px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ---------- Vista previa del producto (Informes Gerenciales con IA SNU Quality) ---------- *\/\r\n .preview {\r\n padding: 60px 0 50px;\r\n position: relative;\r\n }\r\n\r\n .preview-grid {\r\n display: grid;\r\n grid-template-columns: 0.95fr 1.05fr;\r\n gap: 44px;\r\n align-items: center;\r\n }\r\n\r\n .preview-content h2 {\r\n font-size: 26px;\r\n line-height: 1.25;\r\n margin-bottom: 14px;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .preview-content p.preview-lead {\r\n font-size: 14.5px;\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .preview-features {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n margin-bottom: 26px;\r\n }\r\n\r\n .preview-feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n }\r\n\r\n .preview-feature-icon {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .preview-feature-icon .material-icons {\r\n font-size: 18px;\r\n }\r\n\r\n .preview-feature-icon--blue {\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n }\r\n\r\n .preview-feature-icon--green {\r\n background: #f6ffed;\r\n color: #52c41a;\r\n }\r\n\r\n .preview-feature-icon--purple {\r\n background: rgba(147, 51, 234, 0.12);\r\n color: #9333ea;\r\n }\r\n\r\n .preview-feature-text strong {\r\n display: block;\r\n font-size: 13.5px;\r\n color: var(--text);\r\n font-weight: 600;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .preview-feature-text span {\r\n font-size: 12.5px;\r\n color: var(--muted);\r\n line-height: 1.4;\r\n }\r\n\r\n .preview-actions {\r\n display: flex;\r\n gap: 12px;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Mockup Informe Gerencial Container *\/\r\n .mock-report-card {\r\n background: #ffffff;\r\n border: 1px solid #e8e8e8;\r\n border-radius: 16px;\r\n box-shadow: 0 16px 36px rgba(5, 14, 55, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);\r\n overflow: hidden;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .mock-report-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 20px 42px rgba(255, 115, 0, 0.14);\r\n }\r\n\r\n \/* Ribbon de Fechas Est\u00e1ndar SNU *\/\r\n .mock-ribbon {\r\n background: #f5f7fc;\r\n border-bottom: 1px solid #e2e8f0;\r\n padding: 10px 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .mock-ribbon-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .mock-ribbon-icon {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 6px;\r\n background: var(--primary-light);\r\n border: 1px solid #ffd8b8;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--primary);\r\n }\r\n\r\n .mock-ribbon-icon .material-icons {\r\n font-size: 16px;\r\n }\r\n\r\n .mock-ribbon-title h5 {\r\n margin: 0;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--text);\r\n line-height: 1.2;\r\n }\r\n\r\n .mock-ribbon-title small {\r\n color: #64748b;\r\n font-size: 10px;\r\n }\r\n\r\n .mock-ribbon-controls {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .mock-date-box {\r\n display: flex;\r\n align-items: center;\r\n background: #ffffff;\r\n border: 1px solid #d9d9d9;\r\n border-radius: 6px;\r\n padding: 3px 8px;\r\n font-size: 11px;\r\n color: #334155;\r\n gap: 6px;\r\n }\r\n\r\n .mock-date-box .material-icons {\r\n font-size: 14px;\r\n color: var(--primary);\r\n }\r\n\r\n .mock-btn-sm {\r\n padding: 4px 10px;\r\n border-radius: 6px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n border: none;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n\r\n .mock-btn-export {\r\n background: #ffffff;\r\n border: 1px solid #d9d9d9;\r\n color: #475569;\r\n }\r\n\r\n .mock-btn-refresh {\r\n background: var(--primary);\r\n color: #ffffff;\r\n }\r\n\r\n \/* Interior del Informe *\/\r\n .mock-report-inner {\r\n padding: 18px 20px 20px;\r\n background: #ffffff;\r\n }\r\n\r\n .mock-report-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .mock-company-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .mock-company-logo {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 6px;\r\n background: var(--primary);\r\n color: #ffffff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 12px;\r\n }\r\n\r\n .mock-company-text h4 {\r\n font-size: 13px;\r\n margin: 0;\r\n color: var(--text);\r\n font-weight: 700;\r\n }\r\n\r\n .mock-company-text small {\r\n font-size: 10.5px;\r\n color: #64748b;\r\n }\r\n\r\n .mock-gen-date {\r\n font-size: 10px;\r\n color: #94a3b8;\r\n text-align: right;\r\n }\r\n\r\n .mock-report-hr {\r\n border: none;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--primary) 0%, var(--text) 100%);\r\n margin: 8px 0 14px 0;\r\n border-radius: 2px;\r\n }\r\n\r\n \/* KPIs Circulares Estilo SNU *\/\r\n .mock-report-kpis {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 10px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .mock-kpi-circle-card {\r\n background: #fafafa;\r\n border: 1px solid #f0f0f0;\r\n border-radius: 8px;\r\n padding: 10px 8px;\r\n text-align: center;\r\n }\r\n\r\n .mock-kpi-circle {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 6px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .mock-kpi-circle--blue {\r\n background: var(--primary-light);\r\n border: 2px solid var(--primary);\r\n color: var(--primary);\r\n }\r\n\r\n .mock-kpi-circle--green {\r\n background: #f6ffed;\r\n border: 2px solid #52c41a;\r\n color: #52c41a;\r\n }\r\n\r\n .mock-kpi-circle--purple {\r\n background: #f9f0ff;\r\n border: 2px solid #722ed1;\r\n color: #722ed1;\r\n }\r\n\r\n .mock-kpi-label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n color: #334155;\r\n margin-bottom: 2px;\r\n }\r\n\r\n .mock-kpi-sub {\r\n font-size: 9.5px;\r\n color: #64748b;\r\n }\r\n\r\n \/* Card Diagn\u00f3stico Narrativo de Inteligencia Artificial (AI) *\/\r\n .mock-ai-report-card {\r\n border: 1px solid var(--primary);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 12px rgba(255, 115, 0, 0.08);\r\n background: #fafafa;\r\n }\r\n\r\n .mock-ai-report-header {\r\n background: var(--primary-light);\r\n border-bottom: 1px solid #ffd8b8;\r\n padding: 8px 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .mock-ai-report-header h4 {\r\n margin: 0;\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--text);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .mock-ai-report-header h4 .material-icons {\r\n font-size: 16px;\r\n color: var(--primary);\r\n }\r\n\r\n .mock-ai-report-badge {\r\n font-size: 10px;\r\n font-weight: 600;\r\n background: #ffffff;\r\n color: var(--primary);\r\n padding: 2px 8px;\r\n border-radius: 999px;\r\n border: 1px solid #ffd8b8;\r\n }\r\n\r\n .mock-ai-report-body {\r\n padding: 12px 14px;\r\n }\r\n\r\n .mock-ai-report-narrative {\r\n font-size: 11.5px;\r\n line-height: 1.6;\r\n color: #334155;\r\n font-style: italic;\r\n margin: 0 0 10px 0;\r\n }\r\n\r\n .mock-ai-report-footer {\r\n border-top: 1px dashed #ffd8b8;\r\n padding-top: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-size: 10px;\r\n color: #64748b;\r\n }\r\n\r\n .mock-ai-certified {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n color: #52c41a;\r\n font-weight: 600;\r\n }\r\n\r\n .mock-ai-certified .material-icons {\r\n font-size: 13px;\r\n }\r\n\r\n \/* ---------- Sector pills ---------- *\/\r\n .sectors {\r\n padding: 20px 0 50px;\r\n }\r\n\r\n .sectors-head {\r\n text-align: center;\r\n margin-bottom: 22px;\r\n }\r\n\r\n .sectors-head h2 {\r\n font-size: 22px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .sectors-head p {\r\n font-size: 13.5px;\r\n color: var(--muted);\r\n }\r\n\r\n .pill-row {\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 16px;\r\n border-radius: 999px;\r\n border: 1px solid var(--border);\r\n background: var(--card);\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--text-light);\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);\r\n transition: all var(--transition);\r\n }\r\n\r\n .pill:hover {\r\n border-color: var(--primary);\r\n color: var(--primary);\r\n }\r\n\r\n .pill .material-icons {\r\n font-size: 16px;\r\n color: var(--primary);\r\n }\r\n\r\n .pill--active {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n color: #fff;\r\n }\r\n\r\n .pill--active .material-icons {\r\n color: #fff;\r\n }\r\n\r\n \/* ---------- Final CTA ---------- *\/\r\n .final {\r\n padding: 10px 0 60px;\r\n }\r\n\r\n .final-card {\r\n background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\r\n border-radius: var(--radius);\r\n padding: 44px;\r\n color: #fff;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 16px 36px rgba(0, 80, 179, 0.2);\r\n }\r\n\r\n .final-card h2 {\r\n color: #fff;\r\n font-size: 24px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .final-card p {\r\n color: rgba(255, 255, 255, .88);\r\n font-size: 14px;\r\n margin-bottom: 22px;\r\n max-width: 460px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.5;\r\n }\r\n\r\n .final-ctas {\r\n display: flex;\r\n gap: 12px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .final-card .btn-outline {\r\n border-color: rgba(255, 255, 255, .6);\r\n color: #fff;\r\n background: transparent;\r\n }\r\n\r\n .final-card .btn-outline:hover {\r\n border-color: #fff;\r\n color: var(--text);\r\n background: #fff;\r\n }\r\n\r\n .final-card .btn-primary {\r\n background: #fff;\r\n color: var(--text);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .final-card .btn-primary:hover {\r\n background: var(--primary-light);\r\n color: var(--primary);\r\n }\r\n\r\n \/* ---------- Footer ---------- *\/\r\n footer {\r\n padding: 22px 0;\r\n border-top: 1px solid var(--border);\r\n background: #ffffff;\r\n }\r\n\r\n footer .wrap {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n font-size: 12px;\r\n color: var(--muted);\r\n }\r\n\r\n \/* ---------- Sticky mobile CTA ---------- *\/\r\n .sticky-cta {\r\n display: none;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 60;\r\n background: #fff;\r\n border-top: 1px solid var(--border);\r\n padding: 10px 18px;\r\n box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n .sticky-cta .btn {\r\n width: 100%;\r\n }\r\n\r\n @media (max-width:980px) {\r\n .wrap {\r\n width: 90%;\r\n }\r\n\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n gap: 32px;\r\n }\r\n\r\n .stat-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .preview-grid {\r\n grid-template-columns: 1fr;\r\n gap: 28px;\r\n }\r\n\r\n .preview-grid .mock-col {\r\n order: -1;\r\n }\r\n\r\n .top-contact {\r\n display: none;\r\n }\r\n }\r\n\r\n @media (max-width:560px) {\r\n .wrap {\r\n width: 95%;\r\n padding: 0 18px;\r\n }\r\n\r\n .hero {\r\n padding: 30px 0 12px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 26px;\r\n }\r\n\r\n .row-2 {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .stat-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .final-card {\r\n padding: 30px 20px;\r\n }\r\n\r\n .final-ctas {\r\n flex-direction: column;\r\n }\r\n\r\n body {\r\n padding-bottom: 72px;\r\n }\r\n\r\n .sticky-cta {\r\n display: block;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"wrap hero-grid\">\r\n <div>\r\n <span class=\"badge\"><span class=\"dot\"><\/span>Software de Gesti\u00f3n ISO & HSEQ<\/span>\r\n <h1>Centraliza la Calidad, Procesos y Seguridad con <span class=\"accent\">SNU Quality<\/span><\/h1>\r\n <p class=\"lead\">Plataforma web integral para la administraci\u00f3n del Sistema Integrado de Gesti\u00f3n (SIG),\r\n Control Documental, SG-SST, Auditor\u00edas e <strong>Informes Gerenciales con Inteligencia\r\n Artificial<\/strong>.<\/p>\r\n <ul class=\"lead-list\">\r\n <li>\r\n <span class=\"ico\"><span class=\"material-icons\">verified<\/span><\/span>\r\n <span><strong>Control Documental 100% digital:<\/strong> Solicitudes de cambio, versiones y\r\n firmas electr\u00f3nicas.<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"ico\"><span class=\"material-icons\">security<\/span><\/span>\r\n <span><strong>SG-SST y HSEQ integral:<\/strong> Matriz de riesgos, inspecciones de seguridad y\r\n actos\/condiciones.<\/span>\r\n <\/li>\r\n <li>\r\n <span class=\"ico\"><span class=\"material-icons\">psychology<\/span><\/span>\r\n <span><strong>Informes Gerenciales con IA:<\/strong> Diagn\u00f3sticos narrativos autom\u00e1ticos\r\n certificados para comit\u00e9s directivos.<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n <!-- Acciones R\u00e1pidas Hero -->\r\n <div class=\"hero-actions\" style=\"margin-top: 24px; display: flex; gap: 12px; flex-wrap: wrap;\">\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=573044458820&text=Hola%2C%20quiero%20hablar%20con%20un%20asesor%20sobre%20SNU%20Quality\" target=\"_blank\" class=\"btn btn-outline\" style=\"border-color: #25D366; color: #128C7E; background: #ffffff;\" rel=\"noopener\">\r\n <span class=\"material-icons\" style=\"color: #25D366; font-size: 18px;\">chat<\/span> Hablar con un\r\n Asesor\r\n <\/a>\r\n <button type=\"button\" class=\"btn btn-outline\" onclick=\"compartirPagina()\"\r\n style=\"border-color: #d9d9d9; color: #475569; background: #ffffff;\">\r\n <span class=\"material-icons\" style=\"font-size: 18px; color: var(--primary);\">share<\/span> Compartir\r\n P\u00e1gina\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-card reveal\" id=\"registro\">\r\n <div class=\"form-card__header\">\r\n <h2>Planea una Reuni\u00f3n con un Asesor<\/h2>\r\n <\/div>\r\n <div class=\"form-card__body\">\r\n <p class=\"fsub\">Coordina una reuni\u00f3n personalizada para evaluar las necesidades y procesos de tu\r\n sistema de gesti\u00f3n.<\/p>\r\n <form id=\"form-registro\">\r\n <div class=\"modern-input-group\">\r\n <label>Nombre del Contacto<\/label>\r\n <input type=\"text\" name=\"nombre\" id=\"nombre\" class=\"modern-control\"\r\n placeholder=\"Ingresa tu nombre y apellido\" required>\r\n <\/div>\r\n <div class=\"modern-input-group\">\r\n <label>Pa\u00eds \/ Ciudad<\/label>\r\n <input type=\"text\" name=\"ciudad\" id=\"ciudad\" class=\"modern-control\"\r\n placeholder=\"Ej. Colombia, Bogot\u00e1...\" required>\r\n <\/div>\r\n <input type=\"hidden\" name=\"empresa\" id=\"empresa\" value=\"Persona Natural \/ No especifica\">\r\n <div class=\"row-2\">\r\n <div class=\"modern-input-group\">\r\n <label>Correo corporativo<\/label>\r\n <input type=\"email\" name=\"correo\" id=\"correo\" class=\"modern-control\"\r\n placeholder=\"tucorreo@empresa.com\" required>\r\n <\/div>\r\n <div class=\"modern-input-group\">\r\n <label>Tel\u00e9fono \/ WhatsApp<\/label>\r\n <input type=\"tel\" name=\"telefono\" id=\"telefono\" class=\"modern-control\"\r\n placeholder=\"300 000 0000\" required>\r\n <\/div>\r\n <\/div>\r\n <input type=\"hidden\" name=\"clasificacion\" id=\"clasificacion\" value=\"Medio\">\r\n\r\n <input type=\"hidden\" name=\"sector\" id=\"sector\" value=\"No especifica\">\r\n\r\n <!-- Google reCAPTCHA v2 Checkbox -->\r\n <div class=\"modern-input-group\"\r\n style=\"display: flex; justify-content: center; margin: 16px 0 14px;\">\r\n <div class=\"g-recaptcha\" data-sitekey=\"6LcvnpEtAAAAALAJkxouJBpnA6WVx5BOxb6Lc0lL\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary btn-block\" type=\"submit\" id=\"btn-submit-form\">Agendar Reuni\u00f3n\r\n \u2192<\/button>\r\n <div id=\"form-feedback\"\r\n style=\"display: none; margin-top: 12px; padding: 10px 14px; border-radius: 8px; font-size: 12.5px; text-align: center;\">\r\n <\/div>\r\n <\/form>\r\n <p class=\"form-fine\">Tus datos est\u00e1n protegidos conforme a la pol\u00edtica de tratamiento de datos de\r\n SNU Quality.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Value Stats Strip -->\r\n <section class=\"value-strip\">\r\n <div class=\"wrap\">\r\n <div class=\"stat-grid\">\r\n <div class=\"stat-card reveal\">\r\n <div class=\"stat-card__icon stat-card__icon--primary\"><span\r\n class=\"material-icons\">folder_shared<\/span><\/div>\r\n <div class=\"stat-card__value\">100%<\/div>\r\n <div class=\"stat-card__label\">Control Documental y trazabilidad de solicitudes de cambio.<\/div>\r\n <\/div>\r\n <div class=\"stat-card reveal\">\r\n <div class=\"stat-card__icon stat-card__icon--success\"><span\r\n class=\"material-icons\">trending_up<\/span><\/div>\r\n <div class=\"stat-card__value\">+40%<\/div>\r\n <div class=\"stat-card__label\">Mayor agilidad en cierre de hallazgos y planes de acci\u00f3n.<\/div>\r\n <\/div>\r\n <div class=\"stat-card reveal\">\r\n <div class=\"stat-card__icon stat-card__icon--warning\"><span class=\"material-icons\">psychology<\/span>\r\n <\/div>\r\n <div class=\"stat-card__value\">IA<\/div>\r\n <div class=\"stat-card__label\">Diagn\u00f3stico Narrativo autom\u00e1tico para Informes Gerenciales.<\/div>\r\n <\/div>\r\n <div class=\"stat-card reveal\">\r\n <div class=\"stat-card__icon stat-card__icon--danger\"><span class=\"material-icons\">verified<\/span>\r\n <\/div>\r\n <div class=\"stat-card__value\">ISO & SIG<\/div>\r\n <div class=\"stat-card__label\">Cumplimiento ISO 9001, 14001, 45001, SOGCS y MIPG.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Showcase: Informes Gerenciales con IA -->\r\n <section class=\"preview\">\r\n <div class=\"wrap preview-grid\">\r\n <div class=\"preview-content reveal\">\r\n <span class=\"badge\"><span class=\"dot\"><\/span>Informes Gerenciales con IA<\/span>\r\n <h2>Informes Gerenciales ejecutivos en segundos, con Inteligencia Artificial.<\/h2>\r\n <p class=\"preview-lead\">Consolida m\u00e9tricas de auditor\u00edas, gesti\u00f3n documental e indicadores de calidad en\r\n reportes interactivos y auditables 1:1, con an\u00e1lisis narrativo autom\u00e1tico listo para tu comit\u00e9\r\n directivo.<\/p>\r\n\r\n <ul class=\"preview-features\">\r\n <li class=\"preview-feature-item\">\r\n <div class=\"preview-feature-icon preview-feature-icon--blue\">\r\n <span class=\"material-icons\">filter_alt<\/span>\r\n <\/div>\r\n <div class=\"preview-feature-text\">\r\n <strong>Par\u00e1metros Ribbon y Exportaci\u00f3n 1 Clic<\/strong>\r\n <span>Filtra por rangos de fecha personalizados y exporta informes ejecutivos a PDF o Excel\r\n sin consolidaci\u00f3n manual.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"preview-feature-item\">\r\n <div class=\"preview-feature-icon preview-feature-icon--purple\">\r\n <span class=\"material-icons\">psychology<\/span>\r\n <\/div>\r\n <div class=\"preview-feature-text\">\r\n <strong>Diagn\u00f3stico Narrativo con Inteligencia Artificial<\/strong>\r\n <span>La IA interpreta los KPIs del per\u00edodo y redacta diagn\u00f3sticos ejecutivos de alta\r\n precisi\u00f3n al instante.<\/span>\r\n <\/div>\r\n <\/li>\r\n <li class=\"preview-feature-item\">\r\n <div class=\"preview-feature-icon preview-feature-icon--green\">\r\n <span class=\"material-icons\">verified<\/span>\r\n <\/div>\r\n <div class=\"preview-feature-text\">\r\n <strong>Auditabilidad 1:1 con Consultas<\/strong>\r\n <span>Cada cifra y gr\u00e1fico del informe coincide exactamente con los registros\r\n transaccionales del sistema.<\/span>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n\r\n\r\n <\/div>\r\n\r\n <div class=\"mock-col reveal\">\r\n <div class=\"mock-report-card\">\r\n <!-- Ribbon de Fechas Estilo SNU Quality -->\r\n <div class=\"mock-ribbon\">\r\n <div class=\"mock-ribbon-left\">\r\n <div class=\"mock-ribbon-icon\">\r\n <span class=\"material-icons\">filter_alt<\/span>\r\n <\/div>\r\n <div class=\"mock-ribbon-title\">\r\n <h5>Par\u00e1metros del Reporte<\/h5>\r\n <small>Filtre los datos por rango de fechas<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mock-ribbon-controls\">\r\n <div class=\"mock-date-box\">\r\n <span class=\"material-icons\">calendar_today<\/span>\r\n <span>01\/01\/2026<\/span>\r\n <span style=\"color:#94a3b8;\">a<\/span>\r\n <span>31\/12\/2026<\/span>\r\n <\/div>\r\n <button type=\"button\" class=\"mock-btn-sm mock-btn-export\">\r\n <span class=\"material-icons\" style=\"font-size:12px;\">download<\/span> Exportar\r\n <\/button>\r\n <button type=\"button\" class=\"mock-btn-sm mock-btn-refresh\">\r\n <span class=\"material-icons\" style=\"font-size:12px;\">refresh<\/span> Actualizar\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Interior del Informe Exportable -->\r\n <div class=\"mock-report-inner\">\r\n <!-- Encabezado Institucional -->\r\n <div class=\"mock-report-header\">\r\n <div class=\"mock-company-tag\">\r\n <div class=\"mock-company-logo\">SNU<\/div>\r\n <div class=\"mock-company-text\">\r\n <h4>INFORME GERENCIAL DE GESTI\u00d3N<\/h4>\r\n <small>Sistema Integrado de Gesti\u00f3n y Calidad<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"mock-gen-date\">\r\n <strong>Generado:<\/strong><br>21\/08\/2026\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mock-report-hr\"><\/div>\r\n\r\n <!-- KPIs Principales Circulares -->\r\n <div class=\"mock-report-kpis\">\r\n <div class=\"mock-kpi-circle-card\">\r\n <div class=\"mock-kpi-circle mock-kpi-circle--blue\">142<\/div>\r\n <div class=\"mock-kpi-label\">Solicitudes<\/div>\r\n <div class=\"mock-kpi-sub\">91.5% Aprobadas<\/div>\r\n <\/div>\r\n <div class=\"mock-kpi-circle-card\">\r\n <div class=\"mock-kpi-circle mock-kpi-circle--green\">98%<\/div>\r\n <div class=\"mock-kpi-label\">Eficacia Cierre<\/div>\r\n <div class=\"mock-kpi-sub\">Dentro de tiempo<\/div>\r\n <\/div>\r\n <div class=\"mock-kpi-circle-card\">\r\n <div class=\"mock-kpi-circle mock-kpi-circle--purple\">100%<\/div>\r\n <div class=\"mock-kpi-label\">Trazabilidad<\/div>\r\n <div class=\"mock-kpi-sub\">ISO 9001:2015<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Diagn\u00f3stico Narrativo de Inteligencia Artificial (AI) -->\r\n <div class=\"mock-ai-report-card\">\r\n <div class=\"mock-ai-report-header\">\r\n <h4>\r\n <span class=\"material-icons\">psychology<\/span>\r\n Diagn\u00f3stico Narrativo de Inteligencia Artificial (AI)\r\n <\/h4>\r\n <span class=\"mock-ai-report-badge\">An\u00e1lisis Autom\u00e1tico<\/span>\r\n <\/div>\r\n <div class=\"mock-ai-report-body\">\r\n <p class=\"mock-ai-report-narrative\">\r\n \"Durante el per\u00edodo evaluado, el sistema de gesti\u00f3n present\u00f3 una optimizaci\u00f3n del\r\n 28% en tiempos de respuesta. Se evidencia alta madurez en el control de cambios y\r\n cero no conformidades cr\u00edticas pendientes de cierre.\"\r\n <\/p>\r\n <div class=\"mock-ai-report-footer\">\r\n <span>Base: 142 registros auditados<\/span>\r\n <div class=\"mock-ai-certified\">\r\n <span class=\"material-icons\">check_circle<\/span>\r\n <span>Certificado con IA SnuQuality<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Sectores Aplicables -->\r\n <section class=\"sectors\">\r\n <div class=\"wrap\">\r\n <div class=\"sectors-head reveal\">\r\n <h2>Dise\u00f1ado para los Principales Sectores<\/h2>\r\n <p>SNU Quality se adapta a las necesidades y procesos espec\u00edficos de tu organizaci\u00f3n.<\/p>\r\n <\/div>\r\n <div class=\"pill-row reveal\">\r\n <span class=\"pill pill--active\"><span class=\"material-icons\">precision_manufacturing<\/span>Industria y\r\n Manufactura<\/span>\r\n <span class=\"pill\"><span class=\"material-icons\">medical_services<\/span>Salud y Cl\u00ednicas<\/span>\r\n <span class=\"pill\"><span class=\"material-icons\">school<\/span>Educaci\u00f3n e Instituciones<\/span>\r\n <span class=\"pill\"><span class=\"material-icons\">account_balance<\/span>Sector P\u00fablico y Gobierno<\/span>\r\n <span class=\"pill\"><span class=\"material-icons\">construction<\/span>Construcci\u00f3n e Infraestructura<\/span>\r\n <span class=\"pill\"><span class=\"material-icons\">local_shipping<\/span>Transporte y Log\u00edstica<\/span>\r\n <span class=\"pill\"><span class=\"material-icons\">restaurant<\/span>Alimentos y Bebidas<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Final CTA -->\r\n <section class=\"final\">\r\n <div class=\"wrap\">\r\n <div class=\"final-card reveal\">\r\n <h2>Tu sistema de gesti\u00f3n listo para auditar y certificar.<\/h2>\r\n <p>Planea una reuni\u00f3n personalizada con un especialista de SNU Quality y conversemos sobre la\r\n digitalizaci\u00f3n y optimizaci\u00f3n de tus procesos.<\/p>\r\n <div class=\"final-ctas\">\r\n <a href=\"#registro\" class=\"btn btn-primary\">Agendar Reuni\u00f3n \u2192<\/a>\r\n <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=573044458820&text=Hola%2C%20quiero%20coordinar%20una%20reuni%C3%B3n%20sobre%20SNU%20Quality\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">Escribir por WhatsApp<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer>\r\n <div class=\"wrap\">\r\n <span>\u00a9 2026 SNU Quality \u2014 Sistema Integrado de Gesti\u00f3n<\/span>\r\n <span>+57 304 445 8820 \u00b7 Soporte y Ventas<\/span>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Sticky Mobile CTA -->\r\n <div class=\"sticky-cta\">\r\n <a href=\"#registro\" class=\"btn btn-primary\">Agendar Reuni\u00f3n \u2192<\/a>\r\n <\/div>\r\n\r\n <!-- Script de interacci\u00f3n y formulario -->\r\n <script>\r\n \/\/ Animaciones reveal\r\n var observer = new IntersectionObserver(function (entries) {\r\n entries.forEach(function (entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('in');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n document.querySelectorAll('.reveal').forEach(function (el) { observer.observe(el); });\r\n\r\n \/\/ Configuraci\u00f3n de la API\r\n const API_CONFIG = {\r\n \/\/ Dominio base de la API\r\n baseUrl: 'https:\/\/snuquality.com\/dsnu\/snuApi',\r\n apiKey: 'sk_4c7afb9b9a0916fb909b5c8c9fb1fffd8f695c927281c7db',\r\n authEndpoint: '\/v1\/auth\/token',\r\n prospectosEndpoint: '\/v1\/crm\/prospectos'\r\n };\r\n\r\n \/\/ Controlador de env\u00edo de formulario conectado a la API\r\n const form = document.querySelector('#form-registro');\r\n const feedbackBox = document.getElementById('form-feedback');\r\n\r\n if (form) {\r\n form.addEventListener('submit', async function (e) {\r\n e.preventDefault();\r\n\r\n const btn = document.getElementById('btn-submit-form') || this.querySelector('button[type=\"submit\"]');\r\n const originalText = btn ? btn.textContent : 'Agendar Reuni\u00f3n \u2192';\r\n\r\n \/\/ Ocultar feedback previo\r\n if (feedbackBox) {\r\n feedbackBox.style.display = 'none';\r\n feedbackBox.innerHTML = '';\r\n }\r\n\r\n \/\/ 0. Validar Google reCAPTCHA\r\n if (typeof grecaptcha !== 'undefined') {\r\n const recaptchaToken = grecaptcha.getResponse();\r\n if (!recaptchaToken) {\r\n if (feedbackBox) {\r\n feedbackBox.style.display = 'block';\r\n feedbackBox.style.background = '#fffbe6';\r\n feedbackBox.style.color = '#d46b08';\r\n feedbackBox.style.border = '1px solid #ffe58f';\r\n feedbackBox.innerHTML = '<strong>Atenci\u00f3n:<\/strong> Por favor confirma la casilla \"No soy un robot\" de reCAPTCHA.';\r\n } else {\r\n alert('Por favor confirma la casilla \"No soy un robot\" de reCAPTCHA.');\r\n }\r\n return;\r\n }\r\n }\r\n\r\n \/\/ Extraer y armar el payload requerido por la API\r\n const payload = {\r\n nombre: (document.getElementById('nombre') || {}).value.trim(),\r\n correo: (document.getElementById('correo') || {}).value.trim(),\r\n telefono: (document.getElementById('telefono') || {}).value.trim(),\r\n empresa: (document.getElementById('empresa') || {}).value.trim(),\r\n ciudad: (document.getElementById('ciudad') || {}).value.trim(),\r\n estado: 'interesado',\r\n clasificacion: (document.getElementById('clasificacion') || {}).value || 'Medio'\r\n };\r\n\r\n \/\/ Estado de carga en la UI\r\n if (btn) {\r\n btn.textContent = 'Enviando solicitud\u2026';\r\n btn.disabled = true;\r\n }\r\n\r\n try {\r\n const cleanBaseUrl = API_CONFIG.baseUrl.replace(\/\\\/+$\/, '');\r\n\r\n \/\/ 1. Solicitar token de autenticaci\u00f3n\r\n const authUrl = `${cleanBaseUrl}${API_CONFIG.authEndpoint}`;\r\n const authResponse = await fetch(authUrl, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json'\r\n },\r\n body: JSON.stringify({\r\n api_key: API_CONFIG.apiKey\r\n })\r\n });\r\n\r\n if (!authResponse.ok) {\r\n const errData = await authResponse.json().catch(() => ({}));\r\n throw new Error(errData.error || `Error en la autenticaci\u00f3n (HTTP ${authResponse.status})`);\r\n }\r\n\r\n const authData = await authResponse.json();\r\n const token = authData.access_token || authData.token;\r\n\r\n if (!token) {\r\n throw new Error('No se recibi\u00f3 el token de autenticaci\u00f3n');\r\n }\r\n\r\n \/\/ 2. Enviar los datos del prospecto con el Bearer Token\r\n const prospectosUrl = `${cleanBaseUrl}${API_CONFIG.prospectosEndpoint}`;\r\n const postResponse = await fetch(prospectosUrl, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n 'Authorization': `Bearer ${token}`\r\n },\r\n body: JSON.stringify(payload)\r\n });\r\n\r\n if (!postResponse.ok) {\r\n const errPostData = await postResponse.json().catch(() => ({}));\r\n throw new Error(errPostData.error || `Error al registrar los datos (HTTP ${postResponse.status})`);\r\n }\r\n\r\n const resultData = await postResponse.json();\r\n console.log('Respuesta API SNU:', resultData);\r\n\r\n \/\/ 3. Notificaci\u00f3n de \u00e9xito\r\n if (feedbackBox) {\r\n feedbackBox.style.display = 'block';\r\n feedbackBox.style.background = '#f6ffed';\r\n feedbackBox.style.color = '#274f13';\r\n feedbackBox.style.border = '1px solid #b7eb8f';\r\n feedbackBox.innerHTML = '<strong>\u00a1Solicitud enviada!<\/strong> Un asesor de SNU Quality se comunicar\u00e1 contigo para coordinar la reuni\u00f3n.';\r\n }\r\n\r\n alert('\u00a1Solicitud enviada con \u00e9xito! Un especialista de SNU Quality se comunicar\u00e1 contigo para coordinar la reuni\u00f3n.');\r\n form.reset();\r\n if (typeof grecaptcha !== 'undefined') {\r\n grecaptcha.reset();\r\n }\r\n\r\n } catch (error) {\r\n console.error('Error enviando formulario:', error);\r\n\r\n if (feedbackBox) {\r\n feedbackBox.style.display = 'block';\r\n feedbackBox.style.background = '#fff1f0';\r\n feedbackBox.style.color = '#a8071a';\r\n feedbackBox.style.border = '1px solid #ffa39e';\r\n feedbackBox.innerHTML = `<strong>Error:<\/strong> ${error.message || 'Ocurri\u00f3 un error al enviar tu solicitud. Intenta nuevamente.'}`;\r\n } else {\r\n alert(`Ocurri\u00f3 un error: ${error.message || 'Error de conexi\u00f3n con la API.'}`);\r\n }\r\n\r\n } finally {\r\n if (btn) {\r\n btn.textContent = originalText;\r\n btn.disabled = false;\r\n }\r\n }\r\n });\r\n }\r\n\r\n \/\/ Funci\u00f3n para compartir la p\u00e1gina\r\n function compartirPagina() {\r\n const shareData = {\r\n title: 'SNU Quality \u2014 Software de Sistema Integrado de Gesti\u00f3n',\r\n text: 'Conoce SNU Quality: Plataforma para la gesti\u00f3n de Calidad, SG-SST, HSEQ e Informes Gerenciales con Inteligencia Artificial.',\r\n url: window.location.href.split('#')[0]\r\n };\r\n\r\n if (navigator.share) {\r\n navigator.share(shareData).catch(err => {\r\n if (err.name !== 'AbortError') {\r\n copiarEnlace(shareData.url);\r\n }\r\n });\r\n } else {\r\n copiarEnlace(shareData.url);\r\n }\r\n }\r\n\r\n function copiarEnlace(url) {\r\n if (navigator.clipboard && navigator.clipboard.writeText) {\r\n navigator.clipboard.writeText(url).then(() => {\r\n alert('\u00a1Enlace de SNU Quality copiado al portapapeles!');\r\n }).catch(() => {\r\n prompt('Copia este enlace para compartir:', url);\r\n });\r\n } else {\r\n prompt('Copia este enlace para compartir:', url);\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SNU Quality \u2014 Software de Sistema Integrado de Gesti\u00f3n (HSEQ, SG-SST e ISO) Software de Gesti\u00f3n ISO & HSEQ Centraliza […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/softwaresnu.com\/en\/wp-json\/wp\/v2\/pages\/4153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softwaresnu.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/softwaresnu.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/softwaresnu.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softwaresnu.com\/en\/wp-json\/wp\/v2\/comments?post=4153"}],"version-history":[{"count":24,"href":"https:\/\/softwaresnu.com\/en\/wp-json\/wp\/v2\/pages\/4153\/revisions"}],"predecessor-version":[{"id":4297,"href":"https:\/\/softwaresnu.com\/en\/wp-json\/wp\/v2\/pages\/4153\/revisions\/4297"}],"wp:attachment":[{"href":"https:\/\/softwaresnu.com\/en\/wp-json\/wp\/v2\/media?parent=4153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}