Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365<\/title>\r\n <meta name=\"description\" content=\"Digitaliza tu despacho o gestor\u00eda con Microsoft 365. CRM, expedientes y gesti\u00f3n documental centralizada. Pago \u00fanico, sin cuotas. Solicita tu demo gratuita.\">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <meta name=\"author\" content=\"BTB Consulting\">\r\n <link rel=\"canonical\" href=\"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\">\r\n\r\n \r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:locale\" content=\"es_ES\">\r\n <meta property=\"og:site_name\" content=\"BTB Consulting\">\r\n <meta property=\"og:url\" content=\"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\">\r\n <meta property=\"og:title\" content=\"Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365\">\r\n <meta property=\"og:description\" content=\"Digitaliza tu despacho o gestor\u00eda con Microsoft 365. CRM, expedientes y gesti\u00f3n documental centralizada. Pago \u00fanico, sin cuotas. Tus datos siempre bajo tu control.\">\r\n <meta property=\"og:image\" content=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTBGestion365-Logo.webp\">\r\n <meta property=\"og:image:width\" content=\"500\">\r\n <meta property=\"og:image:height\" content=\"250\">\r\n <meta property=\"og:image:alt\" content=\"BTBGesti\u00f3n365 \u2014 CRM y gesti\u00f3n documental para despachos en Microsoft 365\">\r\n\r\n \r\n <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n <meta name=\"twitter:site\" content=\"@BTBConsulting\">\r\n <meta name=\"twitter:title\" content=\"Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365\">\r\n <meta name=\"twitter:description\" content=\"Digitaliza tu despacho o gestor\u00eda con Microsoft 365. CRM, expedientes y gesti\u00f3n documental. Pago \u00fanico, sin cuotas.\">\r\n <meta name=\"twitter:image\" content=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTBGestion365-Logo.webp\">\r\n <meta name=\"twitter:image:alt\" content=\"BTBGesti\u00f3n365 \u2014 CRM y gesti\u00f3n documental para despachos en Microsoft 365\">\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/www.youtube.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/i.ytimg.com\">\r\n <link rel=\"dns-prefetch\" href=\"https:\/\/www.youtube-nocookie.com\">\r\n \r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/maxresdefault.jpg\" fetchpriority=\"high\">\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <script type=\"text\/javascript\">\r\n (function(c,l,a,r,i,t,y){\r\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\r\n t=l.createElement(r);t.async=1;t.src=\"https:\/\/www.clarity.ms\/tag\/\"+i;\r\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\r\n })(window, document, \"clarity\", \"script\", \"wdap7k6bp5\");\r\n <\/script>\r\n\r\n \r\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTBGestion365-Logo.webp\">\r\n\r\n \r\n <meta name=\"keywords\" content=\"CRM despachos abogados, software gesti\u00f3n gestor\u00edas, Microsoft 365 despacho, gesti\u00f3n documental abogados, expedientes digitales, digitalizar despacho, BTBGesti\u00f3n365\">\r\n\r\n \r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/Microsoft365-para-despachos-scaled.webp\" fetchpriority=\"high\">\r\n\r\n \r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Microsoft-365.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Outlook.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Teams.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Word.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Excel.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/OneDrive.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Sharepoint.webp\">\r\n\r\n <style>\r\n \/* Fonts loaded via <link> in <head> \u2014 no @import needed *\/\r\n\r\n \/* ============================================\r\n CSS VARIABLES\r\n ============================================ *\/\r\n :root {\r\n --navy: #1B2A4A;\r\n --navy-deep: #0F1B33;\r\n --navy-light: #2A3F6A;\r\n --blue-ms: #0078D4;\r\n --blue-ms-hover: #005A9E;\r\n --blue-ms-light: #E8F4FD;\r\n --gold: #C9A84C;\r\n --gold-light: #D4BC72;\r\n --gold-subtle: rgba(201, 168, 76, 0.1);\r\n --white: #FFFFFF;\r\n --gray-50: #FAFBFC;\r\n --gray-100: #F4F6F9;\r\n --gray-200: #E8ECF1;\r\n --gray-300: #D1D8E3;\r\n --gray-400: #9AA5B8;\r\n --gray-500: #6B7A90;\r\n --gray-600: #4A5568;\r\n --gray-700: #2D3748;\r\n --red-soft: #DC3545;\r\n --green-soft: #38A169;\r\n\r\n --font-display: 'Playfair Display', Georgia, serif;\r\n --font-body: 'DM Sans', -apple-system, sans-serif;\r\n\r\n --shadow-sm: 0 1px 3px rgba(27, 42, 74, 0.06);\r\n --shadow-md: 0 4px 16px rgba(27, 42, 74, 0.08);\r\n --shadow-lg: 0 8px 32px rgba(27, 42, 74, 0.12);\r\n --shadow-xl: 0 16px 48px rgba(27, 42, 74, 0.16);\r\n --shadow-gold: 0 8px 32px rgba(201, 168, 76, 0.2);\r\n\r\n --radius-sm: 6px;\r\n --radius-md: 12px;\r\n --radius-lg: 20px;\r\n --radius-xl: 28px;\r\n\r\n --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Force correct SVG rendering \u2014 WordPress themes override fill on all SVGs *\/\r\n .ms-card-icon svg,\r\n .feature-icon svg,\r\n .problem-icon svg,\r\n .transition-arrow svg,\r\n .credibility-badge svg,\r\n .hero-trust svg,\r\n .faq-question svg,\r\n .faq-answer svg,\r\n .play-btn svg,\r\n .pricing-features svg,\r\n .pricing-timeline svg,\r\n .comparison-items svg,\r\n .hero-cta-group svg,\r\n .nav-links svg,\r\n .comparison-cta svg,\r\n .how-section .btn svg,\r\n .mobile-sticky-cta svg {\r\n fill: none !important;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n font-size: 16px;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body) !important;\r\n color: var(--gray-700) !important;\r\n line-height: 1.7 !important;\r\n background: var(--white) !important;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n img { max-width: 100%; display: block; }\r\n a { text-decoration: none; color: inherit; }\r\n\r\n .container {\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 24px !important;\r\n }\r\n\r\n \/* ============================================\r\n TYPOGRAPHY\r\n ============================================ *\/\r\n .section-label {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.8rem !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: var(--gold) !important;\r\n margin-bottom: 16px !important;\r\n display: inline-block !important;\r\n }\r\n\r\n .section-title {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(1.8rem, 4vw, 2.8rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n line-height: 1.2 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem !important;\r\n color: var(--gray-500) !important;\r\n max-width: 640px !important;\r\n margin: 0 auto 48px !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n .text-center { text-align: center; }\r\n\r\n \/* ============================================\r\n BUTTONS\r\n ============================================ *\/\r\n .btn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n padding: 16px 36px !important;\r\n font-family: var(--font-body) !important;\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n border: none !important;\r\n border-radius: var(--radius-sm) !important;\r\n cursor: pointer !important;\r\n transition: var(--transition) !important;\r\n letter-spacing: 0.3px !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--blue-ms) !important;\r\n color: var(--white) !important;\r\n box-shadow: 0 4px 14px rgba(0, 120, 212, 0.35) !important;\r\n }\r\n .btn-primary:hover {\r\n background: var(--blue-ms-hover) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(0, 120, 212, 0.45) !important;\r\n }\r\n\r\n .btn-outline {\r\n background: transparent !important;\r\n color: var(--navy) !important;\r\n border: 2px solid var(--gray-300) !important;\r\n }\r\n .btn-outline:hover {\r\n border-color: var(--blue-ms) !important;\r\n color: var(--blue-ms) !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n .btn-gold {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;\r\n color: var(--navy-deep) !important;\r\n box-shadow: var(--shadow-gold) !important;\r\n }\r\n .btn-gold:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 10px 36px rgba(201, 168, 76, 0.35) !important;\r\n }\r\n \/* Shimmer effect on gold buttons *\/\r\n .btn-gold::after {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -60%;\r\n width: 40%;\r\n height: 200%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transform: skewX(-20deg);\r\n animation: shimmer 3.5s infinite;\r\n }\r\n @keyframes spin {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n @keyframes shimmer {\r\n 0% { left: -60%; }\r\n 30% { left: 120%; }\r\n 100% { left: 120%; }\r\n }\r\n\r\n \/* ============================================\r\n ANIMATIONS\r\n ============================================ *\/\r\n .js-loaded .fade-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .js-loaded .fade-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .js-loaded .fade-left {\r\n opacity: 0;\r\n transform: translateX(-40px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .js-loaded .fade-left.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .js-loaded .fade-right {\r\n opacity: 0;\r\n transform: translateX(40px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .js-loaded .fade-right.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .js-loaded .scale-in {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .js-loaded .scale-in.visible {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n .delay-4 { transition-delay: 0.4s; }\r\n .delay-5 { transition-delay: 0.5s; }\r\n .delay-6 { transition-delay: 0.6s; }\r\n .delay-7 { transition-delay: 0.7s; }\r\n .delay-8 { transition-delay: 0.8s; }\r\n\r\n \/* Floating animation *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n .float { animation: float 6s ease-in-out infinite; }\r\n .float-delay { animation: float 6s ease-in-out 2s infinite; }\r\n\r\n \/* Gradient animation *\/\r\n @keyframes gradientShift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* Pulse ring *\/\r\n @keyframes pulseRing {\r\n 0% { transform: scale(1); opacity: 0.5; }\r\n 100% { transform: scale(1.8); opacity: 0; }\r\n }\r\n\r\n \/* ============================================\r\n NAVIGATION\r\n ============================================ *\/\r\n .nav {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1000;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n box-shadow: 0 2px 16px rgba(27, 42, 74, 0.10);\r\n transition: var(--transition);\r\n }\r\n .nav.scrolled {\r\n box-shadow: 0 4px 24px rgba(27, 42, 74, 0.15);\r\n }\r\n .nav-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px;\r\n }\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n }\r\n .nav-logo-img {\r\n height: 60px !important;\r\n width: auto !important;\r\n max-width: 160px !important;\r\n display: block !important;\r\n }\r\n .logo-text {\r\n display: flex;\r\n flex-direction: column;\r\n line-height: 1.2;\r\n }\r\n .logo-brand {\r\n font-family: var(--font-body) !important;\r\n font-size: 1.2rem !important;\r\n font-weight: 700 !important;\r\n color: var(--navy) !important;\r\n letter-spacing: -0.3px;\r\n line-height: 1;\r\n }\r\n .logo-product {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.68rem !important;\r\n font-weight: 500 !important;\r\n color: var(--gray-500) !important;\r\n letter-spacing: 0.5px;\r\n line-height: 1;\r\n margin-top: 2px;\r\n }\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n list-style: none;\r\n }\r\n .nav-links a {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: var(--gray-600);\r\n transition: var(--transition);\r\n position: relative;\r\n text-decoration: none !important;\r\n }\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--blue-ms), var(--gold));\r\n transition: var(--transition);\r\n }\r\n .nav-links a:hover { color: var(--navy); }\r\n .nav-links a:hover::after { width: 100%; }\r\n .nav-cta {\r\n padding: 10px 24px !important;\r\n font-size: 0.9rem !important;\r\n border-radius: var(--radius-sm) !important;\r\n color: var(--navy-deep) !important;\r\n font-weight: 700 !important;\r\n box-shadow: 0 4px 20px rgba(201, 168, 76, 0.4) !important;\r\n }\r\n .nav-cta:hover {\r\n box-shadow: 0 6px 28px rgba(201, 168, 76, 0.55) !important;\r\n }\r\n .nav-cta::after { display: none !important; }\r\n \/* Shimmer en bot\u00f3n nav CTA \u2014 usa ::before (::after est\u00e1 ocupado por nav-links underline) *\/\r\n #navbar a.nav-cta::before,\r\n #navbar .nav-cta::before {\r\n content: '' !important;\r\n display: block !important;\r\n position: absolute !important;\r\n top: -50% !important;\r\n left: -60% !important;\r\n width: 40% !important;\r\n height: 200% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;\r\n transform: skewX(-20deg) !important;\r\n animation: shimmer 3.5s infinite !important;\r\n z-index: 1 !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n \/* Forzar estilos del bot\u00f3n CTA del nav \u2014 anula overrides de Elementor\/WordPress *\/\r\n #navbar a.nav-cta,\r\n #navbar .nav-cta,\r\n #navbar a.btn-gold,\r\n #navbar a.btn.btn-gold.nav-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: linear-gradient(135deg, #C9A84C, #D4BC72) !important;\r\n background-color: #C9A84C !important;\r\n color: #0F1B33 !important;\r\n padding: 10px 24px !important;\r\n font-family: 'DM Sans', -apple-system, sans-serif !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 700 !important;\r\n border: none !important;\r\n border-radius: 6px !important;\r\n box-shadow: 0 4px 20px rgba(201, 168, 76, 0.4) !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.3px !important;\r\n line-height: 1.2 !important;\r\n cursor: pointer !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n #navbar a.nav-cta:hover,\r\n #navbar .nav-cta:hover,\r\n #navbar a.btn-gold:hover {\r\n background: linear-gradient(135deg, #D4BC72, #C9A84C) !important;\r\n background-color: #D4BC72 !important;\r\n color: #0F1B33 !important;\r\n box-shadow: 0 6px 28px rgba(201, 168, 76, 0.55) !important;\r\n transform: translateY(-2px) !important;\r\n text-decoration: none !important;\r\n }\r\n .nav-mobile-toggle {\r\n display: none;\r\n background: none !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n cursor: pointer !important;\r\n padding: 8px !important;\r\n color: inherit !important;\r\n font-size: inherit !important;\r\n touch-action: manipulation !important;\r\n position: relative !important;\r\n z-index: 10 !important;\r\n pointer-events: auto !important;\r\n }\r\n .nav-mobile-toggle span {\r\n display: block !important;\r\n width: 24px !important;\r\n height: 2px !important;\r\n background: #1B2A4A !important;\r\n background-color: #1B2A4A !important;\r\n border-radius: 2px !important;\r\n margin: 5px 0 !important;\r\n transition: 0.3s ease !important;\r\n }\r\n\r\n \/* ============================================\r\n ANNOUNCEMENT BAR\r\n ============================================ *\/\r\n \/* ============================================\r\n ANNOUNCEMENT BAR \u2014 glassmorphism\r\n ============================================ *\/\r\n @keyframes glassSheen {\r\n 0% { transform: translateX(-100%) skewX(-15deg); }\r\n 30% { transform: translateX(300%) skewX(-15deg); }\r\n 100% { transform: translateX(300%) skewX(-15deg); }\r\n }\r\n .announcement-bar {\r\n position: fixed;\r\n top: 72px;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \/* 76% opaco: legible sobre blanco Y sobre navy, el 24% restante muestra el blur *\/\r\n background: rgba(14, 42, 100, 0.92);\r\n backdrop-filter: blur(18px) saturate(160%);\r\n -webkit-backdrop-filter: blur(18px) saturate(160%);\r\n \/* Borde superior: filete de luz reflejada *\/\r\n border-top: 1px solid rgba(255, 255, 255, 0.10);\r\n \/* Borde inferior: hairline dorado como separador *\/\r\n border-bottom: 1px solid rgba(201, 168, 76, 0.18);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.07),\r\n 0 6px 28px rgba(0, 0, 0, 0.22);\r\n overflow: hidden;\r\n transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;\r\n }\r\n \/* Sheen diagonal \u2014 reflejo de luz sobre el cristal *\/\r\n .announcement-bar::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 40%;\r\n height: 100%;\r\n background: linear-gradient(\r\n 105deg,\r\n transparent 0%,\r\n rgba(255, 255, 255, 0.055) 45%,\r\n rgba(255, 255, 255, 0.09) 50%,\r\n rgba(255, 255, 255, 0.055) 55%,\r\n transparent 100%\r\n );\r\n animation: glassSheen 7s ease-in-out infinite;\r\n pointer-events: none;\r\n }\r\n \/* Glow dorado difuso en el centro del cristal *\/\r\n .announcement-bar::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60%;\r\n height: 100%;\r\n background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(201, 168, 76, 0.10) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .announcement-bar.hidden {\r\n height: 0;\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n .announcement-bar-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n font-family: var(--font-body);\r\n font-size: 0.78rem;\r\n color: #ffffff;\r\n font-weight: 400;\r\n letter-spacing: 0.2px;\r\n white-space: nowrap;\r\n padding: 0 48px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \/* Pill badge \u2014 glass interna *\/\r\n .announcement-dot {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 2px 9px;\r\n background: rgba(201, 168, 76, 0.10);\r\n border: 1px solid rgba(201, 168, 76, 0.28);\r\n border-radius: 100px;\r\n font-size: 0.67rem;\r\n font-weight: 700;\r\n letter-spacing: 0.9px;\r\n text-transform: uppercase;\r\n color: #D4BC72;\r\n flex-shrink: 0;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n }\r\n .announcement-dot::before {\r\n content: '';\r\n width: 5px;\r\n height: 5px;\r\n min-width: 5px;\r\n background: #C9A84C;\r\n border-radius: 50%;\r\n display: inline-block;\r\n box-shadow: 0 0 5px rgba(201, 168, 76, 0.7);\r\n }\r\n .announcement-dot::after { display: none; }\r\n .announcement-clock-icon {\r\n display: inline-block;\r\n flex-shrink: 0;\r\n width: 14px;\r\n height: 14px;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.75)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'\/%3E%3Cpolyline points='12 6 12 12 16 14'\/%3E%3C\/svg%3E\");\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n }\r\n .announcement-show-mobile { display: none; }\r\n \/* Separador vertical *\/\r\n .announcement-sep {\r\n width: 1px;\r\n height: 13px;\r\n background: rgba(255, 255, 255, 0.10);\r\n flex-shrink: 0;\r\n }\r\n .announcement-cta-link,\r\n #announcementBar a.announcement-cta-link,\r\n #announcementBar .announcement-bar-inner a {\r\n color: #D4BC72 !important;\r\n font-family: 'DM Sans', -apple-system, sans-serif !important;\r\n font-size: 0.78rem !important;\r\n font-weight: 700 !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.4px !important;\r\n background: none !important;\r\n background-color: transparent !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n outline: none !important;\r\n transition: color 0.2s ease !important;\r\n position: relative !important;\r\n display: inline !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n #announcementBar a.announcement-cta-link::after,\r\n #announcementBar .announcement-bar-inner a::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -1px !important;\r\n left: 0 !important;\r\n width: 0 !important;\r\n height: 1px !important;\r\n background: #D4BC72 !important;\r\n transition: width 0.25s ease !important;\r\n }\r\n #announcementBar a.announcement-cta-link:hover,\r\n #announcementBar .announcement-bar-inner a:hover { color: #fff !important; }\r\n #announcementBar a.announcement-cta-link:hover::after,\r\n #announcementBar .announcement-bar-inner a:hover::after { width: 100% !important; }\r\n@media (max-width: 768px) {\r\n .announcement-bar {\r\n height: 36px;\r\n min-height: 36px;\r\n padding: 0 40px;\r\n }\r\n .announcement-bar-inner {\r\n font-size: 0.7rem;\r\n gap: 5px;\r\n padding: 0;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n .announcement-sep { display: none; }\r\n .announcement-hide-mobile { display: none; }\r\n .announcement-show-mobile { display: inline; }\r\n .announcement-cta-link,\r\n #announcementBar a.announcement-cta-link,\r\n #announcementBar .announcement-bar-inner a { display: none !important; }\r\n }\r\n\r\n \/* Nav compact on scroll *\/\r\n .nav-links a.active { color: var(--navy) !important; }\r\n .nav-links a.active::after { width: 100%; }\r\n \/* Eliminar subrayado de todos los enlaces del header *\/\r\n #navbar a,\r\n #navbar .nav-links a,\r\n #navbar .nav-mobile-cta {\r\n text-decoration: none !important;\r\n }\r\n\r\n \/* ============================================\r\n SECTION 1: HERO\r\n ============================================ *\/\r\n .hero {\r\n position: relative;\r\n min-height: 100dvh;\r\n display: flex;\r\n align-items: flex-start;\r\n padding: 190px 0 76px;\r\n background: linear-gradient(170deg, var(--navy-deep) 0%, var(--navy) 40%, var(--navy-light) 100%);\r\n overflow: hidden;\r\n }\r\n \/* Orbs de luz animados *\/\r\n .hero-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n will-change: transform;\r\n }\r\n .hero-orb-1 {\r\n width: 720px;\r\n height: 720px;\r\n top: -280px;\r\n left: -180px;\r\n background: radial-gradient(circle at 40% 40%, rgba(0, 120, 212, 0.28) 0%, transparent 60%);\r\n filter: blur(80px);\r\n animation: heroOrb1 14s ease-in-out infinite;\r\n }\r\n .hero-orb-2 {\r\n width: 580px;\r\n height: 580px;\r\n bottom: -220px;\r\n right: -140px;\r\n background: radial-gradient(circle at 55% 55%, rgba(201, 168, 76, 0.22) 0%, transparent 60%);\r\n filter: blur(80px);\r\n animation: heroOrb2 11s ease-in-out 1.5s infinite;\r\n }\r\n .hero-orb-3 {\r\n width: 360px;\r\n height: 360px;\r\n top: 25%;\r\n left: 50%;\r\n margin-left: -180px;\r\n background: radial-gradient(circle, rgba(42, 80, 180, 0.16) 0%, transparent 65%);\r\n filter: blur(60px);\r\n animation: heroOrb3 9s ease-in-out 3s infinite;\r\n }\r\n @keyframes heroOrb1 {\r\n 0%, 100% { transform: translate(0px, 0px); }\r\n 33% { transform: translate(70px, 55px); }\r\n 66% { transform: translate(30px, 100px); }\r\n }\r\n @keyframes heroOrb2 {\r\n 0%, 100% { transform: translate(0px, 0px); }\r\n 40% { transform: translate(-65px, -50px); }\r\n 70% { transform: translate(-25px, -90px); }\r\n }\r\n @keyframes heroOrb3 {\r\n 0%, 100% { transform: scale(1) translateY(0px); }\r\n 50% { transform: scale(1.18) translateY(-28px); }\r\n }\r\n\r\n \/* Dot grid con m\u00e1scara radial \u2014 orientada al lado izquierdo del split *\/\r\n .hero-dots {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);\r\n background-size: 38px 38px;\r\n -webkit-mask-image: radial-gradient(ellipse 70% 80% at 25% 50%, black 25%, transparent 100%);\r\n mask-image: radial-gradient(ellipse 70% 80% at 25% 50%, black 25%, transparent 100%);\r\n }\r\n\r\n \/* L\u00edneas diagonales de textura *\/\r\n .hero-lines {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n .hero-lines::before {\r\n content: '';\r\n position: absolute;\r\n inset: -100%;\r\n background: repeating-linear-gradient(\r\n -52deg,\r\n transparent,\r\n transparent 72px,\r\n rgba(255, 255, 255, 0.018) 72px,\r\n rgba(255, 255, 255, 0.018) 73px\r\n );\r\n }\r\n\r\n \/* Degradado de cierre inferior *\/\r\n .hero-fade {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 130px;\r\n background: linear-gradient(to bottom, transparent, rgba(10, 18, 40, 0.35));\r\n pointer-events: none;\r\n }\r\n\r\n \/* Hero \u2014 columna \u00fanica centrada *\/\r\n .hero-grid {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 48px;\r\n }\r\n .hero-grid .hero-right {\r\n margin-bottom: 48px;\r\n }\r\n .hero-left {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n .hero-right {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n max-width: 820px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n \/* \u2500\u2500 VSL Thumbnail \u2500\u2500 *\/\r\n .hero-video {\r\n position: relative;\r\n width: 100%;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255,255,255,0.08);\r\n }\r\n .hero-video::before {\r\n content: '';\r\n position: absolute;\r\n inset: -2px;\r\n border-radius: var(--radius-lg);\r\n background: linear-gradient(135deg, rgba(0,120,212,0.3), rgba(201,168,76,0.3), rgba(0,120,212,0.3));\r\n background-size: 300% 300%;\r\n animation: gradientShift 6s ease-in-out infinite;\r\n z-index: -1;\r\n }\r\n .hero-video .video-wrapper {\r\n position: relative;\r\n padding-bottom: 56.25%;\r\n background: var(--navy-deep);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n }\r\n .vsl-thumb { cursor: pointer; touch-action: manipulation; }\r\n .vsl-thumb:hover .vsl-thumb-overlay { background: rgba(10,20,45,0.2); }\r\n .vsl-thumb:hover .play-btn {\r\n transform: scale(1.12);\r\n box-shadow: 0 12px 48px rgba(201,168,76,0.65);\r\n }\r\n .vsl-thumb-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: var(--radius-lg);\r\n }\r\n .vsl-thumb-overlay {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding-bottom: 17%;\r\n background: rgba(10,20,45,0.38);\r\n border-radius: var(--radius-lg);\r\n transition: var(--transition);\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n .vsl-thumb-label {\r\n color: rgba(255,255,255,0.95);\r\n font-size: 1.35rem;\r\n font-weight: 700;\r\n margin-top: 16px;\r\n letter-spacing: 0.5px;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.6);\r\n }\r\n .play-btn {\r\n width: 96px;\r\n height: 96px;\r\n background: linear-gradient(135deg, var(--gold-light), var(--gold), #A07830);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 32px rgba(201,168,76,0.5);\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n .play-btn::after {\r\n content: '';\r\n position: absolute;\r\n inset: -6px;\r\n border-radius: 50%;\r\n border: 2px solid rgba(201,168,76,0.4);\r\n animation: pulseRing 2.5s infinite;\r\n }\r\n .play-btn svg { width: 28px; height: 28px; margin-left: 4px; }\r\n .vsl-thumb .play-btn svg { fill: white !important; stroke: none !important; }\r\n\r\n \/* \u2500\u2500 Video Modal \u2500\u2500 *\/\r\n .video-modal {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 99999;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n }\r\n .video-modal.active {\r\n display: flex;\r\n animation: modalFadeIn 0.25s ease;\r\n }\r\n @keyframes modalFadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n .video-modal-backdrop {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(8,14,28,0.94);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n .video-modal-container {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n max-width: 1040px;\r\n animation: modalSlideIn 0.3s cubic-bezier(0.4,0,0.2,1);\r\n }\r\n @keyframes modalSlideIn {\r\n from { transform: scale(0.93); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n .video-modal-close {\r\n position: absolute;\r\n top: -52px;\r\n right: 0;\r\n width: 42px !important;\r\n height: 42px !important;\r\n min-width: 42px !important;\r\n padding: 0 !important;\r\n background: rgba(255,255,255,0.1) !important;\r\n background-color: rgba(255,255,255,0.1) !important;\r\n background-image: none !important;\r\n border: 1px solid rgba(255,255,255,0.25) !important;\r\n border-radius: 50% !important;\r\n box-shadow: none !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n transition: var(--transition) !important;\r\n overflow: visible !important;\r\n }\r\n .video-modal-close:hover { background: rgba(255,255,255,0.22) !important; transform: scale(1.1) !important; }\r\n .video-modal-close svg { width: 18px !important; height: 18px !important; stroke: white !important; fill: none !important; }\r\n .video-modal-wrapper {\r\n position: relative;\r\n padding-bottom: 56.25%;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n background: #000;\r\n box-shadow: 0 40px 120px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.06);\r\n }\r\n .video-modal-wrapper iframe {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n @media (max-width: 768px) {\r\n .video-modal { padding: 16px; }\r\n .video-modal-close { top: -46px; }\r\n .vsl-thumb-overlay { padding-bottom: 10%; justify-content: flex-end; }\r\n }\r\n\r\n \/* \u2500\u2500 Video Toast (centrado, todos los dispositivos) \u2500\u2500 *\/\r\n .video-toast-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,0.65);\r\n z-index: 1001;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n .video-toast-backdrop.visible { opacity: 1; }\r\n\r\n .video-toast {\r\n display: flex;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n width: min(92vw, 680px);\r\n z-index: 1002;\r\n flex-direction: column;\r\n background: var(--navy-deep);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n box-shadow: 0 24px 80px rgba(0,0,0,0.7), 0 0 0 1px rgba(201,168,76,0.3);\r\n transform: translate(-50%, -50%) scale(0.88);\r\n transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), opacity 0.3s ease;\r\n opacity: 0;\r\n pointer-events: none;\r\n cursor: pointer;\r\n }\r\n .video-toast.visible {\r\n transform: translate(-50%, -50%) scale(1);\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n .video-toast.hiding {\r\n transform: translate(-50%, -50%) scale(0.88);\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n .video-toast-thumb {\r\n position: relative;\r\n width: 100%;\r\n height: 260px;\r\n overflow: hidden;\r\n }\r\n .video-toast-thumb img {\r\n width: 100%; height: 100%;\r\n object-fit: cover; object-position: center;\r\n display: block; filter: brightness(0.6);\r\n }\r\n .video-toast-thumb-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to bottom, transparent 20%, var(--navy-deep) 100%);\r\n }\r\n .video-toast-thumb-play {\r\n position: absolute; top: 58%; left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 96px; height: 96px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 6px 32px rgba(201,168,76,0.75);\r\n }\r\n .video-toast-thumb-play svg {\r\n width: 36px; height: 36px;\r\n fill: var(--navy-deep) !important; stroke: none !important;\r\n margin-left: 5px;\r\n }\r\n .video-toast-duration {\r\n position: absolute; bottom: 10px; right: 10px;\r\n background: rgba(0,0,0,0.75); color: white;\r\n font-size: 0.7rem; font-weight: 600;\r\n padding: 2px 7px; border-radius: 4px;\r\n }\r\n .video-toast-body {\r\n position: relative;\r\n display: flex; align-items: center;\r\n justify-content: center;\r\n padding: 18px 20px;\r\n }\r\n .video-toast-text { display: flex; flex-direction: column; gap: 3px; align-items: center; text-align: center; }\r\n .video-toast-title { font-size: 1.35rem; font-weight: 700; color: var(--white); line-height: 1.3; }\r\n .video-toast-sub { font-size: 1rem; color: var(--gold-light); font-weight: 500; }\r\n @media (max-width: 600px) {\r\n .video-toast { width: 92vw !important; }\r\n .video-toast-thumb { height: 160px !important; }\r\n .video-toast-title { font-size: 1rem !important; }\r\n .video-toast-sub { font-size: 0.8rem !important; }\r\n }\r\n .video-toast-close {\r\n position: absolute !important;\r\n right: 12px !important;\r\n top: 12px !important;\r\n transform: none !important;\r\n width: 28px !important; height: 28px !important; min-width: 28px !important;\r\n border-radius: 50% !important;\r\n background: rgba(255,255,255,0.08) !important;\r\n background-color: rgba(255,255,255,0.08) !important;\r\n background-image: none !important;\r\n border: 1px solid rgba(255,255,255,0.1) !important;\r\n box-shadow: none !important;\r\n cursor: pointer !important;\r\n display: flex !important; align-items: center !important; justify-content: center !important;\r\n padding: 0 !important; margin: 0 !important;\r\n -webkit-appearance: none !important; appearance: none !important;\r\n }\r\n .video-toast-close svg {\r\n width: 11px !important; height: 11px !important;\r\n stroke: rgba(255,255,255,0.6) !important; fill: none !important;\r\n }\r\n \/* Legacy alias \u2014 kept for backwards compat with any inline refs *\/\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n @media (min-width: 769px) {\r\n .hero-badge {\r\n font-size: 1.05rem !important;\r\n padding: 10px 22px !important;\r\n }\r\n }\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 10px 24px;\r\n background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.05));\r\n border: 1px solid rgba(201,168,76,0.35);\r\n box-shadow: inset 0 1px 0 rgba(201,168,76,0.15), 0 4px 20px rgba(201,168,76,0.1);\r\n border-radius: 100px;\r\n font-size: 0.90rem;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.95);\r\n letter-spacing: 0.02em;\r\n margin-bottom: 32px;\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n }\r\n .hero-badge .badge-dot {\r\n width: 6px;\r\n height: 6px;\r\n min-width: 6px;\r\n min-height: 6px;\r\n flex-shrink: 0;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n position: relative;\r\n }\r\n .hero-badge .badge-sep {\r\n margin: 0 -4px;\r\n letter-spacing: -0.5px;\r\n }\r\n .hero-badge .badge-dot::after {\r\n content: '';\r\n position: absolute;\r\n inset: -3px;\r\n border-radius: 50%;\r\n border: 1px solid var(--gold);\r\n animation: pulseRing 2s infinite;\r\n }\r\n\r\n .hero-title {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(2.3rem, 4.7vw, 4rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--white) !important;\r\n line-height: 1.15 !important;\r\n margin-bottom: 24px !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n .hero-title .highlight {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .hero-subtitle .highlight {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n font-weight: 700;\r\n font-size: 1.08em;\r\n letter-spacing: -0.2px;\r\n }\r\n .hero-subtitle {\r\n font-size: clamp(1rem, 2vw, 1.15rem) !important;\r\n color: rgba(255, 255, 255, 0.92) !important;\r\n line-height: 1.75 !important;\r\n margin-bottom: 40px !important;\r\n max-width: 820px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n }\r\n\r\n .hero-cta-group {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n margin-bottom: 32px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-trust-mobile { display: none !important; }\r\n \/* En columna \u00fanica, hero-trust-desktop siempre visible *\/\r\n .hero-trust-desktop { display: flex !important; }\r\n\r\n .hero-trust {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 0.95);\r\n }\r\n .hero-trust span {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n .hero-trust svg { width: 14px; height: 14px; }\r\n\r\n \/* Stat chips flotantes sobre el VSL \u2014 versi\u00f3n grande *\/\r\n .stat-chip {\r\n position: absolute;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n border-radius: var(--radius-md);\r\n padding: 14px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);\r\n pointer-events: none;\r\n z-index: 10;\r\n }\r\n .stat-chip-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: var(--gold-subtle);\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .stat-chip-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n stroke: var(--gold) !important;\r\n fill: none !important;\r\n stroke-width: 2 !important;\r\n }\r\n .stat-chip-val {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: var(--navy);\r\n line-height: 1;\r\n margin-bottom: 4px;\r\n }\r\n .stat-chip-lbl {\r\n font-size: 0.8rem;\r\n color: var(--gray-500);\r\n font-weight: 500;\r\n }\r\n .stat-chip-1 {\r\n bottom: -20px;\r\n left: -28px;\r\n animation: float 6s ease-in-out 1s infinite;\r\n }\r\n .stat-chip-2 {\r\n top: -20px;\r\n right: -28px;\r\n animation: float 6s ease-in-out 1s infinite;\r\n }\r\n\r\n \/* ============================================\r\n SECTION 2: \u00bfPOR QU\u00c9 MICROSOFT?\r\n ============================================ *\/\r\n .microsoft-section {\r\n padding: 100px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \/* Dot grid texture *\/\r\n .microsoft-section::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle, rgba(0, 120, 212, 0.07) 1px, transparent 1px);\r\n background-size: 28px 28px;\r\n pointer-events: none;\r\n }\r\n .microsoft-section > .container { position: relative; z-index: 1; }\r\n .microsoft-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--gold), var(--blue-ms));\r\n border-radius: 2px;\r\n z-index: 2;\r\n }\r\n\r\n .ms-logos-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-bottom: 48px;\r\n max-width: 720px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .ms-logo-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 18px;\r\n background: var(--gray-100);\r\n border-radius: 100px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: var(--gray-600);\r\n transition: var(--transition);\r\n border: 1px solid transparent;\r\n }\r\n .ms-logo-item:hover {\r\n background: var(--blue-ms-light);\r\n color: var(--blue-ms);\r\n border-color: rgba(0, 120, 212, 0.15);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(0, 120, 212, 0.1);\r\n }\r\n .ms-logo-item .ms-icon {\r\n width: 22px;\r\n height: 22px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .ms-logo-item .ms-icon img {\r\n width: 22px;\r\n height: 22px;\r\n object-fit: contain;\r\n }\r\n\r\n .ms-cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 40px;\r\n }\r\n .ms-card {\r\n padding: 36px 28px;\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-md);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n text-align: left;\r\n }\r\n .ms-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--blue-ms), var(--gold));\r\n opacity: 0;\r\n transition: var(--transition);\r\n }\r\n .ms-card:hover {\r\n background: var(--white);\r\n box-shadow: var(--shadow-lg);\r\n border-color: transparent;\r\n transform: translateY(-6px);\r\n }\r\n .ms-card:hover::before { opacity: 1; }\r\n .ms-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n background: linear-gradient(135deg, var(--blue-ms-light), rgba(0, 120, 212, 0.08));\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n transition: var(--transition);\r\n }\r\n .ms-card:hover .ms-card-icon {\r\n background: linear-gradient(135deg, rgba(0, 120, 212, 0.15), var(--blue-ms-light));\r\n }\r\n .ms-card-icon svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n color: var(--blue-ms) !important;\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 2 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .ms-card h3 {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.2rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .ms-card p {\r\n font-size: 0.95rem !important;\r\n color: var(--gray-500) !important;\r\n line-height: 1.65 !important;\r\n }\r\n @media (max-width: 1024px) {\r\n .ms-cards-grid { grid-template-columns: 1fr !important; }\r\n }\r\n\r\n \/* Block structure *\/\r\n .ms-block-desc {\r\n font-size: 0.95rem;\r\n color: var(--gray-500);\r\n line-height: 1.65;\r\n max-width: 600px;\r\n margin: 0 auto 32px;\r\n }\r\n\r\n \/* Integration block *\/\r\n .integration-block {\r\n margin-top: 48px;\r\n padding-top: 36px;\r\n border-top: 1px solid var(--gray-200);\r\n background: transparent;\r\n }\r\n .integration-block-inner { position: relative; }\r\n .integration-block-label {\r\n font-size: 0.92rem;\r\n font-weight: 600;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: var(--gray-400);\r\n display: block;\r\n margin-bottom: 28px;\r\n }\r\n .integration-block-title { display: none; }\r\n .integration-block-desc { display: none; }\r\n .integration-logos-new {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 48px;\r\n }\r\n .integration-logo-new {\r\n height: 44px !important;\r\n width: auto !important;\r\n object-fit: contain !important;\r\n opacity: 0.75;\r\n filter: none;\r\n transition: var(--transition);\r\n }\r\n .integration-logo-new[alt=\"A3\"] {\r\n height: 52px !important;\r\n }\r\n .integration-logo-new:hover {\r\n opacity: 1;\r\n transform: scale(1.06);\r\n }\r\n @media (max-width: 768px) {\r\n .integration-logos-new { gap: 28px !important; }\r\n .integration-logo-new { height: 32px !important; }\r\n }\r\n\r\n \/* ============================================\r\n SECTION 3: DOLORES \/ PROBLEMAS\r\n ============================================ *\/\r\n .problems-section {\r\n padding: 100px 0;\r\n background: var(--navy-deep);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \/* Animated glow orbs *\/\r\n .problems-section .glow-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n pointer-events: none;\r\n opacity: 0.5;\r\n }\r\n .problems-section .glow-orb-1 {\r\n width: 400px;\r\n height: 400px;\r\n top: -150px;\r\n right: -100px;\r\n background: rgba(201, 168, 76, 0.07);\r\n animation: float 10s ease-in-out infinite;\r\n }\r\n .problems-section .glow-orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n bottom: -100px;\r\n left: -80px;\r\n background: rgba(201, 168, 76, 0.05);\r\n animation: float 8s ease-in-out 3s infinite;\r\n }\r\n\r\n .problems-section .section-label { color: var(--gold) !important; }\r\n .problems-section .section-title { color: var(--white) !important; }\r\n .problems-section .section-subtitle { color: var(--white) !important; }\r\n\r\n \/* Problems asymmetric layout *\/\r\n .problems-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 2fr;\r\n gap: 64px;\r\n align-items: start;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .problems-header {\r\n position: sticky;\r\n top: 96px;\r\n text-align: left;\r\n }\r\n .problems-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n .problem-card {\r\n padding: 32px 24px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n border-radius: var(--radius-md);\r\n transition: var(--transition);\r\n backdrop-filter: blur(4px);\r\n -webkit-backdrop-filter: blur(4px);\r\n text-align: left;\r\n }\r\n .problem-card:hover {\r\n background: rgba(255, 255, 255, 0.07);\r\n border-color: rgba(201, 168, 76, 0.3);\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);\r\n }\r\n .problem-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(201, 168, 76, 0.1);\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 18px;\r\n transition: var(--transition);\r\n }\r\n .problem-card:hover .problem-icon {\r\n background: rgba(201, 168, 76, 0.18);\r\n }\r\n .problem-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n stroke: var(--gold) !important;\r\n fill: none !important;\r\n stroke-width: 1.8 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .problem-card h3 {\r\n font-family: var(--font-body) !important;\r\n font-size: 1.05rem !important;\r\n font-weight: 600 !important;\r\n color: #EDD98A !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .problem-card p {\r\n font-size: 0.9rem !important;\r\n color: rgba(255, 255, 255, 1) !important;\r\n line-height: 1.65 !important;\r\n }\r\n\r\n \/* ============================================\r\n TRANSITION: PROBLEMA > SOLUCI\u00d3N\r\n ============================================ *\/\r\n .transition-section {\r\n padding: 30px 0 190px;\r\n background: var(--navy-deep);\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n \/* Arch wave that merges into features section *\/\r\n .transition-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: #FFFFFF;\r\n border-radius: 50% 50% 0 0 \/ 80px 80px 0 0;\r\n pointer-events: none;\r\n }\r\n .transition-content {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n .transition-arrow {\r\n width: 56px;\r\n height: 56px;\r\n margin: 0 auto 28px;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 32px rgba(201, 168, 76, 0.3);\r\n animation: float 4s ease-in-out infinite;\r\n }\r\n .transition-arrow svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n stroke: var(--navy-deep) !important;\r\n fill: none !important;\r\n stroke-width: 2.5 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .transition-heading {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(1.9rem, 4vw, 3rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--white) !important;\r\n margin-bottom: 12px !important;\r\n line-height: 1.3 !important;\r\n }\r\n .transition-heading em {\r\n font-style: italic;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .transition-sub {\r\n font-size: 1.05rem !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* ============================================\r\n SECTION 4: BENEFICIOS \/ FUNCIONALIDADES\r\n ============================================ *\/\r\n .features-section {\r\n padding: 100px 0;\r\n background: #FAFBFC;\r\n position: relative;\r\n }\r\n .features-section::before {\r\n display: none;\r\n }\r\n \/* Subtle diagonal pattern *\/\r\n .features-section::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: repeating-linear-gradient(\r\n 135deg,\r\n transparent,\r\n transparent 40px,\r\n rgba(0, 120, 212, 0.01) 40px,\r\n rgba(0, 120, 212, 0.01) 41px\r\n );\r\n pointer-events: none;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .feature-group-label {\r\n grid-column: 1 \/ -1;\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: left;\r\n }\r\n .feature-group-label + .feature-group-label,\r\n .feature-card + .feature-group-label {\r\n margin-top: 16px;\r\n }\r\n .feature-group-label::before,\r\n .feature-group-label::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: var(--gray-200);\r\n }\r\n .feature-group-label span {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: var(--blue-ms);\r\n white-space: nowrap;\r\n }\r\n .feature-card {\r\n padding: 32px 28px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-md);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n text-align: left;\r\n }\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--blue-ms), var(--gold));\r\n border-radius: var(--radius-md) var(--radius-md) 0 0;\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n transform-origin: left;\r\n }\r\n .feature-card:hover::before { transform: scaleX(1); }\r\n .feature-card:hover {\r\n box-shadow: 0 8px 32px rgba(27, 42, 74, 0.12), 0 0 0 1px rgba(0, 120, 212, 0.08), 0 12px 48px rgba(0, 120, 212, 0.1);\r\n border-color: transparent;\r\n transform: translateY(-6px);\r\n }\r\n\r\n .feature-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: linear-gradient(135deg, var(--blue-ms-light), rgba(0, 120, 212, 0.06));\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 18px;\r\n transition: var(--transition);\r\n }\r\n .feature-card:hover .feature-icon {\r\n background: linear-gradient(135deg, rgba(0, 120, 212, 0.15), var(--blue-ms-light));\r\n }\r\n .feature-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n stroke: var(--blue-ms) !important;\r\n fill: none !important;\r\n stroke-width: 1.8 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .feature-card h3 {\r\n font-family: var(--font-body) !important;\r\n font-size: 1.05rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .feature-card p {\r\n font-size: 0.9rem !important;\r\n color: var(--gray-500) !important;\r\n line-height: 1.65 !important;\r\n }\r\n\r\n \/* ============================================\r\n HOW IT WORKS SECTION\r\n ============================================ *\/\r\n .how-section {\r\n padding: 60px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .how-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 50% at 10% 50%, rgba(0, 120, 212, 0.03) 0%, transparent 70%),\r\n radial-gradient(ellipse 60% 50% at 90% 50%, rgba(201, 168, 76, 0.03) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .how-steps {\r\n display: grid;\r\n grid-template-columns: 1fr 48px 1fr 48px 1fr;\r\n align-items: center;\r\n gap: 0;\r\n max-width: 960px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .how-step {\r\n text-align: center;\r\n padding: 40px 28px;\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-lg);\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n .how-step:hover {\r\n background: var(--white);\r\n box-shadow: var(--shadow-lg);\r\n transform: translateY(-6px);\r\n border-color: transparent;\r\n }\r\n .how-step-number {\r\n position: absolute;\r\n top: -16px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 32px;\r\n height: 32px;\r\n background: linear-gradient(135deg, #0078D4, #005A9E);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 12px rgba(0, 120, 212, 0.35);\r\n }\r\n .how-step-icon {\r\n width: 64px;\r\n height: 64px;\r\n margin: 8px auto 20px;\r\n background: linear-gradient(135deg, #E8F4FD, rgba(0, 120, 212, 0.06));\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: var(--transition);\r\n }\r\n .how-step:hover .how-step-icon {\r\n background: linear-gradient(135deg, rgba(0, 120, 212, 0.15), #E8F4FD);\r\n }\r\n .how-step-icon svg {\r\n width: 28px !important;\r\n height: 28px !important;\r\n stroke: #0078D4 !important;\r\n fill: none !important;\r\n stroke-width: 1.8 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .how-step h3 {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.15rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .how-step p {\r\n font-size: 0.9rem !important;\r\n color: var(--gray-500) !important;\r\n line-height: 1.65 !important;\r\n }\r\n .how-step-tag {\r\n display: inline-block;\r\n margin-top: 16px;\r\n padding: 4px 12px;\r\n background: #E8F4FD;\r\n border-radius: 100px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: #0078D4;\r\n }\r\n .how-step:last-child .how-step-tag {\r\n background: rgba(201, 168, 76, 0.12);\r\n color: #C9A84C;\r\n }\r\n .how-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n .how-connector svg {\r\n width: 28px !important;\r\n height: 28px !important;\r\n stroke: #D1D8E3 !important;\r\n fill: none !important;\r\n stroke-width: 2 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .how-connector span {\r\n font-size: 0.68rem;\r\n font-weight: 600;\r\n color: #9AA5B8;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n white-space: nowrap;\r\n }\r\n @media (max-width: 768px) {\r\n .how-steps {\r\n grid-template-columns: 1fr !important;\r\n max-width: 400px !important;\r\n }\r\n .how-connector {\r\n flex-direction: row !important;\r\n padding: 20px 0 !important;\r\n justify-content: center !important;\r\n }\r\n .how-connector svg {\r\n transform: rotate(90deg) !important;\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n .how-connector span { display: none !important; }\r\n .how-section { padding-top: 48px !important; }\r\n }\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .how-steps { grid-template-columns: 1fr 40px 1fr 40px 1fr !important; }\r\n .how-step { padding: 32px 16px !important; }\r\n }\r\n\r\n \/* ============================================\r\n CREDIBILITY \/ SOCIAL PROOF SECTION\r\n ============================================ *\/\r\n .credibility-section {\r\n padding: 80px 0px 100px;\r\n background: #FFFFFF;\r\n position: relative;\r\n }\r\n .credibility-section::before { display: none; }\r\n .credibility-wrapper {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .credibility-image {\r\n width: 500px;\r\n flex-shrink: 0;\r\n }\r\n .credibility-image img {\r\n width: 100%;\r\n border-radius: var(--radius-lg);\r\n filter: brightness(1.12) contrast(1.05);\r\n }\r\n .credibility-nameplate {\r\n position: absolute;\r\n top: 50%;\r\n right: 18%;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 18px;\r\n background: rgba(255,255,255,0.95);\r\n backdrop-filter: blur(6px);\r\n -webkit-backdrop-filter: blur(6px);\r\n border-radius: 30px;\r\n box-shadow: 0 4px 18px rgba(0,0,0,0.14);\r\n border: 1px solid rgba(0,120,212,0.15);\r\n width: max-content;\r\n }\r\n .credibility-nameplate::before {\r\n content: '';\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--blue-ms, #0078d4);\r\n flex-shrink: 0;\r\n }\r\n .credibility-nameplate-name {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n color: #111827;\r\n white-space: nowrap;\r\n letter-spacing: 0.01em;\r\n }\r\n .credibility-content {\r\n text-align: left;\r\n }\r\n .credibility-stars {\r\n margin-bottom: 5px;\r\n }\r\n .credibility-stars img {\r\n height: 70px;\r\n display: inline-block;\r\n }\r\n .credibility-quote {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.5rem !important;\r\n font-weight: 500 !important;\r\n color: var(--navy) !important;\r\n line-height: 1.4 !important;\r\n margin-bottom: 20px !important;\r\n font-style: italic !important;\r\n position: relative;\r\n padding-left: 24px;\r\n border-left: 3px solid var(--gold);\r\n }\r\n .credibility-text {\r\n font-size: 0.95rem !important;\r\n color: var(--gray-500) !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 24px !important;\r\n }\r\n .credibility-author {\r\n font-size: 0.95rem !important;\r\n color: var(--gray-600) !important;\r\n margin-bottom: 24px !important;\r\n line-height: 1.5 !important;\r\n }\r\n .credibility-author strong {\r\n font-size: 1.05rem !important;\r\n color: var(--navy) !important;\r\n }\r\n .credibility-author span {\r\n font-size: 0.88rem !important;\r\n color: var(--gray-400) !important;\r\n }\r\n .credibility-badges {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n .credibility-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 18px;\r\n background: #ffffff;\r\n border: 1px solid rgba(27, 42, 74, 0.1);\r\n border-radius: 100px;\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: var(--navy);\r\n box-shadow: 0 4px 16px rgba(27, 42, 74, 0.08), inset 0 1px 0 rgba(255,255,255,0.9);\r\n transition: var(--transition);\r\n }\r\n .credibility-badge:hover {\r\n background: rgba(255, 255, 255, 0.8);\r\n box-shadow: 0 8px 24px rgba(27, 42, 74, 0.12), inset 0 1px 0 rgba(255,255,255,1);\r\n transform: translateY(-2px);\r\n }\r\n .credibility-badge svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n \/* ============================================\r\n TESTIMONIAL SECTION\r\n ============================================ *\/\r\n .testimonial-section {\r\n padding: 80px 0;\r\n background: linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 55%, #162240 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \/* Glow dorado central *\/\r\n .testimonial-section::before {\r\n content: '';\r\n position: absolute;\r\n width: 800px;\r\n height: 500px;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: radial-gradient(ellipse, rgba(201, 168, 76, 0.55) 0%, rgba(201, 168, 76, 0.18) 40%, transparent 68%);\r\n pointer-events: none;\r\n filter: blur(40px);\r\n }\r\n \/* Glows azules laterales *\/\r\n .testimonial-section::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle 350px at 0% 50%, rgba(0, 120, 212, 0.25) 0%, transparent 70%),\r\n radial-gradient(circle 350px at 100% 50%, rgba(0, 120, 212, 0.2) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .testimonial-section > .container { position: relative; z-index: 1; }\r\n .testimonial-card {\r\n max-width: 780px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n padding: 48px 40px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-lg);\r\n box-shadow: 0px 5px 5px 0px var(--gold-light);\r\n }\r\n .testimonial-quote-mark {\r\n position: absolute;\r\n top: -24px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background: var(--white);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid var(--gray-200);\r\n box-shadow: var(--shadow-md);\r\n }\r\n .testimonial-quote-mark svg {\r\n width: 28px;\r\n height: 28px;\r\n fill: var(--gold);\r\n opacity: 0.7;\r\n }\r\n .testimonial-text {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.3rem !important;\r\n font-weight: 500 !important;\r\n color: var(--navy) !important;\r\n line-height: 1.5 !important;\r\n font-style: italic !important;\r\n margin-bottom: 28px !important;\r\n }\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n .testimonial-logo {\r\n width: auto !important;\r\n height: 72px !important;\r\n max-width: 120px !important;\r\n max-height: 72px !important;\r\n object-fit: contain !important;\r\n flex-shrink: 0 !important;\r\n display: block !important;\r\n }\r\n .testimonial-author {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 16px !important;\r\n }\r\n .testimonial-author-info {\r\n text-align: left !important;\r\n }\r\n .testimonial-author-info strong {\r\n display: block !important;\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n }\r\n .testimonial-author-info span {\r\n font-size: 0.88rem !important;\r\n color: var(--gray-600) !important;\r\n }\r\n .testimonial-author-info a {\r\n color: var(--blue-ms);\r\n font-size: 0.88rem;\r\n text-decoration: underline;\r\n transition: var(--transition);\r\n }\r\n .testimonial-author-info a:hover {\r\n color: var(--blue-ms-hover);\r\n font-size: 0.88rem;\r\n }\r\n\r\n \/* Carousel *\/\r\n .testimonial-carousel { position: relative; max-width: 780px; margin: 0 auto; }\r\n .testimonial-slide { display: none; }\r\n .testimonial-slide.active {\r\n display: block;\r\n animation: tSlideIn 1.2s ease;\r\n }\r\n @keyframes tSlideIn {\r\n from { opacity: 0; transform: translateY(12px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .testimonial-nav {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n margin-top: 28px !important;\r\n list-style: none !important;\r\n padding: 0 !important;\r\n }\r\n .testimonial-dot {\r\n width: 8px !important;\r\n height: 8px !important;\r\n border-radius: 4px !important;\r\n background: rgba(255,255,255,0.25) !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n transition: 0.3s ease !important;\r\n display: inline-block !important;\r\n box-shadow: none !important;\r\n }\r\n .testimonial-dot.active {\r\n width: 24px !important;\r\n background: var(--gold) !important;\r\n }\r\n .testimonial-arrow {\r\n width: 36px !important;\r\n height: 36px !important;\r\n min-width: 36px !important;\r\n min-height: 36px !important;\r\n background: rgba(255,255,255,0.08) !important;\r\n border: 1px solid rgba(255,255,255,0.15) !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n transition: 0.3s ease !important;\r\n color: white !important;\r\n box-shadow: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n outline: none !important;\r\n text-decoration: none !important;\r\n font-size: 0 !important;\r\n line-height: 1 !important;\r\n }\r\n .testimonial-arrow:hover { background: rgba(255,255,255,0.18) !important; border-color: rgba(255,255,255,0.3) !important; }\r\n .testimonial-arrow svg { width: 16px !important; height: 16px !important; stroke: white !important; fill: none !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; display: block !important; }\r\n .testimonial-avatar {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--navy), var(--navy-light));\r\n border: 2px solid rgba(201,168,76,0.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: var(--font-display);\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--gold);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ============================================\r\n SECTION 5: PRICING\r\n ============================================ *\/\r\n .pricing-section {\r\n padding: 100px 0;\r\n background: linear-gradient(180deg, var(--gray-50) 0%, var(--white) 30%, var(--white) 100%);\r\n }\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n align-items: start;\r\n }\r\n .pricing-card {\r\n padding: 40px 32px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-lg);\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n .pricing-card:hover {\r\n box-shadow: var(--shadow-lg);\r\n transform: translateY(-4px);\r\n }\r\n .pricing-card.featured {\r\n border: 2px solid transparent;\r\n background: var(--white);\r\n box-shadow: var(--shadow-xl), 0 0 0 2px var(--blue-ms);\r\n transform: scale(1.04);\r\n z-index: 2;\r\n }\r\n .pricing-card.featured:hover {\r\n transform: scale(1.06);\r\n }\r\n .pricing-badge {\r\n position: absolute;\r\n top: -14px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, var(--blue-ms), #005A9E);\r\n color: var(--white);\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n padding: 6px 20px;\r\n border-radius: 100px;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n }\r\n .pricing-name {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.3rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 4px !important;\r\n }\r\n .pricing-subtitle {\r\n font-size: 0.88rem;\r\n color: var(--gray-400);\r\n font-weight: 500;\r\n margin-bottom: 20px;\r\n }\r\n .pricing-price {\r\n font-family: var(--font-display) !important;\r\n font-size: 2.6rem !important;\r\n font-weight: 700 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 4px !important;\r\n line-height: 1 !important;\r\n }\r\n .pricing-price .currency { font-size: 1.4rem; }\r\n .pricing-price .from {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.85rem !important;\r\n font-weight: 400 !important;\r\n color: var(--gray-400) !important;\r\n display: block;\r\n margin-bottom: 4px;\r\n }\r\n .pricing-timeline svg {\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 2 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n .pricing-timeline {\r\n font-size: 0.85rem;\r\n color: var(--gray-400);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n .pricing-desc {\r\n font-size: 0.9rem;\r\n color: var(--gray-500);\r\n line-height: 1.6;\r\n margin-bottom: 28px;\r\n padding-bottom: 28px;\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n .pricing-features {\r\n list-style: none;\r\n margin-bottom: 32px;\r\n }\r\n .pricing-features li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 8px 0;\r\n font-size: 0.9rem;\r\n color: var(--gray-600);\r\n }\r\n .pricing-features li svg {\r\n width: 18px;\r\n height: 18px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n color: var(--green-soft);\r\n }\r\n .pricing-card .btn { width: 100% !important; padding: 14px 24px !important; }\r\n .pricing-note {\r\n font-size: 0.8rem;\r\n color: var(--gray-400);\r\n margin-top: 8px;\r\n text-align: center;\r\n }\r\n .pricing-value-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-bottom: 24px;\r\n }\r\n .pricing-value-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 5px 12px;\r\n background: var(--gold-subtle);\r\n border: 1px solid rgba(201, 168, 76, 0.15);\r\n border-radius: 100px;\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n color: var(--gold);\r\n white-space: nowrap;\r\n }\r\n .pricing-value-tag svg {\r\n width: 12px;\r\n height: 12px;\r\n flex-shrink: 0;\r\n }\r\n .pricing-card.featured .pricing-value-tag {\r\n background: var(--blue-ms-light);\r\n border-color: rgba(0, 120, 212, 0.12);\r\n color: var(--blue-ms);\r\n }\r\n .pricing-urgency {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 20px;\r\n background: rgba(201, 168, 76, 0.08);\r\n border: 1px solid rgba(201, 168, 76, 0.25);\r\n border-radius: 100px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #8a6e28;\r\n margin-bottom: 40px;\r\n }\r\n .pricing-urgency .urgency-dot {\r\n width: 8px;\r\n height: 8px;\r\n min-width: 8px;\r\n background: #C9A84C;\r\n border-radius: 50%;\r\n animation: pulseRing 2s infinite;\r\n }\r\n \/* LATAM note *\/\r\n .latam-note {\r\n margin-top: 32px;\r\n padding: 16px 24px;\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-left: 3px solid var(--gold);\r\n border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\r\n font-size: 0.88rem;\r\n color: var(--gray-600);\r\n text-align: center;\r\n }\r\n .latam-note a {\r\n color: var(--blue-ms) !important;\r\n text-decoration: underline !important;\r\n font-weight: 500 !important;\r\n font-size: 0.88rem !important;\r\n }\r\n .latam-note a:hover { color: var(--navy) !important; }\r\n\r\n .pricing-footer-note {\r\n text-align: center;\r\n margin-top: 32px;\r\n font-size: 0.88rem;\r\n color: var(--gray-400);\r\n font-style: italic;\r\n }\r\n\r\n \/* ============================================\r\n COMPARISON SECTION\r\n ============================================ *\/\r\n .comparison-section {\r\n padding: 80px 0;\r\n background: linear-gradient(180deg, var(--white) 0%, var(--gray-50) 100%);\r\n }\r\n .comparison-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n .comparison-card {\r\n padding: 36px 32px;\r\n border-radius: var(--radius-lg);\r\n position: relative;\r\n }\r\n .comparison-card.them {\r\n background: var(--gray-100);\r\n border: 1px solid var(--gray-200);\r\n }\r\n .comparison-card.us {\r\n background: linear-gradient(135deg, var(--navy-deep), var(--navy));\r\n border: 1px solid rgba(201, 168, 76, 0.2);\r\n box-shadow: var(--shadow-xl);\r\n }\r\n .comparison-card.us .comparison-badge {\r\n position: absolute;\r\n top: -12px;\r\n right: 24px;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n color: var(--navy-deep);\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n padding: 5px 16px;\r\n border-radius: 100px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n .comparison-label {\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n }\r\n .comparison-card.them .comparison-label { color: var(--gray-400); }\r\n .comparison-card.us .comparison-label { color: var(--gold); }\r\n .comparison-items { list-style: none; }\r\n .comparison-items li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 10px 0;\r\n font-size: 0.92rem;\r\n line-height: 1.5;\r\n color: var(--white);\r\n }\r\n .comparison-card.them .comparison-items li {\r\n color: var(--gray-500);\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n .comparison-card.us .comparison-items li {\r\n color: rgba(255, 255, 255, 1);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n .comparison-items li:last-child { border-bottom: none; }\r\n .comparison-items li svg {\r\n width: 18px;\r\n height: 18px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n .comparison-card.them .comparison-items li svg { color: var(--red-soft); }\r\n .comparison-card.us .comparison-items li svg { color: var(--green-soft); }\r\n\r\n .comparison-calc {\r\n margin-top: 24px;\r\n padding: 20px;\r\n background: rgba(201, 168, 76, 0.08);\r\n border: 1px solid rgba(201, 168, 76, 0.15);\r\n border-radius: var(--radius-md);\r\n }\r\n .comparison-calc p {\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 1);\r\n line-height: 1.6;\r\n }\r\n .comparison-calc strong {\r\n color: var(--gold);\r\n }\r\n .calc-table {\r\n margin-top: 8px;\r\n }\r\n .calc-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 7px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n font-size: 0.83rem;\r\n color: rgba(255, 255, 255, 0.55);\r\n }\r\n .calc-row:last-child { border-bottom: none; }\r\n .calc-row.calc-ours {\r\n background: rgba(201, 168, 76, 0.1);\r\n border-radius: var(--radius-sm);\r\n padding: 8px;\r\n margin-top: 4px;\r\n border-bottom: none;\r\n }\r\n .calc-highlight-red { color: rgba(220, 100, 100, 0.85); font-weight: 600; }\r\n .calc-highlight-gold { color: var(--gold); font-weight: 700; }\r\n\r\n \/* ============================================\r\n FAQ SECTION\r\n ============================================ *\/\r\n .faq-section {\r\n padding: 80px 0;\r\n background: var(--gray-50);\r\n }\r\n \/* FAQ split layout *\/\r\n .faq-layout {\r\n display: grid;\r\n grid-template-columns: .85fr 1.15fr;\r\n gap: 80px;\r\n align-items: start;\r\n }\r\n .faq-header {\r\n position: sticky;\r\n top: 96px;\r\n text-align: left;\r\n }\r\n .faq-header .section-title { text-align: left; }\r\n .faq-header .section-subtitle { text-align: left; margin: 0; }\r\n .faq-list {\r\n margin: 0 !important;\r\n max-width: 100% !important;\r\n }\r\n .faq-item {\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n .faq-question .faq-text {\r\n flex: 1 1 0% !important;\r\n min-width: 0 !important;\r\n text-align: left !important;\r\n word-break: break-word !important;\r\n overflow-wrap: break-word !important;\r\n white-space: normal !important;\r\n padding-right: 12px !important;\r\n }\r\n .faq-question {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n box-sizing: border-box !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n white-space: normal !important;\r\n padding: 20px 0 !important;\r\n background: none !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n border: none !important;\r\n border-top: none !important;\r\n border-right: none !important;\r\n border-bottom: none !important;\r\n border-left: none !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n cursor: pointer !important;\r\n text-align: left !important;\r\n font-family: 'DM Sans', -apple-system, sans-serif !important;\r\n font-size: 1.05rem !important;\r\n font-weight: 600 !important;\r\n color: #1B2A4A !important;\r\n transition: 0.3s ease !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n .faq-question:hover { color: #0078D4 !important; }\r\n .faq-question .faq-icon {\r\n width: 28px !important;\r\n height: 28px !important;\r\n background: #F4F6F9 !important;\r\n background-color: #F4F6F9 !important;\r\n border-radius: 50% !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n flex-shrink: 0 !important;\r\n transition: 0.3s ease !important;\r\n }\r\n .faq-question .faq-icon svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n stroke: #6B7A90 !important;\r\n fill: none !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n .faq-item.active .faq-question .faq-icon {\r\n background: #E8F4FD !important;\r\n background-color: #E8F4FD !important;\r\n }\r\n .faq-item.active .faq-question .faq-icon svg {\r\n stroke: #0078D4 !important;\r\n fill: none !important;\r\n transform: rotate(180deg) !important;\r\n }\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, padding 0.4s ease;\r\n }\r\n .faq-item.active .faq-answer {\r\n max-height: 300px;\r\n padding-bottom: 20px;\r\n }\r\n .faq-answer p {\r\n font-size: 0.93rem !important;\r\n color: #6B7A90 !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .comparison-grid { grid-template-columns: 1fr !important; }\r\n }\r\n\r\n \/* ============================================\r\n TABLET (768\u20131024px) \u2014 ajustes intermedios\r\n ============================================ *\/\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .microsoft-section,\r\n .problems-section,\r\n .features-section,\r\n .pricing-section { padding: 80px 0 !important; }\r\n\r\n .hero { padding: 165px 0 51px; }\r\n .hero-video { margin-bottom: 28px !important; }\r\n .play-btn { width: 64px !important; height: 64px !important; }\r\n .stat-chip { padding: 7px 10px; gap: 7px; }\r\n .stat-chip-icon { width: 24px; height: 24px; }\r\n .stat-chip-icon svg { width: 11px !important; height: 11px !important; }\r\n .stat-chip-val { font-size: 0.78rem; margin-bottom: 2px; }\r\n .stat-chip-lbl { font-size: 0.6rem; }\r\n\r\n .problems-layout { grid-template-columns: 1fr !important; gap: 36px !important; }\r\n .problems-header { position: static; text-align: center; }\r\n .problems-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n\r\n .faq-layout { grid-template-columns: 1fr !important; gap: 36px !important; }\r\n .faq-header { position: static; text-align: center; }\r\n .faq-header .section-title,\r\n .faq-header .section-subtitle { text-align: center; }\r\n\r\n .testimonial-card { padding: 48px 32px !important; }\r\n\r\n .section-title { font-size: clamp(1.7rem, 3.5vw, 2.4rem) !important; }\r\n }\r\n\r\n\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .ms-cards-grid,\r\n .problems-grid,\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .pricing-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 480px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .pricing-card.featured { transform: none; }\r\n .pricing-card.featured:hover { transform: translateY(-4px); }\r\n .credibility-wrapper {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n gap: 48px;\r\n }\r\n .credibility-image { width: 320px; margin: 0 auto; }\r\n .credibility-nameplate { text-align: left; }\r\n .credibility-content { text-align: center; }\r\n .credibility-quote { border-left: none; padding-left: 0; }\r\n .credibility-badges { justify-content: center; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links { display: none; }\r\n .nav-mobile-toggle { display: block; }\r\n\r\n \/* Sections vertical spacing *\/\r\n .microsoft-section,\r\n .problems-section,\r\n .features-section,\r\n .pricing-section { padding: 64px 0 !important; }\r\n .testimonial-section,\r\n .comparison-section,\r\n .faq-section { padding: 48px 0 !important; }\r\n .credibility-section { padding: 48px 0 !important; }\r\n .features-section { background: #FFFFFF !important; }\r\n .credibility-section { background: #FFFFFF !important; }\r\n .transition-section { padding: 40px 0 110px !important; }\r\n .transition-section::after { height: 70px; border-radius: 50% 50% 0 0 \/ 70px 70px 0 0; }\r\n\r\n .hero { padding: 130px 0 72px; }\r\n .hero-grid { gap: 24px !important; }\r\n .hero-grid .hero-right { margin-bottom: 0 !important; }\r\n .hero-title { font-size: 2.4rem !important; }\r\n .hero-subtitle { font-size: 1rem !important; margin-bottom: 28px !important; }\r\n .hero-video { margin-bottom: 0 !important; }\r\n .play-btn { width: 58px !important; height: 58px !important; }\r\n .vsl-thumb-label { font-size: 0.9rem !important; margin-top: 6px !important; }\r\n .ms-cards-grid,\r\n .problems-grid,\r\n .features-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .hero-trust-desktop { display: none !important; }\r\n .hero-trust-mobile { display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin-top: 8px; }\r\n\r\n .hero-cta-group { flex-direction: column !important; margin-bottom: 8px !important; }\r\n .hero-cta-group .btn { width: 100% !important; }\r\n .hero-trust { flex-direction: column; gap: 8px; }\r\n \/* Hero \u2014 chips en m\u00f3vil: peque\u00f1os y dentro de pantalla *\/\r\n .stat-chip { padding: 7px 10px; gap: 7px; }\r\n .stat-chip-icon { width: 24px; height: 24px; }\r\n .stat-chip-icon svg { width: 11px !important; height: 11px !important; }\r\n .stat-chip-val { font-size: 0.78rem; margin-bottom: 2px; }\r\n .stat-chip-lbl { font-size: 0.6rem; }\r\n .stat-chip-1 { bottom: -32px; left: 4px !important; }\r\n .stat-chip-2 { top: -18px; right: 4px !important; }\r\n .hero-grid .hero-right { margin-bottom: 40px !important; }\r\n \/* Problems \u2192 single column on mobile *\/\r\n .problems-layout { grid-template-columns: 1fr !important; gap: 32px !important; }\r\n .problems-header { position: static; text-align: center; }\r\n .problems-grid { grid-template-columns: 1fr !important; }\r\n \/* FAQ \u2192 single column on mobile *\/\r\n .faq-layout { grid-template-columns: 1fr !important; gap: 32px !important; }\r\n .faq-header { position: static; text-align: center; }\r\n .faq-header .section-title,\r\n .faq-header .section-subtitle { text-align: center; }\r\n\r\n .footer-inner { flex-direction: column; text-align: center; }\r\n\r\n .credibility-image { width: 100% !important; max-width: none !important; margin-left: -16px !important; margin-right: -16px !important; width: calc(100% + 32px) !important; }\r\n .credibility-image > div { width: 100% !important; display: block !important; }\r\n .credibility-nameplate { background: #ffffff !important; }\r\n\r\n \/* Testimonial reduced padding on mobile *\/\r\n .testimonial-card { padding: 44px 24px 32px !important; }\r\n\r\n \/* Comparison CTA margin *\/\r\n .comparison-cta { margin-top: 32px !important; }\r\n\r\n \/* Section titles scale *\/\r\n .section-title { font-size: clamp(1.75rem, 6.5vw, 2.3rem) !important; }\r\n .section-subtitle { font-size: 1rem !important; margin-bottom: 32px !important; }\r\n\r\n \/* Hero badge en mobile *\/\r\n .hero-badge {\r\n font-size: 0.77rem !important;\r\n padding: 7px 14px !important;\r\n white-space: normal !important;\r\n text-align: center !important;\r\n max-width: 300px !important;\r\n gap: 8px !important;\r\n }\r\n .hero-badge .badge-sep { display: none !important; }\r\n\r\n \/* FAQ overflow fix on mobile *\/\r\n .faq-section { overflow-x: hidden !important; }\r\n .faq-list { width: 100% !important; max-width: 100% !important; }\r\n .faq-item { width: 100% !important; max-width: 100% !important; }\r\n .faq-question { padding: 16px 0 !important; gap: 8px !important; white-space: normal !important; }\r\n .faq-question .faq-text { font-size: 0.95rem !important; white-space: normal !important; }\r\n }\r\n\r\n \/* ============================================\r\n MOBILE NAV MENU\r\n ============================================ *\/\r\n .nav-mobile-menu {\r\n display: none;\r\n position: fixed;\r\n top: 110px;\r\n left: 0;\r\n right: 0;\r\n background: rgba(255, 255, 255, 0.98);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-bottom: 1px solid var(--gray-200);\r\n padding: 16px 24px 24px;\r\n box-shadow: var(--shadow-lg);\r\n z-index: 999;\r\n }\r\n .nav-mobile-menu.active { display: block; }\r\n .nav-mobile-menu a {\r\n display: block !important;\r\n padding: 12px 0 !important;\r\n font-size: 1rem !important;\r\n font-weight: 500 !important;\r\n color: #4A5568 !important;\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n border: none !important;\r\n border-top: none !important;\r\n border-right: none !important;\r\n border-left: none !important;\r\n border-bottom: 1px solid #F4F6F9 !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n text-decoration: none !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n font-family: 'DM Sans', -apple-system, sans-serif !important;\r\n }\r\n .nav-mobile-menu a:hover,\r\n .nav-mobile-menu a:focus,\r\n .nav-mobile-menu a:active {\r\n color: #1B2A4A !important;\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n text-decoration: none !important;\r\n }\r\n .nav-mobile-menu a:last-child { border-bottom: none !important; }\r\n\r\n \/* ============================================\r\n COUNTER ANIMATION\r\n ============================================ *\/\r\n .counter-num {\r\n font-variant-numeric: tabular-nums;\r\n }\r\n\r\n \/* ============================================\r\n MOBILE STICKY CTA\r\n ============================================ *\/\r\n .mobile-sticky-cta {\r\n display: none;\r\n }\r\n .nav-mobile-cta {\r\n display: none;\r\n }\r\n @media (max-width: 768px) {\r\n .nav-mobile-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n padding: 8px 14px !important;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;\r\n color: var(--navy-deep) !important;\r\n font-family: var(--font-body) !important;\r\n font-size: 0.82rem !important;\r\n font-weight: 700 !important;\r\n border-radius: var(--radius-sm) !important;\r\n text-decoration: none !important;\r\n white-space: nowrap !important;\r\n margin-right: 8px !important;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n .mobile-sticky-cta {\r\n display: none !important;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 998;\r\n padding: 12px 16px;\r\n background: rgba(15, 27, 51, 0.97);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.3);\r\n transform: translateY(100%);\r\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .mobile-sticky-cta.visible {\r\n transform: translateY(0);\r\n }\r\n .mobile-sticky-cta a {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n width: 100% !important;\r\n padding: 14px 20px !important;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;\r\n color: var(--navy-deep) !important;\r\n font-family: var(--font-body) !important;\r\n font-size: 1rem !important;\r\n font-weight: 700 !important;\r\n border-radius: var(--radius-sm) !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 16px rgba(201, 168, 76, 0.35) !important;\r\n letter-spacing: 0.2px !important;\r\n }\r\n .mobile-sticky-cta a svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n }\r\n\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <nav class=\"nav\" id=\"navbar\">\r\n <div class=\"container\">\r\n <div class=\"nav-inner\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTB-Consulting-Andres-Logotipos-500-x-250-px.webp\" alt=\"BTB Consulting \u2014 BTBGesti\u00f3n365, CRM Microsoft 365 para despachos\" class=\"nav-logo-img\" width=\"500\" height=\"250\" title=\"\">\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#microsoft\">\u00bfPor qu\u00e9 Microsoft?<\/a><\/li>\r\n <li><a href=\"#funcionalidades\">Funcionalidades<\/a><\/li>\r\n <li><a href=\"#pricing\">Precios<\/a><\/li>\r\n <li><a href=\"#contacto\" class=\"btn btn-gold nav-cta\">Reservar demo<\/a><\/li>\r\n <\/ul>\r\n <a href=\"#contacto\" class=\"nav-mobile-cta\">Reservar llamada<\/a>\r\n <button class=\"nav-mobile-toggle\" id=\"mobileToggle\" aria-label=\"Abrir men\u00fa\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"announcement-bar\" id=\"announcementBar\">\r\n <div class=\"announcement-bar-inner\">\r\n <span class=\"announcement-clock-icon\"><\/span>\r\n <span class=\"announcement-hide-mobile\">Solo aceptamos <strong style=\"color:#D4BC72;font-weight:700;\">3 nuevos proyectos<\/strong> este trimestre \u00b7 Plazas limitadas<\/span>\r\n <span class=\"announcement-show-mobile\">Solo <strong style=\"color:#D4BC72;font-weight:700;\">3 plazas<\/strong> disponibles este trimestre<\/span>\r\n <span class=\"announcement-sep\"><\/span>\r\n <a href=\"#contacto\" class=\"announcement-cta-link\">Reservar ahora \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#microsoft\">\u00bfPor qu\u00e9 Microsoft?<\/a>\r\n <a href=\"#funcionalidades\">Funcionalidades<\/a>\r\n <a href=\"#pricing\">Precios<\/a>\r\n <a href=\"#contacto\">Reservar demo<\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero-orb hero-orb-1\"><\/div>\r\n <div class=\"hero-orb hero-orb-2\"><\/div>\r\n <div class=\"hero-orb hero-orb-3\"><\/div>\r\n <div class=\"hero-dots\"><\/div>\r\n <div class=\"hero-lines\"><\/div>\r\n <div class=\"hero-fade\"><\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n \r\n <div class=\"hero-left hero-content\">\r\n <div class=\"hero-badge fade-up\">\r\n <span class=\"badge-dot\"><\/span>\r\n Dise\u00f1ado por y para abogados y gestor\u00edas <span class=\"badge-sep\">\u00b7<\/span> Construido sobre Microsoft 365\r\n <\/div>\r\n\r\n <h1 class=\"hero-title fade-up delay-1\">\r\n Digitaliza tu despacho o gestor\u00eda con <span class=\"highlight\">Microsoft 365<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle fade-up delay-2\">\r\n Gesti\u00f3n de clientes, expedientes, buzones compartidos y m\u00e1s, para despachos de abogados y gestor\u00edas. <span class=\"highlight\">Todo dentro de tu propio Microsoft 365<\/span>: mant\u00e9n seguridad y control total de tus datos y los de tus clientes. Nosotros no nos quedamos nada.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-right fade-up delay-2\">\r\n <div class=\"hero-video vsl-thumb\" id=\"vslThumb\" role=\"button\" aria-label=\"Ver demo del producto\" tabindex=\"0\">\r\n <div class=\"video-wrapper\">\r\n <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/maxresdefault.jpg\" alt=\"Ver demo de BTBGesti\u00f3n365 \u2014 CRM y gesti\u00f3n documental para despachos en Microsoft 365\" class=\"vsl-thumb-img\" loading=\"eager\" fetchpriority=\"high\" width=\"1280\" height=\"720\" title=\"\">\r\n <div class=\"vsl-thumb-overlay\">\r\n <div class=\"play-btn\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"white\" stroke=\"none\"><polygon points=\"6 3 20 12 6 21 6 3\"\/><\/svg>\r\n <\/div>\r\n <span class=\"vsl-thumb-label\">VER DEMO DEL PRODUCTO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"stat-chip stat-chip-1\">\r\n <div class=\"stat-chip-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"stat-chip-val\">100% seguro<\/div>\r\n <div class=\"stat-chip-lbl\">Datos en tu M365<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"stat-chip stat-chip-2\">\r\n <div class=\"stat-chip-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"stat-chip-val\">Pago \u00fanico<\/div>\r\n <div class=\"stat-chip-lbl\">Sin cuotas mensuales<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-left hero-content fade-up delay-3\">\r\n <div class=\"hero-cta-group\">\r\n <a href=\"#contacto\" class=\"btn btn-gold\">\r\n Reservar demo gratuita\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#funcionalidades\" class=\"btn btn-outline\" style=\"border-color: rgba(255,255,255,0.2) !important; color: rgba(255,255,255,0.9) !important; background: transparent !important;\">\r\n Descubrir funcionalidades\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-trust hero-trust-desktop fade-up delay-4\">\r\n <span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Sin compromiso\r\n <\/span>\r\n <span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Respuesta en 24h\r\n <\/span>\r\n <span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Integrado en Microsoft 365\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"microsoft-section\" id=\"microsoft\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">Tecnolog\u00eda<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">Tecnolog\u00eda Microsoft 365, el ecosistema que ya conoces<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">No sustituimos tus herramientas. Las potenciamos.<\/p>\r\n\r\n <p class=\"ms-block-desc fade-up delay-2\">BTBGesti\u00f3n365 vive dentro de las herramientas que tu despacho o gestor\u00eda ya usa a diario.<\/p>\r\n\r\n <div class=\"ms-logos-grid fade-up delay-3\">\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Microsoft-365.webp\" alt=\"Microsoft 365\" title=\"\"><\/span> Microsoft 365<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Outlook.webp\" alt=\"Outlook\" title=\"\"><\/span> Outlook<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Teams.webp\" alt=\"Teams\" title=\"\"><\/span> Teams<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Word.webp\" alt=\"Word\" title=\"\"><\/span> Word<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Excel.webp\" alt=\"Excel\" title=\"\"><\/span> Excel<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/OneDrive.webp\" alt=\"OneDrive\" title=\"\"><\/span> OneDrive<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Sharepoint.webp\" alt=\"SharePoint\" title=\"\"><\/span> SharePoint<\/div>\r\n <\/div>\r\n\r\n <div class=\"integration-block fade-up delay-4\">\r\n <div class=\"integration-block-inner\">\r\n <span class=\"integration-block-label\">Integraci\u00f3n con otras herramientas del sector<\/span>\r\n <h3 class=\"integration-block-title\">Exporta e importa datos con los programas que ya usas<\/h3>\r\n <p class=\"integration-block-desc\">Sin cambiar de software. BTBGesti\u00f3n365 se conecta con las herramientas habituales de despachos y gestor\u00edas para que tu flujo de trabajo no se interrumpa.<\/p>\r\n <div class=\"integration-logos-new\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Sage.webp\" alt=\"Sage\" class=\"integration-logo-new\" loading=\"lazy\" title=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Finca3.webp\" alt=\"Finca3\" class=\"integration-logo-new\" loading=\"lazy\" title=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/GesFincas.webp\" alt=\"GesFincas.net\" class=\"integration-logo-new\" loading=\"lazy\" title=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/a3-wolters-kluwer.webp\" alt=\"A3 Wolters Kluwer\" class=\"integration-logo-new\" loading=\"lazy\" title=\"\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ms-cards-grid\">\r\n <div class=\"ms-card fade-up\">\r\n <div class=\"ms-card-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <h3>Tus datos, bajo tu control<\/h3>\r\n <p>Toda la informaci\u00f3n de tus clientes y expedientes se guarda en tu propia cuenta de Microsoft 365. Nadie m\u00e1s tiene acceso a tus datos.<\/p>\r\n <\/div>\r\n <div class=\"ms-card fade-up delay-1\">\r\n <div class=\"ms-card-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n <\/div>\r\n <h3>Integraci\u00f3n directa<\/h3>\r\n <p>Conecta con Outlook, Teams, Excel, SharePoint y todas las herramientas que ya utilizas a diario. Sin duplicidades.<\/p>\r\n <\/div>\r\n <div class=\"ms-card fade-up delay-2\">\r\n <div class=\"ms-card-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <h3>Escalabilidad garantizada<\/h3>\r\n <p>Crece con tu despacho o gestor\u00eda. Desde un equipo peque\u00f1o hasta una estructura compleja, sin cambiar de plataforma.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"problems-section\" id=\"problemas\">\r\n <div class=\"glow-orb glow-orb-1\"><\/div>\r\n <div class=\"glow-orb glow-orb-2\"><\/div>\r\n\r\n <div class=\"container\" style=\"position:relative; z-index:1;\">\r\n <div class=\"problems-layout\">\r\n \r\n <div class=\"problems-header\">\r\n <span class=\"section-label fade-up\">La realidad<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">\u00bfTe suena alguno de estos problemas?<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Si gestionas un despacho o gestor\u00eda, seguramente convives con varios de estos obst\u00e1culos a diario.<\/p>\r\n <\/div>\r\n\r\n <div class=\"problems-grid\">\r\n <div class=\"problem-card fade-up\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><line x1=\"9\" y1=\"14\" x2=\"15\" y2=\"14\"\/><\/svg>\r\n <\/div>\r\n <h3>Informaci\u00f3n dispersa<\/h3>\r\n <p>Datos de clientes repartidos entre Excels, correos, carpetas locales y herramientas que no se hablan entre s\u00ed.<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-1\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <h3>Correo electr\u00f3nico ca\u00f3tico<\/h3>\r\n <p>Buzones gen\u00e9ricos compartidos donde se pierde la trazabilidad. \u00bfQui\u00e9n respondi\u00f3? \u00bfQu\u00e9 se dijo?<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-2\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n <\/div>\r\n <h3>Documentaci\u00f3n desordenada<\/h3>\r\n <p>No sabes qui\u00e9n fue el \u00faltimo en editar un archivo. Versiones duplicadas, carpetas sin estructura.<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-3\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <\/div>\r\n <h3>Sin control de expedientes<\/h3>\r\n <p>Plazos que se escapan, tareas sin asignar, expedientes sin seguimiento real.<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-4\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"\/><\/svg>\r\n <\/div>\r\n <h3>Riesgos de seguridad<\/h3>\r\n <p>Acceso a datos sensibles sin control. Los datos de tus clientes en plataformas externas que no controlas.<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-5\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\r\n <\/div>\r\n <h3>Dependencia de terceros<\/h3>\r\n <p>Pagas mensualidades por productos que no se adaptan a ti y no sabes si la empresa seguir\u00e1 ah\u00ed ma\u00f1ana.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"transition-section\">\r\n <div class=\"container\">\r\n <div class=\"transition-content\">\r\n <div class=\"transition-arrow scale-in\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg>\r\n <\/div>\r\n <h2 class=\"transition-heading fade-up delay-1\">Existe una forma mejor de <em>gestionar tu despacho o gestor\u00eda<\/em><\/h2>\r\n <p class=\"transition-sub fade-up delay-2\">Una soluci\u00f3n que centraliza todo en un \u00fanico sistema, integrado donde ya trabajas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"how-section\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">El proceso<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">En marcha en 3 pasos<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Sin complicaciones, sin interrupciones en tu d\u00eda a d\u00eda. Sabemos que tu tiempo es valioso.<\/p>\r\n\r\n <div class=\"how-steps fade-up delay-2\">\r\n\r\n \r\n <div class=\"how-step\">\r\n <div class=\"how-step-number\">1<\/div>\r\n <div class=\"how-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <\/div>\r\n <h3>Llamada gratuita<\/h3>\r\n <p>Reservas una llamada de 30 minutos para conocernos. Nos cuentas c\u00f3mo trabajas y valoramos juntos si la soluci\u00f3n encaja contigo.<\/p>\r\n <span class=\"how-step-tag\">Sin compromiso<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"how-connector\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"how-step\">\r\n <div class=\"how-step-number\">2<\/div>\r\n <div class=\"how-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <h3>Implementaci\u00f3n<\/h3>\r\n <p>Configuramos y desplegamos BTBGesti\u00f3n365 en tu entorno de Microsoft 365. T\u00fa eliges el nivel de personalizaci\u00f3n seg\u00fan el plan.<\/p>\r\n <span class=\"how-step-tag\">En tu Microsoft 365<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"how-connector\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"how-step\">\r\n <div class=\"how-step-number\">3<\/div>\r\n <div class=\"how-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <\/div>\r\n <h3>Entrega y formaci\u00f3n<\/h3>\r\n <p>Tu equipo arranca con el sistema. Formaci\u00f3n incluida y garant\u00eda de 12 meses para que nada se quede a medias.<\/p>\r\n <span class=\"how-step-tag\">Garant\u00eda 12 meses<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"fade-up delay-3\" style=\"margin-top: 3rem;\">\r\n <a href=\"#contacto\" class=\"btn btn-primary\">Reservar llamada gratuita<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"features-section\" id=\"funcionalidades\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">Funcionalidades<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">Todo lo que tu despacho o gestor\u00eda necesita, en un solo sistema<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Centraliza, automatiza y controla desde Microsoft 365.<\/p>\r\n\r\n <div class=\"features-grid\">\r\n\r\n \r\n <div class=\"feature-group-label\">\r\n <span>Gesti\u00f3n y comunicaci\u00f3n<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-card fade-up\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <h3>CRM de clientes y expedientes<\/h3>\r\n <p>Visi\u00f3n \u00fanica y ordenada de cada cliente y expediente. Registros estructurados, relaci\u00f3n directa entre clientes, expedientes y tareas. Adi\u00f3s a los Excels sueltos.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-1\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <h3>Gesti\u00f3n de correo profesionalizada<\/h3>\r\n <p>Sustituye buzones compartidos por sistemas profesionalizados (contabilidad@, laboral@...). Correos vinculados a clientes y expedientes con trazabilidad total.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-2\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><\/svg>\r\n <\/div>\r\n <h3>Gesti\u00f3n documental integrada en M365<\/h3>\r\n <p>Documentos almacenados en SharePoint con control de versiones, historial de cambios y siempre vinculados a su cliente y expediente. Integrado con tu servidor de archivo si lo tienes.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-group-label\">\r\n <span>Automatizaci\u00f3n e integraci\u00f3n<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-card fade-up delay-3\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>\r\n <\/div>\r\n <h3>Integraci\u00f3n con tus herramientas<\/h3>\r\n <p>Importaci\u00f3n y exportaci\u00f3n de datos y ficheros con Excel. Integraci\u00f3n con Sage, Finca3, A3, GesFincas.net y otros sistemas habituales del sector.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-4\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>\r\n <\/div>\r\n <h3>Automatizaci\u00f3n documental<\/h3>\r\n <p>Rellenado autom\u00e1tico de plantillas Word: contratos, actas, documentaci\u00f3n recurrente. Reduce tiempo, errores y trabajo manual repetitivo.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-5\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7z\"\/><line x1=\"9\" y1=\"21\" x2=\"15\" y2=\"21\"\/><line x1=\"10\" y1=\"24\" x2=\"14\" y2=\"24\"\/><\/svg>\r\n <\/div>\r\n <h3>IA para procesamiento documental<\/h3>\r\n <p>Interpretaci\u00f3n autom\u00e1tica de documentos y extracci\u00f3n de informaci\u00f3n clave para mejorar la eficiencia operativa.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-group-label\">\r\n <span>Control y an\u00e1lisis<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-card fade-up delay-6\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n <\/div>\r\n <h3>Circulares informativas<\/h3>\r\n <p>Env\u00edo de comunicaciones a clientes basado en los datos del sistema. Cada cliente recibe solo la informaci\u00f3n que le afecta, con trazabilidad y control.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-7\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <h3>Seguridad y control de accesos<\/h3>\r\n <p>Administraci\u00f3n por roles seg\u00fan perfil de usuario. Seguridad intr\u00ednseca de Microsoft 365. Cumplimiento y control de informaci\u00f3n sensible.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-8\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"\/><\/svg>\r\n <\/div>\r\n <h3>Informes en tiempo real<\/h3>\r\n <p>Informes interactivos con datos a tiempo real de la aplicaci\u00f3n (Business Intelligence).<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"credibility-section\">\r\n <div class=\"container\">\r\n <div class=\"credibility-wrapper\">\r\n <div class=\"credibility-image fade-left\">\r\n <div style=\"position:relative;display:inline-block;width:100%;\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Andres-VSL.webp\" alt=\"Andr\u00e9s Biarge, consultor Microsoft Certified Expert en BTB Consulting\" loading=\"lazy\" title=\"\">\r\n <div class=\"credibility-nameplate\">\r\n <span class=\"credibility-nameplate-name\">Andr\u00e9s Biarge<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"credibility-content fade-right delay-2\">\r\n <div class=\"credibility-stars\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Valoraciones.webp\" alt=\"5 estrellas - valoraciones de clientes\" loading=\"lazy\" title=\"\">\r\n <\/div>\r\n <blockquote class=\"credibility-quote\">\r\n Dise\u00f1amos soluciones que se adaptan a c\u00f3mo trabaja tu despacho o gestor\u00eda, no al rev\u00e9s.\r\n <\/blockquote>\r\n <p class=\"credibility-text\">\r\n Somos especialistas en el ecosistema Microsoft con experiencia real en la digitalizaci\u00f3n de despachos de abogados y gestor\u00edas. Conocemos vuestros procesos, vuestros retos y lo que de verdad necesit\u00e1is para trabajar mejor.\r\n <\/p>\r\n <div class=\"credibility-badges\">\r\n <div class=\"credibility-badge\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue-ms)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n Microsoft Certified Expert\r\n <\/div>\r\n <div class=\"credibility-badge\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\r\n Microsoft Solutions Partner\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"testimonial-section\">\r\n <div class=\"container\">\r\n <div class=\"testimonial-carousel fade-up\">\r\n\r\n \r\n <div class=\"testimonial-slide active\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-quote-mark\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"var(--gold)\" opacity=\"0.15\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2H5C3.76 3 3 3.75 3 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3zm11 0c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2h-3C14.76 3 14 3.75 14 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3z\"\/><\/svg>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n Desde que implementamos BTBGesti\u00f3n365, hemos reducido a la mitad el tiempo que dedic\u00e1bamos a buscar documentos y gestionar correos. Ahora todo est\u00e1 centralizado y cada miembro del equipo sabe exactamente qu\u00e9 tiene pendiente.\r\n <\/blockquote>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/Picture1.webp\" alt=\"Solem i Bermejo\" class=\"testimonial-logo\" loading=\"lazy\" title=\"\">\r\n <div class=\"testimonial-author-info\">\r\n <strong>\u00c1lvaro Gonz\u00e1lez<\/strong>\r\n <span>Socio en <a href=\"https:\/\/solem.legal\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Solem & Bermejo<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonial-slide\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-quote-mark\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"var(--gold)\" opacity=\"0.15\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2H5C3.76 3 3 3.75 3 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3zm11 0c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2h-3C14.76 3 14 3.75 14 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3z\"\/><\/svg>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n Brilliant, all good. The platform is very slick when working and the SharePoint configuration is awesome. So yes, definitely in favour of the platform.\r\n <\/blockquote>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2025\/09\/Untitled-Instagram-Post-45.webp\" alt=\"MWP Developments\" class=\"testimonial-logo\" loading=\"lazy\" title=\"\">\r\n <div class=\"testimonial-author-info\">\r\n <strong>Harry Bowen<\/strong>\r\n <span>Project Manager, <a href=\"https:\/\/mwpdevelopments.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">MWP Developments<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonial-slide\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-quote-mark\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"var(--gold)\" opacity=\"0.15\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2H5C3.76 3 3 3.75 3 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3zm11 0c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2h-3C14.76 3 14 3.75 14 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3z\"\/><\/svg>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n I had the pleasure of working with the BTB Consulting team on our entity's Power Platform strategy. They were leading in developing a governance strategy that perfectly aligns with our needs. I can highly recommend them.\r\n <\/blockquote>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2025\/09\/Picture5.webp\" alt=\"Endress+Hauser\" class=\"testimonial-logo\" loading=\"lazy\" title=\"\">\r\n <div class=\"testimonial-author-info\">\r\n <strong>Jan Martin Dietrich<\/strong>\r\n <span>Digital Workplace Team Lead, <a href=\"https:\/\/www.es.endress.com\/es\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Endress+Hauser<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonial-slide\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-quote-mark\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"var(--gold)\" opacity=\"0.15\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2H5C3.76 3 3 3.75 3 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3zm11 0c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2h-3C14.76 3 14 3.75 14 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3z\"\/><\/svg>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n Ha sido un \u00e9xito. Vimos que la soluci\u00f3n era genial y ahora que est\u00e1 rodando va como un tiro.\r\n <\/blockquote>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2025\/05\/logo_sa_151x107.webp\" alt=\"San Antonio Oils\" class=\"testimonial-logo\" loading=\"lazy\" title=\"\">\r\n <div class=\"testimonial-author-info\">\r\n <strong>Javier Palomino<\/strong>\r\n <span>Director IT y Operaciones en <a href=\"https:\/\/sa-oils.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">San Antonio Oils<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonial-nav\">\r\n <button class=\"testimonial-arrow\" id=\"tPrev\" aria-label=\"Anterior\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"testimonial-dot active\" data-index=\"0\"><\/button>\r\n <button class=\"testimonial-dot\" data-index=\"1\"><\/button>\r\n <button class=\"testimonial-dot\" data-index=\"2\"><\/button>\r\n <button class=\"testimonial-dot\" data-index=\"3\"><\/button>\r\n <button class=\"testimonial-arrow\" id=\"tNext\" aria-label=\"Siguiente\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"pricing-section\" id=\"pricing\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">Planes<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">Invierte una vez, controla para siempre<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Elige el nivel de personalizaci\u00f3n que necesitas. Todos los planes incluyen tus datos siempre bajo tu control.<\/p>\r\n\r\n <div class=\"pricing-urgency fade-up delay-3\">\r\n <span class=\"urgency-dot\"><\/span>\r\n Capacidad limitada \u00b7 Solo aceptamos 3 nuevos proyectos por trimestre \u00b7 Plazas disponibles\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n \r\n <div class=\"pricing-card fade-up\">\r\n <p class=\"pricing-name\">B\u00e1sico<\/p>\r\n <p class=\"pricing-subtitle\">Implementaci\u00f3n est\u00e1ndar<\/p>\r\n <p class=\"pricing-price\">6.300 <span class=\"currency\">\u20ac<\/span><\/p>\r\n <p class=\"pricing-timeline\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n ~1 mes de implementaci\u00f3n\r\n <\/p>\r\n \r\n <p class=\"pricing-desc\">Despliegue y puesta en marcha de la soluci\u00f3n est\u00e1ndar adaptada a la estructura de tu despacho o gestor\u00eda.<\/p>\r\n <ul class=\"pricing-features\">\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> CRM de clientes y expedientes<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Gesti\u00f3n documental en SharePoint<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Buzones compartidos integrados<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Seguridad y control de accesos por roles<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Personalizaci\u00f3n con tu logo y colores corporativos<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Garant\u00eda durante 12 meses<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Tus datos siempre en tu Microsoft 365<\/li>\r\n <\/ul>\r\n <a href=\"#contacto\" class=\"btn btn-outline\">Reservar llamada<\/a>\r\n <p class=\"pricing-note\">Licencias Microsoft no incluidas<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card featured fade-up delay-1\">\r\n <div class=\"pricing-badge\">M\u00e1s popular<\/div>\r\n <p class=\"pricing-name\">Personalizado<\/p>\r\n <p class=\"pricing-subtitle\">Implementaci\u00f3n + personalizaci\u00f3n<\/p>\r\n <p class=\"pricing-price\">16.000 <span class=\"currency\">\u20ac<\/span><\/p>\r\n <p class=\"pricing-timeline\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n 3-4 meses de implementaci\u00f3n\r\n <\/p>\r\n \r\n <p class=\"pricing-desc\">Adaptamos la soluci\u00f3n a los procesos espec\u00edficos y flujos de trabajo de tu despacho o gestor\u00eda.<\/p>\r\n <ul class=\"pricing-features\">\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Todo lo incluido en el plan B\u00e1sico<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Personalizaci\u00f3n de campos y listados<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Automatizaci\u00f3n documental (hasta 5 plantillas Word)<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Migraci\u00f3n de datos hist\u00f3ricos (desde tu anterior sistema al nuevo)<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Integraci\u00f3n de datos mediante ficheros para importaci\u00f3n en tus sistemas actuales (Sage, Finca3, GesFincas, etc.)<\/li>\r\n <\/ul>\r\n <a href=\"#contacto\" class=\"btn btn-primary\">Reservar llamada<\/a>\r\n <p class=\"pricing-note\">Licencias Microsoft no incluidas<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card fade-up delay-2\">\r\n <p class=\"pricing-name\">A medida<\/p>\r\n <p class=\"pricing-subtitle\">Implementaci\u00f3n + personalizaci\u00f3n + desarrollo a medida<\/p>\r\n <p class=\"pricing-price\">\r\n <span class=\"from\">Desde<\/span>\r\n 60.000 <span class=\"currency\">\u20ac<\/span>\r\n <\/p>\r\n <p class=\"pricing-timeline\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n 6+ meses m\u00ednimo de desarrollo dedicado\r\n <\/p>\r\n \r\n <p class=\"pricing-desc\">Soluci\u00f3n adaptada y a medida con desarrollo dedicado para cubrir las necesidades espec\u00edficas de tu despacho o gestor\u00eda.<\/p>\r\n <ul class=\"pricing-features\">\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Todo lo incluido en el plan Personalizado<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Procesamiento de documentos con IA (hasta 3 tipos)<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Integraci\u00f3n de Agentes Copilot, modelos Azure AI Foundry u otros<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Integraci\u00f3n con tu ERP (Sage, A3, Finca3, GesFincas, SAP, Oracle, etc.) o la herramienta que uses<\/li>\r\n <\/ul>\r\n <a href=\"#contacto\" class=\"btn btn-outline\">Reservar llamada<\/a>\r\n <p class=\"pricing-note\">Licencias Microsoft no incluidas<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"pricing-footer-note fade-up\">* Plazos sujetos a disponibilidad y participaci\u00f3n del cliente.<\/p>\r\n\r\n \r\n <p class=\"latam-note fade-up\">\ud83c\udf0e \u00bfEst\u00e1s en Hispanoam\u00e9rica? <a href=\"#contacto\">Cont\u00e1ctanos<\/a> para condiciones adaptadas a tu mercado.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"comparison-section\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">La diferencia<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">\u00bfPor qu\u00e9 no somos un software m\u00e1s?<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Compara nuestro modelo con el software de gesti\u00f3n tradicional.<\/p>\r\n\r\n <div class=\"comparison-grid\">\r\n <div class=\"comparison-card them fade-up\">\r\n <p class=\"comparison-label\">Software tradicional (SaaS)<\/p>\r\n <ul class=\"comparison-items\">\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Cuota mensual por usuario para siempre\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Tus datos en servidores de terceros\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Dependencia total del proveedor\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Herramientas desconectadas de tu d\u00eda a d\u00eda\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Si la empresa cierra, pierdes acceso\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n No puedes a\u00f1adir IA ni automatizar por tu cuenta\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"comparison-card us fade-up delay-2\">\r\n <div class=\"comparison-badge\">Tu mejor opci\u00f3n<\/div>\r\n <p class=\"comparison-label\">Nuestra soluci\u00f3n<\/p>\r\n <ul class=\"comparison-items\">\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Pago \u00fanico, sin cuotas mensuales\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Datos siempre en tu Microsoft 365\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n El producto es tuyo, sin dependencia\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Integrado en Outlook, Teams, Excel, SharePoint, etc\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Extiende, automatiza y a\u00f1ade IA a tu ritmo y con la garant\u00eda de hacerlo sobre Microsoft 365\r\n <\/li>\r\n <\/ul>\r\n <div class=\"comparison-calc\">\r\n <p><strong>Haz las cuentas:<\/strong> Un software SaaS a 30\u20ac\/mes por usuario, con 5 usuarios, son 1.800\u20ac\/a\u00f1o. En 5 a\u00f1os habr\u00e1s pagado 9.000\u20ac y seguir\u00e1s sin ser due\u00f1o de nada. Con nosotros, por <strong>6.300\u20ac<\/strong> tienes la soluci\u00f3n, los datos y el control. Para siempre.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"comparison-cta fade-up\" style=\"text-align: center; margin-top: 48px;\">\r\n <a href=\"#contacto\" class=\"btn btn-gold\">\r\n Reservar llamada gratuita\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <p style=\"font-size: 0.85rem; color: var(--gray-400); margin-top: 12px;\">Sin compromiso \u00b7 Te respondemos en 24h<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"faq-section\">\r\n <div class=\"container\">\r\n <div class=\"faq-layout\">\r\n \r\n <div class=\"faq-header\">\r\n <span class=\"section-label fade-up\">Preguntas frecuentes<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">Resolvemos tus dudas<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Todo lo que necesitas saber antes de dar el paso.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-list fade-up delay-2\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfNecesito tener licencias de Microsoft 365?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>S\u00ed, la soluci\u00f3n funciona sobre Microsoft 365. Si ya lo usas en tu despacho o gestor\u00eda (Outlook, Teams, Word...), probablemente ya tienes las licencias necesarias. Si no, te asesoramos sobre el plan m\u00e1s adecuado. Las licencias de Microsoft no est\u00e1n incluidas en nuestros precios.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfQu\u00e9 pasa con mis datos si dejo de trabajar con vosotros?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Tus datos siempre est\u00e1n en tu propio entorno de Microsoft 365, bajo tu control. Si decides no continuar, la aplicaci\u00f3n y los datos siguen siendo tuyos. No dependes de nosotros ni de ninguna plataforma externa para acceder a tu informaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfCu\u00e1nto se tarda en implementar la soluci\u00f3n?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Depende del plan: el plan B\u00e1sico se despliega en aproximadamente 1 mes, el Personalizado en 3-4 meses y el plan A medida requiere un m\u00ednimo de 6 meses de desarrollo dedicado. Los plazos dependen tambi\u00e9n de la disponibilidad y participaci\u00f3n del cliente.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfSe integra con el software que ya uso actualmente?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>S\u00ed. A partir del plan Personalizado incluimos automatizaci\u00f3n de integraci\u00f3n de datos mediante ficheros Excel\/CSV para importaci\u00f3n en tus sistemas inform\u00e1ticos (Sage, Finca3, GesFincas, etc.). En el plan A medida, la integraci\u00f3n es directa con tu ERP.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfEs un pago \u00fanico o hay cuotas mensuales?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Es un pago \u00fanico por la implementaci\u00f3n. No hay cuotas mensuales ni por usuario. Te quedas el producto y los datos. Solo necesitas mantener tus licencias de Microsoft 365, que son independientes de nosotros.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfQu\u00e9 incluye la garant\u00eda de 12 meses?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Durante los primeros 12 meses tras la entrega, cubrimos cualquier incidencia t\u00e9cnica, correcci\u00f3n de errores y soporte relacionado con la soluci\u00f3n implementada. Pasado ese periodo, ofrecemos planes de soporte o implementaci\u00f3n adicionales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Activate animations only when JS runs\r\n document.body.classList.add('js-loaded');\r\n\r\n \/\/ Force hero elements visible immediately (already in viewport)\r\n document.querySelectorAll('.hero .fade-up, .hero .fade-left, .hero .fade-right, .hero .scale-in').forEach(function(el) {\r\n el.classList.add('visible');\r\n });\r\n\r\n \/\/ Scroll animations with IntersectionObserver\r\n var observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.08, rootMargin: '0px 0px -30px 0px' });\r\n\r\n document.querySelectorAll('.fade-up, .fade-left, .fade-right, .scale-in').forEach(function(el) {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Navbar scroll effect \u2014 compact on scroll\r\n var navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', function() {\r\n if (window.scrollY > 20) {\r\n navbar.classList.add('scrolled');\r\n } else {\r\n navbar.classList.remove('scrolled');\r\n }\r\n }, { passive: true });\r\n\r\n \/\/ Mobile menu toggle\r\n var mobileToggle = document.getElementById('mobileToggle');\r\n var mobileMenu = document.getElementById('mobileMenu');\r\n function toggleMobileMenu(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n var bar = document.getElementById('announcementBar');\r\n var bottom = navbar.getBoundingClientRect().bottom;\r\n if (bar && !bar.classList.contains('hidden')) {\r\n bottom = bar.getBoundingClientRect().bottom;\r\n }\r\n mobileMenu.style.top = bottom + 'px';\r\n mobileMenu.classList.toggle('active');\r\n }\r\n mobileToggle.addEventListener('click', toggleMobileMenu);\r\n\r\n \/\/ Active nav link on scroll\r\n var navSections = ['microsoft', 'funcionalidades', 'pricing', 'contacto'];\r\n var navLinks = document.querySelectorAll('.nav-links a[href^=\"#\"]');\r\n var activeObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n var id = entry.target.getAttribute('id');\r\n navLinks.forEach(function(link) {\r\n var href = link.getAttribute('href').replace('#', '');\r\n link.classList.toggle('active', href === id);\r\n });\r\n }\r\n });\r\n }, { threshold: 0.25, rootMargin: '-64px 0px -55% 0px' });\r\n navSections.forEach(function(id) {\r\n var el = document.getElementById(id);\r\n if (el) activeObserver.observe(el);\r\n });\r\n\r\n \/\/ Smooth scroll for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n anchor.addEventListener('click', function(e) {\r\n var target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n var offset = 80;\r\n var top = target.getBoundingClientRect().top + window.scrollY - offset;\r\n window.scrollTo({ top: top, behavior: 'smooth' });\r\n }\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Video Toast (centrado, todos los dispositivos) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function() {\r\n var toast = document.getElementById('videoToast');\r\n var closeBtn = document.getElementById('videoToastClose');\r\n var backdrop = document.getElementById('videoToastBackdrop');\r\n var thumb = document.getElementById('vslThumb');\r\n if (!toast) return;\r\n var dismissed = false;\r\n\r\n function showBackdrop() {\r\n if (!backdrop) return;\r\n backdrop.style.display = 'block';\r\n requestAnimationFrame(function() { backdrop.classList.add('visible'); });\r\n }\r\n\r\n function hideBackdrop() {\r\n if (!backdrop) return;\r\n backdrop.classList.remove('visible');\r\n setTimeout(function() { backdrop.style.display = 'none'; }, 300);\r\n }\r\n\r\n function hideToast() {\r\n dismissed = true;\r\n toast.classList.remove('visible');\r\n toast.classList.add('hiding');\r\n hideBackdrop();\r\n }\r\n\r\n setTimeout(function() {\r\n if (!dismissed) {\r\n showBackdrop();\r\n toast.classList.add('visible');\r\n }\r\n }, 800);\r\n\r\n closeBtn.addEventListener('click', function(e) { e.stopPropagation(); hideToast(); });\r\n\r\n if (backdrop) {\r\n backdrop.addEventListener('click', function() { hideToast(); });\r\n }\r\n\r\n toast.addEventListener('click', function() {\r\n hideToast();\r\n if (thumb) {\r\n var top = thumb.getBoundingClientRect().top + window.scrollY - 80;\r\n window.scrollTo({ top: top, behavior: 'smooth' });\r\n setTimeout(openModal, 500);\r\n }\r\n });\r\n })();\r\n\r\n \/\/ Mobile sticky CTA\r\n (function() {\r\n var stickyCta = document.getElementById('mobileStickyCtA');\r\n if (!stickyCta) return;\r\n var contactSection = document.getElementById('contacto');\r\n window.addEventListener('scroll', function() {\r\n if (window.innerWidth <= 768) {\r\n var inContact = false;\r\n if (contactSection) {\r\n var rect = contactSection.getBoundingClientRect();\r\n inContact = rect.top <= window.innerHeight && rect.bottom >= 0;\r\n }\r\n if (window.scrollY > 400 && !inContact) {\r\n stickyCta.classList.add('visible');\r\n } else {\r\n stickyCta.classList.remove('visible');\r\n }\r\n }\r\n }, { passive: true });\r\n })();\r\n\r\n \/\/ \u2500\u2500 FAQ accordion \u2500\u2500\r\n document.querySelectorAll('.faq-question').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var item = this.parentElement;\r\n var isActive = item.classList.contains('active');\r\n document.querySelectorAll('.faq-item').forEach(function(el) { el.classList.remove('active'); });\r\n if (!isActive) item.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Video modal \u2500\u2500\r\n function openModal() {\r\n var modal = document.getElementById('videoModal');\r\n if (!modal || modal.classList.contains('active')) return;\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n var wrapper = document.querySelector('.video-modal-wrapper');\r\n if (!wrapper) return;\r\n var src = wrapper.getAttribute('data-src') + '&enablejsapi=1';\r\n var iframe = document.createElement('iframe');\r\n iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen; picture-in-picture');\r\n iframe.setAttribute('allowfullscreen', '');\r\n iframe.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;border:0;';\r\n iframe.src = src;\r\n iframe.addEventListener('load', function() {\r\n this.contentWindow.postMessage(JSON.stringify({event:'command',func:'playVideo',args:[]}), '*');\r\n });\r\n wrapper.innerHTML = '';\r\n wrapper.appendChild(iframe);\r\n }\r\n function closeModal() {\r\n var modal = document.getElementById('videoModal');\r\n if (!modal) return;\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n var wrapper = document.querySelector('.video-modal-wrapper');\r\n if (wrapper) wrapper.innerHTML = '';\r\n }\r\n\r\n var vslThumb = document.getElementById('vslThumb');\r\n if (vslThumb) {\r\n vslThumb.addEventListener('click', openModal);\r\n vslThumb.addEventListener('keydown', function(e) {\r\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openModal(); }\r\n });\r\n }\r\n var backdrop = document.querySelector('.video-modal-backdrop');\r\n if (backdrop) backdrop.addEventListener('click', closeModal);\r\n var modalClose = document.querySelector('.video-modal-close');\r\n if (modalClose) modalClose.addEventListener('click', closeModal);\r\n document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeModal(); });\r\n\r\n \/\/ \u2500\u2500 Mobile menu close on nav link click \u2500\u2500\r\n document.querySelectorAll('.nav-mobile-menu a').forEach(function(link) {\r\n link.addEventListener('click', function() {\r\n document.getElementById('mobileMenu').classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Testimonial carousel \u2500\u2500\r\n (function() {\r\n var slides = document.querySelectorAll('.testimonial-slide');\r\n var dots = document.querySelectorAll('.testimonial-dot');\r\n if (!slides.length) return;\r\n var current = 0;\r\n var timer;\r\n\r\n function goTo(n) {\r\n slides[current].classList.remove('active');\r\n dots[current].classList.remove('active');\r\n current = (n + slides.length) % slides.length;\r\n slides[current].classList.add('active');\r\n dots[current].classList.add('active');\r\n }\r\n\r\n function startTimer() { timer = setInterval(function() { goTo(current + 1); }, 9000); }\r\n function resetTimer() { clearInterval(timer); startTimer(); }\r\n\r\n var tNext = document.getElementById('tNext');\r\n var tPrev = document.getElementById('tPrev');\r\n if (tNext) tNext.addEventListener('click', function() { goTo(current + 1); resetTimer(); });\r\n if (tPrev) tPrev.addEventListener('click', function() { goTo(current - 1); resetTimer(); });\r\n dots.forEach(function(dot) {\r\n dot.addEventListener('click', function() { goTo(parseInt(dot.dataset.index)); resetTimer(); });\r\n });\r\n\r\n startTimer();\r\n })();\r\n });\r\n <\/script>\r\n\r\n \r\n <div class=\"video-toast-backdrop\" id=\"videoToastBackdrop\"><\/div>\r\n\r\n \r\n <div class=\"video-toast\" id=\"videoToast\" aria-label=\"Ver demo del producto\">\r\n <div class=\"video-toast-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/maxresdefault.jpg\" alt=\"Demo BTBGesti\u00f3n365\" loading=\"lazy\" title=\"\">\r\n <div class=\"video-toast-thumb-overlay\"><\/div>\r\n <div class=\"video-toast-thumb-play\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"6 3 20 12 6 21 6 3\"\/><\/svg>\r\n <\/div>\r\n <span class=\"video-toast-duration\">7 min<\/span>\r\n <\/div>\r\n <div class=\"video-toast-body\">\r\n <div class=\"video-toast-text\">\r\n <span class=\"video-toast-title\">C\u00f3mo funciona BTBGesti\u00f3n365<\/span>\r\n <span class=\"video-toast-sub\">\u25b6 Demo del producto<\/span>\r\n <\/div>\r\n <\/div>\r\n <button class=\"video-toast-close\" id=\"videoToastClose\" aria-label=\"Cerrar\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"videoModal\" class=\"video-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Demo del producto\">\r\n <div class=\"video-modal-backdrop\"><\/div>\r\n <div class=\"video-modal-container\">\r\n <button class=\"video-modal-close\" aria-label=\"Cerrar v\u00eddeo\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <div class=\"video-modal-wrapper\" data-src=\"https:\/\/www.youtube-nocookie.com\/embed\/T87OkBT0zUo?autoplay=1&rel=0&playsinline=1&modestbranding=1&iv_load_policy=3&controls=0\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-sticky-cta\" id=\"mobileStickyCtA\">\r\n <a href=\"#contacto\">\r\n Reservar demo gratuita\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Organization\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/#organization\",\r\n \"name\": \"BTB Consulting\",\r\n \"url\": \"https:\/\/btbconsulting.com\",\r\n \"logo\": {\r\n \"@type\": \"ImageObject\",\r\n \"url\": \"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTB-Consulting-Andres-Logotipos-500-x-250-px.webp\",\r\n \"width\": 500,\r\n \"height\": 250\r\n },\r\n \"description\": \"Consultor\u00eda especializada en soluciones Microsoft 365 para despachos de abogados y gestor\u00edas.\",\r\n \"sameAs\": [\r\n \"https:\/\/www.linkedin.com\/company\/btb-consulting-com\"\r\n ],\r\n \"contactPoint\": {\r\n \"@type\": \"ContactPoint\",\r\n \"contactType\": \"sales\",\r\n \"availableLanguage\": \"Spanish\"\r\n }\r\n }\r\n <\/script>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"SoftwareApplication\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/#software\",\r\n \"name\": \"BTBGesti\u00f3n365\",\r\n \"applicationCategory\": \"BusinessApplication\",\r\n \"operatingSystem\": \"Microsoft 365\",\r\n \"description\": \"CRM y gesti\u00f3n documental integrado en Microsoft 365 para despachos de abogados y gestor\u00edas. Gesti\u00f3n de clientes, expedientes, correo y documentaci\u00f3n en un \u00fanico sistema.\",\r\n \"url\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\",\r\n\r\n \"datePublished\": \"2025-01-01\",\r\n \"dateModified\": \"2026-04-13\",\r\n \"aggregateRating\": {\r\n \"@type\": \"AggregateRating\",\r\n \"ratingValue\": \"5\",\r\n \"ratingCount\": \"4\",\r\n \"bestRating\": \"5\",\r\n \"worstRating\": \"1\"\r\n },\r\n \"featureList\": [\r\n \"CRM de clientes y expedientes\",\r\n \"Gesti\u00f3n de correo profesionalizada\",\r\n \"Gesti\u00f3n documental integrada en Microsoft 365\",\r\n \"Automatizaci\u00f3n documental\",\r\n \"IA para procesamiento documental\",\r\n \"Seguridad y control de accesos\",\r\n \"Informes en tiempo real\"\r\n ],\r\n \"offers\": {\r\n \"@type\": \"Offer\",\r\n \"priceCurrency\": \"EUR\",\r\n \"priceSpecification\": {\r\n \"@type\": \"UnitPriceSpecification\",\r\n \"priceType\": \"https:\/\/schema.org\/OneTimePurchase\",\r\n \"description\": \"Pago \u00fanico por implementaci\u00f3n, sin cuotas mensuales\"\r\n }\r\n },\r\n \"provider\": {\r\n \"@type\": \"Organization\",\r\n \"name\": \"BTB Consulting\",\r\n \"url\": \"https:\/\/btbconsulting.com\"\r\n }\r\n }\r\n <\/script>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfNecesito tener licencias de Microsoft 365?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"S\u00ed, la soluci\u00f3n funciona sobre Microsoft 365. Si ya lo usas en tu despacho o gestor\u00eda (Outlook, Teams, Word...), probablemente ya tienes las licencias necesarias. Si no, te asesoramos sobre el plan m\u00e1s adecuado. Las licencias de Microsoft no est\u00e1n incluidas en nuestros precios.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 pasa con mis datos si dejo de trabajar con vosotros?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Tus datos siempre est\u00e1n en tu propio entorno de Microsoft 365, bajo tu control. Si decides no continuar, la aplicaci\u00f3n y los datos siguen siendo tuyos. No dependes de nosotros ni de ninguna plataforma externa para acceder a tu informaci\u00f3n.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfCu\u00e1nto se tarda en implementar la soluci\u00f3n?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Depende del plan: el plan B\u00e1sico se despliega en aproximadamente 1 mes, el Personalizado en 3-4 meses y el plan A medida requiere un m\u00ednimo de 6 meses de desarrollo dedicado. Los plazos dependen tambi\u00e9n de la disponibilidad y participaci\u00f3n del cliente.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfSe integra con el software que ya uso actualmente?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"S\u00ed. A partir del plan Personalizado incluimos automatizaci\u00f3n de integraci\u00f3n de datos mediante ficheros Excel\/CSV para importaci\u00f3n en tus sistemas inform\u00e1ticos (Sage, Finca3, GesFincas, etc.). En el plan A medida, la integraci\u00f3n es directa con tu ERP.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfEs un pago \u00fanico o hay cuotas mensuales?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Es un pago \u00fanico por la implementaci\u00f3n. No hay cuotas mensuales ni por usuario. Te quedas el producto y los datos. Solo necesitas mantener tus licencias de Microsoft 365, que son independientes de nosotros.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 incluye la garant\u00eda de 12 meses?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Durante los primeros 12 meses tras la entrega, cubrimos cualquier incidencia t\u00e9cnica, correcci\u00f3n de errores y soporte relacionado con la soluci\u00f3n implementada. Pasado ese periodo, ofrecemos planes de soporte o implementaci\u00f3n adicionales.\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"WebSite\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/#website\",\r\n \"url\": \"https:\/\/btbconsulting.com\",\r\n \"name\": \"BTB Consulting\",\r\n \"description\": \"Consultor\u00eda Microsoft 365 para despachos de abogados y gestor\u00edas\",\r\n \"inLanguage\": \"es-ES\",\r\n \"publisher\": { \"@id\": \"https:\/\/btbconsulting.com\/#organization\" }\r\n }\r\n <\/script>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"WebPage\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/#webpage\",\r\n \"url\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\",\r\n \"name\": \"Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365\",\r\n \"isPartOf\": { \"@id\": \"https:\/\/btbconsulting.com\/#website\" },\r\n \"about\": { \"@id\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/#software\" },\r\n \"description\": \"Digitaliza tu despacho o gestor\u00eda con Microsoft 365. CRM, expedientes y gesti\u00f3n documental centralizada. Pago \u00fanico, sin cuotas. Solicita tu demo gratuita.\",\r\n \"inLanguage\": \"es-ES\",\r\n \"datePublished\": \"2025-01-01\",\r\n \"dateModified\": \"2026-04-13\",\r\n \"breadcrumb\": {\r\n \"@type\": \"BreadcrumbList\",\r\n \"itemListElement\": [\r\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Inicio\", \"item\": \"https:\/\/btbconsulting.com\" },\r\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"BTBGesti\u00f3n365\", \"item\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\" }\r\n ]\r\n }\r\n }\r\n <\/script>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"VideoObject\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/#video\",\r\n \"name\": \"Demo BTBGesti\u00f3n365: CRM y gesti\u00f3n documental para despachos en Microsoft 365\",\r\n \"description\": \"Descubre c\u00f3mo BTBGesti\u00f3n365 digitaliza despachos de abogados y gestor\u00edas con Microsoft 365. CRM de clientes, gesti\u00f3n documental en SharePoint, buzones compartidos y automatizaci\u00f3n. Pago \u00fanico, sin cuotas mensuales.\",\r\n \"thumbnailUrl\": [\r\n \"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/maxresdefault.jpg\",\r\n \"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/hqdefault.jpg\"\r\n ],\r\n \"uploadDate\": \"2025-01-01\",\r\n \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/T87OkBT0zUo\",\r\n \"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=T87OkBT0zUo\",\r\n \"publisher\": { \"@id\": \"https:\/\/btbconsulting.com\/#organization\" },\r\n \"inLanguage\": \"es-ES\"\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-634d8f3 e-flex e-con-boxed e-con e-parent\" data-id=\"634d8f3\" data-element_type=\"container\" data-e-type=\"container\" id=\"contacto\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-421b92c e-con-full e-flex e-con e-child\" data-id=\"421b92c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35dd9a4 elementor-widget elementor-widget-html\" data-id=\"35dd9a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.btb-contact-info .contact-label {\r\n display: inline-block;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #C9A84C;\r\n margin-bottom: 16px;\r\n}\r\n.btb-contact-info h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.8rem;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n line-height: 1.3;\r\n}\r\n.btb-contact-info p {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 1rem;\r\n color: rgba(255,255,255,0.85);\r\n line-height: 1.7;\r\n margin-bottom: 36px;\r\n}\r\n.btb-trust-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n}\r\n.btb-trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.95rem;\r\n color: rgba(255,255,255,0.9);\r\n}\r\n.btb-trust-check {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n background: rgba(56,161,105,0.15);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.btb-trust-check svg {\r\n width: 14px;\r\n height: 14px;\r\n stroke: #68d391;\r\n fill: none;\r\n}\r\n<\/style>\r\n\r\n<div class=\"btb-contact-info\">\r\n <span class=\"contact-label\">Contacto<\/span>\r\n <h2>\u00bfListo para transformar la gesti\u00f3n de tu despacho o gestor\u00eda?<\/h2>\r\n <p>Solicita una demo sin compromiso. Te mostraremos c\u00f3mo la soluci\u00f3n se adapta a las necesidades concretas de tu despacho o gestor\u00eda.<\/p>\r\n <div class=\"btb-trust-items\">\r\n <div class=\"btb-trust-item\">\r\n <div class=\"btb-trust-check\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n Sin compromiso, sin letra peque\u00f1a\r\n <\/div>\r\n <div class=\"btb-trust-item\">\r\n <div class=\"btb-trust-check\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n Respuesta garantizada en 24 horas\r\n <\/div>\r\n <div class=\"btb-trust-item\">\r\n <div class=\"btb-trust-check\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n Tus datos est\u00e1n seguros \u2014 no compartimos tu informaci\u00f3n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-beec213 e-con-full e-flex e-con e-child\" data-id=\"beec213\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f732d58 elementor-widget elementor-widget-heading\" data-id=\"f732d58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Solicita tu llamada gratuita<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc804c elementor-widget__width-auto elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"1dc804c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Siguiente","step_previous_label":"Anterior","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"BTBgesti\u00f3n365\" aria-label=\"BTBgesti\u00f3n365\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"6262\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1dc804c\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNombre\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Tu nombre completo\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"tu@email.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-phone elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTel\u00e9fono\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<span class=\"ccfef-editor-intl-input\" data-id=\"form-field-phone\" data-field-id=\"8a24e0d\" data-default-country=\"ES\" data-include-countries=\"\" data-exclude-countries=\"\" data-dial-code-visibility=\"separate\" data-strict-mode=\"\" style=\"display: none;\"><\/span>\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"600 000 000\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_62dc261 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_62dc261]\" id=\"form-field-field_62dc261\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-field_62dc261\"><span style=\"font-family: 'DM Sans' ; font-size: 14px; font-weight: 400; line-height: 1.5;\">\n He le\u00eddo y acepto la \n <a href=\"\/politica-de-privacidad\" target=\"_blank\" style=\"color: #C9A84C; text-decoration: none; font-size: 14px; font-weight: 400; line-height: 1.5;\">\n pol\u00edtica de privacidad.\n <\/a> Mis datos ser\u00e1n tratados por BTB Consulting para gestionar mi solicitud.\n<\/span>\n<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_f3682f5]\" id=\"form-field-field_f3682f5\" class=\"elementor-field elementor-size-sm \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Solicitar llamada gratuita <\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95ab789 e-con-full e-flex e-con e-parent\" data-id=\"95ab789\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c9da75 elementor-widget elementor-widget-html\" data-id=\"3c9da75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.btb-footer {\r\n padding: 32px 0;\r\n background: #0F1B33;\r\n border-top: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.btb-footer-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n}\r\n.btb-footer-copy {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.85rem;\r\n color: #ffffff;\r\n margin: 0;\r\n}\r\n.btb-footer-links {\r\n display: flex;\r\n gap: 24px;\r\n}\r\n.btb-footer-links a {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.75rem;\r\n color: rgba(255,255,255,0.7);\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n}\r\n.btb-footer-links a:hover {\r\n color: rgba(255,255,255,0.9);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .btb-footer {\r\n padding: 24px 0;\r\n }\r\n .btb-footer-inner {\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 12px;\r\n padding: 0 20px;\r\n }\r\n .btb-footer-links {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n .btb-footer-copy {\r\n font-size: 0.78rem;\r\n }\r\n .btb-footer-links a {\r\n font-size: 0.72rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"btb-footer\">\r\n <div class=\"btb-footer-inner\">\r\n <p class=\"btb-footer-copy\">© 2026 BTBGesti\u00f3n365 by BTB Consulting. Todos los derechos reservados.<\/p>\r\n <div class=\"btb-footer-links\">\r\n <a href=\"https:\/\/btbconsulting.com\/politica-de-privacidad\/\">Pol\u00edtica de privacidad<\/a>\r\n <a href=\"https:\/\/btbconsulting.com\/aviso-legal\/\">Aviso legal<\/a>\r\n <a href=\"https:\/\/btbconsulting.com\/politica-de-cookies\/\">Pol\u00edtica de cookies<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\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>Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365 \u00bfPor qu\u00e9 Microsoft? Funcionalidades Precios Reservar demo Reservar llamada Solo aceptamos 3 nuevos proyectos este trimestre \u00b7 Plazas limitadas Solo 3 plazas disponibles este trimestre Reservar ahora \u2192 \u00bfPor qu\u00e9 Microsoft? Funcionalidades Precios Reservar demo Dise\u00f1ado por y para abogados y gestor\u00edas \u00b7 Construido sobre Microsoft 365 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6262","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/pages\/6262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/comments?post=6262"}],"version-history":[{"count":249,"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/pages\/6262\/revisions"}],"predecessor-version":[{"id":6652,"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/pages\/6262\/revisions\/6652"}],"wp:attachment":[{"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/media?parent=6262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n \r\n Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365<\/title>\r\n <meta name=\"description\" content=\"Digitaliza tu despacho o gestor\u00eda con Microsoft 365. CRM, expedientes y gesti\u00f3n documental centralizada. Pago \u00fanico, sin cuotas. Solicita tu demo gratuita.\">\r\n <meta name=\"robots\" content=\"index, follow\">\r\n <meta name=\"author\" content=\"BTB Consulting\">\r\n <link rel=\"canonical\" href=\"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\">\r\n\r\n \r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:locale\" content=\"es_ES\">\r\n <meta property=\"og:site_name\" content=\"BTB Consulting\">\r\n <meta property=\"og:url\" content=\"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\">\r\n <meta property=\"og:title\" content=\"Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365\">\r\n <meta property=\"og:description\" content=\"Digitaliza tu despacho o gestor\u00eda con Microsoft 365. CRM, expedientes y gesti\u00f3n documental centralizada. Pago \u00fanico, sin cuotas. Tus datos siempre bajo tu control.\">\r\n <meta property=\"og:image\" content=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTBGestion365-Logo.webp\">\r\n <meta property=\"og:image:width\" content=\"500\">\r\n <meta property=\"og:image:height\" content=\"250\">\r\n <meta property=\"og:image:alt\" content=\"BTBGesti\u00f3n365 \u2014 CRM y gesti\u00f3n documental para despachos en Microsoft 365\">\r\n\r\n \r\n <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n <meta name=\"twitter:site\" content=\"@BTBConsulting\">\r\n <meta name=\"twitter:title\" content=\"Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365\">\r\n <meta name=\"twitter:description\" content=\"Digitaliza tu despacho o gestor\u00eda con Microsoft 365. CRM, expedientes y gesti\u00f3n documental. Pago \u00fanico, sin cuotas.\">\r\n <meta name=\"twitter:image\" content=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTBGestion365-Logo.webp\">\r\n <meta name=\"twitter:image:alt\" content=\"BTBGesti\u00f3n365 \u2014 CRM y gesti\u00f3n documental para despachos en Microsoft 365\">\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/www.youtube.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/i.ytimg.com\">\r\n <link rel=\"dns-prefetch\" href=\"https:\/\/www.youtube-nocookie.com\">\r\n \r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/maxresdefault.jpg\" fetchpriority=\"high\">\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <script type=\"text\/javascript\">\r\n (function(c,l,a,r,i,t,y){\r\n c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};\r\n t=l.createElement(r);t.async=1;t.src=\"https:\/\/www.clarity.ms\/tag\/\"+i;\r\n y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);\r\n })(window, document, \"clarity\", \"script\", \"wdap7k6bp5\");\r\n <\/script>\r\n\r\n \r\n <link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTBGestion365-Logo.webp\">\r\n\r\n \r\n <meta name=\"keywords\" content=\"CRM despachos abogados, software gesti\u00f3n gestor\u00edas, Microsoft 365 despacho, gesti\u00f3n documental abogados, expedientes digitales, digitalizar despacho, BTBGesti\u00f3n365\">\r\n\r\n \r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/Microsoft365-para-despachos-scaled.webp\" fetchpriority=\"high\">\r\n\r\n \r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Microsoft-365.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Outlook.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Teams.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Word.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Excel.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/OneDrive.webp\">\r\n <link rel=\"preload\" as=\"image\" href=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Sharepoint.webp\">\r\n\r\n <style>\r\n \/* Fonts loaded via <link> in <head> \u2014 no @import needed *\/\r\n\r\n \/* ============================================\r\n CSS VARIABLES\r\n ============================================ *\/\r\n :root {\r\n --navy: #1B2A4A;\r\n --navy-deep: #0F1B33;\r\n --navy-light: #2A3F6A;\r\n --blue-ms: #0078D4;\r\n --blue-ms-hover: #005A9E;\r\n --blue-ms-light: #E8F4FD;\r\n --gold: #C9A84C;\r\n --gold-light: #D4BC72;\r\n --gold-subtle: rgba(201, 168, 76, 0.1);\r\n --white: #FFFFFF;\r\n --gray-50: #FAFBFC;\r\n --gray-100: #F4F6F9;\r\n --gray-200: #E8ECF1;\r\n --gray-300: #D1D8E3;\r\n --gray-400: #9AA5B8;\r\n --gray-500: #6B7A90;\r\n --gray-600: #4A5568;\r\n --gray-700: #2D3748;\r\n --red-soft: #DC3545;\r\n --green-soft: #38A169;\r\n\r\n --font-display: 'Playfair Display', Georgia, serif;\r\n --font-body: 'DM Sans', -apple-system, sans-serif;\r\n\r\n --shadow-sm: 0 1px 3px rgba(27, 42, 74, 0.06);\r\n --shadow-md: 0 4px 16px rgba(27, 42, 74, 0.08);\r\n --shadow-lg: 0 8px 32px rgba(27, 42, 74, 0.12);\r\n --shadow-xl: 0 16px 48px rgba(27, 42, 74, 0.16);\r\n --shadow-gold: 0 8px 32px rgba(201, 168, 76, 0.2);\r\n\r\n --radius-sm: 6px;\r\n --radius-md: 12px;\r\n --radius-lg: 20px;\r\n --radius-xl: 28px;\r\n\r\n --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* ============================================\r\n RESET & BASE\r\n ============================================ *\/\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* Force correct SVG rendering \u2014 WordPress themes override fill on all SVGs *\/\r\n .ms-card-icon svg,\r\n .feature-icon svg,\r\n .problem-icon svg,\r\n .transition-arrow svg,\r\n .credibility-badge svg,\r\n .hero-trust svg,\r\n .faq-question svg,\r\n .faq-answer svg,\r\n .play-btn svg,\r\n .pricing-features svg,\r\n .pricing-timeline svg,\r\n .comparison-items svg,\r\n .hero-cta-group svg,\r\n .nav-links svg,\r\n .comparison-cta svg,\r\n .how-section .btn svg,\r\n .mobile-sticky-cta svg {\r\n fill: none !important;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n font-size: 16px;\r\n }\r\n\r\n body {\r\n font-family: var(--font-body) !important;\r\n color: var(--gray-700) !important;\r\n line-height: 1.7 !important;\r\n background: var(--white) !important;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n img { max-width: 100%; display: block; }\r\n a { text-decoration: none; color: inherit; }\r\n\r\n .container {\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 24px !important;\r\n }\r\n\r\n \/* ============================================\r\n TYPOGRAPHY\r\n ============================================ *\/\r\n .section-label {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.8rem !important;\r\n font-weight: 600 !important;\r\n letter-spacing: 3px !important;\r\n text-transform: uppercase !important;\r\n color: var(--gold) !important;\r\n margin-bottom: 16px !important;\r\n display: inline-block !important;\r\n }\r\n\r\n .section-title {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(1.8rem, 4vw, 2.8rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n line-height: 1.2 !important;\r\n margin-bottom: 16px !important;\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 1.1rem !important;\r\n color: var(--gray-500) !important;\r\n max-width: 640px !important;\r\n margin: 0 auto 48px !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n .text-center { text-align: center; }\r\n\r\n \/* ============================================\r\n BUTTONS\r\n ============================================ *\/\r\n .btn {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n padding: 16px 36px !important;\r\n font-family: var(--font-body) !important;\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n border: none !important;\r\n border-radius: var(--radius-sm) !important;\r\n cursor: pointer !important;\r\n transition: var(--transition) !important;\r\n letter-spacing: 0.3px !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--blue-ms) !important;\r\n color: var(--white) !important;\r\n box-shadow: 0 4px 14px rgba(0, 120, 212, 0.35) !important;\r\n }\r\n .btn-primary:hover {\r\n background: var(--blue-ms-hover) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(0, 120, 212, 0.45) !important;\r\n }\r\n\r\n .btn-outline {\r\n background: transparent !important;\r\n color: var(--navy) !important;\r\n border: 2px solid var(--gray-300) !important;\r\n }\r\n .btn-outline:hover {\r\n border-color: var(--blue-ms) !important;\r\n color: var(--blue-ms) !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n\r\n .btn-gold {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;\r\n color: var(--navy-deep) !important;\r\n box-shadow: var(--shadow-gold) !important;\r\n }\r\n .btn-gold:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 10px 36px rgba(201, 168, 76, 0.35) !important;\r\n }\r\n \/* Shimmer effect on gold buttons *\/\r\n .btn-gold::after {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n left: -60%;\r\n width: 40%;\r\n height: 200%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n transform: skewX(-20deg);\r\n animation: shimmer 3.5s infinite;\r\n }\r\n @keyframes spin {\r\n from { transform: rotate(0deg); }\r\n to { transform: rotate(360deg); }\r\n }\r\n @keyframes shimmer {\r\n 0% { left: -60%; }\r\n 30% { left: 120%; }\r\n 100% { left: 120%; }\r\n }\r\n\r\n \/* ============================================\r\n ANIMATIONS\r\n ============================================ *\/\r\n .js-loaded .fade-up {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .js-loaded .fade-up.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .js-loaded .fade-left {\r\n opacity: 0;\r\n transform: translateX(-40px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .js-loaded .fade-left.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .js-loaded .fade-right {\r\n opacity: 0;\r\n transform: translateX(40px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .js-loaded .fade-right.visible {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n .js-loaded .scale-in {\r\n opacity: 0;\r\n transform: scale(0.9);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n .js-loaded .scale-in.visible {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n .delay-4 { transition-delay: 0.4s; }\r\n .delay-5 { transition-delay: 0.5s; }\r\n .delay-6 { transition-delay: 0.6s; }\r\n .delay-7 { transition-delay: 0.7s; }\r\n .delay-8 { transition-delay: 0.8s; }\r\n\r\n \/* Floating animation *\/\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n .float { animation: float 6s ease-in-out infinite; }\r\n .float-delay { animation: float 6s ease-in-out 2s infinite; }\r\n\r\n \/* Gradient animation *\/\r\n @keyframes gradientShift {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n }\r\n\r\n \/* Pulse ring *\/\r\n @keyframes pulseRing {\r\n 0% { transform: scale(1); opacity: 0.5; }\r\n 100% { transform: scale(1.8); opacity: 0; }\r\n }\r\n\r\n \/* ============================================\r\n NAVIGATION\r\n ============================================ *\/\r\n .nav {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1000;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n box-shadow: 0 2px 16px rgba(27, 42, 74, 0.10);\r\n transition: var(--transition);\r\n }\r\n .nav.scrolled {\r\n box-shadow: 0 4px 24px rgba(27, 42, 74, 0.15);\r\n }\r\n .nav-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px;\r\n }\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n }\r\n .nav-logo-img {\r\n height: 60px !important;\r\n width: auto !important;\r\n max-width: 160px !important;\r\n display: block !important;\r\n }\r\n .logo-text {\r\n display: flex;\r\n flex-direction: column;\r\n line-height: 1.2;\r\n }\r\n .logo-brand {\r\n font-family: var(--font-body) !important;\r\n font-size: 1.2rem !important;\r\n font-weight: 700 !important;\r\n color: var(--navy) !important;\r\n letter-spacing: -0.3px;\r\n line-height: 1;\r\n }\r\n .logo-product {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.68rem !important;\r\n font-weight: 500 !important;\r\n color: var(--gray-500) !important;\r\n letter-spacing: 0.5px;\r\n line-height: 1;\r\n margin-top: 2px;\r\n }\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n list-style: none;\r\n }\r\n .nav-links a {\r\n font-size: 0.9rem;\r\n font-weight: 500;\r\n color: var(--gray-600);\r\n transition: var(--transition);\r\n position: relative;\r\n text-decoration: none !important;\r\n }\r\n .nav-links a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -4px;\r\n left: 0;\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, var(--blue-ms), var(--gold));\r\n transition: var(--transition);\r\n }\r\n .nav-links a:hover { color: var(--navy); }\r\n .nav-links a:hover::after { width: 100%; }\r\n .nav-cta {\r\n padding: 10px 24px !important;\r\n font-size: 0.9rem !important;\r\n border-radius: var(--radius-sm) !important;\r\n color: var(--navy-deep) !important;\r\n font-weight: 700 !important;\r\n box-shadow: 0 4px 20px rgba(201, 168, 76, 0.4) !important;\r\n }\r\n .nav-cta:hover {\r\n box-shadow: 0 6px 28px rgba(201, 168, 76, 0.55) !important;\r\n }\r\n .nav-cta::after { display: none !important; }\r\n \/* Shimmer en bot\u00f3n nav CTA \u2014 usa ::before (::after est\u00e1 ocupado por nav-links underline) *\/\r\n #navbar a.nav-cta::before,\r\n #navbar .nav-cta::before {\r\n content: '' !important;\r\n display: block !important;\r\n position: absolute !important;\r\n top: -50% !important;\r\n left: -60% !important;\r\n width: 40% !important;\r\n height: 200% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;\r\n transform: skewX(-20deg) !important;\r\n animation: shimmer 3.5s infinite !important;\r\n z-index: 1 !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n pointer-events: none !important;\r\n }\r\n\r\n \/* Forzar estilos del bot\u00f3n CTA del nav \u2014 anula overrides de Elementor\/WordPress *\/\r\n #navbar a.nav-cta,\r\n #navbar .nav-cta,\r\n #navbar a.btn-gold,\r\n #navbar a.btn.btn-gold.nav-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n background: linear-gradient(135deg, #C9A84C, #D4BC72) !important;\r\n background-color: #C9A84C !important;\r\n color: #0F1B33 !important;\r\n padding: 10px 24px !important;\r\n font-family: 'DM Sans', -apple-system, sans-serif !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 700 !important;\r\n border: none !important;\r\n border-radius: 6px !important;\r\n box-shadow: 0 4px 20px rgba(201, 168, 76, 0.4) !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.3px !important;\r\n line-height: 1.2 !important;\r\n cursor: pointer !important;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n #navbar a.nav-cta:hover,\r\n #navbar .nav-cta:hover,\r\n #navbar a.btn-gold:hover {\r\n background: linear-gradient(135deg, #D4BC72, #C9A84C) !important;\r\n background-color: #D4BC72 !important;\r\n color: #0F1B33 !important;\r\n box-shadow: 0 6px 28px rgba(201, 168, 76, 0.55) !important;\r\n transform: translateY(-2px) !important;\r\n text-decoration: none !important;\r\n }\r\n .nav-mobile-toggle {\r\n display: none;\r\n background: none !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n cursor: pointer !important;\r\n padding: 8px !important;\r\n color: inherit !important;\r\n font-size: inherit !important;\r\n touch-action: manipulation !important;\r\n position: relative !important;\r\n z-index: 10 !important;\r\n pointer-events: auto !important;\r\n }\r\n .nav-mobile-toggle span {\r\n display: block !important;\r\n width: 24px !important;\r\n height: 2px !important;\r\n background: #1B2A4A !important;\r\n background-color: #1B2A4A !important;\r\n border-radius: 2px !important;\r\n margin: 5px 0 !important;\r\n transition: 0.3s ease !important;\r\n }\r\n\r\n \/* ============================================\r\n ANNOUNCEMENT BAR\r\n ============================================ *\/\r\n \/* ============================================\r\n ANNOUNCEMENT BAR \u2014 glassmorphism\r\n ============================================ *\/\r\n @keyframes glassSheen {\r\n 0% { transform: translateX(-100%) skewX(-15deg); }\r\n 30% { transform: translateX(300%) skewX(-15deg); }\r\n 100% { transform: translateX(300%) skewX(-15deg); }\r\n }\r\n .announcement-bar {\r\n position: fixed;\r\n top: 72px;\r\n left: 0;\r\n right: 0;\r\n z-index: 999;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n \/* 76% opaco: legible sobre blanco Y sobre navy, el 24% restante muestra el blur *\/\r\n background: rgba(14, 42, 100, 0.92);\r\n backdrop-filter: blur(18px) saturate(160%);\r\n -webkit-backdrop-filter: blur(18px) saturate(160%);\r\n \/* Borde superior: filete de luz reflejada *\/\r\n border-top: 1px solid rgba(255, 255, 255, 0.10);\r\n \/* Borde inferior: hairline dorado como separador *\/\r\n border-bottom: 1px solid rgba(201, 168, 76, 0.18);\r\n box-shadow:\r\n inset 0 1px 0 rgba(255, 255, 255, 0.07),\r\n 0 6px 28px rgba(0, 0, 0, 0.22);\r\n overflow: hidden;\r\n transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;\r\n }\r\n \/* Sheen diagonal \u2014 reflejo de luz sobre el cristal *\/\r\n .announcement-bar::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 40%;\r\n height: 100%;\r\n background: linear-gradient(\r\n 105deg,\r\n transparent 0%,\r\n rgba(255, 255, 255, 0.055) 45%,\r\n rgba(255, 255, 255, 0.09) 50%,\r\n rgba(255, 255, 255, 0.055) 55%,\r\n transparent 100%\r\n );\r\n animation: glassSheen 7s ease-in-out infinite;\r\n pointer-events: none;\r\n }\r\n \/* Glow dorado difuso en el centro del cristal *\/\r\n .announcement-bar::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60%;\r\n height: 100%;\r\n background: radial-gradient(ellipse 80% 60% at 50% 100%, rgba(201, 168, 76, 0.10) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .announcement-bar.hidden {\r\n height: 0;\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n .announcement-bar-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n font-family: var(--font-body);\r\n font-size: 0.78rem;\r\n color: #ffffff;\r\n font-weight: 400;\r\n letter-spacing: 0.2px;\r\n white-space: nowrap;\r\n padding: 0 48px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \/* Pill badge \u2014 glass interna *\/\r\n .announcement-dot {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 2px 9px;\r\n background: rgba(201, 168, 76, 0.10);\r\n border: 1px solid rgba(201, 168, 76, 0.28);\r\n border-radius: 100px;\r\n font-size: 0.67rem;\r\n font-weight: 700;\r\n letter-spacing: 0.9px;\r\n text-transform: uppercase;\r\n color: #D4BC72;\r\n flex-shrink: 0;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n }\r\n .announcement-dot::before {\r\n content: '';\r\n width: 5px;\r\n height: 5px;\r\n min-width: 5px;\r\n background: #C9A84C;\r\n border-radius: 50%;\r\n display: inline-block;\r\n box-shadow: 0 0 5px rgba(201, 168, 76, 0.7);\r\n }\r\n .announcement-dot::after { display: none; }\r\n .announcement-clock-icon {\r\n display: inline-block;\r\n flex-shrink: 0;\r\n width: 14px;\r\n height: 14px;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.75)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'\/%3E%3Cpolyline points='12 6 12 12 16 14'\/%3E%3C\/svg%3E\");\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n }\r\n .announcement-show-mobile { display: none; }\r\n \/* Separador vertical *\/\r\n .announcement-sep {\r\n width: 1px;\r\n height: 13px;\r\n background: rgba(255, 255, 255, 0.10);\r\n flex-shrink: 0;\r\n }\r\n .announcement-cta-link,\r\n #announcementBar a.announcement-cta-link,\r\n #announcementBar .announcement-bar-inner a {\r\n color: #D4BC72 !important;\r\n font-family: 'DM Sans', -apple-system, sans-serif !important;\r\n font-size: 0.78rem !important;\r\n font-weight: 700 !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.4px !important;\r\n background: none !important;\r\n background-color: transparent !important;\r\n border: none !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n outline: none !important;\r\n transition: color 0.2s ease !important;\r\n position: relative !important;\r\n display: inline !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n }\r\n #announcementBar a.announcement-cta-link::after,\r\n #announcementBar .announcement-bar-inner a::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: -1px !important;\r\n left: 0 !important;\r\n width: 0 !important;\r\n height: 1px !important;\r\n background: #D4BC72 !important;\r\n transition: width 0.25s ease !important;\r\n }\r\n #announcementBar a.announcement-cta-link:hover,\r\n #announcementBar .announcement-bar-inner a:hover { color: #fff !important; }\r\n #announcementBar a.announcement-cta-link:hover::after,\r\n #announcementBar .announcement-bar-inner a:hover::after { width: 100% !important; }\r\n@media (max-width: 768px) {\r\n .announcement-bar {\r\n height: 36px;\r\n min-height: 36px;\r\n padding: 0 40px;\r\n }\r\n .announcement-bar-inner {\r\n font-size: 0.7rem;\r\n gap: 5px;\r\n padding: 0;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n .announcement-sep { display: none; }\r\n .announcement-hide-mobile { display: none; }\r\n .announcement-show-mobile { display: inline; }\r\n .announcement-cta-link,\r\n #announcementBar a.announcement-cta-link,\r\n #announcementBar .announcement-bar-inner a { display: none !important; }\r\n }\r\n\r\n \/* Nav compact on scroll *\/\r\n .nav-links a.active { color: var(--navy) !important; }\r\n .nav-links a.active::after { width: 100%; }\r\n \/* Eliminar subrayado de todos los enlaces del header *\/\r\n #navbar a,\r\n #navbar .nav-links a,\r\n #navbar .nav-mobile-cta {\r\n text-decoration: none !important;\r\n }\r\n\r\n \/* ============================================\r\n SECTION 1: HERO\r\n ============================================ *\/\r\n .hero {\r\n position: relative;\r\n min-height: 100dvh;\r\n display: flex;\r\n align-items: flex-start;\r\n padding: 190px 0 76px;\r\n background: linear-gradient(170deg, var(--navy-deep) 0%, var(--navy) 40%, var(--navy-light) 100%);\r\n overflow: hidden;\r\n }\r\n \/* Orbs de luz animados *\/\r\n .hero-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n pointer-events: none;\r\n will-change: transform;\r\n }\r\n .hero-orb-1 {\r\n width: 720px;\r\n height: 720px;\r\n top: -280px;\r\n left: -180px;\r\n background: radial-gradient(circle at 40% 40%, rgba(0, 120, 212, 0.28) 0%, transparent 60%);\r\n filter: blur(80px);\r\n animation: heroOrb1 14s ease-in-out infinite;\r\n }\r\n .hero-orb-2 {\r\n width: 580px;\r\n height: 580px;\r\n bottom: -220px;\r\n right: -140px;\r\n background: radial-gradient(circle at 55% 55%, rgba(201, 168, 76, 0.22) 0%, transparent 60%);\r\n filter: blur(80px);\r\n animation: heroOrb2 11s ease-in-out 1.5s infinite;\r\n }\r\n .hero-orb-3 {\r\n width: 360px;\r\n height: 360px;\r\n top: 25%;\r\n left: 50%;\r\n margin-left: -180px;\r\n background: radial-gradient(circle, rgba(42, 80, 180, 0.16) 0%, transparent 65%);\r\n filter: blur(60px);\r\n animation: heroOrb3 9s ease-in-out 3s infinite;\r\n }\r\n @keyframes heroOrb1 {\r\n 0%, 100% { transform: translate(0px, 0px); }\r\n 33% { transform: translate(70px, 55px); }\r\n 66% { transform: translate(30px, 100px); }\r\n }\r\n @keyframes heroOrb2 {\r\n 0%, 100% { transform: translate(0px, 0px); }\r\n 40% { transform: translate(-65px, -50px); }\r\n 70% { transform: translate(-25px, -90px); }\r\n }\r\n @keyframes heroOrb3 {\r\n 0%, 100% { transform: scale(1) translateY(0px); }\r\n 50% { transform: scale(1.18) translateY(-28px); }\r\n }\r\n\r\n \/* Dot grid con m\u00e1scara radial \u2014 orientada al lado izquierdo del split *\/\r\n .hero-dots {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);\r\n background-size: 38px 38px;\r\n -webkit-mask-image: radial-gradient(ellipse 70% 80% at 25% 50%, black 25%, transparent 100%);\r\n mask-image: radial-gradient(ellipse 70% 80% at 25% 50%, black 25%, transparent 100%);\r\n }\r\n\r\n \/* L\u00edneas diagonales de textura *\/\r\n .hero-lines {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n .hero-lines::before {\r\n content: '';\r\n position: absolute;\r\n inset: -100%;\r\n background: repeating-linear-gradient(\r\n -52deg,\r\n transparent,\r\n transparent 72px,\r\n rgba(255, 255, 255, 0.018) 72px,\r\n rgba(255, 255, 255, 0.018) 73px\r\n );\r\n }\r\n\r\n \/* Degradado de cierre inferior *\/\r\n .hero-fade {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 130px;\r\n background: linear-gradient(to bottom, transparent, rgba(10, 18, 40, 0.35));\r\n pointer-events: none;\r\n }\r\n\r\n \/* Hero \u2014 columna \u00fanica centrada *\/\r\n .hero-grid {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 48px;\r\n }\r\n .hero-grid .hero-right {\r\n margin-bottom: 48px;\r\n }\r\n .hero-left {\r\n text-align: center;\r\n width: 100%;\r\n }\r\n .hero-right {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n max-width: 820px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n \/* \u2500\u2500 VSL Thumbnail \u2500\u2500 *\/\r\n .hero-video {\r\n position: relative;\r\n width: 100%;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255,255,255,0.08);\r\n }\r\n .hero-video::before {\r\n content: '';\r\n position: absolute;\r\n inset: -2px;\r\n border-radius: var(--radius-lg);\r\n background: linear-gradient(135deg, rgba(0,120,212,0.3), rgba(201,168,76,0.3), rgba(0,120,212,0.3));\r\n background-size: 300% 300%;\r\n animation: gradientShift 6s ease-in-out infinite;\r\n z-index: -1;\r\n }\r\n .hero-video .video-wrapper {\r\n position: relative;\r\n padding-bottom: 56.25%;\r\n background: var(--navy-deep);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n }\r\n .vsl-thumb { cursor: pointer; touch-action: manipulation; }\r\n .vsl-thumb:hover .vsl-thumb-overlay { background: rgba(10,20,45,0.2); }\r\n .vsl-thumb:hover .play-btn {\r\n transform: scale(1.12);\r\n box-shadow: 0 12px 48px rgba(201,168,76,0.65);\r\n }\r\n .vsl-thumb-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: var(--radius-lg);\r\n }\r\n .vsl-thumb-overlay {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: flex-end;\r\n padding-bottom: 17%;\r\n background: rgba(10,20,45,0.38);\r\n border-radius: var(--radius-lg);\r\n transition: var(--transition);\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n .vsl-thumb-label {\r\n color: rgba(255,255,255,0.95);\r\n font-size: 1.35rem;\r\n font-weight: 700;\r\n margin-top: 16px;\r\n letter-spacing: 0.5px;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.6);\r\n }\r\n .play-btn {\r\n width: 96px;\r\n height: 96px;\r\n background: linear-gradient(135deg, var(--gold-light), var(--gold), #A07830);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 32px rgba(201,168,76,0.5);\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n .play-btn::after {\r\n content: '';\r\n position: absolute;\r\n inset: -6px;\r\n border-radius: 50%;\r\n border: 2px solid rgba(201,168,76,0.4);\r\n animation: pulseRing 2.5s infinite;\r\n }\r\n .play-btn svg { width: 28px; height: 28px; margin-left: 4px; }\r\n .vsl-thumb .play-btn svg { fill: white !important; stroke: none !important; }\r\n\r\n \/* \u2500\u2500 Video Modal \u2500\u2500 *\/\r\n .video-modal {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n z-index: 99999;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 24px;\r\n }\r\n .video-modal.active {\r\n display: flex;\r\n animation: modalFadeIn 0.25s ease;\r\n }\r\n @keyframes modalFadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n .video-modal-backdrop {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(8,14,28,0.94);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n .video-modal-container {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n max-width: 1040px;\r\n animation: modalSlideIn 0.3s cubic-bezier(0.4,0,0.2,1);\r\n }\r\n @keyframes modalSlideIn {\r\n from { transform: scale(0.93); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n .video-modal-close {\r\n position: absolute;\r\n top: -52px;\r\n right: 0;\r\n width: 42px !important;\r\n height: 42px !important;\r\n min-width: 42px !important;\r\n padding: 0 !important;\r\n background: rgba(255,255,255,0.1) !important;\r\n background-color: rgba(255,255,255,0.1) !important;\r\n background-image: none !important;\r\n border: 1px solid rgba(255,255,255,0.25) !important;\r\n border-radius: 50% !important;\r\n box-shadow: none !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n transition: var(--transition) !important;\r\n overflow: visible !important;\r\n }\r\n .video-modal-close:hover { background: rgba(255,255,255,0.22) !important; transform: scale(1.1) !important; }\r\n .video-modal-close svg { width: 18px !important; height: 18px !important; stroke: white !important; fill: none !important; }\r\n .video-modal-wrapper {\r\n position: relative;\r\n padding-bottom: 56.25%;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n background: #000;\r\n box-shadow: 0 40px 120px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.06);\r\n }\r\n .video-modal-wrapper iframe {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n }\r\n @media (max-width: 768px) {\r\n .video-modal { padding: 16px; }\r\n .video-modal-close { top: -46px; }\r\n .vsl-thumb-overlay { padding-bottom: 10%; justify-content: flex-end; }\r\n }\r\n\r\n \/* \u2500\u2500 Video Toast (centrado, todos los dispositivos) \u2500\u2500 *\/\r\n .video-toast-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,0.65);\r\n z-index: 1001;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n .video-toast-backdrop.visible { opacity: 1; }\r\n\r\n .video-toast {\r\n display: flex;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n width: min(92vw, 680px);\r\n z-index: 1002;\r\n flex-direction: column;\r\n background: var(--navy-deep);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n box-shadow: 0 24px 80px rgba(0,0,0,0.7), 0 0 0 1px rgba(201,168,76,0.3);\r\n transform: translate(-50%, -50%) scale(0.88);\r\n transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1), opacity 0.3s ease;\r\n opacity: 0;\r\n pointer-events: none;\r\n cursor: pointer;\r\n }\r\n .video-toast.visible {\r\n transform: translate(-50%, -50%) scale(1);\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n .video-toast.hiding {\r\n transform: translate(-50%, -50%) scale(0.88);\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n .video-toast-thumb {\r\n position: relative;\r\n width: 100%;\r\n height: 260px;\r\n overflow: hidden;\r\n }\r\n .video-toast-thumb img {\r\n width: 100%; height: 100%;\r\n object-fit: cover; object-position: center;\r\n display: block; filter: brightness(0.6);\r\n }\r\n .video-toast-thumb-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to bottom, transparent 20%, var(--navy-deep) 100%);\r\n }\r\n .video-toast-thumb-play {\r\n position: absolute; top: 58%; left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 96px; height: 96px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n display: flex; align-items: center; justify-content: center;\r\n box-shadow: 0 6px 32px rgba(201,168,76,0.75);\r\n }\r\n .video-toast-thumb-play svg {\r\n width: 36px; height: 36px;\r\n fill: var(--navy-deep) !important; stroke: none !important;\r\n margin-left: 5px;\r\n }\r\n .video-toast-duration {\r\n position: absolute; bottom: 10px; right: 10px;\r\n background: rgba(0,0,0,0.75); color: white;\r\n font-size: 0.7rem; font-weight: 600;\r\n padding: 2px 7px; border-radius: 4px;\r\n }\r\n .video-toast-body {\r\n position: relative;\r\n display: flex; align-items: center;\r\n justify-content: center;\r\n padding: 18px 20px;\r\n }\r\n .video-toast-text { display: flex; flex-direction: column; gap: 3px; align-items: center; text-align: center; }\r\n .video-toast-title { font-size: 1.35rem; font-weight: 700; color: var(--white); line-height: 1.3; }\r\n .video-toast-sub { font-size: 1rem; color: var(--gold-light); font-weight: 500; }\r\n @media (max-width: 600px) {\r\n .video-toast { width: 92vw !important; }\r\n .video-toast-thumb { height: 160px !important; }\r\n .video-toast-title { font-size: 1rem !important; }\r\n .video-toast-sub { font-size: 0.8rem !important; }\r\n }\r\n .video-toast-close {\r\n position: absolute !important;\r\n right: 12px !important;\r\n top: 12px !important;\r\n transform: none !important;\r\n width: 28px !important; height: 28px !important; min-width: 28px !important;\r\n border-radius: 50% !important;\r\n background: rgba(255,255,255,0.08) !important;\r\n background-color: rgba(255,255,255,0.08) !important;\r\n background-image: none !important;\r\n border: 1px solid rgba(255,255,255,0.1) !important;\r\n box-shadow: none !important;\r\n cursor: pointer !important;\r\n display: flex !important; align-items: center !important; justify-content: center !important;\r\n padding: 0 !important; margin: 0 !important;\r\n -webkit-appearance: none !important; appearance: none !important;\r\n }\r\n .video-toast-close svg {\r\n width: 11px !important; height: 11px !important;\r\n stroke: rgba(255,255,255,0.6) !important; fill: none !important;\r\n }\r\n \/* Legacy alias \u2014 kept for backwards compat with any inline refs *\/\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n @media (min-width: 769px) {\r\n .hero-badge {\r\n font-size: 1.05rem !important;\r\n padding: 10px 22px !important;\r\n }\r\n }\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 10px 24px;\r\n background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(201,168,76,0.05));\r\n border: 1px solid rgba(201,168,76,0.35);\r\n box-shadow: inset 0 1px 0 rgba(201,168,76,0.15), 0 4px 20px rgba(201,168,76,0.1);\r\n border-radius: 100px;\r\n font-size: 0.90rem;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.95);\r\n letter-spacing: 0.02em;\r\n margin-bottom: 32px;\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n }\r\n .hero-badge .badge-dot {\r\n width: 6px;\r\n height: 6px;\r\n min-width: 6px;\r\n min-height: 6px;\r\n flex-shrink: 0;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n position: relative;\r\n }\r\n .hero-badge .badge-sep {\r\n margin: 0 -4px;\r\n letter-spacing: -0.5px;\r\n }\r\n .hero-badge .badge-dot::after {\r\n content: '';\r\n position: absolute;\r\n inset: -3px;\r\n border-radius: 50%;\r\n border: 1px solid var(--gold);\r\n animation: pulseRing 2s infinite;\r\n }\r\n\r\n .hero-title {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(2.3rem, 4.7vw, 4rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--white) !important;\r\n line-height: 1.15 !important;\r\n margin-bottom: 24px !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n .hero-title .highlight {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .hero-subtitle .highlight {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n font-weight: 700;\r\n font-size: 1.08em;\r\n letter-spacing: -0.2px;\r\n }\r\n .hero-subtitle {\r\n font-size: clamp(1rem, 2vw, 1.15rem) !important;\r\n color: rgba(255, 255, 255, 0.92) !important;\r\n line-height: 1.75 !important;\r\n margin-bottom: 40px !important;\r\n max-width: 820px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n }\r\n\r\n .hero-cta-group {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n margin-bottom: 32px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .hero-trust-mobile { display: none !important; }\r\n \/* En columna \u00fanica, hero-trust-desktop siempre visible *\/\r\n .hero-trust-desktop { display: flex !important; }\r\n\r\n .hero-trust {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 0.95);\r\n }\r\n .hero-trust span {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n .hero-trust svg { width: 14px; height: 14px; }\r\n\r\n \/* Stat chips flotantes sobre el VSL \u2014 versi\u00f3n grande *\/\r\n .stat-chip {\r\n position: absolute;\r\n background: rgba(255, 255, 255, 0.92);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n border-radius: var(--radius-md);\r\n padding: 14px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);\r\n pointer-events: none;\r\n z-index: 10;\r\n }\r\n .stat-chip-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: var(--gold-subtle);\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .stat-chip-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n stroke: var(--gold) !important;\r\n fill: none !important;\r\n stroke-width: 2 !important;\r\n }\r\n .stat-chip-val {\r\n font-size: 1.15rem;\r\n font-weight: 700;\r\n color: var(--navy);\r\n line-height: 1;\r\n margin-bottom: 4px;\r\n }\r\n .stat-chip-lbl {\r\n font-size: 0.8rem;\r\n color: var(--gray-500);\r\n font-weight: 500;\r\n }\r\n .stat-chip-1 {\r\n bottom: -20px;\r\n left: -28px;\r\n animation: float 6s ease-in-out 1s infinite;\r\n }\r\n .stat-chip-2 {\r\n top: -20px;\r\n right: -28px;\r\n animation: float 6s ease-in-out 1s infinite;\r\n }\r\n\r\n \/* ============================================\r\n SECTION 2: \u00bfPOR QU\u00c9 MICROSOFT?\r\n ============================================ *\/\r\n .microsoft-section {\r\n padding: 100px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \/* Dot grid texture *\/\r\n .microsoft-section::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(circle, rgba(0, 120, 212, 0.07) 1px, transparent 1px);\r\n background-size: 28px 28px;\r\n pointer-events: none;\r\n }\r\n .microsoft-section > .container { position: relative; z-index: 1; }\r\n .microsoft-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--gold), var(--blue-ms));\r\n border-radius: 2px;\r\n z-index: 2;\r\n }\r\n\r\n .ms-logos-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n margin-bottom: 48px;\r\n max-width: 720px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .ms-logo-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 18px;\r\n background: var(--gray-100);\r\n border-radius: 100px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: var(--gray-600);\r\n transition: var(--transition);\r\n border: 1px solid transparent;\r\n }\r\n .ms-logo-item:hover {\r\n background: var(--blue-ms-light);\r\n color: var(--blue-ms);\r\n border-color: rgba(0, 120, 212, 0.15);\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(0, 120, 212, 0.1);\r\n }\r\n .ms-logo-item .ms-icon {\r\n width: 22px;\r\n height: 22px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .ms-logo-item .ms-icon img {\r\n width: 22px;\r\n height: 22px;\r\n object-fit: contain;\r\n }\r\n\r\n .ms-cards-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n margin-top: 40px;\r\n }\r\n .ms-card {\r\n padding: 36px 28px;\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-md);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n text-align: left;\r\n }\r\n .ms-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--blue-ms), var(--gold));\r\n opacity: 0;\r\n transition: var(--transition);\r\n }\r\n .ms-card:hover {\r\n background: var(--white);\r\n box-shadow: var(--shadow-lg);\r\n border-color: transparent;\r\n transform: translateY(-6px);\r\n }\r\n .ms-card:hover::before { opacity: 1; }\r\n .ms-card-icon {\r\n width: 52px;\r\n height: 52px;\r\n background: linear-gradient(135deg, var(--blue-ms-light), rgba(0, 120, 212, 0.08));\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n transition: var(--transition);\r\n }\r\n .ms-card:hover .ms-card-icon {\r\n background: linear-gradient(135deg, rgba(0, 120, 212, 0.15), var(--blue-ms-light));\r\n }\r\n .ms-card-icon svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n color: var(--blue-ms) !important;\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 2 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .ms-card h3 {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.2rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .ms-card p {\r\n font-size: 0.95rem !important;\r\n color: var(--gray-500) !important;\r\n line-height: 1.65 !important;\r\n }\r\n @media (max-width: 1024px) {\r\n .ms-cards-grid { grid-template-columns: 1fr !important; }\r\n }\r\n\r\n \/* Block structure *\/\r\n .ms-block-desc {\r\n font-size: 0.95rem;\r\n color: var(--gray-500);\r\n line-height: 1.65;\r\n max-width: 600px;\r\n margin: 0 auto 32px;\r\n }\r\n\r\n \/* Integration block *\/\r\n .integration-block {\r\n margin-top: 48px;\r\n padding-top: 36px;\r\n border-top: 1px solid var(--gray-200);\r\n background: transparent;\r\n }\r\n .integration-block-inner { position: relative; }\r\n .integration-block-label {\r\n font-size: 0.92rem;\r\n font-weight: 600;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: var(--gray-400);\r\n display: block;\r\n margin-bottom: 28px;\r\n }\r\n .integration-block-title { display: none; }\r\n .integration-block-desc { display: none; }\r\n .integration-logos-new {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 48px;\r\n }\r\n .integration-logo-new {\r\n height: 44px !important;\r\n width: auto !important;\r\n object-fit: contain !important;\r\n opacity: 0.75;\r\n filter: none;\r\n transition: var(--transition);\r\n }\r\n .integration-logo-new[alt=\"A3\"] {\r\n height: 52px !important;\r\n }\r\n .integration-logo-new:hover {\r\n opacity: 1;\r\n transform: scale(1.06);\r\n }\r\n @media (max-width: 768px) {\r\n .integration-logos-new { gap: 28px !important; }\r\n .integration-logo-new { height: 32px !important; }\r\n }\r\n\r\n \/* ============================================\r\n SECTION 3: DOLORES \/ PROBLEMAS\r\n ============================================ *\/\r\n .problems-section {\r\n padding: 100px 0;\r\n background: var(--navy-deep);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \/* Animated glow orbs *\/\r\n .problems-section .glow-orb {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n pointer-events: none;\r\n opacity: 0.5;\r\n }\r\n .problems-section .glow-orb-1 {\r\n width: 400px;\r\n height: 400px;\r\n top: -150px;\r\n right: -100px;\r\n background: rgba(201, 168, 76, 0.07);\r\n animation: float 10s ease-in-out infinite;\r\n }\r\n .problems-section .glow-orb-2 {\r\n width: 300px;\r\n height: 300px;\r\n bottom: -100px;\r\n left: -80px;\r\n background: rgba(201, 168, 76, 0.05);\r\n animation: float 8s ease-in-out 3s infinite;\r\n }\r\n\r\n .problems-section .section-label { color: var(--gold) !important; }\r\n .problems-section .section-title { color: var(--white) !important; }\r\n .problems-section .section-subtitle { color: var(--white) !important; }\r\n\r\n \/* Problems asymmetric layout *\/\r\n .problems-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 2fr;\r\n gap: 64px;\r\n align-items: start;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .problems-header {\r\n position: sticky;\r\n top: 96px;\r\n text-align: left;\r\n }\r\n .problems-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n }\r\n .problem-card {\r\n padding: 32px 24px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n border-radius: var(--radius-md);\r\n transition: var(--transition);\r\n backdrop-filter: blur(4px);\r\n -webkit-backdrop-filter: blur(4px);\r\n text-align: left;\r\n }\r\n .problem-card:hover {\r\n background: rgba(255, 255, 255, 0.07);\r\n border-color: rgba(201, 168, 76, 0.3);\r\n transform: translateY(-6px);\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);\r\n }\r\n .problem-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: rgba(201, 168, 76, 0.1);\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 18px;\r\n transition: var(--transition);\r\n }\r\n .problem-card:hover .problem-icon {\r\n background: rgba(201, 168, 76, 0.18);\r\n }\r\n .problem-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n stroke: var(--gold) !important;\r\n fill: none !important;\r\n stroke-width: 1.8 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .problem-card h3 {\r\n font-family: var(--font-body) !important;\r\n font-size: 1.05rem !important;\r\n font-weight: 600 !important;\r\n color: #EDD98A !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .problem-card p {\r\n font-size: 0.9rem !important;\r\n color: rgba(255, 255, 255, 1) !important;\r\n line-height: 1.65 !important;\r\n }\r\n\r\n \/* ============================================\r\n TRANSITION: PROBLEMA > SOLUCI\u00d3N\r\n ============================================ *\/\r\n .transition-section {\r\n padding: 30px 0 190px;\r\n background: var(--navy-deep);\r\n position: relative;\r\n overflow: hidden;\r\n text-align: center;\r\n }\r\n \/* Arch wave that merges into features section *\/\r\n .transition-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 80px;\r\n background: #FFFFFF;\r\n border-radius: 50% 50% 0 0 \/ 80px 80px 0 0;\r\n pointer-events: none;\r\n }\r\n .transition-content {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n }\r\n .transition-arrow {\r\n width: 56px;\r\n height: 56px;\r\n margin: 0 auto 28px;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 32px rgba(201, 168, 76, 0.3);\r\n animation: float 4s ease-in-out infinite;\r\n }\r\n .transition-arrow svg {\r\n width: 24px !important;\r\n height: 24px !important;\r\n stroke: var(--navy-deep) !important;\r\n fill: none !important;\r\n stroke-width: 2.5 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .transition-heading {\r\n font-family: var(--font-display) !important;\r\n font-size: clamp(1.9rem, 4vw, 3rem) !important;\r\n font-weight: 600 !important;\r\n color: var(--white) !important;\r\n margin-bottom: 12px !important;\r\n line-height: 1.3 !important;\r\n }\r\n .transition-heading em {\r\n font-style: italic;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n .transition-sub {\r\n font-size: 1.05rem !important;\r\n color: rgba(255, 255, 255, 0.7) !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n \/* ============================================\r\n SECTION 4: BENEFICIOS \/ FUNCIONALIDADES\r\n ============================================ *\/\r\n .features-section {\r\n padding: 100px 0;\r\n background: #FAFBFC;\r\n position: relative;\r\n }\r\n .features-section::before {\r\n display: none;\r\n }\r\n \/* Subtle diagonal pattern *\/\r\n .features-section::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: repeating-linear-gradient(\r\n 135deg,\r\n transparent,\r\n transparent 40px,\r\n rgba(0, 120, 212, 0.01) 40px,\r\n rgba(0, 120, 212, 0.01) 41px\r\n );\r\n pointer-events: none;\r\n }\r\n\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 24px;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .feature-group-label {\r\n grid-column: 1 \/ -1;\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n text-align: left;\r\n }\r\n .feature-group-label + .feature-group-label,\r\n .feature-card + .feature-group-label {\r\n margin-top: 16px;\r\n }\r\n .feature-group-label::before,\r\n .feature-group-label::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: var(--gray-200);\r\n }\r\n .feature-group-label span {\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: var(--blue-ms);\r\n white-space: nowrap;\r\n }\r\n .feature-card {\r\n padding: 32px 28px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-md);\r\n transition: var(--transition);\r\n position: relative;\r\n overflow: hidden;\r\n text-align: left;\r\n }\r\n .feature-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--blue-ms), var(--gold));\r\n border-radius: var(--radius-md) var(--radius-md) 0 0;\r\n transform: scaleX(0);\r\n transition: transform 0.4s ease;\r\n transform-origin: left;\r\n }\r\n .feature-card:hover::before { transform: scaleX(1); }\r\n .feature-card:hover {\r\n box-shadow: 0 8px 32px rgba(27, 42, 74, 0.12), 0 0 0 1px rgba(0, 120, 212, 0.08), 0 12px 48px rgba(0, 120, 212, 0.1);\r\n border-color: transparent;\r\n transform: translateY(-6px);\r\n }\r\n\r\n .feature-icon {\r\n width: 48px;\r\n height: 48px;\r\n background: linear-gradient(135deg, var(--blue-ms-light), rgba(0, 120, 212, 0.06));\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 18px;\r\n transition: var(--transition);\r\n }\r\n .feature-card:hover .feature-icon {\r\n background: linear-gradient(135deg, rgba(0, 120, 212, 0.15), var(--blue-ms-light));\r\n }\r\n .feature-icon svg {\r\n width: 22px !important;\r\n height: 22px !important;\r\n stroke: var(--blue-ms) !important;\r\n fill: none !important;\r\n stroke-width: 1.8 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .feature-card h3 {\r\n font-family: var(--font-body) !important;\r\n font-size: 1.05rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .feature-card p {\r\n font-size: 0.9rem !important;\r\n color: var(--gray-500) !important;\r\n line-height: 1.65 !important;\r\n }\r\n\r\n \/* ============================================\r\n HOW IT WORKS SECTION\r\n ============================================ *\/\r\n .how-section {\r\n padding: 60px 0;\r\n background: var(--white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .how-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 50% at 10% 50%, rgba(0, 120, 212, 0.03) 0%, transparent 70%),\r\n radial-gradient(ellipse 60% 50% at 90% 50%, rgba(201, 168, 76, 0.03) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .how-steps {\r\n display: grid;\r\n grid-template-columns: 1fr 48px 1fr 48px 1fr;\r\n align-items: center;\r\n gap: 0;\r\n max-width: 960px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .how-step {\r\n text-align: center;\r\n padding: 40px 28px;\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-lg);\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n .how-step:hover {\r\n background: var(--white);\r\n box-shadow: var(--shadow-lg);\r\n transform: translateY(-6px);\r\n border-color: transparent;\r\n }\r\n .how-step-number {\r\n position: absolute;\r\n top: -16px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 32px;\r\n height: 32px;\r\n background: linear-gradient(135deg, #0078D4, #005A9E);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n color: #FFFFFF;\r\n box-shadow: 0 4px 12px rgba(0, 120, 212, 0.35);\r\n }\r\n .how-step-icon {\r\n width: 64px;\r\n height: 64px;\r\n margin: 8px auto 20px;\r\n background: linear-gradient(135deg, #E8F4FD, rgba(0, 120, 212, 0.06));\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: var(--transition);\r\n }\r\n .how-step:hover .how-step-icon {\r\n background: linear-gradient(135deg, rgba(0, 120, 212, 0.15), #E8F4FD);\r\n }\r\n .how-step-icon svg {\r\n width: 28px !important;\r\n height: 28px !important;\r\n stroke: #0078D4 !important;\r\n fill: none !important;\r\n stroke-width: 1.8 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .how-step h3 {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.15rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 10px !important;\r\n }\r\n .how-step p {\r\n font-size: 0.9rem !important;\r\n color: var(--gray-500) !important;\r\n line-height: 1.65 !important;\r\n }\r\n .how-step-tag {\r\n display: inline-block;\r\n margin-top: 16px;\r\n padding: 4px 12px;\r\n background: #E8F4FD;\r\n border-radius: 100px;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n color: #0078D4;\r\n }\r\n .how-step:last-child .how-step-tag {\r\n background: rgba(201, 168, 76, 0.12);\r\n color: #C9A84C;\r\n }\r\n .how-connector {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n .how-connector svg {\r\n width: 28px !important;\r\n height: 28px !important;\r\n stroke: #D1D8E3 !important;\r\n fill: none !important;\r\n stroke-width: 2 !important;\r\n stroke-linecap: round !important;\r\n stroke-linejoin: round !important;\r\n }\r\n .how-connector span {\r\n font-size: 0.68rem;\r\n font-weight: 600;\r\n color: #9AA5B8;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n white-space: nowrap;\r\n }\r\n @media (max-width: 768px) {\r\n .how-steps {\r\n grid-template-columns: 1fr !important;\r\n max-width: 400px !important;\r\n }\r\n .how-connector {\r\n flex-direction: row !important;\r\n padding: 20px 0 !important;\r\n justify-content: center !important;\r\n }\r\n .how-connector svg {\r\n transform: rotate(90deg) !important;\r\n width: 22px !important;\r\n height: 22px !important;\r\n }\r\n .how-connector span { display: none !important; }\r\n .how-section { padding-top: 48px !important; }\r\n }\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .how-steps { grid-template-columns: 1fr 40px 1fr 40px 1fr !important; }\r\n .how-step { padding: 32px 16px !important; }\r\n }\r\n\r\n \/* ============================================\r\n CREDIBILITY \/ SOCIAL PROOF SECTION\r\n ============================================ *\/\r\n .credibility-section {\r\n padding: 80px 0px 100px;\r\n background: #FFFFFF;\r\n position: relative;\r\n }\r\n .credibility-section::before { display: none; }\r\n .credibility-wrapper {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n .credibility-image {\r\n width: 500px;\r\n flex-shrink: 0;\r\n }\r\n .credibility-image img {\r\n width: 100%;\r\n border-radius: var(--radius-lg);\r\n filter: brightness(1.12) contrast(1.05);\r\n }\r\n .credibility-nameplate {\r\n position: absolute;\r\n top: 50%;\r\n right: 18%;\r\n\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 9px 18px;\r\n background: rgba(255,255,255,0.95);\r\n backdrop-filter: blur(6px);\r\n -webkit-backdrop-filter: blur(6px);\r\n border-radius: 30px;\r\n box-shadow: 0 4px 18px rgba(0,0,0,0.14);\r\n border: 1px solid rgba(0,120,212,0.15);\r\n width: max-content;\r\n }\r\n .credibility-nameplate::before {\r\n content: '';\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--blue-ms, #0078d4);\r\n flex-shrink: 0;\r\n }\r\n .credibility-nameplate-name {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n color: #111827;\r\n white-space: nowrap;\r\n letter-spacing: 0.01em;\r\n }\r\n .credibility-content {\r\n text-align: left;\r\n }\r\n .credibility-stars {\r\n margin-bottom: 5px;\r\n }\r\n .credibility-stars img {\r\n height: 70px;\r\n display: inline-block;\r\n }\r\n .credibility-quote {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.5rem !important;\r\n font-weight: 500 !important;\r\n color: var(--navy) !important;\r\n line-height: 1.4 !important;\r\n margin-bottom: 20px !important;\r\n font-style: italic !important;\r\n position: relative;\r\n padding-left: 24px;\r\n border-left: 3px solid var(--gold);\r\n }\r\n .credibility-text {\r\n font-size: 0.95rem !important;\r\n color: var(--gray-500) !important;\r\n line-height: 1.7 !important;\r\n margin-bottom: 24px !important;\r\n }\r\n .credibility-author {\r\n font-size: 0.95rem !important;\r\n color: var(--gray-600) !important;\r\n margin-bottom: 24px !important;\r\n line-height: 1.5 !important;\r\n }\r\n .credibility-author strong {\r\n font-size: 1.05rem !important;\r\n color: var(--navy) !important;\r\n }\r\n .credibility-author span {\r\n font-size: 0.88rem !important;\r\n color: var(--gray-400) !important;\r\n }\r\n .credibility-badges {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n }\r\n .credibility-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 18px;\r\n background: #ffffff;\r\n border: 1px solid rgba(27, 42, 74, 0.1);\r\n border-radius: 100px;\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: var(--navy);\r\n box-shadow: 0 4px 16px rgba(27, 42, 74, 0.08), inset 0 1px 0 rgba(255,255,255,0.9);\r\n transition: var(--transition);\r\n }\r\n .credibility-badge:hover {\r\n background: rgba(255, 255, 255, 0.8);\r\n box-shadow: 0 8px 24px rgba(27, 42, 74, 0.12), inset 0 1px 0 rgba(255,255,255,1);\r\n transform: translateY(-2px);\r\n }\r\n .credibility-badge svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n \/* ============================================\r\n TESTIMONIAL SECTION\r\n ============================================ *\/\r\n .testimonial-section {\r\n padding: 80px 0;\r\n background: linear-gradient(160deg, var(--navy-deep) 0%, var(--navy) 55%, #162240 100%);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \/* Glow dorado central *\/\r\n .testimonial-section::before {\r\n content: '';\r\n position: absolute;\r\n width: 800px;\r\n height: 500px;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n background: radial-gradient(ellipse, rgba(201, 168, 76, 0.55) 0%, rgba(201, 168, 76, 0.18) 40%, transparent 68%);\r\n pointer-events: none;\r\n filter: blur(40px);\r\n }\r\n \/* Glows azules laterales *\/\r\n .testimonial-section::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle 350px at 0% 50%, rgba(0, 120, 212, 0.25) 0%, transparent 70%),\r\n radial-gradient(circle 350px at 100% 50%, rgba(0, 120, 212, 0.2) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n .testimonial-section > .container { position: relative; z-index: 1; }\r\n .testimonial-card {\r\n max-width: 780px;\r\n margin: 0 auto;\r\n text-align: center;\r\n position: relative;\r\n padding: 48px 40px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-lg);\r\n box-shadow: 0px 5px 5px 0px var(--gold-light);\r\n }\r\n .testimonial-quote-mark {\r\n position: absolute;\r\n top: -24px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 56px;\r\n height: 56px;\r\n background: var(--white);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid var(--gray-200);\r\n box-shadow: var(--shadow-md);\r\n }\r\n .testimonial-quote-mark svg {\r\n width: 28px;\r\n height: 28px;\r\n fill: var(--gold);\r\n opacity: 0.7;\r\n }\r\n .testimonial-text {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.3rem !important;\r\n font-weight: 500 !important;\r\n color: var(--navy) !important;\r\n line-height: 1.5 !important;\r\n font-style: italic !important;\r\n margin-bottom: 28px !important;\r\n }\r\n .testimonial-author {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n .testimonial-logo {\r\n width: auto !important;\r\n height: 72px !important;\r\n max-width: 120px !important;\r\n max-height: 72px !important;\r\n object-fit: contain !important;\r\n flex-shrink: 0 !important;\r\n display: block !important;\r\n }\r\n .testimonial-author {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 16px !important;\r\n }\r\n .testimonial-author-info {\r\n text-align: left !important;\r\n }\r\n .testimonial-author-info strong {\r\n display: block !important;\r\n font-size: 1rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n }\r\n .testimonial-author-info span {\r\n font-size: 0.88rem !important;\r\n color: var(--gray-600) !important;\r\n }\r\n .testimonial-author-info a {\r\n color: var(--blue-ms);\r\n font-size: 0.88rem;\r\n text-decoration: underline;\r\n transition: var(--transition);\r\n }\r\n .testimonial-author-info a:hover {\r\n color: var(--blue-ms-hover);\r\n font-size: 0.88rem;\r\n }\r\n\r\n \/* Carousel *\/\r\n .testimonial-carousel { position: relative; max-width: 780px; margin: 0 auto; }\r\n .testimonial-slide { display: none; }\r\n .testimonial-slide.active {\r\n display: block;\r\n animation: tSlideIn 1.2s ease;\r\n }\r\n @keyframes tSlideIn {\r\n from { opacity: 0; transform: translateY(12px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .testimonial-nav {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n margin-top: 28px !important;\r\n list-style: none !important;\r\n padding: 0 !important;\r\n }\r\n .testimonial-dot {\r\n width: 8px !important;\r\n height: 8px !important;\r\n border-radius: 4px !important;\r\n background: rgba(255,255,255,0.25) !important;\r\n border: none !important;\r\n cursor: pointer !important;\r\n padding: 0 !important;\r\n transition: 0.3s ease !important;\r\n display: inline-block !important;\r\n box-shadow: none !important;\r\n }\r\n .testimonial-dot.active {\r\n width: 24px !important;\r\n background: var(--gold) !important;\r\n }\r\n .testimonial-arrow {\r\n width: 36px !important;\r\n height: 36px !important;\r\n min-width: 36px !important;\r\n min-height: 36px !important;\r\n background: rgba(255,255,255,0.08) !important;\r\n border: 1px solid rgba(255,255,255,0.15) !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n transition: 0.3s ease !important;\r\n color: white !important;\r\n box-shadow: none !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n outline: none !important;\r\n text-decoration: none !important;\r\n font-size: 0 !important;\r\n line-height: 1 !important;\r\n }\r\n .testimonial-arrow:hover { background: rgba(255,255,255,0.18) !important; border-color: rgba(255,255,255,0.3) !important; }\r\n .testimonial-arrow svg { width: 16px !important; height: 16px !important; stroke: white !important; fill: none !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; display: block !important; }\r\n .testimonial-avatar {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--navy), var(--navy-light));\r\n border: 2px solid rgba(201,168,76,0.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: var(--font-display);\r\n font-size: 1rem;\r\n font-weight: 700;\r\n color: var(--gold);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ============================================\r\n SECTION 5: PRICING\r\n ============================================ *\/\r\n .pricing-section {\r\n padding: 100px 0;\r\n background: linear-gradient(180deg, var(--gray-50) 0%, var(--white) 30%, var(--white) 100%);\r\n }\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 28px;\r\n align-items: start;\r\n }\r\n .pricing-card {\r\n padding: 40px 32px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-lg);\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n .pricing-card:hover {\r\n box-shadow: var(--shadow-lg);\r\n transform: translateY(-4px);\r\n }\r\n .pricing-card.featured {\r\n border: 2px solid transparent;\r\n background: var(--white);\r\n box-shadow: var(--shadow-xl), 0 0 0 2px var(--blue-ms);\r\n transform: scale(1.04);\r\n z-index: 2;\r\n }\r\n .pricing-card.featured:hover {\r\n transform: scale(1.06);\r\n }\r\n .pricing-badge {\r\n position: absolute;\r\n top: -14px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: linear-gradient(135deg, var(--blue-ms), #005A9E);\r\n color: var(--white);\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n padding: 6px 20px;\r\n border-radius: 100px;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n }\r\n .pricing-name {\r\n font-family: var(--font-display) !important;\r\n font-size: 1.3rem !important;\r\n font-weight: 600 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 4px !important;\r\n }\r\n .pricing-subtitle {\r\n font-size: 0.88rem;\r\n color: var(--gray-400);\r\n font-weight: 500;\r\n margin-bottom: 20px;\r\n }\r\n .pricing-price {\r\n font-family: var(--font-display) !important;\r\n font-size: 2.6rem !important;\r\n font-weight: 700 !important;\r\n color: var(--navy) !important;\r\n margin-bottom: 4px !important;\r\n line-height: 1 !important;\r\n }\r\n .pricing-price .currency { font-size: 1.4rem; }\r\n .pricing-price .from {\r\n font-family: var(--font-body) !important;\r\n font-size: 0.85rem !important;\r\n font-weight: 400 !important;\r\n color: var(--gray-400) !important;\r\n display: block;\r\n margin-bottom: 4px;\r\n }\r\n .pricing-timeline svg {\r\n fill: none !important;\r\n stroke: currentColor !important;\r\n stroke-width: 2 !important;\r\n flex-shrink: 0 !important;\r\n }\r\n .pricing-timeline {\r\n font-size: 0.85rem;\r\n color: var(--gray-400);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n .pricing-desc {\r\n font-size: 0.9rem;\r\n color: var(--gray-500);\r\n line-height: 1.6;\r\n margin-bottom: 28px;\r\n padding-bottom: 28px;\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n .pricing-features {\r\n list-style: none;\r\n margin-bottom: 32px;\r\n }\r\n .pricing-features li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 8px 0;\r\n font-size: 0.9rem;\r\n color: var(--gray-600);\r\n }\r\n .pricing-features li svg {\r\n width: 18px;\r\n height: 18px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n color: var(--green-soft);\r\n }\r\n .pricing-card .btn { width: 100% !important; padding: 14px 24px !important; }\r\n .pricing-note {\r\n font-size: 0.8rem;\r\n color: var(--gray-400);\r\n margin-top: 8px;\r\n text-align: center;\r\n }\r\n .pricing-value-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-bottom: 24px;\r\n }\r\n .pricing-value-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n padding: 5px 12px;\r\n background: var(--gold-subtle);\r\n border: 1px solid rgba(201, 168, 76, 0.15);\r\n border-radius: 100px;\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n color: var(--gold);\r\n white-space: nowrap;\r\n }\r\n .pricing-value-tag svg {\r\n width: 12px;\r\n height: 12px;\r\n flex-shrink: 0;\r\n }\r\n .pricing-card.featured .pricing-value-tag {\r\n background: var(--blue-ms-light);\r\n border-color: rgba(0, 120, 212, 0.12);\r\n color: var(--blue-ms);\r\n }\r\n .pricing-urgency {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 10px 20px;\r\n background: rgba(201, 168, 76, 0.08);\r\n border: 1px solid rgba(201, 168, 76, 0.25);\r\n border-radius: 100px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #8a6e28;\r\n margin-bottom: 40px;\r\n }\r\n .pricing-urgency .urgency-dot {\r\n width: 8px;\r\n height: 8px;\r\n min-width: 8px;\r\n background: #C9A84C;\r\n border-radius: 50%;\r\n animation: pulseRing 2s infinite;\r\n }\r\n \/* LATAM note *\/\r\n .latam-note {\r\n margin-top: 32px;\r\n padding: 16px 24px;\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-left: 3px solid var(--gold);\r\n border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\r\n font-size: 0.88rem;\r\n color: var(--gray-600);\r\n text-align: center;\r\n }\r\n .latam-note a {\r\n color: var(--blue-ms) !important;\r\n text-decoration: underline !important;\r\n font-weight: 500 !important;\r\n font-size: 0.88rem !important;\r\n }\r\n .latam-note a:hover { color: var(--navy) !important; }\r\n\r\n .pricing-footer-note {\r\n text-align: center;\r\n margin-top: 32px;\r\n font-size: 0.88rem;\r\n color: var(--gray-400);\r\n font-style: italic;\r\n }\r\n\r\n \/* ============================================\r\n COMPARISON SECTION\r\n ============================================ *\/\r\n .comparison-section {\r\n padding: 80px 0;\r\n background: linear-gradient(180deg, var(--white) 0%, var(--gray-50) 100%);\r\n }\r\n .comparison-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 32px;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n .comparison-card {\r\n padding: 36px 32px;\r\n border-radius: var(--radius-lg);\r\n position: relative;\r\n }\r\n .comparison-card.them {\r\n background: var(--gray-100);\r\n border: 1px solid var(--gray-200);\r\n }\r\n .comparison-card.us {\r\n background: linear-gradient(135deg, var(--navy-deep), var(--navy));\r\n border: 1px solid rgba(201, 168, 76, 0.2);\r\n box-shadow: var(--shadow-xl);\r\n }\r\n .comparison-card.us .comparison-badge {\r\n position: absolute;\r\n top: -12px;\r\n right: 24px;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\r\n color: var(--navy-deep);\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n padding: 5px 16px;\r\n border-radius: 100px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n .comparison-label {\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 20px;\r\n }\r\n .comparison-card.them .comparison-label { color: var(--gray-400); }\r\n .comparison-card.us .comparison-label { color: var(--gold); }\r\n .comparison-items { list-style: none; }\r\n .comparison-items li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 10px 0;\r\n font-size: 0.92rem;\r\n line-height: 1.5;\r\n color: var(--white);\r\n }\r\n .comparison-card.them .comparison-items li {\r\n color: var(--gray-500);\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n .comparison-card.us .comparison-items li {\r\n color: rgba(255, 255, 255, 1);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n .comparison-items li:last-child { border-bottom: none; }\r\n .comparison-items li svg {\r\n width: 18px;\r\n height: 18px;\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n .comparison-card.them .comparison-items li svg { color: var(--red-soft); }\r\n .comparison-card.us .comparison-items li svg { color: var(--green-soft); }\r\n\r\n .comparison-calc {\r\n margin-top: 24px;\r\n padding: 20px;\r\n background: rgba(201, 168, 76, 0.08);\r\n border: 1px solid rgba(201, 168, 76, 0.15);\r\n border-radius: var(--radius-md);\r\n }\r\n .comparison-calc p {\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 1);\r\n line-height: 1.6;\r\n }\r\n .comparison-calc strong {\r\n color: var(--gold);\r\n }\r\n .calc-table {\r\n margin-top: 8px;\r\n }\r\n .calc-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 7px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n font-size: 0.83rem;\r\n color: rgba(255, 255, 255, 0.55);\r\n }\r\n .calc-row:last-child { border-bottom: none; }\r\n .calc-row.calc-ours {\r\n background: rgba(201, 168, 76, 0.1);\r\n border-radius: var(--radius-sm);\r\n padding: 8px;\r\n margin-top: 4px;\r\n border-bottom: none;\r\n }\r\n .calc-highlight-red { color: rgba(220, 100, 100, 0.85); font-weight: 600; }\r\n .calc-highlight-gold { color: var(--gold); font-weight: 700; }\r\n\r\n \/* ============================================\r\n FAQ SECTION\r\n ============================================ *\/\r\n .faq-section {\r\n padding: 80px 0;\r\n background: var(--gray-50);\r\n }\r\n \/* FAQ split layout *\/\r\n .faq-layout {\r\n display: grid;\r\n grid-template-columns: .85fr 1.15fr;\r\n gap: 80px;\r\n align-items: start;\r\n }\r\n .faq-header {\r\n position: sticky;\r\n top: 96px;\r\n text-align: left;\r\n }\r\n .faq-header .section-title { text-align: left; }\r\n .faq-header .section-subtitle { text-align: left; margin: 0; }\r\n .faq-list {\r\n margin: 0 !important;\r\n max-width: 100% !important;\r\n }\r\n .faq-item {\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n .faq-question .faq-text {\r\n flex: 1 1 0% !important;\r\n min-width: 0 !important;\r\n text-align: left !important;\r\n word-break: break-word !important;\r\n overflow-wrap: break-word !important;\r\n white-space: normal !important;\r\n padding-right: 12px !important;\r\n }\r\n .faq-question {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n box-sizing: border-box !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n white-space: normal !important;\r\n padding: 20px 0 !important;\r\n background: none !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n border: none !important;\r\n border-top: none !important;\r\n border-right: none !important;\r\n border-bottom: none !important;\r\n border-left: none !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n cursor: pointer !important;\r\n text-align: left !important;\r\n font-family: 'DM Sans', -apple-system, sans-serif !important;\r\n font-size: 1.05rem !important;\r\n font-weight: 600 !important;\r\n color: #1B2A4A !important;\r\n transition: 0.3s ease !important;\r\n margin: 0 !important;\r\n line-height: 1.5 !important;\r\n }\r\n .faq-question:hover { color: #0078D4 !important; }\r\n .faq-question .faq-icon {\r\n width: 28px !important;\r\n height: 28px !important;\r\n background: #F4F6F9 !important;\r\n background-color: #F4F6F9 !important;\r\n border-radius: 50% !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n flex-shrink: 0 !important;\r\n transition: 0.3s ease !important;\r\n }\r\n .faq-question .faq-icon svg {\r\n width: 14px !important;\r\n height: 14px !important;\r\n stroke: #6B7A90 !important;\r\n fill: none !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n .faq-item.active .faq-question .faq-icon {\r\n background: #E8F4FD !important;\r\n background-color: #E8F4FD !important;\r\n }\r\n .faq-item.active .faq-question .faq-icon svg {\r\n stroke: #0078D4 !important;\r\n fill: none !important;\r\n transform: rotate(180deg) !important;\r\n }\r\n .faq-answer {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.4s ease, padding 0.4s ease;\r\n }\r\n .faq-item.active .faq-answer {\r\n max-height: 300px;\r\n padding-bottom: 20px;\r\n }\r\n .faq-answer p {\r\n font-size: 0.93rem !important;\r\n color: #6B7A90 !important;\r\n line-height: 1.7 !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .comparison-grid { grid-template-columns: 1fr !important; }\r\n }\r\n\r\n \/* ============================================\r\n TABLET (768\u20131024px) \u2014 ajustes intermedios\r\n ============================================ *\/\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .microsoft-section,\r\n .problems-section,\r\n .features-section,\r\n .pricing-section { padding: 80px 0 !important; }\r\n\r\n .hero { padding: 165px 0 51px; }\r\n .hero-video { margin-bottom: 28px !important; }\r\n .play-btn { width: 64px !important; height: 64px !important; }\r\n .stat-chip { padding: 7px 10px; gap: 7px; }\r\n .stat-chip-icon { width: 24px; height: 24px; }\r\n .stat-chip-icon svg { width: 11px !important; height: 11px !important; }\r\n .stat-chip-val { font-size: 0.78rem; margin-bottom: 2px; }\r\n .stat-chip-lbl { font-size: 0.6rem; }\r\n\r\n .problems-layout { grid-template-columns: 1fr !important; gap: 36px !important; }\r\n .problems-header { position: static; text-align: center; }\r\n .problems-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n\r\n .faq-layout { grid-template-columns: 1fr !important; gap: 36px !important; }\r\n .faq-header { position: static; text-align: center; }\r\n .faq-header .section-title,\r\n .faq-header .section-subtitle { text-align: center; }\r\n\r\n .testimonial-card { padding: 48px 32px !important; }\r\n\r\n .section-title { font-size: clamp(1.7rem, 3.5vw, 2.4rem) !important; }\r\n }\r\n\r\n\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .ms-cards-grid,\r\n .problems-grid,\r\n .features-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .pricing-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 480px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .pricing-card.featured { transform: none; }\r\n .pricing-card.featured:hover { transform: translateY(-4px); }\r\n .credibility-wrapper {\r\n grid-template-columns: 1fr;\r\n text-align: center;\r\n gap: 48px;\r\n }\r\n .credibility-image { width: 320px; margin: 0 auto; }\r\n .credibility-nameplate { text-align: left; }\r\n .credibility-content { text-align: center; }\r\n .credibility-quote { border-left: none; padding-left: 0; }\r\n .credibility-badges { justify-content: center; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links { display: none; }\r\n .nav-mobile-toggle { display: block; }\r\n\r\n \/* Sections vertical spacing *\/\r\n .microsoft-section,\r\n .problems-section,\r\n .features-section,\r\n .pricing-section { padding: 64px 0 !important; }\r\n .testimonial-section,\r\n .comparison-section,\r\n .faq-section { padding: 48px 0 !important; }\r\n .credibility-section { padding: 48px 0 !important; }\r\n .features-section { background: #FFFFFF !important; }\r\n .credibility-section { background: #FFFFFF !important; }\r\n .transition-section { padding: 40px 0 110px !important; }\r\n .transition-section::after { height: 70px; border-radius: 50% 50% 0 0 \/ 70px 70px 0 0; }\r\n\r\n .hero { padding: 130px 0 72px; }\r\n .hero-grid { gap: 24px !important; }\r\n .hero-grid .hero-right { margin-bottom: 0 !important; }\r\n .hero-title { font-size: 2.4rem !important; }\r\n .hero-subtitle { font-size: 1rem !important; margin-bottom: 28px !important; }\r\n .hero-video { margin-bottom: 0 !important; }\r\n .play-btn { width: 58px !important; height: 58px !important; }\r\n .vsl-thumb-label { font-size: 0.9rem !important; margin-top: 6px !important; }\r\n .ms-cards-grid,\r\n .problems-grid,\r\n .features-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n\r\n .hero-trust-desktop { display: none !important; }\r\n .hero-trust-mobile { display: flex !important; flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin-top: 8px; }\r\n\r\n .hero-cta-group { flex-direction: column !important; margin-bottom: 8px !important; }\r\n .hero-cta-group .btn { width: 100% !important; }\r\n .hero-trust { flex-direction: column; gap: 8px; }\r\n \/* Hero \u2014 chips en m\u00f3vil: peque\u00f1os y dentro de pantalla *\/\r\n .stat-chip { padding: 7px 10px; gap: 7px; }\r\n .stat-chip-icon { width: 24px; height: 24px; }\r\n .stat-chip-icon svg { width: 11px !important; height: 11px !important; }\r\n .stat-chip-val { font-size: 0.78rem; margin-bottom: 2px; }\r\n .stat-chip-lbl { font-size: 0.6rem; }\r\n .stat-chip-1 { bottom: -32px; left: 4px !important; }\r\n .stat-chip-2 { top: -18px; right: 4px !important; }\r\n .hero-grid .hero-right { margin-bottom: 40px !important; }\r\n \/* Problems \u2192 single column on mobile *\/\r\n .problems-layout { grid-template-columns: 1fr !important; gap: 32px !important; }\r\n .problems-header { position: static; text-align: center; }\r\n .problems-grid { grid-template-columns: 1fr !important; }\r\n \/* FAQ \u2192 single column on mobile *\/\r\n .faq-layout { grid-template-columns: 1fr !important; gap: 32px !important; }\r\n .faq-header { position: static; text-align: center; }\r\n .faq-header .section-title,\r\n .faq-header .section-subtitle { text-align: center; }\r\n\r\n .footer-inner { flex-direction: column; text-align: center; }\r\n\r\n .credibility-image { width: 100% !important; max-width: none !important; margin-left: -16px !important; margin-right: -16px !important; width: calc(100% + 32px) !important; }\r\n .credibility-image > div { width: 100% !important; display: block !important; }\r\n .credibility-nameplate { background: #ffffff !important; }\r\n\r\n \/* Testimonial reduced padding on mobile *\/\r\n .testimonial-card { padding: 44px 24px 32px !important; }\r\n\r\n \/* Comparison CTA margin *\/\r\n .comparison-cta { margin-top: 32px !important; }\r\n\r\n \/* Section titles scale *\/\r\n .section-title { font-size: clamp(1.75rem, 6.5vw, 2.3rem) !important; }\r\n .section-subtitle { font-size: 1rem !important; margin-bottom: 32px !important; }\r\n\r\n \/* Hero badge en mobile *\/\r\n .hero-badge {\r\n font-size: 0.77rem !important;\r\n padding: 7px 14px !important;\r\n white-space: normal !important;\r\n text-align: center !important;\r\n max-width: 300px !important;\r\n gap: 8px !important;\r\n }\r\n .hero-badge .badge-sep { display: none !important; }\r\n\r\n \/* FAQ overflow fix on mobile *\/\r\n .faq-section { overflow-x: hidden !important; }\r\n .faq-list { width: 100% !important; max-width: 100% !important; }\r\n .faq-item { width: 100% !important; max-width: 100% !important; }\r\n .faq-question { padding: 16px 0 !important; gap: 8px !important; white-space: normal !important; }\r\n .faq-question .faq-text { font-size: 0.95rem !important; white-space: normal !important; }\r\n }\r\n\r\n \/* ============================================\r\n MOBILE NAV MENU\r\n ============================================ *\/\r\n .nav-mobile-menu {\r\n display: none;\r\n position: fixed;\r\n top: 110px;\r\n left: 0;\r\n right: 0;\r\n background: rgba(255, 255, 255, 0.98);\r\n backdrop-filter: blur(16px);\r\n -webkit-backdrop-filter: blur(16px);\r\n border-bottom: 1px solid var(--gray-200);\r\n padding: 16px 24px 24px;\r\n box-shadow: var(--shadow-lg);\r\n z-index: 999;\r\n }\r\n .nav-mobile-menu.active { display: block; }\r\n .nav-mobile-menu a {\r\n display: block !important;\r\n padding: 12px 0 !important;\r\n font-size: 1rem !important;\r\n font-weight: 500 !important;\r\n color: #4A5568 !important;\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n background-image: none !important;\r\n border: none !important;\r\n border-top: none !important;\r\n border-right: none !important;\r\n border-left: none !important;\r\n border-bottom: 1px solid #F4F6F9 !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n text-decoration: none !important;\r\n outline: none !important;\r\n -webkit-appearance: none !important;\r\n appearance: none !important;\r\n font-family: 'DM Sans', -apple-system, sans-serif !important;\r\n }\r\n .nav-mobile-menu a:hover,\r\n .nav-mobile-menu a:focus,\r\n .nav-mobile-menu a:active {\r\n color: #1B2A4A !important;\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n text-decoration: none !important;\r\n }\r\n .nav-mobile-menu a:last-child { border-bottom: none !important; }\r\n\r\n \/* ============================================\r\n COUNTER ANIMATION\r\n ============================================ *\/\r\n .counter-num {\r\n font-variant-numeric: tabular-nums;\r\n }\r\n\r\n \/* ============================================\r\n MOBILE STICKY CTA\r\n ============================================ *\/\r\n .mobile-sticky-cta {\r\n display: none;\r\n }\r\n .nav-mobile-cta {\r\n display: none;\r\n }\r\n @media (max-width: 768px) {\r\n .nav-mobile-cta {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n padding: 8px 14px !important;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;\r\n color: var(--navy-deep) !important;\r\n font-family: var(--font-body) !important;\r\n font-size: 0.82rem !important;\r\n font-weight: 700 !important;\r\n border-radius: var(--radius-sm) !important;\r\n text-decoration: none !important;\r\n white-space: nowrap !important;\r\n margin-right: 8px !important;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n .mobile-sticky-cta {\r\n display: none !important;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 998;\r\n padding: 12px 16px;\r\n background: rgba(15, 27, 51, 0.97);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.3);\r\n transform: translateY(100%);\r\n transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n .mobile-sticky-cta.visible {\r\n transform: translateY(0);\r\n }\r\n .mobile-sticky-cta a {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 8px !important;\r\n width: 100% !important;\r\n padding: 14px 20px !important;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-light)) !important;\r\n color: var(--navy-deep) !important;\r\n font-family: var(--font-body) !important;\r\n font-size: 1rem !important;\r\n font-weight: 700 !important;\r\n border-radius: var(--radius-sm) !important;\r\n text-decoration: none !important;\r\n box-shadow: 0 4px 16px rgba(201, 168, 76, 0.35) !important;\r\n letter-spacing: 0.2px !important;\r\n }\r\n .mobile-sticky-cta a svg {\r\n width: 16px !important;\r\n height: 16px !important;\r\n flex-shrink: 0 !important;\r\n }\r\n }\r\n\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <nav class=\"nav\" id=\"navbar\">\r\n <div class=\"container\">\r\n <div class=\"nav-inner\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTB-Consulting-Andres-Logotipos-500-x-250-px.webp\" alt=\"BTB Consulting \u2014 BTBGesti\u00f3n365, CRM Microsoft 365 para despachos\" class=\"nav-logo-img\" width=\"500\" height=\"250\" title=\"\">\r\n <\/a>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#microsoft\">\u00bfPor qu\u00e9 Microsoft?<\/a><\/li>\r\n <li><a href=\"#funcionalidades\">Funcionalidades<\/a><\/li>\r\n <li><a href=\"#pricing\">Precios<\/a><\/li>\r\n <li><a href=\"#contacto\" class=\"btn btn-gold nav-cta\">Reservar demo<\/a><\/li>\r\n <\/ul>\r\n <a href=\"#contacto\" class=\"nav-mobile-cta\">Reservar llamada<\/a>\r\n <button class=\"nav-mobile-toggle\" id=\"mobileToggle\" aria-label=\"Abrir men\u00fa\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"announcement-bar\" id=\"announcementBar\">\r\n <div class=\"announcement-bar-inner\">\r\n <span class=\"announcement-clock-icon\"><\/span>\r\n <span class=\"announcement-hide-mobile\">Solo aceptamos <strong style=\"color:#D4BC72;font-weight:700;\">3 nuevos proyectos<\/strong> este trimestre \u00b7 Plazas limitadas<\/span>\r\n <span class=\"announcement-show-mobile\">Solo <strong style=\"color:#D4BC72;font-weight:700;\">3 plazas<\/strong> disponibles este trimestre<\/span>\r\n <span class=\"announcement-sep\"><\/span>\r\n <a href=\"#contacto\" class=\"announcement-cta-link\">Reservar ahora \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"nav-mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#microsoft\">\u00bfPor qu\u00e9 Microsoft?<\/a>\r\n <a href=\"#funcionalidades\">Funcionalidades<\/a>\r\n <a href=\"#pricing\">Precios<\/a>\r\n <a href=\"#contacto\">Reservar demo<\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero-orb hero-orb-1\"><\/div>\r\n <div class=\"hero-orb hero-orb-2\"><\/div>\r\n <div class=\"hero-orb hero-orb-3\"><\/div>\r\n <div class=\"hero-dots\"><\/div>\r\n <div class=\"hero-lines\"><\/div>\r\n <div class=\"hero-fade\"><\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n \r\n <div class=\"hero-left hero-content\">\r\n <div class=\"hero-badge fade-up\">\r\n <span class=\"badge-dot\"><\/span>\r\n Dise\u00f1ado por y para abogados y gestor\u00edas <span class=\"badge-sep\">\u00b7<\/span> Construido sobre Microsoft 365\r\n <\/div>\r\n\r\n <h1 class=\"hero-title fade-up delay-1\">\r\n Digitaliza tu despacho o gestor\u00eda con <span class=\"highlight\">Microsoft 365<\/span>\r\n <\/h1>\r\n\r\n <p class=\"hero-subtitle fade-up delay-2\">\r\n Gesti\u00f3n de clientes, expedientes, buzones compartidos y m\u00e1s, para despachos de abogados y gestor\u00edas. <span class=\"highlight\">Todo dentro de tu propio Microsoft 365<\/span>: mant\u00e9n seguridad y control total de tus datos y los de tus clientes. Nosotros no nos quedamos nada.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-right fade-up delay-2\">\r\n <div class=\"hero-video vsl-thumb\" id=\"vslThumb\" role=\"button\" aria-label=\"Ver demo del producto\" tabindex=\"0\">\r\n <div class=\"video-wrapper\">\r\n <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/maxresdefault.jpg\" alt=\"Ver demo de BTBGesti\u00f3n365 \u2014 CRM y gesti\u00f3n documental para despachos en Microsoft 365\" class=\"vsl-thumb-img\" loading=\"eager\" fetchpriority=\"high\" width=\"1280\" height=\"720\" title=\"\">\r\n <div class=\"vsl-thumb-overlay\">\r\n <div class=\"play-btn\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"white\" stroke=\"none\"><polygon points=\"6 3 20 12 6 21 6 3\"\/><\/svg>\r\n <\/div>\r\n <span class=\"vsl-thumb-label\">VER DEMO DEL PRODUCTO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"stat-chip stat-chip-1\">\r\n <div class=\"stat-chip-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"stat-chip-val\">100% seguro<\/div>\r\n <div class=\"stat-chip-lbl\">Datos en tu M365<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"stat-chip stat-chip-2\">\r\n <div class=\"stat-chip-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"stat-chip-val\">Pago \u00fanico<\/div>\r\n <div class=\"stat-chip-lbl\">Sin cuotas mensuales<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"hero-left hero-content fade-up delay-3\">\r\n <div class=\"hero-cta-group\">\r\n <a href=\"#contacto\" class=\"btn btn-gold\">\r\n Reservar demo gratuita\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#funcionalidades\" class=\"btn btn-outline\" style=\"border-color: rgba(255,255,255,0.2) !important; color: rgba(255,255,255,0.9) !important; background: transparent !important;\">\r\n Descubrir funcionalidades\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-trust hero-trust-desktop fade-up delay-4\">\r\n <span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Sin compromiso\r\n <\/span>\r\n <span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Respuesta en 24h\r\n <\/span>\r\n <span>\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Integrado en Microsoft 365\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"microsoft-section\" id=\"microsoft\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">Tecnolog\u00eda<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">Tecnolog\u00eda Microsoft 365, el ecosistema que ya conoces<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">No sustituimos tus herramientas. Las potenciamos.<\/p>\r\n\r\n <p class=\"ms-block-desc fade-up delay-2\">BTBGesti\u00f3n365 vive dentro de las herramientas que tu despacho o gestor\u00eda ya usa a diario.<\/p>\r\n\r\n <div class=\"ms-logos-grid fade-up delay-3\">\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Microsoft-365.webp\" alt=\"Microsoft 365\" title=\"\"><\/span> Microsoft 365<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Outlook.webp\" alt=\"Outlook\" title=\"\"><\/span> Outlook<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Teams.webp\" alt=\"Teams\" title=\"\"><\/span> Teams<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Word.webp\" alt=\"Word\" title=\"\"><\/span> Word<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Excel.webp\" alt=\"Excel\" title=\"\"><\/span> Excel<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/OneDrive.webp\" alt=\"OneDrive\" title=\"\"><\/span> OneDrive<\/div>\r\n <div class=\"ms-logo-item\"><span class=\"ms-icon\"><img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Sharepoint.webp\" alt=\"SharePoint\" title=\"\"><\/span> SharePoint<\/div>\r\n <\/div>\r\n\r\n <div class=\"integration-block fade-up delay-4\">\r\n <div class=\"integration-block-inner\">\r\n <span class=\"integration-block-label\">Integraci\u00f3n con otras herramientas del sector<\/span>\r\n <h3 class=\"integration-block-title\">Exporta e importa datos con los programas que ya usas<\/h3>\r\n <p class=\"integration-block-desc\">Sin cambiar de software. BTBGesti\u00f3n365 se conecta con las herramientas habituales de despachos y gestor\u00edas para que tu flujo de trabajo no se interrumpa.<\/p>\r\n <div class=\"integration-logos-new\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Sage.webp\" alt=\"Sage\" class=\"integration-logo-new\" loading=\"lazy\" title=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Finca3.webp\" alt=\"Finca3\" class=\"integration-logo-new\" loading=\"lazy\" title=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/GesFincas.webp\" alt=\"GesFincas.net\" class=\"integration-logo-new\" loading=\"lazy\" title=\"\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/a3-wolters-kluwer.webp\" alt=\"A3 Wolters Kluwer\" class=\"integration-logo-new\" loading=\"lazy\" title=\"\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ms-cards-grid\">\r\n <div class=\"ms-card fade-up\">\r\n <div class=\"ms-card-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <h3>Tus datos, bajo tu control<\/h3>\r\n <p>Toda la informaci\u00f3n de tus clientes y expedientes se guarda en tu propia cuenta de Microsoft 365. Nadie m\u00e1s tiene acceso a tus datos.<\/p>\r\n <\/div>\r\n <div class=\"ms-card fade-up delay-1\">\r\n <div class=\"ms-card-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\r\n <\/div>\r\n <h3>Integraci\u00f3n directa<\/h3>\r\n <p>Conecta con Outlook, Teams, Excel, SharePoint y todas las herramientas que ya utilizas a diario. Sin duplicidades.<\/p>\r\n <\/div>\r\n <div class=\"ms-card fade-up delay-2\">\r\n <div class=\"ms-card-icon\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <h3>Escalabilidad garantizada<\/h3>\r\n <p>Crece con tu despacho o gestor\u00eda. Desde un equipo peque\u00f1o hasta una estructura compleja, sin cambiar de plataforma.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"problems-section\" id=\"problemas\">\r\n <div class=\"glow-orb glow-orb-1\"><\/div>\r\n <div class=\"glow-orb glow-orb-2\"><\/div>\r\n\r\n <div class=\"container\" style=\"position:relative; z-index:1;\">\r\n <div class=\"problems-layout\">\r\n \r\n <div class=\"problems-header\">\r\n <span class=\"section-label fade-up\">La realidad<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">\u00bfTe suena alguno de estos problemas?<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Si gestionas un despacho o gestor\u00eda, seguramente convives con varios de estos obst\u00e1culos a diario.<\/p>\r\n <\/div>\r\n\r\n <div class=\"problems-grid\">\r\n <div class=\"problem-card fade-up\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><line x1=\"9\" y1=\"14\" x2=\"15\" y2=\"14\"\/><\/svg>\r\n <\/div>\r\n <h3>Informaci\u00f3n dispersa<\/h3>\r\n <p>Datos de clientes repartidos entre Excels, correos, carpetas locales y herramientas que no se hablan entre s\u00ed.<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-1\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <h3>Correo electr\u00f3nico ca\u00f3tico<\/h3>\r\n <p>Buzones gen\u00e9ricos compartidos donde se pierde la trazabilidad. \u00bfQui\u00e9n respondi\u00f3? \u00bfQu\u00e9 se dijo?<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-2\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/><\/svg>\r\n <\/div>\r\n <h3>Documentaci\u00f3n desordenada<\/h3>\r\n <p>No sabes qui\u00e9n fue el \u00faltimo en editar un archivo. Versiones duplicadas, carpetas sin estructura.<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-3\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n <\/div>\r\n <h3>Sin control de expedientes<\/h3>\r\n <p>Plazos que se escapan, tareas sin asignar, expedientes sin seguimiento real.<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-4\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 9.9-1\"\/><\/svg>\r\n <\/div>\r\n <h3>Riesgos de seguridad<\/h3>\r\n <p>Acceso a datos sensibles sin control. Los datos de tus clientes en plataformas externas que no controlas.<\/p>\r\n <\/div>\r\n <div class=\"problem-card fade-up delay-5\">\r\n <div class=\"problem-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\r\n <\/div>\r\n <h3>Dependencia de terceros<\/h3>\r\n <p>Pagas mensualidades por productos que no se adaptan a ti y no sabes si la empresa seguir\u00e1 ah\u00ed ma\u00f1ana.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"transition-section\">\r\n <div class=\"container\">\r\n <div class=\"transition-content\">\r\n <div class=\"transition-arrow scale-in\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg>\r\n <\/div>\r\n <h2 class=\"transition-heading fade-up delay-1\">Existe una forma mejor de <em>gestionar tu despacho o gestor\u00eda<\/em><\/h2>\r\n <p class=\"transition-sub fade-up delay-2\">Una soluci\u00f3n que centraliza todo en un \u00fanico sistema, integrado donde ya trabajas.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"how-section\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">El proceso<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">En marcha en 3 pasos<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Sin complicaciones, sin interrupciones en tu d\u00eda a d\u00eda. Sabemos que tu tiempo es valioso.<\/p>\r\n\r\n <div class=\"how-steps fade-up delay-2\">\r\n\r\n \r\n <div class=\"how-step\">\r\n <div class=\"how-step-number\">1<\/div>\r\n <div class=\"how-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\r\n <\/div>\r\n <h3>Llamada gratuita<\/h3>\r\n <p>Reservas una llamada de 30 minutos para conocernos. Nos cuentas c\u00f3mo trabajas y valoramos juntos si la soluci\u00f3n encaja contigo.<\/p>\r\n <span class=\"how-step-tag\">Sin compromiso<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"how-connector\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"how-step\">\r\n <div class=\"how-step-number\">2<\/div>\r\n <div class=\"how-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\r\n <\/div>\r\n <h3>Implementaci\u00f3n<\/h3>\r\n <p>Configuramos y desplegamos BTBGesti\u00f3n365 en tu entorno de Microsoft 365. T\u00fa eliges el nivel de personalizaci\u00f3n seg\u00fan el plan.<\/p>\r\n <span class=\"how-step-tag\">En tu Microsoft 365<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"how-connector\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <div class=\"how-step\">\r\n <div class=\"how-step-number\">3<\/div>\r\n <div class=\"how-step-icon\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>\r\n <\/div>\r\n <h3>Entrega y formaci\u00f3n<\/h3>\r\n <p>Tu equipo arranca con el sistema. Formaci\u00f3n incluida y garant\u00eda de 12 meses para que nada se quede a medias.<\/p>\r\n <span class=\"how-step-tag\">Garant\u00eda 12 meses<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"fade-up delay-3\" style=\"margin-top: 3rem;\">\r\n <a href=\"#contacto\" class=\"btn btn-primary\">Reservar llamada gratuita<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"features-section\" id=\"funcionalidades\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">Funcionalidades<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">Todo lo que tu despacho o gestor\u00eda necesita, en un solo sistema<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Centraliza, automatiza y controla desde Microsoft 365.<\/p>\r\n\r\n <div class=\"features-grid\">\r\n\r\n \r\n <div class=\"feature-group-label\">\r\n <span>Gesti\u00f3n y comunicaci\u00f3n<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-card fade-up\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\r\n <\/div>\r\n <h3>CRM de clientes y expedientes<\/h3>\r\n <p>Visi\u00f3n \u00fanica y ordenada de cada cliente y expediente. Registros estructurados, relaci\u00f3n directa entre clientes, expedientes y tareas. Adi\u00f3s a los Excels sueltos.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-1\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\r\n <\/div>\r\n <h3>Gesti\u00f3n de correo profesionalizada<\/h3>\r\n <p>Sustituye buzones compartidos por sistemas profesionalizados (contabilidad@, laboral@...). Correos vinculados a clientes y expedientes con trazabilidad total.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-2\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"\/><\/svg>\r\n <\/div>\r\n <h3>Gesti\u00f3n documental integrada en M365<\/h3>\r\n <p>Documentos almacenados en SharePoint con control de versiones, historial de cambios y siempre vinculados a su cliente y expediente. Integrado con tu servidor de archivo si lo tienes.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-group-label\">\r\n <span>Automatizaci\u00f3n e integraci\u00f3n<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-card fade-up delay-3\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\/><line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\/><line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\/><\/svg>\r\n <\/div>\r\n <h3>Integraci\u00f3n con tus herramientas<\/h3>\r\n <p>Importaci\u00f3n y exportaci\u00f3n de datos y ficheros con Excel. Integraci\u00f3n con Sage, Finca3, A3, GesFincas.net y otros sistemas habituales del sector.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-4\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\"\/><\/svg>\r\n <\/div>\r\n <h3>Automatizaci\u00f3n documental<\/h3>\r\n <p>Rellenado autom\u00e1tico de plantillas Word: contratos, actas, documentaci\u00f3n recurrente. Reduce tiempo, errores y trabajo manual repetitivo.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-5\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 1 7 7c0 2.38-1.19 4.47-3 5.74V17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-2.26C6.19 13.47 5 11.38 5 9a7 7 0 0 1 7-7z\"\/><line x1=\"9\" y1=\"21\" x2=\"15\" y2=\"21\"\/><line x1=\"10\" y1=\"24\" x2=\"14\" y2=\"24\"\/><\/svg>\r\n <\/div>\r\n <h3>IA para procesamiento documental<\/h3>\r\n <p>Interpretaci\u00f3n autom\u00e1tica de documentos y extracci\u00f3n de informaci\u00f3n clave para mejorar la eficiencia operativa.<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"feature-group-label\">\r\n <span>Control y an\u00e1lisis<\/span>\r\n <\/div>\r\n\r\n <div class=\"feature-card fade-up delay-6\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n <\/div>\r\n <h3>Circulares informativas<\/h3>\r\n <p>Env\u00edo de comunicaciones a clientes basado en los datos del sistema. Cada cliente recibe solo la informaci\u00f3n que le afecta, con trazabilidad y control.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-7\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n <\/div>\r\n <h3>Seguridad y control de accesos<\/h3>\r\n <p>Administraci\u00f3n por roles seg\u00fan perfil de usuario. Seguridad intr\u00ednseca de Microsoft 365. Cumplimiento y control de informaci\u00f3n sensible.<\/p>\r\n <\/div>\r\n <div class=\"feature-card fade-up delay-8\">\r\n <div class=\"feature-icon\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><line x1=\"2\" y1=\"20\" x2=\"22\" y2=\"20\"\/><\/svg>\r\n <\/div>\r\n <h3>Informes en tiempo real<\/h3>\r\n <p>Informes interactivos con datos a tiempo real de la aplicaci\u00f3n (Business Intelligence).<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"credibility-section\">\r\n <div class=\"container\">\r\n <div class=\"credibility-wrapper\">\r\n <div class=\"credibility-image fade-left\">\r\n <div style=\"position:relative;display:inline-block;width:100%;\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Andres-VSL.webp\" alt=\"Andr\u00e9s Biarge, consultor Microsoft Certified Expert en BTB Consulting\" loading=\"lazy\" title=\"\">\r\n <div class=\"credibility-nameplate\">\r\n <span class=\"credibility-nameplate-name\">Andr\u00e9s Biarge<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"credibility-content fade-right delay-2\">\r\n <div class=\"credibility-stars\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/03\/Valoraciones.webp\" alt=\"5 estrellas - valoraciones de clientes\" loading=\"lazy\" title=\"\">\r\n <\/div>\r\n <blockquote class=\"credibility-quote\">\r\n Dise\u00f1amos soluciones que se adaptan a c\u00f3mo trabaja tu despacho o gestor\u00eda, no al rev\u00e9s.\r\n <\/blockquote>\r\n <p class=\"credibility-text\">\r\n Somos especialistas en el ecosistema Microsoft con experiencia real en la digitalizaci\u00f3n de despachos de abogados y gestor\u00edas. Conocemos vuestros procesos, vuestros retos y lo que de verdad necesit\u00e1is para trabajar mejor.\r\n <\/p>\r\n <div class=\"credibility-badges\">\r\n <div class=\"credibility-badge\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--blue-ms)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n Microsoft Certified Expert\r\n <\/div>\r\n <div class=\"credibility-badge\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"\/><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"\/><\/svg>\r\n Microsoft Solutions Partner\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"testimonial-section\">\r\n <div class=\"container\">\r\n <div class=\"testimonial-carousel fade-up\">\r\n\r\n \r\n <div class=\"testimonial-slide active\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-quote-mark\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"var(--gold)\" opacity=\"0.15\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2H5C3.76 3 3 3.75 3 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3zm11 0c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2h-3C14.76 3 14 3.75 14 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3z\"\/><\/svg>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n Desde que implementamos BTBGesti\u00f3n365, hemos reducido a la mitad el tiempo que dedic\u00e1bamos a buscar documentos y gestionar correos. Ahora todo est\u00e1 centralizado y cada miembro del equipo sabe exactamente qu\u00e9 tiene pendiente.\r\n <\/blockquote>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/Picture1.webp\" alt=\"Solem i Bermejo\" class=\"testimonial-logo\" loading=\"lazy\" title=\"\">\r\n <div class=\"testimonial-author-info\">\r\n <strong>\u00c1lvaro Gonz\u00e1lez<\/strong>\r\n <span>Socio en <a href=\"https:\/\/solem.legal\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Solem & Bermejo<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonial-slide\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-quote-mark\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"var(--gold)\" opacity=\"0.15\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2H5C3.76 3 3 3.75 3 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3zm11 0c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2h-3C14.76 3 14 3.75 14 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3z\"\/><\/svg>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n Brilliant, all good. The platform is very slick when working and the SharePoint configuration is awesome. So yes, definitely in favour of the platform.\r\n <\/blockquote>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2025\/09\/Untitled-Instagram-Post-45.webp\" alt=\"MWP Developments\" class=\"testimonial-logo\" loading=\"lazy\" title=\"\">\r\n <div class=\"testimonial-author-info\">\r\n <strong>Harry Bowen<\/strong>\r\n <span>Project Manager, <a href=\"https:\/\/mwpdevelopments.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">MWP Developments<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonial-slide\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-quote-mark\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"var(--gold)\" opacity=\"0.15\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2H5C3.76 3 3 3.75 3 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3zm11 0c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2h-3C14.76 3 14 3.75 14 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3z\"\/><\/svg>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n I had the pleasure of working with the BTB Consulting team on our entity's Power Platform strategy. They were leading in developing a governance strategy that perfectly aligns with our needs. I can highly recommend them.\r\n <\/blockquote>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2025\/09\/Picture5.webp\" alt=\"Endress+Hauser\" class=\"testimonial-logo\" loading=\"lazy\" title=\"\">\r\n <div class=\"testimonial-author-info\">\r\n <strong>Jan Martin Dietrich<\/strong>\r\n <span>Digital Workplace Team Lead, <a href=\"https:\/\/www.es.endress.com\/es\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Endress+Hauser<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonial-slide\">\r\n <div class=\"testimonial-card\">\r\n <div class=\"testimonial-quote-mark\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"var(--gold)\" opacity=\"0.15\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2H5C3.76 3 3 3.75 3 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3zm11 0c3 0 7-1 7-8V5c0-1.25-.76-2.17-2-2h-3C14.76 3 14 3.75 14 5v6c0 1.25.76 2 2 2h2c0 4-3 5-3 5v3z\"\/><\/svg>\r\n <\/div>\r\n <blockquote class=\"testimonial-text\">\r\n Ha sido un \u00e9xito. Vimos que la soluci\u00f3n era genial y ahora que est\u00e1 rodando va como un tiro.\r\n <\/blockquote>\r\n <div class=\"testimonial-author\">\r\n <img decoding=\"async\" src=\"https:\/\/btbconsulting.com\/wp-content\/uploads\/2025\/05\/logo_sa_151x107.webp\" alt=\"San Antonio Oils\" class=\"testimonial-logo\" loading=\"lazy\" title=\"\">\r\n <div class=\"testimonial-author-info\">\r\n <strong>Javier Palomino<\/strong>\r\n <span>Director IT y Operaciones en <a href=\"https:\/\/sa-oils.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">San Antonio Oils<\/a><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"testimonial-nav\">\r\n <button class=\"testimonial-arrow\" id=\"tPrev\" aria-label=\"Anterior\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"testimonial-dot active\" data-index=\"0\"><\/button>\r\n <button class=\"testimonial-dot\" data-index=\"1\"><\/button>\r\n <button class=\"testimonial-dot\" data-index=\"2\"><\/button>\r\n <button class=\"testimonial-dot\" data-index=\"3\"><\/button>\r\n <button class=\"testimonial-arrow\" id=\"tNext\" aria-label=\"Siguiente\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"pricing-section\" id=\"pricing\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">Planes<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">Invierte una vez, controla para siempre<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Elige el nivel de personalizaci\u00f3n que necesitas. Todos los planes incluyen tus datos siempre bajo tu control.<\/p>\r\n\r\n <div class=\"pricing-urgency fade-up delay-3\">\r\n <span class=\"urgency-dot\"><\/span>\r\n Capacidad limitada \u00b7 Solo aceptamos 3 nuevos proyectos por trimestre \u00b7 Plazas disponibles\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n \r\n <div class=\"pricing-card fade-up\">\r\n <p class=\"pricing-name\">B\u00e1sico<\/p>\r\n <p class=\"pricing-subtitle\">Implementaci\u00f3n est\u00e1ndar<\/p>\r\n <p class=\"pricing-price\">6.300 <span class=\"currency\">\u20ac<\/span><\/p>\r\n <p class=\"pricing-timeline\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n ~1 mes de implementaci\u00f3n\r\n <\/p>\r\n \r\n <p class=\"pricing-desc\">Despliegue y puesta en marcha de la soluci\u00f3n est\u00e1ndar adaptada a la estructura de tu despacho o gestor\u00eda.<\/p>\r\n <ul class=\"pricing-features\">\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> CRM de clientes y expedientes<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Gesti\u00f3n documental en SharePoint<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Buzones compartidos integrados<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Seguridad y control de accesos por roles<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Personalizaci\u00f3n con tu logo y colores corporativos<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Garant\u00eda durante 12 meses<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Tus datos siempre en tu Microsoft 365<\/li>\r\n <\/ul>\r\n <a href=\"#contacto\" class=\"btn btn-outline\">Reservar llamada<\/a>\r\n <p class=\"pricing-note\">Licencias Microsoft no incluidas<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card featured fade-up delay-1\">\r\n <div class=\"pricing-badge\">M\u00e1s popular<\/div>\r\n <p class=\"pricing-name\">Personalizado<\/p>\r\n <p class=\"pricing-subtitle\">Implementaci\u00f3n + personalizaci\u00f3n<\/p>\r\n <p class=\"pricing-price\">16.000 <span class=\"currency\">\u20ac<\/span><\/p>\r\n <p class=\"pricing-timeline\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n 3-4 meses de implementaci\u00f3n\r\n <\/p>\r\n \r\n <p class=\"pricing-desc\">Adaptamos la soluci\u00f3n a los procesos espec\u00edficos y flujos de trabajo de tu despacho o gestor\u00eda.<\/p>\r\n <ul class=\"pricing-features\">\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Todo lo incluido en el plan B\u00e1sico<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Personalizaci\u00f3n de campos y listados<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Automatizaci\u00f3n documental (hasta 5 plantillas Word)<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Migraci\u00f3n de datos hist\u00f3ricos (desde tu anterior sistema al nuevo)<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Integraci\u00f3n de datos mediante ficheros para importaci\u00f3n en tus sistemas actuales (Sage, Finca3, GesFincas, etc.)<\/li>\r\n <\/ul>\r\n <a href=\"#contacto\" class=\"btn btn-primary\">Reservar llamada<\/a>\r\n <p class=\"pricing-note\">Licencias Microsoft no incluidas<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card fade-up delay-2\">\r\n <p class=\"pricing-name\">A medida<\/p>\r\n <p class=\"pricing-subtitle\">Implementaci\u00f3n + personalizaci\u00f3n + desarrollo a medida<\/p>\r\n <p class=\"pricing-price\">\r\n <span class=\"from\">Desde<\/span>\r\n 60.000 <span class=\"currency\">\u20ac<\/span>\r\n <\/p>\r\n <p class=\"pricing-timeline\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\r\n 6+ meses m\u00ednimo de desarrollo dedicado\r\n <\/p>\r\n \r\n <p class=\"pricing-desc\">Soluci\u00f3n adaptada y a medida con desarrollo dedicado para cubrir las necesidades espec\u00edficas de tu despacho o gestor\u00eda.<\/p>\r\n <ul class=\"pricing-features\">\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Todo lo incluido en el plan Personalizado<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Procesamiento de documentos con IA (hasta 3 tipos)<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Integraci\u00f3n de Agentes Copilot, modelos Azure AI Foundry u otros<\/li>\r\n <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Integraci\u00f3n con tu ERP (Sage, A3, Finca3, GesFincas, SAP, Oracle, etc.) o la herramienta que uses<\/li>\r\n <\/ul>\r\n <a href=\"#contacto\" class=\"btn btn-outline\">Reservar llamada<\/a>\r\n <p class=\"pricing-note\">Licencias Microsoft no incluidas<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"pricing-footer-note fade-up\">* Plazos sujetos a disponibilidad y participaci\u00f3n del cliente.<\/p>\r\n\r\n \r\n <p class=\"latam-note fade-up\">\ud83c\udf0e \u00bfEst\u00e1s en Hispanoam\u00e9rica? <a href=\"#contacto\">Cont\u00e1ctanos<\/a> para condiciones adaptadas a tu mercado.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"comparison-section\">\r\n <div class=\"container text-center\">\r\n <span class=\"section-label fade-up\">La diferencia<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">\u00bfPor qu\u00e9 no somos un software m\u00e1s?<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Compara nuestro modelo con el software de gesti\u00f3n tradicional.<\/p>\r\n\r\n <div class=\"comparison-grid\">\r\n <div class=\"comparison-card them fade-up\">\r\n <p class=\"comparison-label\">Software tradicional (SaaS)<\/p>\r\n <ul class=\"comparison-items\">\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Cuota mensual por usuario para siempre\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Tus datos en servidores de terceros\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Dependencia total del proveedor\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Herramientas desconectadas de tu d\u00eda a d\u00eda\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n Si la empresa cierra, pierdes acceso\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n No puedes a\u00f1adir IA ni automatizar por tu cuenta\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"comparison-card us fade-up delay-2\">\r\n <div class=\"comparison-badge\">Tu mejor opci\u00f3n<\/div>\r\n <p class=\"comparison-label\">Nuestra soluci\u00f3n<\/p>\r\n <ul class=\"comparison-items\">\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Pago \u00fanico, sin cuotas mensuales\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Datos siempre en tu Microsoft 365\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n El producto es tuyo, sin dependencia\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Integrado en Outlook, Teams, Excel, SharePoint, etc\r\n <\/li>\r\n <li>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n Extiende, automatiza y a\u00f1ade IA a tu ritmo y con la garant\u00eda de hacerlo sobre Microsoft 365\r\n <\/li>\r\n <\/ul>\r\n <div class=\"comparison-calc\">\r\n <p><strong>Haz las cuentas:<\/strong> Un software SaaS a 30\u20ac\/mes por usuario, con 5 usuarios, son 1.800\u20ac\/a\u00f1o. En 5 a\u00f1os habr\u00e1s pagado 9.000\u20ac y seguir\u00e1s sin ser due\u00f1o de nada. Con nosotros, por <strong>6.300\u20ac<\/strong> tienes la soluci\u00f3n, los datos y el control. Para siempre.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"comparison-cta fade-up\" style=\"text-align: center; margin-top: 48px;\">\r\n <a href=\"#contacto\" class=\"btn btn-gold\">\r\n Reservar llamada gratuita\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <p style=\"font-size: 0.85rem; color: var(--gray-400); margin-top: 12px;\">Sin compromiso \u00b7 Te respondemos en 24h<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"faq-section\">\r\n <div class=\"container\">\r\n <div class=\"faq-layout\">\r\n \r\n <div class=\"faq-header\">\r\n <span class=\"section-label fade-up\">Preguntas frecuentes<\/span>\r\n <h2 class=\"section-title fade-up delay-1\">Resolvemos tus dudas<\/h2>\r\n <p class=\"section-subtitle fade-up delay-2\">Todo lo que necesitas saber antes de dar el paso.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq-list fade-up delay-2\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfNecesito tener licencias de Microsoft 365?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>S\u00ed, la soluci\u00f3n funciona sobre Microsoft 365. Si ya lo usas en tu despacho o gestor\u00eda (Outlook, Teams, Word...), probablemente ya tienes las licencias necesarias. Si no, te asesoramos sobre el plan m\u00e1s adecuado. Las licencias de Microsoft no est\u00e1n incluidas en nuestros precios.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfQu\u00e9 pasa con mis datos si dejo de trabajar con vosotros?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Tus datos siempre est\u00e1n en tu propio entorno de Microsoft 365, bajo tu control. Si decides no continuar, la aplicaci\u00f3n y los datos siguen siendo tuyos. No dependes de nosotros ni de ninguna plataforma externa para acceder a tu informaci\u00f3n.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfCu\u00e1nto se tarda en implementar la soluci\u00f3n?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Depende del plan: el plan B\u00e1sico se despliega en aproximadamente 1 mes, el Personalizado en 3-4 meses y el plan A medida requiere un m\u00ednimo de 6 meses de desarrollo dedicado. Los plazos dependen tambi\u00e9n de la disponibilidad y participaci\u00f3n del cliente.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfSe integra con el software que ya uso actualmente?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>S\u00ed. A partir del plan Personalizado incluimos automatizaci\u00f3n de integraci\u00f3n de datos mediante ficheros Excel\/CSV para importaci\u00f3n en tus sistemas inform\u00e1ticos (Sage, Finca3, GesFincas, etc.). En el plan A medida, la integraci\u00f3n es directa con tu ERP.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfEs un pago \u00fanico o hay cuotas mensuales?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Es un pago \u00fanico por la implementaci\u00f3n. No hay cuotas mensuales ni por usuario. Te quedas el producto y los datos. Solo necesitas mantener tus licencias de Microsoft 365, que son independientes de nosotros.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-question\">\r\n <span class=\"faq-text\">\u00bfQu\u00e9 incluye la garant\u00eda de 12 meses?<\/span>\r\n <span class=\"faq-icon\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/span>\r\n <\/button>\r\n <div class=\"faq-answer\">\r\n <p>Durante los primeros 12 meses tras la entrega, cubrimos cualquier incidencia t\u00e9cnica, correcci\u00f3n de errores y soporte relacionado con la soluci\u00f3n implementada. Pasado ese periodo, ofrecemos planes de soporte o implementaci\u00f3n adicionales.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n\r\n\r\n \r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Activate animations only when JS runs\r\n document.body.classList.add('js-loaded');\r\n\r\n \/\/ Force hero elements visible immediately (already in viewport)\r\n document.querySelectorAll('.hero .fade-up, .hero .fade-left, .hero .fade-right, .hero .scale-in').forEach(function(el) {\r\n el.classList.add('visible');\r\n });\r\n\r\n \/\/ Scroll animations with IntersectionObserver\r\n var observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n }\r\n });\r\n }, { threshold: 0.08, rootMargin: '0px 0px -30px 0px' });\r\n\r\n document.querySelectorAll('.fade-up, .fade-left, .fade-right, .scale-in').forEach(function(el) {\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Navbar scroll effect \u2014 compact on scroll\r\n var navbar = document.getElementById('navbar');\r\n window.addEventListener('scroll', function() {\r\n if (window.scrollY > 20) {\r\n navbar.classList.add('scrolled');\r\n } else {\r\n navbar.classList.remove('scrolled');\r\n }\r\n }, { passive: true });\r\n\r\n \/\/ Mobile menu toggle\r\n var mobileToggle = document.getElementById('mobileToggle');\r\n var mobileMenu = document.getElementById('mobileMenu');\r\n function toggleMobileMenu(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n var bar = document.getElementById('announcementBar');\r\n var bottom = navbar.getBoundingClientRect().bottom;\r\n if (bar && !bar.classList.contains('hidden')) {\r\n bottom = bar.getBoundingClientRect().bottom;\r\n }\r\n mobileMenu.style.top = bottom + 'px';\r\n mobileMenu.classList.toggle('active');\r\n }\r\n mobileToggle.addEventListener('click', toggleMobileMenu);\r\n\r\n \/\/ Active nav link on scroll\r\n var navSections = ['microsoft', 'funcionalidades', 'pricing', 'contacto'];\r\n var navLinks = document.querySelectorAll('.nav-links a[href^=\"#\"]');\r\n var activeObserver = new IntersectionObserver(function(entries) {\r\n entries.forEach(function(entry) {\r\n if (entry.isIntersecting) {\r\n var id = entry.target.getAttribute('id');\r\n navLinks.forEach(function(link) {\r\n var href = link.getAttribute('href').replace('#', '');\r\n link.classList.toggle('active', href === id);\r\n });\r\n }\r\n });\r\n }, { threshold: 0.25, rootMargin: '-64px 0px -55% 0px' });\r\n navSections.forEach(function(id) {\r\n var el = document.getElementById(id);\r\n if (el) activeObserver.observe(el);\r\n });\r\n\r\n \/\/ Smooth scroll for anchor links\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n anchor.addEventListener('click', function(e) {\r\n var target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n e.preventDefault();\r\n var offset = 80;\r\n var top = target.getBoundingClientRect().top + window.scrollY - offset;\r\n window.scrollTo({ top: top, behavior: 'smooth' });\r\n }\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Video Toast (centrado, todos los dispositivos) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function() {\r\n var toast = document.getElementById('videoToast');\r\n var closeBtn = document.getElementById('videoToastClose');\r\n var backdrop = document.getElementById('videoToastBackdrop');\r\n var thumb = document.getElementById('vslThumb');\r\n if (!toast) return;\r\n var dismissed = false;\r\n\r\n function showBackdrop() {\r\n if (!backdrop) return;\r\n backdrop.style.display = 'block';\r\n requestAnimationFrame(function() { backdrop.classList.add('visible'); });\r\n }\r\n\r\n function hideBackdrop() {\r\n if (!backdrop) return;\r\n backdrop.classList.remove('visible');\r\n setTimeout(function() { backdrop.style.display = 'none'; }, 300);\r\n }\r\n\r\n function hideToast() {\r\n dismissed = true;\r\n toast.classList.remove('visible');\r\n toast.classList.add('hiding');\r\n hideBackdrop();\r\n }\r\n\r\n setTimeout(function() {\r\n if (!dismissed) {\r\n showBackdrop();\r\n toast.classList.add('visible');\r\n }\r\n }, 800);\r\n\r\n closeBtn.addEventListener('click', function(e) { e.stopPropagation(); hideToast(); });\r\n\r\n if (backdrop) {\r\n backdrop.addEventListener('click', function() { hideToast(); });\r\n }\r\n\r\n toast.addEventListener('click', function() {\r\n hideToast();\r\n if (thumb) {\r\n var top = thumb.getBoundingClientRect().top + window.scrollY - 80;\r\n window.scrollTo({ top: top, behavior: 'smooth' });\r\n setTimeout(openModal, 500);\r\n }\r\n });\r\n })();\r\n\r\n \/\/ Mobile sticky CTA\r\n (function() {\r\n var stickyCta = document.getElementById('mobileStickyCtA');\r\n if (!stickyCta) return;\r\n var contactSection = document.getElementById('contacto');\r\n window.addEventListener('scroll', function() {\r\n if (window.innerWidth <= 768) {\r\n var inContact = false;\r\n if (contactSection) {\r\n var rect = contactSection.getBoundingClientRect();\r\n inContact = rect.top <= window.innerHeight && rect.bottom >= 0;\r\n }\r\n if (window.scrollY > 400 && !inContact) {\r\n stickyCta.classList.add('visible');\r\n } else {\r\n stickyCta.classList.remove('visible');\r\n }\r\n }\r\n }, { passive: true });\r\n })();\r\n\r\n \/\/ \u2500\u2500 FAQ accordion \u2500\u2500\r\n document.querySelectorAll('.faq-question').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n var item = this.parentElement;\r\n var isActive = item.classList.contains('active');\r\n document.querySelectorAll('.faq-item').forEach(function(el) { el.classList.remove('active'); });\r\n if (!isActive) item.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Video modal \u2500\u2500\r\n function openModal() {\r\n var modal = document.getElementById('videoModal');\r\n if (!modal || modal.classList.contains('active')) return;\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n var wrapper = document.querySelector('.video-modal-wrapper');\r\n if (!wrapper) return;\r\n var src = wrapper.getAttribute('data-src') + '&enablejsapi=1';\r\n var iframe = document.createElement('iframe');\r\n iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen; picture-in-picture');\r\n iframe.setAttribute('allowfullscreen', '');\r\n iframe.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;border:0;';\r\n iframe.src = src;\r\n iframe.addEventListener('load', function() {\r\n this.contentWindow.postMessage(JSON.stringify({event:'command',func:'playVideo',args:[]}), '*');\r\n });\r\n wrapper.innerHTML = '';\r\n wrapper.appendChild(iframe);\r\n }\r\n function closeModal() {\r\n var modal = document.getElementById('videoModal');\r\n if (!modal) return;\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n var wrapper = document.querySelector('.video-modal-wrapper');\r\n if (wrapper) wrapper.innerHTML = '';\r\n }\r\n\r\n var vslThumb = document.getElementById('vslThumb');\r\n if (vslThumb) {\r\n vslThumb.addEventListener('click', openModal);\r\n vslThumb.addEventListener('keydown', function(e) {\r\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openModal(); }\r\n });\r\n }\r\n var backdrop = document.querySelector('.video-modal-backdrop');\r\n if (backdrop) backdrop.addEventListener('click', closeModal);\r\n var modalClose = document.querySelector('.video-modal-close');\r\n if (modalClose) modalClose.addEventListener('click', closeModal);\r\n document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeModal(); });\r\n\r\n \/\/ \u2500\u2500 Mobile menu close on nav link click \u2500\u2500\r\n document.querySelectorAll('.nav-mobile-menu a').forEach(function(link) {\r\n link.addEventListener('click', function() {\r\n document.getElementById('mobileMenu').classList.remove('active');\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Testimonial carousel \u2500\u2500\r\n (function() {\r\n var slides = document.querySelectorAll('.testimonial-slide');\r\n var dots = document.querySelectorAll('.testimonial-dot');\r\n if (!slides.length) return;\r\n var current = 0;\r\n var timer;\r\n\r\n function goTo(n) {\r\n slides[current].classList.remove('active');\r\n dots[current].classList.remove('active');\r\n current = (n + slides.length) % slides.length;\r\n slides[current].classList.add('active');\r\n dots[current].classList.add('active');\r\n }\r\n\r\n function startTimer() { timer = setInterval(function() { goTo(current + 1); }, 9000); }\r\n function resetTimer() { clearInterval(timer); startTimer(); }\r\n\r\n var tNext = document.getElementById('tNext');\r\n var tPrev = document.getElementById('tPrev');\r\n if (tNext) tNext.addEventListener('click', function() { goTo(current + 1); resetTimer(); });\r\n if (tPrev) tPrev.addEventListener('click', function() { goTo(current - 1); resetTimer(); });\r\n dots.forEach(function(dot) {\r\n dot.addEventListener('click', function() { goTo(parseInt(dot.dataset.index)); resetTimer(); });\r\n });\r\n\r\n startTimer();\r\n })();\r\n });\r\n <\/script>\r\n\r\n \r\n <div class=\"video-toast-backdrop\" id=\"videoToastBackdrop\"><\/div>\r\n\r\n \r\n <div class=\"video-toast\" id=\"videoToast\" aria-label=\"Ver demo del producto\">\r\n <div class=\"video-toast-thumb\">\r\n <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/maxresdefault.jpg\" alt=\"Demo BTBGesti\u00f3n365\" loading=\"lazy\" title=\"\">\r\n <div class=\"video-toast-thumb-overlay\"><\/div>\r\n <div class=\"video-toast-thumb-play\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"6 3 20 12 6 21 6 3\"\/><\/svg>\r\n <\/div>\r\n <span class=\"video-toast-duration\">7 min<\/span>\r\n <\/div>\r\n <div class=\"video-toast-body\">\r\n <div class=\"video-toast-text\">\r\n <span class=\"video-toast-title\">C\u00f3mo funciona BTBGesti\u00f3n365<\/span>\r\n <span class=\"video-toast-sub\">\u25b6 Demo del producto<\/span>\r\n <\/div>\r\n <\/div>\r\n <button class=\"video-toast-close\" id=\"videoToastClose\" aria-label=\"Cerrar\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n \r\n <div id=\"videoModal\" class=\"video-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Demo del producto\">\r\n <div class=\"video-modal-backdrop\"><\/div>\r\n <div class=\"video-modal-container\">\r\n <button class=\"video-modal-close\" aria-label=\"Cerrar v\u00eddeo\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <div class=\"video-modal-wrapper\" data-src=\"https:\/\/www.youtube-nocookie.com\/embed\/T87OkBT0zUo?autoplay=1&rel=0&playsinline=1&modestbranding=1&iv_load_policy=3&controls=0\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-sticky-cta\" id=\"mobileStickyCtA\">\r\n <a href=\"#contacto\">\r\n Reservar demo gratuita\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"Organization\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/#organization\",\r\n \"name\": \"BTB Consulting\",\r\n \"url\": \"https:\/\/btbconsulting.com\",\r\n \"logo\": {\r\n \"@type\": \"ImageObject\",\r\n \"url\": \"https:\/\/btbconsulting.com\/wp-content\/uploads\/2026\/04\/BTB-Consulting-Andres-Logotipos-500-x-250-px.webp\",\r\n \"width\": 500,\r\n \"height\": 250\r\n },\r\n \"description\": \"Consultor\u00eda especializada en soluciones Microsoft 365 para despachos de abogados y gestor\u00edas.\",\r\n \"sameAs\": [\r\n \"https:\/\/www.linkedin.com\/company\/btb-consulting-com\"\r\n ],\r\n \"contactPoint\": {\r\n \"@type\": \"ContactPoint\",\r\n \"contactType\": \"sales\",\r\n \"availableLanguage\": \"Spanish\"\r\n }\r\n }\r\n <\/script>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"SoftwareApplication\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/#software\",\r\n \"name\": \"BTBGesti\u00f3n365\",\r\n \"applicationCategory\": \"BusinessApplication\",\r\n \"operatingSystem\": \"Microsoft 365\",\r\n \"description\": \"CRM y gesti\u00f3n documental integrado en Microsoft 365 para despachos de abogados y gestor\u00edas. Gesti\u00f3n de clientes, expedientes, correo y documentaci\u00f3n en un \u00fanico sistema.\",\r\n \"url\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\",\r\n\r\n \"datePublished\": \"2025-01-01\",\r\n \"dateModified\": \"2026-04-13\",\r\n \"aggregateRating\": {\r\n \"@type\": \"AggregateRating\",\r\n \"ratingValue\": \"5\",\r\n \"ratingCount\": \"4\",\r\n \"bestRating\": \"5\",\r\n \"worstRating\": \"1\"\r\n },\r\n \"featureList\": [\r\n \"CRM de clientes y expedientes\",\r\n \"Gesti\u00f3n de correo profesionalizada\",\r\n \"Gesti\u00f3n documental integrada en Microsoft 365\",\r\n \"Automatizaci\u00f3n documental\",\r\n \"IA para procesamiento documental\",\r\n \"Seguridad y control de accesos\",\r\n \"Informes en tiempo real\"\r\n ],\r\n \"offers\": {\r\n \"@type\": \"Offer\",\r\n \"priceCurrency\": \"EUR\",\r\n \"priceSpecification\": {\r\n \"@type\": \"UnitPriceSpecification\",\r\n \"priceType\": \"https:\/\/schema.org\/OneTimePurchase\",\r\n \"description\": \"Pago \u00fanico por implementaci\u00f3n, sin cuotas mensuales\"\r\n }\r\n },\r\n \"provider\": {\r\n \"@type\": \"Organization\",\r\n \"name\": \"BTB Consulting\",\r\n \"url\": \"https:\/\/btbconsulting.com\"\r\n }\r\n }\r\n <\/script>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"FAQPage\",\r\n \"mainEntity\": [\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfNecesito tener licencias de Microsoft 365?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"S\u00ed, la soluci\u00f3n funciona sobre Microsoft 365. Si ya lo usas en tu despacho o gestor\u00eda (Outlook, Teams, Word...), probablemente ya tienes las licencias necesarias. Si no, te asesoramos sobre el plan m\u00e1s adecuado. Las licencias de Microsoft no est\u00e1n incluidas en nuestros precios.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 pasa con mis datos si dejo de trabajar con vosotros?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Tus datos siempre est\u00e1n en tu propio entorno de Microsoft 365, bajo tu control. Si decides no continuar, la aplicaci\u00f3n y los datos siguen siendo tuyos. No dependes de nosotros ni de ninguna plataforma externa para acceder a tu informaci\u00f3n.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfCu\u00e1nto se tarda en implementar la soluci\u00f3n?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Depende del plan: el plan B\u00e1sico se despliega en aproximadamente 1 mes, el Personalizado en 3-4 meses y el plan A medida requiere un m\u00ednimo de 6 meses de desarrollo dedicado. Los plazos dependen tambi\u00e9n de la disponibilidad y participaci\u00f3n del cliente.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfSe integra con el software que ya uso actualmente?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"S\u00ed. A partir del plan Personalizado incluimos automatizaci\u00f3n de integraci\u00f3n de datos mediante ficheros Excel\/CSV para importaci\u00f3n en tus sistemas inform\u00e1ticos (Sage, Finca3, GesFincas, etc.). En el plan A medida, la integraci\u00f3n es directa con tu ERP.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfEs un pago \u00fanico o hay cuotas mensuales?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Es un pago \u00fanico por la implementaci\u00f3n. No hay cuotas mensuales ni por usuario. Te quedas el producto y los datos. Solo necesitas mantener tus licencias de Microsoft 365, que son independientes de nosotros.\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Question\",\r\n \"name\": \"\u00bfQu\u00e9 incluye la garant\u00eda de 12 meses?\",\r\n \"acceptedAnswer\": {\r\n \"@type\": \"Answer\",\r\n \"text\": \"Durante los primeros 12 meses tras la entrega, cubrimos cualquier incidencia t\u00e9cnica, correcci\u00f3n de errores y soporte relacionado con la soluci\u00f3n implementada. Pasado ese periodo, ofrecemos planes de soporte o implementaci\u00f3n adicionales.\"\r\n }\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n \r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"WebSite\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/#website\",\r\n \"url\": \"https:\/\/btbconsulting.com\",\r\n \"name\": \"BTB Consulting\",\r\n \"description\": \"Consultor\u00eda Microsoft 365 para despachos de abogados y gestor\u00edas\",\r\n \"inLanguage\": \"es-ES\",\r\n \"publisher\": { \"@id\": \"https:\/\/btbconsulting.com\/#organization\" }\r\n }\r\n <\/script>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"WebPage\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/#webpage\",\r\n \"url\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\",\r\n \"name\": \"Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365\",\r\n \"isPartOf\": { \"@id\": \"https:\/\/btbconsulting.com\/#website\" },\r\n \"about\": { \"@id\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/#software\" },\r\n \"description\": \"Digitaliza tu despacho o gestor\u00eda con Microsoft 365. CRM, expedientes y gesti\u00f3n documental centralizada. Pago \u00fanico, sin cuotas. Solicita tu demo gratuita.\",\r\n \"inLanguage\": \"es-ES\",\r\n \"datePublished\": \"2025-01-01\",\r\n \"dateModified\": \"2026-04-13\",\r\n \"breadcrumb\": {\r\n \"@type\": \"BreadcrumbList\",\r\n \"itemListElement\": [\r\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Inicio\", \"item\": \"https:\/\/btbconsulting.com\" },\r\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"BTBGesti\u00f3n365\", \"item\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/\" }\r\n ]\r\n }\r\n }\r\n <\/script>\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"VideoObject\",\r\n \"@id\": \"https:\/\/btbconsulting.com\/microsoft365-para-despachos-y-asesorias\/#video\",\r\n \"name\": \"Demo BTBGesti\u00f3n365: CRM y gesti\u00f3n documental para despachos en Microsoft 365\",\r\n \"description\": \"Descubre c\u00f3mo BTBGesti\u00f3n365 digitaliza despachos de abogados y gestor\u00edas con Microsoft 365. CRM de clientes, gesti\u00f3n documental en SharePoint, buzones compartidos y automatizaci\u00f3n. Pago \u00fanico, sin cuotas mensuales.\",\r\n \"thumbnailUrl\": [\r\n \"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/maxresdefault.jpg\",\r\n \"https:\/\/img.youtube.com\/vi\/T87OkBT0zUo\/hqdefault.jpg\"\r\n ],\r\n \"uploadDate\": \"2025-01-01\",\r\n \"embedUrl\": \"https:\/\/www.youtube.com\/embed\/T87OkBT0zUo\",\r\n \"contentUrl\": \"https:\/\/www.youtube.com\/watch?v=T87OkBT0zUo\",\r\n \"publisher\": { \"@id\": \"https:\/\/btbconsulting.com\/#organization\" },\r\n \"inLanguage\": \"es-ES\"\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-634d8f3 e-flex e-con-boxed e-con e-parent\" data-id=\"634d8f3\" data-element_type=\"container\" data-e-type=\"container\" id=\"contacto\" data-settings=\"{"background_background":"gradient"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-421b92c e-con-full e-flex e-con e-child\" data-id=\"421b92c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35dd9a4 elementor-widget elementor-widget-html\" data-id=\"35dd9a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.btb-contact-info .contact-label {\r\n display: inline-block;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #C9A84C;\r\n margin-bottom: 16px;\r\n}\r\n.btb-contact-info h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.8rem;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 20px;\r\n line-height: 1.3;\r\n}\r\n.btb-contact-info p {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 1rem;\r\n color: rgba(255,255,255,0.85);\r\n line-height: 1.7;\r\n margin-bottom: 36px;\r\n}\r\n.btb-trust-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n}\r\n.btb-trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.95rem;\r\n color: rgba(255,255,255,0.9);\r\n}\r\n.btb-trust-check {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n background: rgba(56,161,105,0.15);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.btb-trust-check svg {\r\n width: 14px;\r\n height: 14px;\r\n stroke: #68d391;\r\n fill: none;\r\n}\r\n<\/style>\r\n\r\n<div class=\"btb-contact-info\">\r\n <span class=\"contact-label\">Contacto<\/span>\r\n <h2>\u00bfListo para transformar la gesti\u00f3n de tu despacho o gestor\u00eda?<\/h2>\r\n <p>Solicita una demo sin compromiso. Te mostraremos c\u00f3mo la soluci\u00f3n se adapta a las necesidades concretas de tu despacho o gestor\u00eda.<\/p>\r\n <div class=\"btb-trust-items\">\r\n <div class=\"btb-trust-item\">\r\n <div class=\"btb-trust-check\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n Sin compromiso, sin letra peque\u00f1a\r\n <\/div>\r\n <div class=\"btb-trust-item\">\r\n <div class=\"btb-trust-check\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n Respuesta garantizada en 24 horas\r\n <\/div>\r\n <div class=\"btb-trust-item\">\r\n <div class=\"btb-trust-check\">\r\n <svg viewBox=\"0 0 24 24\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n Tus datos est\u00e1n seguros \u2014 no compartimos tu informaci\u00f3n\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-beec213 e-con-full e-flex e-con e-child\" data-id=\"beec213\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f732d58 elementor-widget elementor-widget-heading\" data-id=\"f732d58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Solicita tu llamada gratuita<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc804c elementor-widget__width-auto elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"1dc804c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"step_next_label":"Siguiente","step_previous_label":"Anterior","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}\" data-widget_type=\"form.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"BTBgesti\u00f3n365\" aria-label=\"BTBgesti\u00f3n365\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"6262\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"1dc804c\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNombre\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"Tu nombre completo\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"tu@email.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-phone elementor-col-50 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-phone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tTel\u00e9fono\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<span class=\"ccfef-editor-intl-input\" data-id=\"form-field-phone\" data-field-id=\"8a24e0d\" data-default-country=\"ES\" data-include-countries=\"\" data-exclude-countries=\"\" data-dial-code-visibility=\"separate\" data-strict-mode=\"\" style=\"display: none;\"><\/span>\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[phone]\" id=\"form-field-phone\" class=\"elementor-field elementor-size-sm elementor-field-textual\" placeholder=\"600 000 000\" required=\"required\" pattern=\"[0-9()#&+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_62dc261 elementor-col-100 elementor-field-required elementor-mark-required\">\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\n\t\t\t<span class=\"elementor-field-option\">\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_62dc261]\" id=\"form-field-field_62dc261\" class=\"elementor-field elementor-size-sm elementor-acceptance-field\" required=\"required\">\n\t\t\t\t<label for=\"form-field-field_62dc261\"><span style=\"font-family: 'DM Sans' ; font-size: 14px; font-weight: 400; line-height: 1.5;\">\n He le\u00eddo y acepto la \n <a href=\"\/politica-de-privacidad\" target=\"_blank\" style=\"color: #C9A84C; text-decoration: none; font-size: 14px; font-weight: 400; line-height: 1.5;\">\n pol\u00edtica de privacidad.\n <\/a> Mis datos ser\u00e1n tratados por BTB Consulting para gestionar mi solicitud.\n<\/span>\n<\/label>\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text\">\n\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_f3682f5]\" id=\"form-field-field_f3682f5\" class=\"elementor-field elementor-size-sm \" style=\"display:none !important;\">\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Solicitar llamada gratuita <\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-95ab789 e-con-full e-flex e-con e-parent\" data-id=\"95ab789\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c9da75 elementor-widget elementor-widget-html\" data-id=\"3c9da75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.btb-footer {\r\n padding: 32px 0;\r\n background: #0F1B33;\r\n border-top: 1px solid rgba(255,255,255,0.05);\r\n}\r\n.btb-footer-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n}\r\n.btb-footer-copy {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.85rem;\r\n color: #ffffff;\r\n margin: 0;\r\n}\r\n.btb-footer-links {\r\n display: flex;\r\n gap: 24px;\r\n}\r\n.btb-footer-links a {\r\n font-family: 'DM Sans', sans-serif;\r\n font-size: 0.75rem;\r\n color: rgba(255,255,255,0.7);\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n}\r\n.btb-footer-links a:hover {\r\n color: rgba(255,255,255,0.9);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .btb-footer {\r\n padding: 24px 0;\r\n }\r\n .btb-footer-inner {\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: 12px;\r\n padding: 0 20px;\r\n }\r\n .btb-footer-links {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n .btb-footer-copy {\r\n font-size: 0.78rem;\r\n }\r\n .btb-footer-links a {\r\n font-size: 0.72rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"btb-footer\">\r\n <div class=\"btb-footer-inner\">\r\n <p class=\"btb-footer-copy\">© 2026 BTBGesti\u00f3n365 by BTB Consulting. Todos los derechos reservados.<\/p>\r\n <div class=\"btb-footer-links\">\r\n <a href=\"https:\/\/btbconsulting.com\/politica-de-privacidad\/\">Pol\u00edtica de privacidad<\/a>\r\n <a href=\"https:\/\/btbconsulting.com\/aviso-legal\/\">Aviso legal<\/a>\r\n <a href=\"https:\/\/btbconsulting.com\/politica-de-cookies\/\">Pol\u00edtica de cookies<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\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>Digitaliza tu despacho con Microsoft 365 | BTBGesti\u00f3n365 \u00bfPor qu\u00e9 Microsoft? Funcionalidades Precios Reservar demo Reservar llamada Solo aceptamos 3 nuevos proyectos este trimestre \u00b7 Plazas limitadas Solo 3 plazas disponibles este trimestre Reservar ahora \u2192 \u00bfPor qu\u00e9 Microsoft? Funcionalidades Precios Reservar demo Dise\u00f1ado por y para abogados y gestor\u00edas \u00b7 Construido sobre Microsoft 365 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6262","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/pages\/6262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/comments?post=6262"}],"version-history":[{"count":249,"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/pages\/6262\/revisions"}],"predecessor-version":[{"id":6652,"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/pages\/6262\/revisions\/6652"}],"wp:attachment":[{"href":"https:\/\/btbconsulting.com\/en\/wp-json\/wp\/v2\/media?parent=6262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}