{"id":15401,"date":"2025-10-31T11:28:19","date_gmt":"2025-10-31T10:28:19","guid":{"rendered":"https:\/\/www.dijit.app\/?page_id=15401"},"modified":"2026-02-12T20:34:22","modified_gmt":"2026-02-12T19:34:22","slug":"comparar-facturas-y-albaranes-con-ia","status":"publish","type":"page","link":"https:\/\/www.dijit.app\/en\/comparar-facturas-y-albaranes-con-ia\/","title":{"rendered":"Comparar facturas y albaranes con IA: Ahorra 90% del tiempo"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Comparar facturas y albaranes con IA - Dijit.app<\/title>\n <meta name=\"description\" content=\"Automatiza la conciliaci\u00f3n de tus documentos contables con IA Premium. Compara facturas y albaranes de forma inteligente con OCR Pro.\">\n \n <!-- JSON-LD Schema -->\n <script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@graph\": [\n {\n \"@type\": \"Organization\",\n \"@id\": \"https:\/\/www.dijit.app\/#organization\",\n \"name\": \"Dijit.app\",\n \"url\": \"https:\/\/www.dijit.app\/\",\n \"logo\": \"https:\/\/www.dijit.app\/wp-content\/uploads\/2022\/07\/cropped-logo-didin-png-sin-fondo.png\",\n \"sameAs\": [\n \"https:\/\/www.linkedin.com\/company\/dijit-app\",\n \"https:\/\/twitter.com\/dijitapp\",\n \"https:\/\/www.facebook.com\/dijitapp\"\n ],\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"contactType\": \"CustomerService\",\n \"telephone\": \"+34650585085\",\n \"email\": \"central@dijit.app\",\n \"availableLanguage\": \"Spanish\"\n },\n \"aggregateRating\": {\n \"@type\": \"AggregateRating\",\n \"ratingValue\": \"4.9\",\n \"reviewCount\": \"2654\",\n \"bestRating\": \"5\",\n \"worstRating\": \"1\"\n }\n },\n {\n \"@type\": \"WebPage\",\n \"@id\": \"https:\/\/www.dijit.app\/comparar-facturas-albaranes-ia\/#webpage\",\n \"url\": \"https:\/\/www.dijit.app\/comparar-facturas-albaranes-ia\/\",\n \"name\": \"Comparar facturas y albaranes con IA: La Revoluci\u00f3n del OCR Pro para tu Negocio\",\n \"description\": \"Automatiza la conciliaci\u00f3n de tus documentos contables con IA Premium. Descubre c\u00f3mo comparar facturas y albaranes con IA puede transformar tu gesti\u00f3n documental, reducir errores y ahorrar hasta un 80% del tiempo.\",\n \"isPartOf\": {\n \"@id\": \"https:\/\/www.dijit.app\/#organization\"\n },\n \"inLanguage\": \"es\",\n \"datePublished\": \"2025-10-31\",\n \"dateModified\": \"2025-10-31\"\n },\n {\n \"@type\": \"SoftwareApplication\",\n \"name\": \"Dijit.app OCR Pro con IA Premium\",\n \"applicationCategory\": \"BusinessApplication\",\n \"operatingSystem\": \"Web\",\n \"description\": \"Plataforma SaaS B2B de OCR Pro con IA Premium para comparar facturas y albaranes autom\u00e1ticamente. Precisi\u00f3n del 99% y procesamiento en menos de 5 segundos.\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"20\",\n \"priceCurrency\": \"EUR\",\n \"url\": \"https:\/\/www.dijit.app\/ia-y-ocr-para-gestion-documental\/\",\n \"description\": \"Prueba la plataforma desde 20\u20ac\",\n \"availability\": \"https:\/\/schema.org\/InStock\"\n },\n \"aggregateRating\": {\n \"@type\": \"AggregateRating\",\n \"ratingValue\": \"4.9\",\n \"reviewCount\": \"2654\",\n \"bestRating\": \"5\",\n \"worstRating\": \"1\"\n },\n \"featureList\": [\n \"Extracci\u00f3n Inteligente con OCR Pro\",\n \"Validaci\u00f3n Cruzada autom\u00e1tica\",\n \"Detecci\u00f3n de Discrepancias\",\n \"Consolidaci\u00f3n Autom\u00e1tica\",\n \"Cumplimiento RGPD\",\n \"Integraci\u00f3n con ERP a trav\u00e9s de Excel\"\n ]\n },\n {\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 es comparar facturas y albaranes con IA?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Es un proceso automatizado que utiliza Inteligencia Artificial y OCR Pro para validar y conciliar facturas contra albaranes de entrega, detectando discrepancias en cantidades, precios y referencias con 99% de precisi\u00f3n.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfCu\u00e1nto tiempo ahorra comparar facturas y albaranes con IA?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"El proceso automatizado con IA reduce el tiempo de conciliaci\u00f3n en un 80%, completando en menos de 5 segundos lo que manualmente tomar\u00eda minutos o incluso horas por documento.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 sectores necesitan comparar facturas y albaranes con IA?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Log\u00edstica y distribuci\u00f3n, retail y comercio, empresas constructoras, y cualquier organizaci\u00f3n con alto volumen de transacciones de compra y venta que requiera conciliaci\u00f3n documental precisa.\"\n }\n }\n ]\n }\n ]\n}\n <\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --bg-primary: #0a0a0b;\n --bg-secondary: #111113;\n --bg-tertiary: #18181b;\n --bg-card: #1c1c1f;\n --bg-elevated: #232326;\n --border-subtle: rgba(255,255,255,0.06);\n --border-default: rgba(255,255,255,0.1);\n --border-strong: rgba(255,255,255,0.15);\n --text-primary: #fafafa;\n --text-secondary: #a1a1aa;\n --text-muted: #71717a;\n --accent-primary: #1D4ED8;\n --accent-primary-hover: #2563EB;\n --accent-primary-soft: rgba(29,78,216,0.15);\n --accent-secondary: #22c55e;\n --accent-secondary-hover: #4ade80;\n --accent-secondary-soft: rgba(34,197,94,0.15);\n --accent-warning: #d4a574;\n --accent-warning-soft: rgba(245,222,179,0.12);\n --accent-error: #ef4444;\n --accent-error-soft: rgba(239,68,68,0.15);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n background: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* ============================================\n HERO SECTION STYLES\n ============================================ *\/\n\n .hero-section {\n background: var(--bg-secondary);\n padding: 80px 20px;\n min-height: 600px;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n background: radial-gradient(ellipse at top right, rgba(29,78,216,0.1), transparent);\n opacity: 0.3;\n border-radius: 0 0 0 50%;\n z-index: 0;\n }\n\n .hero-container {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .hero-content {\n padding-right: 20px;\n }\n\n .hero-title {\n font-size: 3rem;\n font-weight: 800;\n color: var(--text-primary);\n line-height: 1.2;\n margin-bottom: 24px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .hero-title .highlight {\n color: var(--accent-primary);\n position: relative;\n }\n\n .hero-subtitle {\n font-size: 1.375rem;\n color: var(--text-secondary);\n line-height: 1.6;\n margin-bottom: 32px;\n text-align: justify;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .hero-buttons {\n display: flex;\n gap: 16px;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .btn-primary {\n background: var(--accent-primary);\n color: var(--text-primary);\n padding: 14px 28px;\n border-radius: 8px;\n font-weight: 600;\n text-decoration: none;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n border: none;\n cursor: pointer;\n font-size: 1rem;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .btn-primary:hover {\n background: var(--accent-primary-hover);\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(29, 78, 216, 0.3);\n color: var(--text-primary);\n text-decoration: none;\n }\n\n .btn-secondary {\n background: transparent;\n color: var(--accent-primary);\n padding: 14px 28px;\n border-radius: 8px;\n font-weight: 600;\n text-decoration: none;\n border: 2px solid var(--accent-primary);\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n cursor: pointer;\n font-size: 1rem;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .btn-secondary:hover {\n background: var(--accent-primary-soft);\n transform: translateY(-2px);\n color: var(--accent-primary);\n text-decoration: none;\n }\n\n .hero-illustration {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px;\n }\n\n .hero-illustration svg {\n width: 100%;\n max-width: 500px;\n height: auto;\n filter: drop-shadow(0 8px 30px rgba(0, 0, 0, 0.5));\n }\n\n \/* ============================================\n INTRO SECTION STYLES\n ============================================ *\/\n\n .intro-section {\n background: var(--bg-primary);\n padding: 80px 20px;\n position: relative;\n overflow: hidden;\n }\n\n .intro-container {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n\n .intro-grid {\n display: grid;\n grid-template-columns: 1fr 400px;\n gap: 60px;\n align-items: center;\n }\n\n .intro-content {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n .intro-paragraph {\n font-size: 1.125rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n margin: 0;\n }\n\n .intro-paragraph strong {\n color: var(--text-primary);\n font-weight: 700;\n }\n\n .intro-link {\n color: var(--accent-primary);\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n border-bottom: 2px solid transparent;\n }\n\n .intro-link:hover {\n color: var(--accent-primary-hover);\n border-bottom: 2px solid var(--accent-primary);\n }\n\n .intro-illustration {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .intro-illustration svg {\n width: 100%;\n max-width: 400px;\n height: auto;\n filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.4));\n }\n\n .intro-stats {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-top: 32px;\n }\n\n .stat-card {\n background: var(--bg-card);\n padding: 24px;\n border-radius: 12px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\n border-left: 4px solid var(--accent-primary);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n border: 1px solid var(--border-subtle);\n }\n\n .stat-card:nth-child(2) {\n border-left-color: var(--accent-secondary);\n }\n\n .stat-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\n border-color: var(--border-default);\n }\n\n .stat-number {\n font-size: 2rem;\n font-weight: 800;\n color: var(--accent-primary);\n line-height: 1;\n margin-bottom: 8px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .stat-card:nth-child(2) .stat-number {\n color: var(--accent-secondary);\n }\n\n .stat-label {\n font-size: 0.875rem;\n color: var(--text-muted);\n font-weight: 500;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n \/* ============================================\n CHALLENGE SECTION STYLES - BLOQUE 3\n ============================================ *\/\n\n .challenge-section-3 {\n background: var(--bg-secondary);\n padding: 80px 20px;\n position: relative;\n }\n\n .challenge-container-3 {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n }\n\n .challenge-header-3 {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .challenge-title-3 {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.3;\n margin-bottom: 24px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .challenge-title-3 .highlight-3 {\n color: var(--accent-primary);\n }\n\n .challenge-grid-3 {\n display: grid;\n grid-template-columns: 400px 1fr;\n gap: 60px;\n align-items: start;\n margin-bottom: 60px;\n }\n\n .challenge-visual-3 {\n position: sticky;\n top: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .challenge-visual-3 svg {\n width: 100%;\n max-width: 400px;\n height: auto;\n }\n\n .challenge-content-3 {\n display: flex;\n flex-direction: column;\n gap: 32px;\n }\n\n .content-block-3 {\n background: transparent;\n padding: 0;\n border-radius: 0;\n border-left: 3px solid var(--accent-primary);\n padding-left: 24px;\n transition: all 0.3s ease;\n }\n\n .content-block-3:hover {\n border-left-color: var(--accent-primary-hover);\n }\n\n .content-block-3:nth-child(2) {\n border-left-color: var(--accent-secondary);\n }\n\n .content-block-3:nth-child(2):hover {\n border-left-color: var(--accent-secondary-hover);\n }\n\n .content-block-3:nth-child(3) {\n border-left-color: var(--accent-primary);\n }\n\n .block-title-3 {\n font-size: 1.375rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 16px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .block-paragraph-3 {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .key-box-3 {\n background: var(--bg-elevated);\n padding: 32px;\n border-radius: 8px;\n border-left: 4px solid var(--accent-primary);\n margin-top: 40px;\n position: relative;\n border: 1px solid var(--border-subtle);\n }\n\n .key-label-3 {\n display: inline-block;\n background: var(--accent-primary);\n color: var(--text-primary);\n padding: 4px 12px;\n border-radius: 4px;\n font-size: 0.813rem;\n font-weight: 600;\n margin-bottom: 16px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n letter-spacing: 0.5px;\n }\n\n .key-text-3 {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-primary);\n text-align: justify;\n font-weight: 400;\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .key-text-3 strong {\n color: var(--accent-primary);\n font-weight: 600;\n }\n\n \/* ============================================\n SOLUTION SECTION STYLES - BLOQUE 4\n ============================================ *\/\n\n .solution-section-4 {\n background: var(--bg-primary);\n padding: 80px 20px;\n position: relative;\n }\n\n .solution-container-4 {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n }\n\n .solution-header-4 {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .solution-logo-4 {\n width: 100px;\n height: auto;\n margin-bottom: 24px;\n display: inline-block;\n }\n\n .solution-title-4 {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.3;\n margin-bottom: 24px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .solution-title-4 .highlight-4 {\n color: var(--accent-primary);\n }\n\n .solution-intro-4 {\n font-size: 1.125rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n max-width: 900px;\n margin: 0 auto 40px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .tech-grid-4 {\n display: grid;\n grid-template-columns: 1fr 350px;\n gap: 60px;\n margin-bottom: 60px;\n align-items: center;\n }\n\n .tech-content-4 {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n\n .tech-subtitle-4 {\n font-size: 1.75rem;\n font-weight: 600;\n color: var(--accent-primary);\n margin-bottom: 16px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .tech-paragraph-4 {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .steps-list-4 {\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin: 24px 0;\n }\n\n .step-item-4 {\n display: flex;\n gap: 16px;\n padding: 20px;\n background: var(--bg-card);\n border-radius: 8px;\n border-left: 3px solid var(--accent-primary);\n transition: all 0.3s ease;\n border: 1px solid var(--border-subtle);\n }\n\n .step-item-4:hover {\n transform: translateX(8px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\n border-color: var(--border-default);\n }\n\n .step-item-4:nth-child(2) {\n border-left-color: #3B82F6;\n }\n\n .step-item-4:nth-child(3) {\n border-left-color: #60A5FA;\n }\n\n .step-item-4:nth-child(4) {\n border-left-color: #93C5FD;\n }\n\n .step-item-4:nth-child(5) {\n border-left-color: var(--accent-secondary);\n }\n\n .step-number-4 {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n background: var(--accent-primary);\n color: var(--text-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 0.875rem;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .step-item-4:nth-child(2) .step-number-4 {\n background: #3B82F6;\n }\n\n .step-item-4:nth-child(3) .step-number-4 {\n background: #60A5FA;\n }\n\n .step-item-4:nth-child(4) .step-number-4 {\n background: #93C5FD;\n }\n\n .step-item-4:nth-child(5) .step-number-4 {\n background: var(--accent-secondary);\n }\n\n .step-content-4 {\n flex: 1;\n }\n\n .step-title-4 {\n font-size: 1.063rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 4px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .step-desc-4 {\n font-size: 0.938rem;\n color: var(--text-muted);\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .tech-visual-4 {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .tech-visual-4 svg {\n width: 100%;\n max-width: 350px;\n height: auto;\n }\n\n .comparison-section-4 {\n margin-top: 60px;\n }\n\n .comparison-title-4 {\n font-size: 1.75rem;\n font-weight: 600;\n color: var(--text-primary);\n text-align: center;\n margin-bottom: 40px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .comparison-grid-4 {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 32px;\n margin-bottom: 40px;\n }\n\n .comparison-card-4 {\n background: var(--bg-card);\n border-radius: 8px;\n padding: 32px;\n border: 2px solid var(--border-subtle);\n }\n\n .comparison-card-4.before-4 {\n border-color: var(--accent-error);\n }\n\n .comparison-card-4.after-4 {\n border-color: var(--accent-secondary);\n }\n\n .comparison-label-4 {\n display: inline-block;\n padding: 6px 16px;\n border-radius: 4px;\n font-size: 0.875rem;\n font-weight: 600;\n margin-bottom: 20px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .comparison-card-4.before-4 .comparison-label-4 {\n background: var(--accent-error-soft);\n color: var(--accent-error);\n }\n\n .comparison-card-4.after-4 .comparison-label-4 {\n background: var(--accent-secondary-soft);\n color: var(--accent-secondary);\n }\n\n .comparison-list-4 {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .comparison-list-4 li {\n padding: 12px 0;\n border-bottom: 1px solid var(--border-subtle);\n font-size: 0.938rem;\n color: var(--text-secondary);\n display: flex;\n align-items: flex-start;\n gap: 12px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .comparison-list-4 li:last-child {\n border-bottom: none;\n }\n\n .comparison-list-4 li::before {\n content: '';\n width: 6px;\n height: 6px;\n background: currentColor;\n border-radius: 50%;\n margin-top: 8px;\n flex-shrink: 0;\n }\n\n .comparison-card-4.before-4 .comparison-list-4 li {\n color: var(--accent-error);\n }\n\n .comparison-card-4.after-4 .comparison-list-4 li {\n color: var(--accent-secondary);\n }\n\n .stats-bar-4 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-top: 60px;\n padding: 40px;\n background: var(--bg-card);\n border-radius: 8px;\n border: 2px solid var(--accent-primary);\n }\n\n .stat-item-4 {\n text-align: center;\n }\n\n .stat-value-4 {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--accent-primary);\n line-height: 1;\n margin-bottom: 8px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .stat-item-4:nth-child(2) .stat-value-4 {\n color: var(--accent-secondary);\n }\n\n .stat-item-4:nth-child(3) .stat-value-4 {\n color: var(--accent-primary);\n }\n\n .stat-label-4 {\n font-size: 0.938rem;\n color: var(--text-muted);\n font-weight: 500;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .final-text-4 {\n max-width: 900px;\n margin: 60px auto 0;\n padding: 32px;\n background: var(--bg-elevated);\n border-radius: 8px;\n border-left: 4px solid var(--accent-primary);\n border: 1px solid var(--border-subtle);\n }\n\n .final-text-4 p {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n margin: 0 0 16px 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .final-text-4 p:last-child {\n margin-bottom: 0;\n }\n\n \/* ============================================\n ANIMATIONS\n ============================================ *\/\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n\n @keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes fadeInRight {\n from {\n opacity: 0;\n transform: translateX(30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.6;\n }\n }\n\n @keyframes slideInLeft-3 {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes slideInRight-3 {\n from {\n opacity: 0;\n transform: translateX(40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes fadeInUp-3 {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn-4 {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .hero-content {\n animation: fadeInUp 0.8s ease-out;\n }\n\n .hero-illustration svg {\n animation: fadeInUp 0.8s ease-out 0.2s backwards, float 3s ease-in-out infinite;\n }\n\n .intro-content {\n animation: fadeInLeft 0.8s ease-out;\n }\n\n .intro-illustration svg {\n animation: fadeInRight 0.8s ease-out 0.2s backwards;\n }\n\n .stat-card {\n animation: fadeInLeft 0.8s ease-out 0.4s backwards;\n }\n\n .stat-card:nth-child(2) {\n animation: fadeInLeft 0.8s ease-out 0.5s backwards;\n }\n\n .challenge-header-3 {\n animation: fadeInUp-3 0.8s ease-out;\n }\n\n .challenge-visual-3 {\n animation: slideInLeft-3 0.8s ease-out 0.2s backwards;\n }\n\n .content-block-3 {\n animation: slideInRight-3 0.8s ease-out 0.3s backwards;\n }\n\n .content-block-3:nth-child(2) {\n animation: slideInRight-3 0.8s ease-out 0.4s backwards;\n }\n\n .content-block-3:nth-child(3) {\n animation: slideInRight-3 0.8s ease-out 0.5s backwards;\n }\n\n .key-box-3 {\n animation: fadeInUp-3 0.8s ease-out 0.6s backwards;\n }\n\n .solution-header-4 {\n animation: fadeIn-4 0.8s ease-out;\n }\n\n .solution-logo-4 {\n animation: fadeIn-4 1s ease-out;\n }\n\n .tech-grid-4 {\n animation: fadeIn-4 0.8s ease-out 0.2s backwards;\n }\n\n .comparison-section-4 {\n animation: fadeIn-4 0.8s ease-out 0.4s backwards;\n }\n\n .stats-bar-4 {\n animation: fadeIn-4 0.8s ease-out 0.6s backwards;\n }\n\n \/* ============================================\n RESPONSIVE DESIGN\n ============================================ *\/\n\n @media (max-width: 968px) {\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .hero-content {\n padding-right: 0;\n text-align: center;\n }\n\n .hero-buttons {\n justify-content: center;\n }\n\n .hero-title {\n font-size: 2.25rem;\n }\n\n .hero-subtitle {\n font-size: 1.125rem;\n text-align: center;\n }\n\n .hero-illustration {\n order: -1;\n }\n\n .intro-grid {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .intro-illustration {\n order: -1;\n }\n\n .intro-illustration svg {\n max-width: 350px;\n }\n\n .intro-stats {\n grid-template-columns: 1fr;\n }\n\n .challenge-grid-3 {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .challenge-visual-3 {\n position: relative;\n order: -1;\n }\n\n .challenge-visual-3 svg {\n max-width: 400px;\n }\n\n .tech-grid-4 {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .tech-visual-4 {\n order: -1;\n }\n\n .comparison-grid-4 {\n grid-template-columns: 1fr;\n }\n\n .stats-bar-4 {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n }\n\n @media (max-width: 640px) {\n .hero-section {\n padding: 60px 20px;\n min-height: auto;\n }\n\n .hero-title {\n font-size: 1.875rem;\n }\n\n .hero-subtitle {\n font-size: 1rem;\n }\n\n .hero-illustration svg {\n max-width: 350px;\n }\n\n .intro-section {\n padding: 60px 20px;\n }\n\n .intro-paragraph {\n font-size: 1rem;\n text-align: left;\n }\n\n .stat-number {\n font-size: 1.75rem;\n }\n\n .challenge-section-3 {\n padding: 60px 20px;\n }\n\n .challenge-title-3 {\n font-size: 2rem;\n }\n\n .challenge-visual-3 svg {\n max-width: 350px;\n }\n\n .content-block-3 {\n padding: 24px;\n }\n\n .block-title-3 {\n font-size: 1.25rem;\n }\n\n .block-paragraph-3 {\n font-size: 1rem;\n text-align: left;\n }\n\n .key-text-3 {\n font-size: 1rem;\n text-align: left;\n }\n\n .solution-section-4 {\n padding: 60px 20px;\n }\n\n .solution-logo-4 {\n width: 140px;\n }\n\n .solution-title-4 {\n font-size: 2rem;\n }\n\n .solution-intro-4,\n .tech-paragraph-4,\n .final-text-4 p {\n font-size: 1rem;\n text-align: left;\n }\n\n .tech-subtitle-4,\n .comparison-title-4 {\n font-size: 1.5rem;\n }\n\n .stat-value-4 {\n font-size: 2rem;\n }\n\n .stats-bar-4 {\n padding: 32px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Hero Section -->\n <section class=\"hero-section\">\n <div class=\"hero-container\">\n <div class=\"hero-grid\">\n <!-- Content Column -->\n <div class=\"hero-content\">\n <h1 class=\"hero-title\">\n <span class=\"highlight\">Comparar facturas y albaranes con IA<\/span>: La Revoluci\u00f3n del OCR Pro para tu Negocio\n <\/h1>\n <p class=\"hero-subtitle\">\n Automatiza la conciliaci\u00f3n de tus documentos contables con IA Premium.\n <\/p>\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/www.dijit.app\/como-consolidar-facturas-y-albaranes\/\" class=\"btn-primary\">M\u00e1s informaci\u00f3n<\/a>\n <a href=\"https:\/\/www.dijit.app\/solicitar-demo\/\" class=\"btn-secondary\">Solicitar demo<\/a>\n <\/div>\n <\/div>\n\n <!-- Illustration Column -->\n <div class=\"hero-illustration\">\n <svg viewBox=\"0 0 500 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- Background Elements -->\n <circle cx=\"250\" cy=\"200\" r=\"180\" fill=\"rgba(29,78,216,0.1)\" opacity=\"0.5\"\/>\n <circle cx=\"250\" cy=\"200\" r=\"140\" fill=\"rgba(29,78,216,0.05)\" opacity=\"0.7\"\/>\n \n <!-- Document 1 (Factura - Left) -->\n <g transform=\"translate(80, 120)\">\n <rect x=\"0\" y=\"0\" width=\"140\" height=\"180\" rx=\"8\" fill=\"#1c1c1f\" stroke=\"#1D4ED8\" stroke-width=\"3\" filter=\"url(#shadow)\"\/>\n <rect x=\"12\" y=\"15\" width=\"60\" height=\"8\" rx=\"4\" fill=\"#1D4ED8\"\/>\n <rect x=\"12\" y=\"35\" width=\"116\" height=\"4\" rx=\"2\" fill=\"#3f3f46\"\/>\n <rect x=\"12\" y=\"45\" width=\"100\" height=\"4\" rx=\"2\" fill=\"#3f3f46\"\/>\n <rect x=\"12\" y=\"55\" width=\"90\" height=\"4\" rx=\"2\" fill=\"#3f3f46\"\/>\n \n <!-- Table Lines -->\n <rect x=\"12\" y=\"75\" width=\"116\" height=\"3\" rx=\"1.5\" fill=\"#1D4ED8\" opacity=\"0.3\"\/>\n <rect x=\"12\" y=\"88\" width=\"116\" height=\"2\" rx=\"1\" fill=\"#52525b\"\/>\n <rect x=\"12\" y=\"98\" width=\"116\" height=\"2\" rx=\"1\" fill=\"#52525b\"\/>\n <rect x=\"12\" y=\"108\" width=\"116\" height=\"2\" rx=\"1\" fill=\"#52525b\"\/>\n \n <!-- Amount Box -->\n <rect x=\"12\" y=\"130\" width=\"116\" height=\"30\" rx=\"4\" fill=\"rgba(29,78,216,0.15)\"\/>\n <text x=\"70\" y=\"150\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"16\" font-weight=\"bold\" fill=\"#1D4ED8\" text-anchor=\"middle\">1.250\u20ac<\/text>\n \n <!-- Label -->\n <rect x=\"35\" y=\"-15\" width=\"70\" height=\"20\" rx=\"4\" fill=\"#1D4ED8\"\/>\n <text x=\"70\" y=\"-2\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"12\" font-weight=\"bold\" fill=\"#fafafa\" text-anchor=\"middle\">FACTURA<\/text>\n <\/g>\n\n <!-- Document 2 (Albar\u00e1n - Right) -->\n <g transform=\"translate(280, 120)\">\n <rect x=\"0\" y=\"0\" width=\"140\" height=\"180\" rx=\"8\" fill=\"#1c1c1f\" stroke=\"#10B981\" stroke-width=\"3\" filter=\"url(#shadow)\"\/>\n <rect x=\"12\" y=\"15\" width=\"60\" height=\"8\" rx=\"4\" fill=\"#10B981\"\/>\n <rect x=\"12\" y=\"35\" width=\"116\" height=\"4\" rx=\"2\" fill=\"#3f3f46\"\/>\n <rect x=\"12\" y=\"45\" width=\"100\" height=\"4\" rx=\"2\" fill=\"#3f3f46\"\/>\n <rect x=\"12\" y=\"55\" width=\"90\" height=\"4\" rx=\"2\" fill=\"#3f3f46\"\/>\n \n <!-- Table Lines -->\n <rect x=\"12\" y=\"75\" width=\"116\" height=\"3\" rx=\"1.5\" fill=\"#10B981\" opacity=\"0.3\"\/>\n <rect x=\"12\" y=\"88\" width=\"116\" height=\"2\" rx=\"1\" fill=\"#52525b\"\/>\n <rect x=\"12\" y=\"98\" width=\"116\" height=\"2\" rx=\"1\" fill=\"#52525b\"\/>\n <rect x=\"12\" y=\"108\" width=\"116\" height=\"2\" rx=\"1\" fill=\"#52525b\"\/>\n \n <!-- Amount Box -->\n <rect x=\"12\" y=\"130\" width=\"116\" height=\"30\" rx=\"4\" fill=\"rgba(34,197,94,0.15)\"\/>\n <text x=\"70\" y=\"150\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"16\" font-weight=\"bold\" fill=\"#10B981\" text-anchor=\"middle\">1.250\u20ac<\/text>\n \n <!-- Label -->\n <rect x=\"35\" y=\"-15\" width=\"70\" height=\"20\" rx=\"4\" fill=\"#10B981\"\/>\n <text x=\"70\" y=\"-2\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"11\" font-weight=\"bold\" fill=\"#fafafa\" text-anchor=\"middle\">ALBAR\u00c1N<\/text>\n <\/g>\n\n <!-- AI Brain Center -->\n <g transform=\"translate(225, 170)\">\n <circle cx=\"25\" cy=\"30\" r=\"35\" fill=\"#1c1c1f\" stroke=\"#8BE9FD\" stroke-width=\"3\" filter=\"url(#shadow)\"\/>\n \n <!-- Brain Symbol -->\n <path d=\"M 15 22 Q 15 18 20 18 Q 22 18 23 20 Q 24 18 26 18 Q 28 18 30 18 Q 35 18 35 22 Q 35 26 33 28 Q 35 30 35 34 Q 35 38 30 38 Q 28 38 26 38 Q 24 38 23 36 Q 22 38 20 38 Q 15 38 15 34 Q 15 30 17 28 Q 15 26 15 22 Z\" fill=\"#8BE9FD\" opacity=\"0.8\"\/>\n \n <!-- AI Sparkles -->\n <circle cx=\"12\" cy=\"18\" r=\"2\" fill=\"#1D4ED8\"\/>\n <circle cx=\"38\" cy=\"18\" r=\"2\" fill=\"#1D4ED8\"\/>\n <circle cx=\"12\" cy=\"42\" r=\"2\" fill=\"#10B981\"\/>\n <circle cx=\"38\" cy=\"42\" r=\"2\" fill=\"#10B981\"\/>\n <\/g>\n\n <!-- Connection Lines -->\n <line x1=\"220\" y1=\"210\" x2=\"235\" y2=\"205\" stroke=\"#1D4ED8\" stroke-width=\"2\" stroke-dasharray=\"4,4\" opacity=\"0.6\"\/>\n <line x1=\"280\" y1=\"210\" x2=\"265\" y2=\"205\" stroke=\"#10B981\" stroke-width=\"2\" stroke-dasharray=\"4,4\" opacity=\"0.6\"\/>\n\n <!-- Check Icon (Match Indicator) -->\n <g transform=\"translate(235, 300)\">\n <circle cx=\"15\" cy=\"15\" r=\"20\" fill=\"#10B981\" filter=\"url(#shadow)\"\/>\n <path d=\"M 8 15 L 13 20 L 22 10\" stroke=\"#fafafa\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/g>\n\n <!-- Filters -->\n <defs>\n <filter id=\"shadow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\"\/>\n <feOffset dx=\"0\" dy=\"2\" result=\"offsetblur\"\/>\n <feComponentTransfer>\n <feFuncA type=\"linear\" slope=\"0.3\"\/>\n <\/feComponentTransfer>\n <feMerge>\n <feMergeNode\/>\n <feMergeNode in=\"SourceGraphic\"\/>\n <\/feMerge>\n <\/filter>\n <\/defs>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Bloque 2: Introducci\u00f3n Contextual -->\n <section class=\"intro-section\">\n <div class=\"intro-container\">\n <div class=\"intro-grid\">\n <!-- Content Column -->\n <div class=\"intro-content\">\n <p class=\"intro-paragraph\">\n En el entorno empresarial moderno, la gesti\u00f3n documental no es solo una tarea administrativa, es una ventaja competitiva. La precisi\u00f3n y la velocidad con la que una empresa procesa sus documentos contables (facturas, albaranes, pedidos, etc.) influyen directamente en su rentabilidad, su cumplimiento normativo y su capacidad de toma de decisiones. Sin embargo, muchas organizaciones siguen atrapadas en procesos manuales, consumiendo horas de trabajo valioso en la tediosa y propensa a errores tarea de cotejar documentos.\n <\/p>\n <p class=\"intro-paragraph\">\n La soluci\u00f3n ha llegado y se llama Inteligencia Artificial. En Dijit.app, hemos desarrollado una plataforma SaaS B2B de OCR Pro con <a href=\"https:\/\/www.openai.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"intro-link\">IA Premium<\/a> que redefine la forma en que su empresa interact\u00faa con sus datos. Nuestro foco es claro: ofrecer una automatizaci\u00f3n sin precedentes para la consolidaci\u00f3n y comparar facturas y albaranes con IA. Ya no se trata de solo escanear; se trata de entender, validar y conciliar la informaci\u00f3n de manera inteligente y en tiempo real.\n <\/p>\n\n <!-- Stats Cards -->\n <div class=\"intro-stats\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">95%<\/div>\n <div class=\"stat-label\">Precisi\u00f3n en la extracci\u00f3n de datos<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">80%<\/div>\n <div class=\"stat-label\">Reducci\u00f3n de tiempo en conciliaci\u00f3n<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Illustration Column -->\n <div class=\"intro-illustration\">\n <svg viewBox=\"0 0 400 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- Background Circle -->\n <circle cx=\"200\" cy=\"200\" r=\"160\" fill=\"rgba(29,78,216,0.1)\" opacity=\"0.6\"\/>\n \n <!-- Central Monitor\/Screen -->\n <g transform=\"translate(120, 120)\">\n <!-- Monitor Frame -->\n <rect x=\"0\" y=\"0\" width=\"160\" height=\"120\" rx=\"8\" fill=\"#1c1c1f\" stroke=\"#1D4ED8\" stroke-width=\"3\" filter=\"url(#shadow)\"\/>\n \n <!-- Screen Content - Documents Flow -->\n <rect x=\"10\" y=\"10\" width=\"60\" height=\"40\" rx=\"4\" fill=\"rgba(29,78,216,0.15)\" stroke=\"#1D4ED8\" stroke-width=\"2\"\/>\n <rect x=\"90\" y=\"10\" width=\"60\" height=\"40\" rx=\"4\" fill=\"rgba(34,197,94,0.15)\" stroke=\"#10B981\" stroke-width=\"2\"\/>\n \n <!-- Document Lines (Factura) -->\n <line x1=\"20\" y1=\"22\" x2=\"55\" y2=\"22\" stroke=\"#1D4ED8\" stroke-width=\"2\"\/>\n <line x1=\"20\" y1=\"30\" x2=\"50\" y2=\"30\" stroke=\"#1D4ED8\" stroke-width=\"1.5\"\/>\n <line x1=\"20\" y1=\"38\" x2=\"45\" y2=\"38\" stroke=\"#1D4ED8\" stroke-width=\"1.5\"\/>\n \n <!-- Document Lines (Albar\u00e1n) -->\n <line x1=\"100\" y1=\"22\" x2=\"135\" y2=\"22\" stroke=\"#10B981\" stroke-width=\"2\"\/>\n <line x1=\"100\" y1=\"30\" x2=\"130\" y2=\"30\" stroke=\"#10B981\" stroke-width=\"1.5\"\/>\n <line x1=\"100\" y1=\"38\" x2=\"125\" y2=\"38\" stroke=\"#10B981\" stroke-width=\"1.5\"\/>\n \n <!-- AI Processing Area -->\n <rect x=\"10\" y=\"60\" width=\"140\" height=\"50\" rx=\"6\" fill=\"#18181b\" stroke=\"#8BE9FD\" stroke-width=\"2\"\/>\n \n <!-- AI Brain Icon -->\n <circle cx=\"40\" cy=\"85\" r=\"15\" fill=\"#8BE9FD\" opacity=\"0.3\"\/>\n <path d=\"M 33 80 Q 33 77 36 77 Q 38 77 39 79 Q 40 77 42 77 Q 44 77 47 77 Q 47 80 47 83 Q 47 86 45 87 Q 47 88 47 91 Q 47 94 44 94 Q 42 94 40 92 Q 38 94 36 94 Q 33 94 33 91 Q 33 88 35 87 Q 33 86 33 83 Q 33 80 33 80 Z\" fill=\"#8BE9FD\"\/>\n \n <!-- Processing Dots -->\n <circle cx=\"70\" cy=\"78\" r=\"3\" fill=\"#1D4ED8\">\n <animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"1.5s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"80\" cy=\"78\" r=\"3\" fill=\"#1D4ED8\">\n <animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"1.5s\" begin=\"0.3s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"90\" cy=\"78\" r=\"3\" fill=\"#1D4ED8\">\n <animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"1.5s\" begin=\"0.6s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n \n <!-- AI Text -->\n <text x=\"70\" y=\"95\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"10\" font-weight=\"bold\" fill=\"#a1a1aa\" text-anchor=\"start\">IA Processing<\/text>\n \n <!-- Monitor Stand -->\n <rect x=\"65\" y=\"120\" width=\"30\" height=\"15\" rx=\"4\" fill=\"#1D4ED8\"\/>\n <rect x=\"50\" y=\"135\" width=\"60\" height=\"5\" rx=\"2\" fill=\"#1D4ED8\"\/>\n <\/g>\n\n <!-- Floating Documents Around -->\n <g transform=\"translate(50, 100)\">\n <rect x=\"0\" y=\"0\" width=\"50\" height=\"60\" rx=\"4\" fill=\"#1c1c1f\" stroke=\"#1D4ED8\" stroke-width=\"2\" opacity=\"0.7\" filter=\"url(#shadow)\"\/>\n <line x1=\"8\" y1=\"12\" x2=\"42\" y2=\"12\" stroke=\"#1D4ED8\" stroke-width=\"1.5\"\/>\n <line x1=\"8\" y1=\"20\" x2=\"35\" y2=\"20\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <line x1=\"8\" y1=\"26\" x2=\"38\" y2=\"26\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <line x1=\"8\" y1=\"32\" x2=\"30\" y2=\"32\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <\/g>\n\n <g transform=\"translate(300, 240)\">\n <rect x=\"0\" y=\"0\" width=\"50\" height=\"60\" rx=\"4\" fill=\"#1c1c1f\" stroke=\"#10B981\" stroke-width=\"2\" opacity=\"0.7\" filter=\"url(#shadow)\"\/>\n <line x1=\"8\" y1=\"12\" x2=\"42\" y2=\"12\" stroke=\"#10B981\" stroke-width=\"1.5\"\/>\n <line x1=\"8\" y1=\"20\" x2=\"35\" y2=\"20\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <line x1=\"8\" y1=\"26\" x2=\"38\" y2=\"26\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <line x1=\"8\" y1=\"32\" x2=\"30\" y2=\"32\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <\/g>\n\n <!-- Checkmark Circle -->\n <g transform=\"translate(280, 80)\">\n <circle cx=\"20\" cy=\"20\" r=\"18\" fill=\"#10B981\" filter=\"url(#shadow)\"\/>\n <path d=\"M 12 20 L 17 25 L 28 14\" stroke=\"#fafafa\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/g>\n\n <!-- Speed Lines (indicating fast processing) -->\n <line x1=\"100\" y1=\"150\" x2=\"80\" y2=\"150\" stroke=\"#1D4ED8\" stroke-width=\"2\" opacity=\"0.4\" stroke-dasharray=\"4,4\">\n <animate attributeName=\"x1\" values=\"100;60;100\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"x2\" values=\"80;40;80\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/line>\n <line x1=\"320\" y1=\"250\" x2=\"340\" y2=\"250\" stroke=\"#10B981\" stroke-width=\"2\" opacity=\"0.4\" stroke-dasharray=\"4,4\">\n <animate attributeName=\"x1\" values=\"320;360;320\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"x2\" values=\"340;380;340\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/line>\n\n <!-- Filters -->\n <defs>\n <filter id=\"shadow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\"\/>\n <feOffset dx=\"0\" dy=\"2\" result=\"offsetblur\"\/>\n <feComponentTransfer>\n <feFuncA type=\"linear\" slope=\"0.3\"\/>\n <\/feComponentTransfer>\n <feMerge>\n <feMergeNode\/>\n <feMergeNode in=\"SourceGraphic\"\/>\n <\/feMerge>\n <\/filter>\n <\/defs>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Bloque 3: Desaf\u00edo y Necesidad de la IA -->\n <section class=\"challenge-section-3\">\n <div class=\"challenge-container-3\">\n <!-- Header -->\n <div class=\"challenge-header-3\">\n <h2 class=\"challenge-title-3\">\n El Desaf\u00edo de la <span class=\"highlight-3\"> Gesti\u00f3n Documental<\/span> y la Necesidad de la <span class=\"highlight-3\"> IA<\/span>\n <\/h2>\n <\/div>\n\n <!-- Main Content Grid -->\n <div class=\"challenge-grid-3\">\n <!-- Visual Column -->\n <div class=\"challenge-visual-3\">\n <svg viewBox=\"0 0 400 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- Background -->\n <rect x=\"0\" y=\"0\" width=\"400\" height=\"400\" fill=\"transparent\"\/>\n \n <!-- Left Side - Manual Process -->\n <g transform=\"translate(50, 120)\">\n <!-- Document Stack (Manual) -->\n <rect x=\"0\" y=\"0\" width=\"80\" height=\"100\" rx=\"4\" fill=\"none\" stroke=\"#DC2626\" stroke-width=\"2\"\/>\n <line x1=\"12\" y1=\"20\" x2=\"68\" y2=\"20\" stroke=\"#DC2626\" stroke-width=\"1.5\"\/>\n <line x1=\"12\" y1=\"35\" x2=\"68\" y2=\"35\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <line x1=\"12\" y1=\"50\" x2=\"68\" y2=\"50\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <line x1=\"12\" y1=\"65\" x2=\"68\" y2=\"65\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n \n <!-- X Mark (Error) -->\n <line x1=\"20\" y1=\"120\" x2=\"60\" y2=\"160\" stroke=\"#DC2626\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n <line x1=\"60\" y1=\"120\" x2=\"20\" y2=\"160\" stroke=\"#DC2626\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n \n <!-- Label -->\n <text x=\"40\" y=\"210\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"12\" fill=\"#a1a1aa\" text-anchor=\"middle\" font-weight=\"500\">Manual<\/text>\n <\/g>\n\n <!-- Center Arrow -->\n <g transform=\"translate(200, 200)\">\n <line x1=\"-40\" y1=\"0\" x2=\"40\" y2=\"0\" stroke=\"#1D4ED8\" stroke-width=\"2\"\/>\n <polygon points=\"40,0 32,-6 32,6\" fill=\"#1D4ED8\"\/>\n <text x=\"0\" y=\"-15\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"13\" fill=\"#1D4ED8\" text-anchor=\"middle\" font-weight=\"600\">IA<\/text>\n <\/g>\n\n <!-- Right Side - AI Process -->\n <g transform=\"translate(270, 120)\">\n <!-- Document Stack (AI) -->\n <rect x=\"0\" y=\"0\" width=\"80\" height=\"100\" rx=\"4\" fill=\"none\" stroke=\"#10B981\" stroke-width=\"2\"\/>\n <line x1=\"12\" y1=\"20\" x2=\"68\" y2=\"20\" stroke=\"#10B981\" stroke-width=\"1.5\"\/>\n <line x1=\"12\" y1=\"35\" x2=\"68\" y2=\"35\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <line x1=\"12\" y1=\"50\" x2=\"68\" y2=\"50\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <line x1=\"12\" y1=\"65\" x2=\"68\" y2=\"65\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n \n <!-- Check Mark (Success) -->\n <path d=\"M 20 140 L 32 152 L 60 124\" stroke=\"#10B981\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n \n <!-- Label -->\n <text x=\"40\" y=\"210\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"12\" fill=\"#a1a1aa\" text-anchor=\"middle\" font-weight=\"500\">Automatizado<\/text>\n <\/g>\n\n <!-- Bottom Stats -->\n <g transform=\"translate(50, 300)\">\n <text x=\"40\" y=\"0\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"16\" fill=\"#DC2626\" text-anchor=\"middle\" font-weight=\"600\">Semanas<\/text>\n <line x1=\"0\" y1=\"10\" x2=\"80\" y2=\"10\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <\/g>\n\n <g transform=\"translate(270, 300)\">\n <text x=\"40\" y=\"0\" font-family=\"Outfit, Arial, sans-serif\" font-size=\"16\" fill=\"#10B981\" text-anchor=\"middle\" font-weight=\"600\">Minutos<\/text>\n <line x1=\"0\" y1=\"10\" x2=\"80\" y2=\"10\" stroke=\"#3f3f46\" stroke-width=\"1\"\/>\n <\/g>\n <\/svg>\n <\/div>\n\n <!-- Content Column -->\n <div class=\"challenge-content-3\">\n <!-- Block 1 -->\n <div class=\"content-block-3\">\n <p class=\"block-paragraph-3\">\n La discrepancia entre una factura de proveedor y el albar\u00e1n de recepci\u00f3n de mercanc\u00eda es un problema recurrente. Detectar estos desajustes a tiempo es vital para evitar pagos incorrectos, fraudes o simples errores log\u00edsticos. Un sistema tradicional de OCR o un software gen\u00e9rico se limita a extraer campos, pero carece de la 'inteligencia' necesaria para realizar una validaci\u00f3n cruzada contextual. Ah\u00ed es donde nuestra tecnolog\u00eda marca la diferencia. Usar nuestro sistema para comparar facturas y albaranes con IA transforma una labor de semanas en cuesti\u00f3n de minutos. El proceso manual de comparar facturas y albaranes con IA es costoso, lento y, francamente, obsoleto.\n <\/p>\n <\/div>\n\n <!-- Block 2 -->\n <div class=\"content-block-3\">\n <h3 class=\"block-title-3\">\u00bfPor qu\u00e9 es crucial comparar facturas y albaranes con IA?<\/h3>\n <p class=\"block-paragraph-3\">\n La consolidaci\u00f3n y el cotejo de documentos son el alma de la contabilidad de cualquier empresa con un alto volumen de transacciones. Imagine un escenario donde cada factura debe ser contrastada manualmente con uno o varios albaranes asociados. Los errores de digitaci\u00f3n, la omisi\u00f3n de l\u00edneas de producto, o los desajustes en las cantidades o precios unitarios son fallos humanos casi inevitables. Estos fallos pueden llevar a serios problemas de tesorer\u00eda y a largas y frustrantes auditor\u00edas. Nuestro motor de IA, espec\u00edficamente entrenado para la casu\u00edstica de documentos comerciales y log\u00edsticos, no solo extrae los datos, sino que realiza una comparaci\u00f3n de facturas y albaranes con IA sem\u00e1ntica y l\u00f3gica.\n <\/p>\n <\/div>\n\n <!-- Block 3 -->\n <div class=\"content-block-3\">\n <p class=\"block-paragraph-3\">\n En Dijit.app, sabemos que cada sector tiene sus particularidades. Por eso, nuestro OCR Pro con IA Premium se adapta a la estructura y formatos espec\u00edficos de su industria, haciendo que el proceso de comparar facturas y albaranes con IA sea totalmente personalizable.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Key Highlight -->\n <div class=\"key-box-3\">\n <span class=\"key-label-3\">CLAVE<\/span>\n <p class=\"key-text-3\">\n La IA no solo <strong>'ve'<\/strong> el texto; <strong>'entiende'<\/strong> la relaci\u00f3n entre el total facturado y los detalles de entrega o servicio registrados en el albar\u00e1n, asegurando que la acci\u00f3n de comparar facturas y albaranes con IA sea impecable. La capacidad de nuestro sistema para comparar facturas y albaranes con IA a esta escala y precisi\u00f3n es lo que nos distingue.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Bloque 4: Soluci\u00f3n Definitiva -->\n <section class=\"solution-section-4\">\n <div class=\"solution-container-4\">\n <!-- Header -->\n <div class=\"solution-header-4\">\n <img decoding=\"async\" src=\"https:\/\/www.dijit.app\/wp-content\/uploads\/2022\/07\/cropped-logo-didin-png-sin-fondo.png\" alt=\"Dijit.app Logo\" class=\"solution-logo-4\">\n <h2 class=\"solution-title-4\">\n La Soluci\u00f3n Definitiva para la Consolidaci\u00f3n Autom\u00e1tica\n <\/h2>\n <p class=\"solution-intro-4\">\n Dijit.app no es un simple programa de OCR; es una plataforma de procesamiento de datos inteligente dise\u00f1ada para el B2B exigente. Utilizamos modelos avanzados para mejorar continuamente la precisi\u00f3n en la extracci\u00f3n de datos no estructurados. Cuando usted decide comparar facturas y albaranes con IA a trav\u00e9s de nuestra plataforma, est\u00e1 implementando un sistema que aprende de cada documento procesado.\n <\/p>\n <\/div>\n\n <!-- Technology Section with Visual -->\n <div class=\"tech-grid-4\">\n <div class=\"tech-content-4\">\n <h3 class=\"tech-subtitle-4\">Tecnolog\u00eda de OCR Pro e IA: M\u00e1s All\u00e1 de la Simple Captura<\/h3>\n <p class=\"tech-paragraph-4\">\n Nuestro OCR Pro se encarga de la captura inicial con una precisi\u00f3n l\u00edder en el mercado, pero es la capa de Inteligencia Artificial la que a\u00f1ade valor al permitirnos comparar facturas y albaranes con IA de manera contextual. Este proceso incluye:\n <\/p>\n\n <!-- Process Steps -->\n <div class=\"steps-list-4\">\n <div class=\"step-item-4\">\n <div class=\"step-number-4\">1<\/div>\n <div class=\"step-content-4\">\n <div class=\"step-title-4\">Extracci\u00f3n Inteligente<\/div>\n <div class=\"step-desc-4\">Identificaci\u00f3n de campos clave (NIF\/CIF, fechas, importes, l\u00edneas de detalle) con total fiabilidad.<\/div>\n <\/div>\n <\/div>\n <div class=\"step-item-4\">\n <div class=\"step-number-4\">2<\/div>\n <div class=\"step-content-4\">\n <div class=\"step-title-4\">Validaci\u00f3n Cruzada<\/div>\n <div class=\"step-desc-4\">Cotejo autom\u00e1tico entre los documentos relacionados (ej. Factura vs Albar\u00e1n).<\/div>\n <\/div>\n <\/div>\n <div class=\"step-item-4\">\n <div class=\"step-number-4\">3<\/div>\n <div class=\"step-content-4\">\n <div class=\"step-title-4\">Detecci\u00f3n de Discrepancias<\/div>\n <div class=\"step-desc-4\">Se\u00f1alizaci\u00f3n inmediata de cualquier incoherencia en precios, cantidades, o referencias.<\/div>\n <\/div>\n <\/div>\n <div class=\"step-item-4\">\n <div class=\"step-number-4\">4<\/div>\n <div class=\"step-content-4\">\n <div class=\"step-title-4\">Consolidaci\u00f3n Autom\u00e1tica<\/div>\n <div class=\"step-desc-4\">Creaci\u00f3n de un registro \u00fanico y verificado.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"tech-paragraph-4\">\n Implementar una herramienta que permita comparar facturas y albaranes con IA significa pasar de una gesti\u00f3n reactiva (corregir errores) a una gesti\u00f3n proactiva (prevenir errores). Esta metodolog\u00eda avanzada es fundamental para cualquier departamento financiero o log\u00edstico que busque la excelencia operativa.\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Comparison: Before vs After -->\n <div class=\"comparison-section-4\">\n <h3 class=\"comparison-title-4\">El Proceso Automatizado por IA<\/h3>\n \n <div class=\"comparison-grid-4\">\n <!-- Before -->\n <div class=\"comparison-card-4 before-4\">\n <span class=\"comparison-label-4\">PROCESO MANUAL ANTERIOR<\/span>\n <ul class=\"comparison-list-4\">\n <li>Recibir la factura (por correo o papel)<\/li>\n <li>Localizar manualmente el albar\u00e1n correspondiente<\/li>\n <li>Buscar la orden de compra en el ERP<\/li>\n <li>Cotejar l\u00ednea por l\u00ednea cantidades y precios<\/li>\n <li>Proceso de comunicaci\u00f3n largo para resolver incidencias<\/li>\n <\/ul>\n <\/div>\n\n <!-- After -->\n <div class=\"comparison-card-4 after-4\">\n <span class=\"comparison-label-4\">CON DIJIT.APP<\/span>\n <ul class=\"comparison-list-4\">\n <li>Comparaci\u00f3n autom\u00e1tica al cargar el documento<\/li>\n <li>Rastreo autom\u00e1tico de documentos relacionados<\/li>\n <li>Matching completado en menos de 5 segundos<\/li>\n <li>Informe detallado de desajustes autom\u00e1tico<\/li>\n <li>Personal enfocado solo en excepciones<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Stats Bar -->\n <div class=\"stats-bar-4\">\n <div class=\"stat-item-4\">\n <div class=\"stat-value-4\">99%<\/div>\n <div class=\"stat-label-4\">Precisi\u00f3n garantizada<\/div>\n <\/div>\n <div class=\"stat-item-4\">\n <div class=\"stat-value-4\"><5s<\/div>\n <div class=\"stat-label-4\">Tiempo de matching por p\u00e1gina<\/div>\n <\/div>\n <div class=\"stat-item-4\">\n <div class=\"stat-value-4\">+25<\/div>\n <div class=\"stat-label-4\">Campos clave extra\u00eddos<\/div>\n <\/div>\n <\/div>\n\n <!-- Final Text Block -->\n <div class=\"final-text-4\">\n <p>\n Continuando con la explicaci\u00f3n de nuestra tecnolog\u00eda, el verdadero poder de Dijit.app reside en su capacidad de ir m\u00e1s all\u00e1 de la extracci\u00f3n de datos brutos. Muchos sistemas de OCR se caen cuando se enfrentan a formatos variados, documentos de baja calidad o m\u00faltiples p\u00e1ginas. Nuestro motor de OCR Pro, reforzado por una IA premium, est\u00e1 dise\u00f1ado para manejar estos desaf\u00edos con una precisi\u00f3n del 99%, garantizada en la extracci\u00f3n de m\u00e1s de 25 campos clave.\n <\/p>\n <p>\n La necesidad de comparar facturas y albaranes con IA surge de un proceso empresarial cr\u00edtico: el three-way matching (conciliaci\u00f3n de tres v\u00edas), que implica cotejar la factura del proveedor, el albar\u00e1n de recepci\u00f3n y, a menudo, la orden de pedido original. Este nivel de automatizaci\u00f3n es lo que entendemos por OCR Pro con IA Premium.\n <\/p>\n <\/div>\n <!DOCTYPE html>\n<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Continuaci\u00f3n - Comparar facturas y albaranes con IA<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root {\n --bg-primary: #0a0a0b;\n --bg-secondary: #111113;\n --bg-tertiary: #18181b;\n --bg-card: #1c1c1f;\n --bg-elevated: #232326;\n --border-subtle: rgba(255,255,255,0.06);\n --border-default: rgba(255,255,255,0.1);\n --border-strong: rgba(255,255,255,0.15);\n --text-primary: #fafafa;\n --text-secondary: #a1a1aa;\n --text-muted: #71717a;\n --accent-primary: #1D4ED8;\n --accent-primary-hover: #2563EB;\n --accent-primary-soft: rgba(29,78,216,0.15);\n --accent-secondary: #22c55e;\n --accent-secondary-hover: #4ade80;\n --accent-secondary-soft: rgba(34,197,94,0.15);\n --accent-warning: #d4a574;\n --accent-warning-soft: rgba(245,222,179,0.12);\n --accent-error: #ef4444;\n --accent-error-soft: rgba(239,68,68,0.15);\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n background: var(--bg-primary);\n color: var(--text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* ============================================\n USE CASES SECTION STYLES - BLOQUE 5\n ============================================ *\/\n\n .usecases-section-5 {\n background: var(--bg-secondary);\n padding: 80px 20px;\n position: relative;\n }\n\n .usecases-container-5 {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n }\n\n .usecases-header-5 {\n text-align: center;\n margin-bottom: 24px;\n }\n\n .usecases-title-5 {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.3;\n margin-bottom: 20px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .usecases-title-5 .highlight-5 {\n color: var(--accent-primary);\n }\n\n .usecases-intro-5 {\n font-size: 1.125rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n max-width: 900px;\n margin: 0 auto 60px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .cards-grid-5 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n margin-bottom: 60px;\n }\n\n .usecase-card-5 {\n background: var(--bg-card);\n border-radius: 12px;\n overflow: hidden;\n border: 2px solid var(--border-subtle);\n transition: all 0.3s ease;\n display: flex;\n flex-direction: column;\n }\n\n .usecase-card-5:hover {\n transform: translateY(-8px);\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5);\n border-color: var(--accent-primary);\n }\n\n .card-image-5 {\n width: 100%;\n height: 220px;\n object-fit: cover;\n display: block;\n }\n\n .card-content-5 {\n padding: 28px;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n .card-title-5 {\n font-size: 1.375rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 16px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .card-text-5 {\n font-size: 1rem;\n line-height: 1.7;\n color: var(--text-secondary);\n text-align: justify;\n margin-bottom: 20px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .card-challenge-5 {\n background: var(--accent-warning-soft);\n padding: 16px;\n border-radius: 8px;\n margin-bottom: 16px;\n border-left: 3px solid var(--accent-warning);\n }\n\n .card-solution-5 {\n background: var(--accent-secondary-soft);\n padding: 16px;\n border-radius: 8px;\n border-left: 3px solid var(--accent-secondary);\n }\n\n .card-label-5 {\n font-size: 0.813rem;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 8px;\n display: block;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .card-detail-5 {\n font-size: 0.938rem;\n line-height: 1.6;\n color: var(--text-secondary);\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .final-message-5 {\n background: var(--bg-elevated);\n padding: 40px;\n border-radius: 12px;\n border-left: 4px solid var(--accent-primary);\n text-align: center;\n border: 1px solid var(--border-subtle);\n }\n\n .final-title-5 {\n font-size: 1.5rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 16px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .final-text-5 {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: center;\n max-width: 900px;\n margin: 0 auto;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n \/* ============================================\n SECURITY SECTION STYLES - BLOQUE 6\n ============================================ *\/\n\n .security-section-6 {\n background: var(--bg-primary);\n padding: 80px 20px;\n position: relative;\n }\n\n .security-container-6 {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n }\n\n .security-header-6 {\n text-align: center;\n margin-bottom: 32px;\n }\n\n .security-title-6 {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.3;\n margin-bottom: 24px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .security-title-6 .highlight-6 {\n color: var(--accent-primary);\n }\n\n .security-intro-6 {\n font-size: 1.125rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n max-width: 900px;\n margin: 0 auto 60px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .features-grid-6 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n margin-bottom: 60px;\n }\n\n .feature-card-6 {\n background: var(--bg-card);\n padding: 36px 28px;\n border-radius: 12px;\n border: 2px solid var(--border-subtle);\n transition: all 0.3s ease;\n text-align: center;\n }\n\n .feature-card-6:hover {\n transform: translateY(-6px);\n border-color: var(--accent-primary);\n box-shadow: 0 8px 24px rgba(29, 78, 216, 0.3);\n }\n\n .feature-icon-6 {\n width: 80px;\n height: 80px;\n margin: 0 auto 24px;\n background: var(--accent-primary-soft);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .feature-card-6:nth-child(2) .feature-icon-6 {\n background: var(--accent-secondary-soft);\n }\n\n .feature-card-6:nth-child(3) .feature-icon-6 {\n background: rgba(59,130,246,0.15);\n }\n\n .feature-icon-6 svg {\n width: 40px;\n height: 40px;\n }\n\n .feature-title-6 {\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 12px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .feature-desc-6 {\n font-size: 1rem;\n line-height: 1.7;\n color: var(--text-muted);\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .bottom-section-6 {\n display: grid;\n grid-template-columns: 350px 1fr;\n gap: 60px;\n align-items: center;\n background: var(--bg-card);\n padding: 40px;\n border-radius: 12px;\n border: 2px solid var(--border-subtle);\n }\n\n .visual-side-6 {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .visual-side-6 svg {\n width: 100%;\n max-width: 300px;\n height: auto;\n }\n\n .content-side-6 {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .content-text-6 {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .highlight-box-6 {\n background: var(--accent-primary-soft);\n padding: 24px;\n border-radius: 8px;\n border-left: 4px solid var(--accent-primary);\n }\n\n .highlight-text-6 {\n font-size: 1rem;\n line-height: 1.7;\n color: var(--text-primary);\n margin: 0;\n font-weight: 500;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n \/* ============================================\n FUTURE SECTION STYLES - BLOQUE 7\n ============================================ *\/\n\n .future-section-7 {\n background: var(--bg-secondary);\n padding: 80px 20px;\n position: relative;\n }\n\n .future-container-7 {\n max-width: 1200px;\n margin: 0 auto;\n width: 100%;\n }\n\n .future-header-7 {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .future-title-7 {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.3;\n margin-bottom: 32px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .future-title-7 .highlight-7 {\n color: var(--accent-primary);\n }\n\n .content-blocks-7 {\n display: flex;\n flex-direction: column;\n gap: 40px;\n margin-bottom: 60px;\n }\n\n .text-block-7 {\n background: var(--bg-card);\n padding: 32px 40px;\n border-radius: 8px;\n border-left: 4px solid var(--accent-primary);\n border: 1px solid var(--border-subtle);\n }\n\n .text-block-7:nth-child(2) {\n border-left-color: var(--accent-secondary);\n }\n\n .text-block-7:nth-child(3) {\n border-left-color: #3B82F6;\n }\n\n .block-paragraph-7 {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .block-paragraph-7 a {\n color: var(--accent-primary);\n text-decoration: none;\n font-weight: 600;\n border-bottom: 2px solid transparent;\n transition: all 0.3s ease;\n }\n\n .block-paragraph-7 a:hover {\n border-bottom-color: var(--accent-primary);\n }\n\n .central-visual-7 {\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 60px 0;\n padding: 40px 20px;\n background: var(--bg-card);\n border-radius: 12px;\n border: 1px solid var(--border-subtle);\n }\n\n .central-visual-7 svg {\n width: 100%;\n max-width: 600px;\n height: auto;\n }\n\n .quality-block-7 {\n display: grid;\n grid-template-columns: 80px 1fr;\n gap: 24px;\n align-items: center;\n background: var(--accent-secondary-soft);\n padding: 32px;\n border-radius: 12px;\n margin-bottom: 60px;\n border: 2px solid var(--accent-secondary);\n }\n\n .quality-icon-7 {\n width: 80px;\n height: 80px;\n background: var(--bg-card);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .quality-icon-7 svg {\n width: 48px;\n height: 48px;\n }\n\n .quality-text-7 {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-primary);\n text-align: justify;\n margin: 0;\n font-weight: 500;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .savings-section-7 {\n background: var(--bg-card);\n padding: 48px;\n border-radius: 12px;\n border: 2px solid var(--accent-primary);\n margin-bottom: 40px;\n }\n\n .savings-title-7 {\n font-size: 1.75rem;\n font-weight: 600;\n color: var(--text-primary);\n text-align: center;\n margin-bottom: 32px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .savings-intro-7 {\n font-size: 1.063rem;\n line-height: 1.8;\n color: var(--text-secondary);\n text-align: justify;\n margin-bottom: 32px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .savings-intro-7 a {\n color: var(--accent-primary);\n text-decoration: none;\n font-weight: 600;\n border-bottom: 2px solid transparent;\n transition: all 0.3s ease;\n }\n\n .savings-intro-7 a:hover {\n border-bottom-color: var(--accent-primary);\n }\n\n .benefits-grid-7 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-bottom: 32px;\n }\n\n .benefit-card-7 {\n background: var(--bg-elevated);\n padding: 28px;\n border-radius: 8px;\n border: 2px solid var(--border-subtle);\n transition: all 0.3s ease;\n }\n\n .benefit-card-7:hover {\n transform: translateY(-4px);\n border-color: var(--accent-secondary);\n box-shadow: 0 8px 20px rgba(16, 185, 129, 0.3);\n }\n\n .benefit-icon-7 {\n width: 48px;\n height: 48px;\n background: var(--accent-secondary);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n\n .benefit-icon-7 svg {\n width: 24px;\n height: 24px;\n }\n\n .benefit-title-7 {\n font-size: 1.125rem;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: 8px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .benefit-desc-7 {\n font-size: 0.938rem;\n line-height: 1.6;\n color: var(--text-muted);\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .cta-section-7 {\n background: linear-gradient(135deg, var(--accent-primary) 0%, #1E40AF 100%);\n padding: 48px;\n border-radius: 12px;\n text-align: center;\n color: var(--text-primary);\n }\n\n .cta-text-7 {\n font-size: 1.125rem;\n line-height: 1.8;\n margin: 0;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .cta-text-7 strong {\n font-weight: 700;\n font-size: 1.25rem;\n }\n\n \/* ============================================\n CTA SECTION STYLES - BLOQUE 8\n ============================================ *\/\n\n .cta-section-8 {\n background: var(--bg-primary);\n padding: 80px 20px;\n position: relative;\n overflow: hidden;\n }\n\n .cta-container-8 {\n max-width: 1000px;\n margin: 0 auto;\n width: 100%;\n position: relative;\n z-index: 1;\n }\n\n .cta-header-8 {\n text-align: center;\n margin-bottom: 48px;\n }\n\n .cta-title-8 {\n font-size: 2.75rem;\n font-weight: 700;\n color: var(--accent-primary);\n line-height: 1.2;\n margin-bottom: 24px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .cta-subtitle-8 {\n font-size: 1.25rem;\n line-height: 1.6;\n color: var(--text-secondary);\n max-width: 700px;\n margin: 0 auto;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .actions-grid-8 {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n margin-bottom: 48px;\n }\n\n .action-card-8 {\n background: var(--bg-card);\n padding: 36px 28px;\n border-radius: 12px;\n text-align: center;\n transition: all 0.3s ease;\n border: 3px solid transparent;\n }\n\n .action-card-8:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);\n border-color: var(--accent-secondary);\n }\n\n .action-icon-8 {\n width: 72px;\n height: 72px;\n margin: 0 auto 24px;\n background: var(--accent-primary-soft);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .action-card-8:nth-child(2) .action-icon-8 {\n background: var(--accent-secondary-soft);\n }\n\n .action-card-8:nth-child(3) .action-icon-8 {\n background: var(--accent-warning-soft);\n }\n\n .action-icon-8 svg {\n width: 36px;\n height: 36px;\n }\n\n .action-title-8 {\n font-size: 1.375rem;\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: 16px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .action-desc-8 {\n font-size: 1rem;\n line-height: 1.6;\n color: var(--text-muted);\n margin-bottom: 24px;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .action-button-8 {\n display: inline-block;\n padding: 14px 32px;\n background: var(--accent-primary);\n color: var(--text-primary);\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n font-size: 1rem;\n transition: all 0.3s ease;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .action-button-8:hover {\n background: var(--accent-primary-hover);\n transform: scale(1.05);\n box-shadow: 0 8px 20px rgba(29, 78, 216, 0.4);\n }\n\n .action-card-8:nth-child(2) .action-button-8 {\n background: var(--accent-secondary);\n }\n\n .action-card-8:nth-child(2) .action-button-8:hover {\n background: var(--accent-secondary-hover);\n box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);\n }\n\n .action-card-8:nth-child(3) .action-button-8 {\n background: #F59E0B;\n }\n\n .action-card-8:nth-child(3) .action-button-8:hover {\n background: #D97706;\n box-shadow: 0 8px 20px rgba(245, 158, 11, 0.4);\n }\n\n .bottom-message-8 {\n text-align: center;\n padding: 40px;\n background: var(--bg-card);\n border-radius: 12px;\n border: 2px solid var(--accent-primary);\n }\n\n .bottom-text-8 {\n font-size: 1.125rem;\n line-height: 1.7;\n color: var(--text-primary);\n margin: 0;\n font-weight: 500;\n font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n }\n\n .bottom-text-8 strong {\n font-weight: 700;\n font-size: 1.25rem;\n color: var(--accent-primary);\n }\n\n \/* ============================================\n ANIMATIONS\n ============================================ *\/\n\n @keyframes fadeInUp-5 {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInScale-6 {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes fadeInUp-6 {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes slideInLeft-7 {\n from {\n opacity: 0;\n transform: translateX(-30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes fadeInUp-7 {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInScale-8 {\n from {\n opacity: 0;\n transform: scale(0.9);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes fadeInUp-8 {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .usecases-header-5 {\n animation: fadeInUp-5 0.8s ease-out;\n }\n\n .usecase-card-5 {\n animation: fadeInUp-5 0.8s ease-out 0.2s backwards;\n }\n\n .usecase-card-5:nth-child(2) {\n animation: fadeInUp-5 0.8s ease-out 0.3s backwards;\n }\n\n .usecase-card-5:nth-child(3) {\n animation: fadeInUp-5 0.8s ease-out 0.4s backwards;\n }\n\n .final-message-5 {\n animation: fadeInUp-5 0.8s ease-out 0.6s backwards;\n }\n\n .security-header-6 {\n animation: fadeInUp-6 0.8s ease-out;\n }\n\n .feature-card-6 {\n animation: fadeInScale-6 0.8s ease-out 0.2s backwards;\n }\n\n .feature-card-6:nth-child(2) {\n animation: fadeInScale-6 0.8s ease-out 0.3s backwards;\n }\n\n .feature-card-6:nth-child(3) {\n animation: fadeInScale-6 0.8s ease-out 0.4s backwards;\n }\n\n .bottom-section-6 {\n animation: fadeInUp-6 0.8s ease-out 0.5s backwards;\n }\n\n .future-header-7 {\n animation: fadeInUp-7 0.8s ease-out;\n }\n\n .text-block-7 {\n animation: slideInLeft-7 0.8s ease-out 0.2s backwards;\n }\n\n .text-block-7:nth-child(2) {\n animation: slideInLeft-7 0.8s ease-out 0.3s backwards;\n }\n\n .text-block-7:nth-child(3) {\n animation: slideInLeft-7 0.8s ease-out 0.4s backwards;\n }\n\n .central-visual-7 {\n animation: fadeInUp-7 1s ease-out 0.5s backwards;\n }\n\n .quality-block-7 {\n animation: slideInLeft-7 0.8s ease-out 0.6s backwards;\n }\n\n .savings-section-7 {\n animation: fadeInUp-7 0.8s ease-out 0.7s backwards;\n }\n\n .cta-section-7 {\n animation: fadeInUp-7 0.8s ease-out 0.9s backwards;\n }\n\n .cta-header-8 {\n animation: fadeInUp-8 0.8s ease-out;\n }\n\n .action-card-8 {\n animation: fadeInScale-8 0.8s ease-out 0.2s backwards;\n }\n\n .action-card-8:nth-child(2) {\n animation: fadeInScale-8 0.8s ease-out 0.3s backwards;\n }\n\n .action-card-8:nth-child(3) {\n animation: fadeInScale-8 0.8s ease-out 0.4s backwards;\n }\n\n .bottom-message-8 {\n animation: fadeInUp-8 0.8s ease-out 0.6s backwards;\n }\n\n \/* ============================================\n RESPONSIVE DESIGN\n ============================================ *\/\n\n @media (max-width: 968px) {\n .cards-grid-5 {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .card-image-5 {\n height: 250px;\n }\n\n .features-grid-6 {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .bottom-section-6 {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n\n .visual-side-6 {\n order: -1;\n }\n\n .visual-side-6 svg {\n max-width: 250px;\n }\n\n .benefits-grid-7 {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .central-visual-7 svg {\n max-width: 100%;\n }\n\n .quality-block-7 {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 20px;\n }\n\n .quality-icon-7 {\n margin: 0 auto;\n }\n\n .actions-grid-8 {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .action-card-8 {\n max-width: 500px;\n margin: 0 auto;\n }\n }\n\n @media (max-width: 768px) {\n .usecases-section-5 {\n padding: 60px 20px;\n }\n\n .usecases-title-5 {\n font-size: 2rem;\n }\n\n .usecases-intro-5 {\n font-size: 1rem;\n text-align: left;\n }\n\n .card-image-5 {\n height: 200px;\n }\n\n .card-title-5 {\n font-size: 1.25rem;\n }\n\n .card-text-5 {\n text-align: left;\n }\n\n .final-text-5 {\n font-size: 1rem;\n text-align: left;\n }\n\n .final-message-5 {\n padding: 32px 24px;\n }\n\n .security-section-6 {\n padding: 60px 20px;\n }\n\n .security-title-6 {\n font-size: 2rem;\n }\n\n .security-intro-6 {\n font-size: 1rem;\n text-align: left;\n }\n\n .feature-card-6 {\n padding: 32px 24px;\n }\n\n .feature-icon-6 {\n width: 64px;\n height: 64px;\n }\n\n .feature-icon-6 svg {\n width: 32px;\n height: 32px;\n }\n\n .bottom-section-6 {\n padding: 32px 24px;\n }\n\n .content-text-6 {\n font-size: 1rem;\n text-align: left;\n }\n\n .future-section-7 {\n padding: 60px 20px;\n }\n\n .future-title-7 {\n font-size: 2rem;\n }\n\n .text-block-7 {\n padding: 24px 28px;\n }\n\n .block-paragraph-7,\n .savings-intro-7 {\n font-size: 1rem;\n text-align: left;\n }\n\n .central-visual-7 {\n padding: 30px 10px;\n }\n\n .quality-block-7 {\n padding: 24px 20px;\n }\n\n .quality-text-7 {\n font-size: 1rem;\n text-align: left;\n }\n\n .savings-section-7 {\n padding: 32px 24px;\n }\n\n .savings-title-7 {\n font-size: 1.5rem;\n }\n\n .cta-section-7 {\n padding: 32px 24px;\n }\n\n .cta-text-7 {\n font-size: 1rem;\n }\n\n .cta-text-7 strong {\n font-size: 1.125rem;\n }\n\n .cta-section-8 {\n padding: 60px 20px;\n }\n\n .cta-title-8 {\n font-size: 2rem;\n }\n\n .cta-subtitle-8 {\n font-size: 1.063rem;\n }\n\n .action-card-8 {\n padding: 32px 24px;\n }\n\n .action-icon-8 {\n width: 64px;\n height: 64px;\n }\n\n .action-icon-8 svg {\n width: 32px;\n height: 32px;\n }\n\n .action-title-8 {\n font-size: 1.25rem;\n }\n\n .bottom-message-8 {\n padding: 32px 24px;\n }\n\n .bottom-text-8 {\n font-size: 1rem;\n }\n\n .bottom-text-8 strong {\n font-size: 1.125rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Bloque 5: Casos de Uso -->\n <section class=\"usecases-section-5\">\n <div class=\"usecases-container-5\">\n <!-- Header -->\n <div class=\"usecases-header-5\">\n <h2 class=\"usecases-title-5\">\n Casos de Uso: \u00bfQui\u00e9n Necesita <span class=\"highlight-5\">Comparar Facturas y Albaranes con IA<\/span>?\n <\/h2>\n <p class=\"usecases-intro-5\">\n La funcionalidad de comparar facturas y albaranes con IA es esencialmente transversal a cualquier industria con un volumen significativo de transacciones de compra y venta.\n <\/p>\n <\/div>\n\n <!-- Cards Grid -->\n <div class=\"cards-grid-5\">\n <!-- Card 1: Log\u00edstica y Distribuci\u00f3n -->\n <div class=\"usecase-card-5\">\n <img decoding=\"async\" src=\"https:\/\/www.dijit.app\/wp-content\/uploads\/2025\/03\/Captura-de-pantalla-2025-03-31-a-las-17.10.04.png\" alt=\"comparar facturas y albaranes conIA en Log\u00edstica y Distribuci\u00f3n\" class=\"card-image-5\">\n <div class=\"card-content-5\">\n <h3 class=\"card-title-5\">Log\u00edstica y Distribuci\u00f3n<\/h3>\n <p class=\"card-text-5\">\n En este sector, el flujo de albaranes de entrega y recepci\u00f3n es constante. La velocidad para comparar facturas y albaranes con IA impacta directamente en la eficiencia de su cadena de suministro. Una conciliaci\u00f3n tard\u00eda puede retrasar el pago a proveedores y afectar las negociaciones de costes.\n <\/p>\n <div class=\"card-challenge-5\">\n <span class=\"card-label-5\">Desaf\u00edo<\/span>\n <p class=\"card-detail-5\">Recepci\u00f3n diaria de cientos de albaranes que deben coincidir con las facturas mensuales o semanales.<\/p>\n <\/div>\n <div class=\"card-solution-5\">\n <span class=\"card-label-5\">Soluci\u00f3n Dijit.app<\/span>\n <p class=\"card-detail-5\">La IA identifica si una factura cubre m\u00faltiples albaranes y los consolida autom\u00e1ticamente, asegurando que la acci\u00f3n de comparar facturas y albaranes con IA sea r\u00e1pida, precisa y multiregistro.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Card 2: Retail y Comercio -->\n <div class=\"usecase-card-5\">\n <img decoding=\"async\" src=\"https:\/\/www.dijit.app\/wp-content\/uploads\/2025\/04\/dijit-3.png\" alt=\"Retail y Comercio\" class=\"card-image-5\">\n <div class=\"card-content-5\">\n <h3 class=\"card-title-5\">Retail y Comercio<\/h3>\n <p class=\"card-text-5\">\n Las tiendas y cadenas de retail manejan grandes vol\u00famenes de referencias y m\u00faltiples pedidos por proveedor. Las facturas a menudo condensan numerosos albaranes parciales de entrega.\n <\/p>\n <div class=\"card-challenge-5\">\n <span class=\"card-label-5\">Desaf\u00edo<\/span>\n <p class=\"card-detail-5\">Errores en la cantidad de unidades recibidas (albar\u00e1n) versus la cantidad facturada.<\/p>\n <\/div>\n <div class=\"card-solution-5\">\n <span class=\"card-label-5\">Soluci\u00f3n Dijit.app<\/span>\n <p class=\"card-detail-5\">Nuestro sistema para comparar facturas y albaranes con IA verifica las l\u00edneas de detalle y garantiza que no haya sobre-facturaci\u00f3n o discrepancias en los inventarios, protegiendo su margen de beneficio.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Card 3: Empresas Constructoras y de Servicios -->\n <div class=\"usecase-card-5\">\n <img decoding=\"async\" src=\"https:\/\/www.dijit.app\/wp-content\/uploads\/2025\/04\/construccion.png\" alt=\"Empresas Constructoras y de Servicios\" class=\"card-image-5\">\n <div class=\"card-content-5\">\n <h3 class=\"card-title-5\">Empresas Constructoras y de Servicios<\/h3>\n <p class=\"card-text-5\">\n En estos entornos, a menudo se trabaja con certificaciones de obra o servicios que act\u00faan como albaranes. La factura debe coincidir con el servicio certificado.\n <\/p>\n <div class=\"card-challenge-5\">\n <span class=\"card-label-5\">Desaf\u00edo<\/span>\n <p class=\"card-detail-5\">Conciliar la factura de un subcontratista con el certificado de cumplimiento de servicio o el albar\u00e1n de horas trabajadas.<\/p>\n <\/div>\n <div class=\"card-solution-5\">\n <span class=\"card-label-5\">Soluci\u00f3n Dijit.app<\/span>\n <p class=\"card-detail-5\">La capacidad de la IA de comparar facturas y albaranes con IA se extiende a documentos complejos y sem\u00e1nticamente densos, asegurando la correlaci\u00f3n entre las descripciones del trabajo realizado y el importe facturado.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Final Message -->\n <div class=\"final-message-5\">\n <h3 class=\"final-title-5\">Para todos los casos<\/h3>\n <p class=\"final-text-5\">\n La posibilidad de comparar facturas y albaranes con IA no solo ahorra tiempo, sino que a\u00f1ade una capa de gobernanza y control que minimiza el riesgo de auditor\u00eda y mejora la calidad de los datos para la planificaci\u00f3n financiera.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Bloque 6: Seguridad -->\n <section class=\"security-section-6\">\n <div class=\"security-container-6\">\n <!-- Header -->\n <div class=\"security-header-6\">\n <h2 class=\"security-title-6\">\n Seguridad al <span class=\"highlight-6\">Comparar Facturas y Albaranes con IA<\/span>\n <\/h2>\n <p class=\"security-intro-6\">\n La seguridad de los datos es un pilar fundamental en Dijit.app. Como soluci\u00f3n SaaS B2B, entendemos que la confidencialidad de sus documentos contables es primordial. Nuestro servicio para comparar facturas y albaranes con IA opera bajo los m\u00e1s estrictos est\u00e1ndares de seguridad y cumplimiento normativo.\n <\/p>\n <\/div>\n\n <!-- Features Grid -->\n <div class=\"features-grid-6\">\n <!-- Card 1: Cloud Seguro -->\n <div class=\"feature-card-6\">\n <div class=\"feature-icon-6\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2L3 7L12 12L21 7L12 2Z\" stroke=\"#1D4ED8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M3 17L12 22L21 17\" stroke=\"#1D4ED8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M3 12L12 17L21 12\" stroke=\"#1D4ED8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title-6\">Cloud Seguro<\/h3>\n <p class=\"feature-desc-6\">\n Todos sus documentos son procesados en una infraestructura de nube con cifrado de extremo a extremo y cumplimiento del RGPD.\n <\/p>\n <\/div>\n\n <!-- Card 2: Trazabilidad Completa -->\n <div class=\"feature-card-6\">\n <div class=\"feature-icon-6\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M9 11L12 14L22 4\" stroke=\"#10B981\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M21 12V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H16\" stroke=\"#10B981\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title-6\">Trazabilidad Completa<\/h3>\n <p class=\"feature-desc-6\">\n Cada acci\u00f3n realizada por la IA y cada validaci\u00f3n humana queda registrada, proporcionando una pista de auditor\u00eda inmutable.\n <\/p>\n <\/div>\n\n <!-- Card 3: Integraci\u00f3n Sencilla -->\n <div class=\"feature-card-6\">\n <div class=\"feature-icon-6\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" stroke=\"#3B82F6\" stroke-width=\"2\"\/>\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" stroke=\"#3B82F6\" stroke-width=\"2\"\/>\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" stroke=\"#3B82F6\" stroke-width=\"2\"\/>\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" stroke=\"#3B82F6\" stroke-width=\"2\"\/>\n <line x1=\"10\" y1=\"6.5\" x2=\"14\" y2=\"6.5\" stroke=\"#3B82F6\" stroke-width=\"2\"\/>\n <line x1=\"17.5\" y1=\"10\" x2=\"17.5\" y2=\"14\" stroke=\"#3B82F6\" stroke-width=\"2\"\/>\n <line x1=\"10\" y1=\"17.5\" x2=\"14\" y2=\"17.5\" stroke=\"#3B82F6\" stroke-width=\"2\"\/>\n <line x1=\"6.5\" y1=\"10\" x2=\"6.5\" y2=\"14\" stroke=\"#3B82F6\" stroke-width=\"2\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"feature-title-6\">Integraci\u00f3n Sencilla<\/h3>\n <p class=\"feature-desc-6\">\n Nuestra platafroma permite una integraci\u00f3n fluida v\u00eda Excel con su ERP (SAP, Sage, Microsoft Dynamics, etc.), asegurando una sincronizaci\u00f3n precisa.\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Bottom Section with Visual -->\n <div class=\"bottom-section-6\">\n <!-- Visual Side -->\n <div class=\"visual-side-6\">\n <svg viewBox=\"0 0 300 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- Shield -->\n <path d=\"M 150 30 L 90 60 L 90 140 Q 90 200 150 250 Q 210 200 210 140 L 210 60 Z\" fill=\"none\" stroke=\"#1D4ED8\" stroke-width=\"3\"\/>\n <path d=\"M 150 30 L 90 60 L 90 140 Q 90 200 150 250 Q 210 200 210 140 L 210 60 Z\" fill=\"rgba(29,78,216,0.15)\" opacity=\"0.5\"\/>\n \n <!-- Checkmark inside shield -->\n <path d=\"M 120 140 L 140 160 L 180 110\" stroke=\"#10B981\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n \n <!-- Lock icon -->\n <g transform=\"translate(135, 90)\">\n <rect x=\"0\" y=\"15\" width=\"30\" height=\"25\" rx=\"3\" fill=\"none\" stroke=\"#1D4ED8\" stroke-width=\"2\"\/>\n <path d=\"M 7 15 L 7 10 Q 7 3 15 3 Q 23 3 23 10 L 23 15\" fill=\"none\" stroke=\"#1D4ED8\" stroke-width=\"2\"\/>\n <circle cx=\"15\" cy=\"27\" r=\"3\" fill=\"#1D4ED8\"\/>\n <\/g>\n \n <!-- Network nodes around shield -->\n <circle cx=\"60\" cy=\"100\" r=\"8\" fill=\"#1D4ED8\" opacity=\"0.7\"\/>\n <circle cx=\"240\" cy=\"100\" r=\"8\" fill=\"#1D4ED8\" opacity=\"0.7\"\/>\n <circle cx=\"150\" cy=\"270\" r=\"8\" fill=\"#10B981\" opacity=\"0.7\"\/>\n \n <!-- Connection lines -->\n <line x1=\"68\" y1=\"100\" x2=\"90\" y2=\"100\" stroke=\"#3f3f46\" stroke-width=\"2\" stroke-dasharray=\"4,4\"\/>\n <line x1=\"210\" y1=\"100\" x2=\"232\" y2=\"100\" stroke=\"#3f3f46\" stroke-width=\"2\" stroke-dasharray=\"4,4\"\/>\n <line x1=\"150\" y1=\"250\" x2=\"150\" y2=\"262\" stroke=\"#3f3f46\" stroke-width=\"2\" stroke-dasharray=\"4,4\"\/>\n <\/svg>\n <\/div>\n\n <!-- Content Side -->\n <div class=\"content-side-6\">\n <p class=\"content-text-6\">\n La tecnolog\u00eda que permite comparar facturas y albaranes con IA de forma tan precisa es compleja, pero el uso de la plataforma es intuitivo. Hemos dise\u00f1ado nuestra interfaz para que la curva de aprendizaje sea m\u00ednima, lo que maximiza la adopci\u00f3n por parte del usuario y acelera el retorno de la inversi\u00f3n.\n <\/p>\n <div class=\"highlight-box-6\">\n <p class=\"highlight-text-6\">\n Queremos que su equipo empiece a disfrutar de la eficiencia de comparar facturas y albaranes con IA desde el primer d\u00eda.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Bloque 7: El Futuro de la Gesti\u00f3n Documental -->\n <section class=\"future-section-7\">\n <div class=\"future-container-7\">\n <!-- Header -->\n <div class=\"future-header-7\">\n <h2 class=\"future-title-7\">\n El Futuro de la Gesti\u00f3n Documental es la <span class=\"highlight-7\">IA Premium<\/span>\n <\/h2>\n <\/div>\n\n <!-- Content Blocks -->\n <div class=\"content-blocks-7\">\n <div class=\"text-block-7\">\n <p class=\"block-paragraph-7\">\n El mercado est\u00e1 saturado de soluciones de OCR b\u00e1sicas que prometen digitalizaci\u00f3n. Sin embargo, el futuro, y el presente de las empresas l\u00edderes, pasa por la Inteligencia Artificial que realmente \"entiende\" los datos. Dijit.app se posiciona en la vanguardia al ofrecer una soluci\u00f3n de OCR Pro que utiliza modelos de IA de \u00faltima generaci\u00f3n para la conciliaci\u00f3n.\n <\/p>\n <\/div>\n\n <div class=\"text-block-7\">\n <p class=\"block-paragraph-7\">\n La continua evoluci\u00f3n de la Inteligencia Artificial, como la impulsada por entidades como <a href=\"https:\/\/www.openai.com\" target=\"_blank\" rel=\"noopener noreferrer\">OpenAI<\/a>, nos permite mejorar constantemente nuestros algoritmos, haciendo que la precisi\u00f3n al comparar facturas y albaranes con IA sea cada vez mayor. Esto asegura que su inversi\u00f3n en Dijit.app sea a prueba de futuro.\n <\/p>\n <\/div>\n <\/div>\n\n <!-- Central Illustration -->\n <div class=\"central-visual-7\">\n <svg viewBox=\"0 0 600 350\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <!-- Background circle -->\n <circle cx=\"300\" cy=\"175\" r=\"150\" fill=\"rgba(29,78,216,0.05)\" opacity=\"0.5\"\/>\n \n <!-- Left side - Traditional documents (chaos) -->\n <g transform=\"translate(80, 120)\">\n <!-- Stacked messy papers -->\n <rect x=\"0\" y=\"20\" width=\"70\" height=\"90\" rx=\"4\" fill=\"#1c1c1f\" stroke=\"#DC2626\" stroke-width=\"2\" transform=\"rotate(-12 35 65)\"\/>\n <rect x=\"20\" y=\"15\" width=\"70\" height=\"90\" rx=\"4\" fill=\"#1c1c1f\" stroke=\"#DC2626\" stroke-width=\"2\" transform=\"rotate(8 55 60)\"\/>\n <rect x=\"10\" y=\"25\" width=\"70\" height=\"90\" rx=\"4\" fill=\"#1c1c1f\" stroke=\"#DC2626\" stroke-width=\"2\" transform=\"rotate(-5 45 70)\"\/>\n \n <!-- Lines on papers -->\n <line x1=\"15\" y1=\"50\" x2=\"55\" y2=\"45\" stroke=\"#3f3f46\" stroke-width=\"1.5\"\/>\n <line x1=\"25\" y1=\"60\" x2=\"65\" y2=\"58\" stroke=\"#3f3f46\" stroke-width=\"1.5\"\/>\n \n <!-- Warning symbol -->\n <circle cx=\"45\" cy=\"140\" r=\"20\" fill=\"rgba(239,68,68,0.15)\"\/>\n <text x=\"45\" y=\"150\" font-family=\"Outfit, Arial\" font-size=\"24\" fill=\"#DC2626\" text-anchor=\"middle\" font-weight=\"bold\">!<\/text>\n \n <!-- Label -->\n <text x=\"45\" y=\"180\" font-family=\"Outfit, Arial\" font-size=\"13\" fill=\"#a1a1aa\" text-anchor=\"middle\" font-weight=\"500\">Gesti\u00f3n Tradicional<\/text>\n <\/g>\n\n <!-- Center - AI Processor -->\n <g transform=\"translate(270, 140)\">\n <!-- AI Core -->\n <circle cx=\"30\" cy=\"35\" r=\"50\" fill=\"#1c1c1f\" stroke=\"#1D4ED8\" stroke-width=\"3\"\/>\n <circle cx=\"30\" cy=\"35\" r=\"40\" fill=\"rgba(29,78,216,0.15)\"\/>\n \n <!-- Neural network pattern -->\n <g opacity=\"0.6\">\n <circle cx=\"15\" cy=\"20\" r=\"4\" fill=\"#1D4ED8\">\n <animate attributeName=\"r\" values=\"4;5;4\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"45\" cy=\"20\" r=\"4\" fill=\"#1D4ED8\">\n <animate attributeName=\"r\" values=\"4;5;4\" dur=\"2s\" begin=\"0.3s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"15\" cy=\"50\" r=\"4\" fill=\"#1D4ED8\">\n <animate attributeName=\"r\" values=\"4;5;4\" dur=\"2s\" begin=\"0.6s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"45\" cy=\"50\" r=\"4\" fill=\"#1D4ED8\">\n <animate attributeName=\"r\" values=\"4;5;4\" dur=\"2s\" begin=\"0.9s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"30\" cy=\"35\" r=\"5\" fill=\"#1D4ED8\">\n <animate attributeName=\"r\" values=\"5;6;5\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n \n <!-- Connection lines -->\n <line x1=\"15\" y1=\"20\" x2=\"30\" y2=\"35\" stroke=\"#1D4ED8\" stroke-width=\"1.5\"\/>\n <line x1=\"45\" y1=\"20\" x2=\"30\" y2=\"35\" stroke=\"#1D4ED8\" stroke-width=\"1.5\"\/>\n <line x1=\"15\" y1=\"50\" x2=\"30\" y2=\"35\" stroke=\"#1D4ED8\" stroke-width=\"1.5\"\/>\n <line x1=\"45\" y1=\"50\" x2=\"30\" y2=\"35\" stroke=\"#1D4ED8\" stroke-width=\"1.5\"\/>\n <\/g>\n \n <!-- AI Text -->\n <text x=\"30\" y=\"42\" font-family=\"Outfit, Arial\" font-size=\"18\" fill=\"#1D4ED8\" text-anchor=\"middle\" font-weight=\"bold\">IA<\/text>\n \n <!-- Processing arrows -->\n <g opacity=\"0.7\">\n <path d=\"M -30 35 L -5 35\" stroke=\"#1D4ED8\" stroke-width=\"2\" marker-end=\"url(#arrowBlue)\">\n <animate attributeName=\"opacity\" values=\"0.3;1;0.3\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/path>\n <path d=\"M 65 35 L 90 35\" stroke=\"#10B981\" stroke-width=\"2\" marker-end=\"url(#arrowGreen)\">\n <animate attributeName=\"opacity\" values=\"0.3;1;0.3\" dur=\"2s\" begin=\"1s\" repeatCount=\"indefinite\"\/>\n <\/path>\n <\/g>\n \n <!-- Label -->\n <text x=\"30\" y=\"115\" font-family=\"Outfit, Arial\" font-size=\"13\" fill=\"#1D4ED8\" text-anchor=\"middle\" font-weight=\"600\">Dijit.app<\/text>\n <text x=\"30\" y=\"132\" font-family=\"Outfit, Arial\" font-size=\"11\" fill=\"#a1a1aa\" text-anchor=\"middle\">Procesamiento IA<\/text>\n <\/g>\n\n <!-- Right side - Organized digital output -->\n <g transform=\"translate(450, 120)\">\n <!-- Clean digital documents -->\n <rect x=\"0\" y=\"30\" width=\"70\" height=\"90\" rx=\"6\" fill=\"#1c1c1f\" stroke=\"#10B981\" stroke-width=\"2.5\"\/>\n \n <!-- Document content lines -->\n <line x1=\"10\" y1=\"45\" x2=\"60\" y2=\"45\" stroke=\"#10B981\" stroke-width=\"2\"\/>\n <line x1=\"10\" y1=\"58\" x2=\"55\" y2=\"58\" stroke=\"#3f3f46\" stroke-width=\"1.5\"\/>\n <line x1=\"10\" y1=\"68\" x2=\"50\" y2=\"68\" stroke=\"#3f3f46\" stroke-width=\"1.5\"\/>\n <line x1=\"10\" y1=\"78\" x2=\"58\" y2=\"78\" stroke=\"#3f3f46\" stroke-width=\"1.5\"\/>\n \n <!-- Checkmark box -->\n <rect x=\"10\" y=\"90\" width=\"50\" height=\"20\" rx=\"4\" fill=\"rgba(34,197,94,0.15)\"\/>\n <path d=\"M 22 100 L 27 105 L 42 92\" stroke=\"#10B981\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n \n <!-- Success symbol -->\n <circle cx=\"35\" cy=\"140\" r=\"20\" fill=\"rgba(34,197,94,0.15)\"\/>\n <path d=\"M 25 140 L 32 147 L 45 134\" stroke=\"#10B981\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n \n <!-- Label -->\n <text x=\"35\" y=\"180\" font-family=\"Outfit, Arial\" font-size=\"13\" fill=\"#a1a1aa\" text-anchor=\"middle\" font-weight=\"500\">Datos Verificados<\/text>\n <\/g>\n\n <!-- Bottom labels -->\n <text x=\"120\" y=\"320\" font-family=\"Outfit, Arial\" font-size=\"14\" fill=\"#DC2626\" text-anchor=\"middle\" font-weight=\"500\">Antes<\/text>\n <text x=\"300\" y=\"320\" font-family=\"Outfit, Arial\" font-size=\"14\" fill=\"#1D4ED8\" text-anchor=\"middle\" font-weight=\"600\">Transformaci\u00f3n<\/text>\n <text x=\"485\" y=\"320\" font-family=\"Outfit, Arial\" font-size=\"14\" fill=\"#10B981\" text-anchor=\"middle\" font-weight=\"500\">Despu\u00e9s<\/text>\n\n <!-- Defs for arrows -->\n <defs>\n <marker id=\"arrowBlue\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n <polygon points=\"0 0, 10 3, 0 6\" fill=\"#1D4ED8\"\/>\n <\/marker>\n <marker id=\"arrowGreen\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n <polygon points=\"0 0, 10 3, 0 6\" fill=\"#10B981\"\/>\n <\/marker>\n <\/defs>\n <\/svg>\n <\/div>\n\n <!-- Quality Statement -->\n <div class=\"quality-block-7\">\n <div class=\"quality-icon-7\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M9 11L12 14L22 4\" stroke=\"#10B981\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M21 12V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H16\" stroke=\"#10B981\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <p class=\"quality-text-7\">\n En la toma de decisiones financieras, la calidad del dato lo es todo. Nuestro compromiso es entregar datos 100% fiables, listos para la contabilizaci\u00f3n y libres de errores de cotejo. Esta fiabilidad se consigue solo al comparar facturas y albaranes con IA que ha sido entrenada con millones de documentos.\n <\/p>\n <\/div>\n\n <!-- Savings Section -->\n <div class=\"savings-section-7\">\n <h3 class=\"savings-title-7\">Ahorro de Costes y Optimizaci\u00f3n de Tarifas<\/h3>\n <p class=\"savings-intro-7\">\n Ya hemos mencionado que elegir la automatizaci\u00f3n para comparar facturas y albaranes con IA es una decisi\u00f3n estrat\u00e9gica. Adem\u00e1s de la eficiencia operativa, la transparencia en los costes es vital. Por ello, nuestras <a href=\"https:\/\/www.dijit.app\/tarifas-gestion-documental-inteligente\/\" target=\"_blank\" rel=\"noopener noreferrer\">tarifas<\/a> est\u00e1n dise\u00f1adas para ofrecer flexibilidad y escalabilidad. No se trata de un coste fijo sin valor, sino de una tarifa que se ajusta a su volumen de documentos, garantizando que el coste por documento procesado sea infinitamente menor al coste de procesarlo manualmente. La inversi\u00f3n se recupera r\u00e1pidamente gracias a:\n <\/p>\n\n <!-- Benefits Grid -->\n <div class=\"benefits-grid-7\">\n <div class=\"benefit-card-7\">\n <div class=\"benefit-icon-7\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M9 11L12 14L22 4\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M21 12V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H16\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h4 class=\"benefit-title-7\">Eliminaci\u00f3n de Errores<\/h4>\n <p class=\"benefit-desc-7\">Evitando pagos incorrectos.<\/p>\n <\/div>\n\n <div class=\"benefit-card-7\">\n <div class=\"benefit-icon-7\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#ffffff\" stroke-width=\"2\"\/>\n <path d=\"M12 6V12L16 14\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h4 class=\"benefit-title-7\">Ahorro de Tiempo<\/h4>\n <p class=\"benefit-desc-7\">Liberando a los empleados para tareas estrat\u00e9gicas.<\/p>\n <\/div>\n\n <div class=\"benefit-card-7\">\n <div class=\"benefit-icon-7\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M12 8V12\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M12 16H12.01\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h4 class=\"benefit-title-7\">Detecci\u00f3n de Fraude<\/h4>\n <p class=\"benefit-desc-7\">Al comparar con IA, se identifican patrones an\u00f3malos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Final CTA -->\n <div class=\"cta-section-7\">\n <p class=\"cta-text-7\">\n <strong>Cuando usted opta por Dijit.app, est\u00e1 invirtiendo en el futuro de su back-office.<\/strong> La comparaci\u00f3n de facturas y albaranes con IA es el primer paso hacia una automatizaci\u00f3n completa de sus procesos financieros, eliminando la fricci\u00f3n y potenciando la agilidad de su negocio. La capacidad para comparar facturas y albaranes con IA es su nueva herramienta clave para el control financiero.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Bloque 8: Llamada a la Acci\u00f3n Final -->\n <section class=\"cta-section-8\">\n <div class=\"cta-container-8\">\n <!-- Header -->\n <div class=\"cta-header-8\">\n <h2 class=\"cta-title-8\">Act\u00faa Ahora: Transforma tu Gesti\u00f3n Documental<\/h2>\n <p class=\"cta-subtitle-8\">\n Deja de pagar de m\u00e1s, de perder tiempo en tareas repetitivas y de asumir el riesgo de errores manuales. Prueba el poder de la Inteligencia Artificial aplicada a la gesti\u00f3n documental.\n <\/p>\n <\/div>\n\n <!-- Action Cards -->\n <div class=\"actions-grid-8\">\n <!-- Card 1: Prueba por 20\u20ac -->\n <div class=\"action-card-8\">\n <div class=\"action-icon-8\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M13 2L3 14H12L11 22L21 10H12L13 2Z\" stroke=\"#1D4ED8\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"action-title-8\">Quiero probar por 20 \u20ac<\/h3>\n <p class=\"action-desc-8\">\n Comience a comparar facturas y albaranes con IA hoy mismo. Pruebe la plataforma desde 20 \u20ac.\n <\/p>\n <a href=\"https:\/\/www.dijit.app\/ia-y-ocr-para-gestion-documental\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"action-button-8\">Empezar Ahora<\/a>\n <\/div>\n\n <!-- Card 2: WhatsApp -->\n <div class=\"action-card-8\">\n <div class=\"action-icon-8\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M21 11.5C21.0034 12.8199 20.6951 14.1219 20.1 15.3C19.3944 16.7118 18.3098 17.8992 16.9674 18.7293C15.6251 19.5594 14.0782 19.9994 12.5 20C11.1801 20.0035 9.87812 19.6951 8.7 19.1L3 21L4.9 15.3C4.30493 14.1219 3.99656 12.8199 4 11.5C4.00061 9.92179 4.44061 8.37488 5.27072 7.03258C6.10083 5.69028 7.28825 4.6056 8.7 3.90003C9.87812 3.30496 11.1801 2.99659 12.5 3.00003H13C15.0843 3.11502 17.053 3.99479 18.5291 5.47089C20.0052 6.94699 20.885 8.91568 21 11V11.5Z\" stroke=\"#10B981\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"action-title-8\">Cont\u00e1ctanos por WhatsApp<\/h3>\n <p class=\"action-desc-8\">\n \u00bfTiene dudas espec\u00edficas sobre c\u00f3mo comparar facturas y albaranes con IA en su sector? Hable con un experto.\n <\/p>\n <a href=\"https:\/\/wa.me\/34650585085\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"action-button-8\">+34 650 585 085<\/a>\n <\/div>\n\n <!-- Card 3: Email -->\n <div class=\"action-card-8\">\n <div class=\"action-icon-8\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"#F59E0B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <path d=\"M22 6L12 13L2 6\" stroke=\"#F59E0B\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"action-title-8\">Consultas<\/h3>\n <p class=\"action-desc-8\">\n Env\u00edenos un email si prefiere una consulta detallada sobre la implantaci\u00f3n.\n <\/p>\n <a href=\"mailto:central@dijit.app\" class=\"action-button-8\">central@dijit.app<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Comparar facturas y albaranes con IA – Dijit.app Comparar facturas y albaranes con IA: La Revoluci\u00f3n del OCR Pro para tu Negocio Automatiza la conciliaci\u00f3n de tus documentos contables con IA Premium. M\u00e1s informaci\u00f3n Solicitar demo 1.250\u20ac FACTURA 1.250\u20ac ALBAR\u00c1N En el entorno empresarial moderno, la gesti\u00f3n documental no es solo una tarea administrativa, es […]<\/p>\n","protected":false},"author":17,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15401","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dijit.app\/en\/wp-json\/wp\/v2\/pages\/15401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dijit.app\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dijit.app\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dijit.app\/en\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dijit.app\/en\/wp-json\/wp\/v2\/comments?post=15401"}],"version-history":[{"count":13,"href":"https:\/\/www.dijit.app\/en\/wp-json\/wp\/v2\/pages\/15401\/revisions"}],"predecessor-version":[{"id":16780,"href":"https:\/\/www.dijit.app\/en\/wp-json\/wp\/v2\/pages\/15401\/revisions\/16780"}],"wp:attachment":[{"href":"https:\/\/www.dijit.app\/en\/wp-json\/wp\/v2\/media?parent=15401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}