{"id":27983,"date":"2025-08-13T18:08:30","date_gmt":"2025-08-13T23:08:30","guid":{"rendered":"https:\/\/eliteforgecompany.com\/?page_id=27983"},"modified":"2025-08-28T20:11:27","modified_gmt":"2025-08-29T01:11:27","slug":"asistente-comercial","status":"publish","type":"page","link":"https:\/\/eliteforgecompany.com\/en\/asistente-comercial\/","title":{"rendered":"Commercial Assistant"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Asistente Comercial<\/title>\r\n <style>\r\n \/* Reset completo para evitar interferencias *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n \r\n \/* Precarga de la fuente Blanka con m\u00faltiples formatos *\/\r\n @font-face {\r\n font-family: 'Blanka';\r\n src: url('https:\/\/fonts.cdnfonts.com\/css\/blanka') format('woff2'),\r\n url('https:\/\/fonts.cdnfonts.com\/css\/blanka') format('woff');\r\n font-display: swap;\r\n font-weight: normal;\r\n font-style: normal;\r\n }\r\n \r\n \/* Contenedor principal con aislamiento de estilo *\/\r\n .header-container {\r\n all: initial;\r\n display: block;\r\n background-color: transparent;\r\n text-align: center;\r\n padding: 150px 10px;\r\n isolation: isolate;\r\n }\r\n \r\n \/* Estilos para el t\u00edtulo principal - CAMBIA EL TAMA\u00d1O AQU\u00cd *\/\r\n .main-title {\r\n all: initial;\r\n display: block;\r\n font-family: 'Blanka', 'Impact', 'Arial Black', sans-serif !important;\r\n font-size: 15rem !important; \/* \u2190 CAMBIA ESTE VALOR: ej. 6rem, 10rem, 12rem *\/\r\n color: white !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 2px !important;\r\n margin: 0 0 38px 0 !important;\r\n line-height: 1.1 !important;\r\n font-weight: normal !important;\r\n text-shadow: none !important;\r\n -webkit-text-stroke: 0 !important;\r\n }\r\n \r\n \/* Estilos para el subt\u00edtulo - CAMBIA EL TAMA\u00d1O AQU\u00cd *\/\r\n .main-subtitle {\r\n all: initial;\r\n display: block;\r\n font-family: 'Arial', sans-serif !important;\r\n font-size: 1.5rem !important; \/* \u2190 CAMBIA ESTE VALOR: ej. 1rem, 2rem, 2.5rem *\/\r\n color: white !important;\r\n max-width: 600px !important;\r\n margin: 0 auto !important;\r\n line-height: 1.6 !important;\r\n text-shadow: none !important;\r\n }\r\n \r\n \/* Responsivo para m\u00f3viles *\/\r\n @media (max-width: 768px) {\r\n .main-title {\r\n font-size: 4rem !important; \/* Tama\u00f1o m\u00f3vil del t\u00edtulo *\/\r\n }\r\n \r\n .main-subtitle {\r\n font-size: 1.2rem !important; \/* Tama\u00f1o m\u00f3vil del subt\u00edtulo *\/\r\n }\r\n }\r\n \r\n \/* Protecci\u00f3n contra estilos externos *\/\r\n .header-container * {\r\n all: unset;\r\n display: revert;\r\n }\r\n <\/style>\r\n <!-- Precargar la fuente Blanka -->\r\n <link rel=\"preload\" href=\"https:\/\/fonts.cdnfonts.com\/css\/blanka\" as=\"font\" type=\"font\/woff2\" crossorigin>\r\n<\/head>\r\n<body>\r\n <div class=\"header-container\">\r\n <h1 class=\"main-title\">Asistente COMERCIAL<\/h1>\r\n <p class=\"main-subtitle\">Personal\u00edzalo seg\u00fan tus necesidades<\/p>\r\n <\/div>\r\n<\/body>\r\n<\/html>\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-bbd0314 e-flex e-con-boxed e-con e-parent\" data-id=\"bbd0314\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dce7c58 elementor-widget elementor-widget-html\" data-id=\"dce7c58\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sofia - Asistente Comercial Hotelero<\/title>\r\n <style>\r\n .hotel-assistant-container * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n \r\n .hotel-assistant-container {\r\n background: transparent !important;\r\n color: #ffffff !important;\r\n line-height: 1.6 !important;\r\n padding: 0rem 1.5rem !important;\r\n max-width: 800px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n .header-section {\r\n text-align: center !important;\r\n margin-bottom: 3rem !important;\r\n padding-bottom: 2rem !important;\r\n border-bottom: 3px solid rgba(0, 212, 255, 0.4) !important;\r\n }\r\n \r\n .logo-title {\r\n font-size: 2.6rem !important;\r\n font-weight: bold !important;\r\n color: #00d4ff !important;\r\n margin-bottom: 1.5rem !important;\r\n text-shadow: 0 0 20px rgba(0, 212, 255, 0.5) !important;\r\n }\r\n \r\n .subtitle {\r\n font-size: 2.2rem !important;\r\n color: #ffffff !important;\r\n margin-bottom: 1.5rem !important;\r\n font-weight: 600 !important;\r\n }\r\n \r\n .tagline {\r\n font-size: 1.1rem !important;\r\n color: #cccccc !important;\r\n font-style: italic !important;\r\n }\r\n \r\n .features-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;\r\n gap: 2rem !important;\r\n margin: 3rem 0 !important;\r\n }\r\n \r\n .feature-card {\r\n background: rgba(0, 212, 255, 0.08) !important;\r\n border: 2px solid rgba(0, 212, 255, 0.3) !important;\r\n border-radius: 12px !important;\r\n padding: 2rem !important;\r\n text-align: center !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .feature-card:hover {\r\n border-color: #00d4ff !important;\r\n box-shadow: 0 8px 25px rgba(0, 212, 255, 0.25) !important;\r\n transform: translateY(-2px) !important;\r\n }\r\n \r\n .feature-icon {\r\n font-size: 2.5rem !important;\r\n margin-bottom: 1rem !important;\r\n display: block !important;\r\n }\r\n \r\n .feature-title {\r\n font-size: 1.2rem !important;\r\n font-weight: bold !important;\r\n color: #00d4ff !important;\r\n margin-bottom: 0.8rem !important;\r\n }\r\n \r\n .feature-description {\r\n color: #e0e0e0 !important;\r\n font-size: 0.95rem !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n .benefits-section {\r\n background: rgba(0, 212, 255, 0.05) !important;\r\n border: 1px solid rgba(0, 212, 255, 0.2) !important;\r\n border-radius: 12px !important;\r\n padding: 2.5rem !important;\r\n margin: 3rem 0 !important;\r\n }\r\n \r\n .benefits-title {\r\n font-size: 1.8rem !important;\r\n font-weight: bold !important;\r\n color: #00d4ff !important;\r\n text-align: center !important;\r\n margin-bottom: 2rem !important;\r\n }\r\n \r\n .benefits-list {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\r\n gap: 1.5rem !important;\r\n }\r\n \r\n .benefit-item {\r\n display: flex !important;\r\n align-items: center !important;\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n padding: 1rem !important;\r\n border-radius: 8px !important;\r\n border-left: 4px solid #00d4ff !important;\r\n }\r\n \r\n .benefit-icon {\r\n font-size: 1.5rem !important;\r\n margin-right: 1rem !important;\r\n color: #00d4ff !important;\r\n }\r\n \r\n .benefit-text {\r\n color: #ffffff !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n .cta-section {\r\n text-align: center !important;\r\n margin-top: 3rem !important;\r\n padding: 2.5rem !important;\r\n background: linear-gradient(135deg, rgba(0, 212, 255, 0.15), rgba(0, 153, 204, 0.1)) !important;\r\n border: 2px solid rgba(0, 212, 255, 0.3) !important;\r\n border-radius: 12px !important;\r\n color: white !important;\r\n }\r\n \r\n .cta-title {\r\n font-size: 1.8rem !important;\r\n font-weight: bold !important;\r\n margin-bottom: 1rem !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n .cta-description {\r\n font-size: 1.1rem !important;\r\n margin-bottom: 2rem !important;\r\n opacity: 0.9 !important;\r\n color: #cccccc !important;\r\n }\r\n \r\n .cta-button {\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n color: #ffffff !important;\r\n border: none !important;\r\n padding: 15px 30px !important;\r\n font-size: 1.1rem !important;\r\n font-weight: bold !important;\r\n border-radius: 8px !important;\r\n text-decoration: none !important;\r\n display: inline-block !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n margin: 0 0.5rem !important;\r\n }\r\n \r\n .cta-button:hover {\r\n background: linear-gradient(135deg, #0099cc, #007acc) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 20px rgba(0, 212, 255, 0.3) !important;\r\n }\r\n \r\n .cta-button.secondary {\r\n background: transparent !important;\r\n color: #00d4ff !important;\r\n border: 2px solid #00d4ff !important;\r\n }\r\n \r\n .cta-button.secondary:hover {\r\n background: #00d4ff !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .features-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n .benefits-list {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n .logo-title {\r\n font-size: 2.5rem !important;\r\n }\r\n \r\n .hotel-assistant-container {\r\n padding: 2rem 1rem !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"hotel-assistant-container\">\r\n <!-- HEADER -->\r\n <div class=\"header-section\">\r\n <h1 class=\"logo-title\">\u00a1Es hora de presentar a tu nuevo Agente Virtual!<\/h1>\r\n <h2 class=\"subtitle\">\"N\u00f3mbralo a tu Elecci\u00f3n\"<\/h2>\r\n <p class=\"tagline\">Dise\u00f1a tu asistente ideal: desde gesti\u00f3n de reservas hasta informaci\u00f3n tur\u00edstica local. Cada funci\u00f3n se personaliza seg\u00fan tus necesidades espec\u00edficas, tipo de hu\u00e9spedes y objetivos comerciales.<\/p>\r\n <\/div>\r\n \r\n <!-- CARACTER\u00cdSTICAS PRINCIPALES -->\r\n <div class=\"features-grid\">\r\n <div class=\"feature-card\">\r\n <span class=\"feature-icon\">\ud83c\udfe8<\/span>\r\n <h3 class=\"feature-title\">Especialista Hotelero<\/h3>\r\n <p class=\"feature-description\">\r\n Conocimiento profundo del sector hotelero, desde reservas hasta servicios especializados.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-card\">\r\n <span class=\"feature-icon\">\ud83d\udcac<\/span>\r\n <h3 class=\"feature-title\">Comunicaci\u00f3n Natural<\/h3>\r\n <p class=\"feature-description\">\r\n Interact\u00faa con hu\u00e9spedes a trav\u00e9s de WhatsApp, Instagram y web de forma humanizada.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-card\">\r\n <span class=\"feature-icon\">\ud83d\udcc8<\/span>\r\n <h3 class=\"feature-title\">Aumento de Ventas<\/h3>\r\n <p class=\"feature-description\">\r\n Convierte consultas en reservas con t\u00e9cnicas de venta consultiva personalizada.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"feature-card\">\r\n <span class=\"feature-icon\">\u26a1<\/span>\r\n <h3 class=\"feature-title\">Disponibilidad 24\/7<\/h3>\r\n <p class=\"feature-description\">\r\n Atiende a hu\u00e9spedes las 24 horas, maximizando oportunidades de negocio.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- BENEFICIOS -->\r\n <div class=\"benefits-section\">\r\n <h3 class=\"benefits-title\">\u00bfQu\u00e9 lograr\u00e1s con tu Agente?<\/h3>\r\n <div class=\"benefits-list\">\r\n <div class=\"benefit-item\">\r\n <span class=\"benefit-icon\">\u2705<\/span>\r\n <span class=\"benefit-text\">Aumento del 40% en reservas directas<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <span class=\"benefit-icon\">\u2705<\/span>\r\n <span class=\"benefit-text\">Reducci\u00f3n del 70% en tiempo de respuesta<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <span class=\"benefit-icon\">\u2705<\/span>\r\n <span class=\"benefit-text\">Mayor satisfacci\u00f3n del hu\u00e9sped<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <span class=\"benefit-icon\">\u2705<\/span>\r\n <span class=\"benefit-text\">Optimizaci\u00f3n de tarifas en tiempo real<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <span class=\"benefit-icon\">\u2705<\/span>\r\n <span class=\"benefit-text\">Gesti\u00f3n autom\u00e1tica de disponibilidad<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <span class=\"benefit-icon\">\u2705<\/span>\r\n <span class=\"benefit-text\">Reportes detallados de rendimiento<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- LLAMADA A LA ACCI\u00d3N -->\r\n <div class=\"cta-section\">\r\n <h3 class=\"cta-title\">\u00bfListo para brindar experiencias excepcionales desde el primer contacto?<\/h3>\r\n <p class=\"cta-description\">\r\n Tu hotel es \u00fanico, tu asistente tambi\u00e9n deber\u00eda serlo. Configuramos funcionalidades espec\u00edficas que reflejen tu personalidad hotelera.\r\n <\/p>\r\n <a href=\"#\" class=\"cta-button\">Solicitar Demo Gratuita<\/a>\r\n <a href=\"#\" class=\"cta-button secondary\">Conocer M\u00e1s<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\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-1a2aef6 e-flex e-con-boxed e-con e-parent\" data-id=\"1a2aef6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e8d811 elementor-widget elementor-widget-html\" data-id=\"7e8d811\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sofia - Cronograma de Implementaci\u00f3n<\/title>\r\n <style>\r\n \/* PROTECCI\u00d3N DE TIPOGRAF\u00cdA CON CONTAINER IMPORTANT *\/\r\n .calendar-container * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;\r\n }\r\n \r\n .calendar-container {\r\n background: transparent !important; \/* Fondo transparente *\/\r\n color: #ffffff !important;\r\n line-height: 1.6 !important;\r\n min-height: 100vh !important;\r\n overflow-x: hidden !important;\r\n position: relative !important;\r\n padding: 20px !important;\r\n }\r\n \r\n \/* CONTAINER PRINCIPAL *\/\r\n .main-container {\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 40px 15px !important; \/* Ajust\u00e9 el padding para mejor centrado *\/\r\n position: relative !important;\r\n }\r\n \r\n \/* HEADER - CENTRADO CORREGIDO *\/\r\n .header-section {\r\n text-align: center !important;\r\n margin-bottom: 4rem !important;\r\n padding: 2rem 0 !important;\r\n width: 100% !important;\r\n }\r\n \r\n .main-title {\r\n font-size: 3.5rem !important;\r\n font-weight: bold !important;\r\n color: #1a1a1a !important;\r\n margin-bottom: 1rem !important;\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n background-clip: text !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n width: 100% !important;\r\n display: block !important;\r\n }\r\n \r\n .main-subtitle {\r\n font-size: 1.3rem !important;\r\n color: #00d4ff !important;\r\n margin-bottom: 1rem !important;\r\n font-weight: 600 !important;\r\n }\r\n \r\n .duration-badge {\r\n display: inline-block !important;\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n color: white !important;\r\n padding: 12px 30px !important;\r\n border-radius: 30px !important;\r\n font-weight: bold !important;\r\n font-size: 1.1rem !important;\r\n box-shadow: 0 10px 25px rgba(0, 212, 255, 0.2) !important;\r\n }\r\n \r\n \/* ACORDE\u00d3N PRINCIPAL *\/\r\n .accordion-container {\r\n margin: 3rem 0 !important;\r\n }\r\n \r\n .accordion-title {\r\n font-size: 2.8rem !important;\r\n font-weight: bold !important;\r\n color: #ffffff !important;\r\n text-align: center !important;\r\n margin-bottom: 3rem !important;\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n background-clip: text !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n width: 100% !important;\r\n }\r\n \r\n \/* ITEMS DEL ACORDE\u00d3N - SIN FONDO *\/\r\n .accordion-item {\r\n background: transparent !important; \/* Fondo transparente *\/\r\n border: 2px solid #e0e0e0 !important;\r\n border-radius: 15px !important;\r\n margin-bottom: 1rem !important;\r\n overflow: hidden !important;\r\n transition: all 0.3s ease !important;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;\r\n }\r\n \r\n .accordion-item:hover {\r\n border-color: #00d4ff !important;\r\n box-shadow: 0 10px 30px rgba(0, 212, 255, 0.15) !important;\r\n }\r\n \r\n .accordion-item.active {\r\n border-color: #00d4ff !important;\r\n box-shadow: 0 15px 35px rgba(0, 212, 255, 0.2) !important;\r\n }\r\n \r\n \/* HEADER DEL ACORDE\u00d3N - SIN FONDO *\/\r\n .accordion-header {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: space-between !important;\r\n padding: 1.5rem 2rem !important;\r\n cursor: pointer !important;\r\n transition: all 0.3s ease !important;\r\n background: transparent !important; \/* Fondo transparente *\/\r\n }\r\n \r\n .accordion-item.active .accordion-header {\r\n background: transparent !important; \/* Fondo transparente *\/\r\n }\r\n \r\n .accordion-month {\r\n font-size: 1.4rem !important;\r\n font-weight: bold !important;\r\n color: #ffffff !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 1rem !important;\r\n }\r\n \r\n .month-icon {\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n color: white !important;\r\n width: 45px !important;\r\n height: 45px !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 font-size: 1.2rem !important;\r\n font-weight: bold !important;\r\n }\r\n \r\n .month-phase {\r\n font-size: 1rem !important;\r\n color: #ffffff !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n .accordion-summary {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 2rem !important;\r\n }\r\n \r\n .task-count {\r\n background: rgba(0, 212, 255, 0.1) !important;\r\n color: #ffffff !important;\r\n padding: 5px 12px !important;\r\n border-radius: 20px !important;\r\n font-size: 0.9rem !important;\r\n font-weight: 600 !important;\r\n }\r\n \r\n .month-cost {\r\n background: linear-gradient(135deg, #ffa500, #ff8c00) !important;\r\n color: white !important;\r\n padding: 8px 20px !important;\r\n border-radius: 20px !important;\r\n font-weight: bold !important;\r\n font-size: 1.1rem !important;\r\n box-shadow: 0 5px 15px rgba(255, 165, 0, 0.2) !important;\r\n }\r\n \r\n .accordion-arrow {\r\n font-size: 1.5rem !important;\r\n color: #ffffff !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n \r\n .accordion-item.active .accordion-arrow {\r\n transform: rotate(180deg) !important;\r\n }\r\n \r\n \/* CONTENIDO DEL ACORDE\u00d3N - SIN FONDO *\/\r\n .accordion-content {\r\n max-height: 0 !important;\r\n overflow: hidden !important;\r\n transition: max-height 0.4s ease !important;\r\n background: transparent !important; \/* Fondo transparente *\/\r\n }\r\n \r\n .accordion-item.active .accordion-content {\r\n max-height: 800px !important;\r\n }\r\n \r\n .accordion-body {\r\n padding: 2rem !important;\r\n border-top: 1px solid #e0e0e0 !important;\r\n background: transparent !important; \/* Fondo transparente *\/\r\n }\r\n \r\n .phase-description {\r\n font-size: 1.1rem !important;\r\n color:#ffffff !important;\r\n margin-bottom: 1.5rem !important;\r\n padding: 1rem !important;\r\n background: rgba(0, 212, 255, 0.05) !important;\r\n border-left: 4px solid #00d4ff !important;\r\n border-radius: 5px !important;\r\n }\r\n \r\n \/* TAREAS DEL MES - SIN FONDO *\/\r\n .month-tasks {\r\n list-style: none !important;\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n gap: 1rem !important;\r\n }\r\n \r\n .month-tasks li {\r\n background: transparent !important; \/* Fondo transparente *\/\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 10px !important;\r\n padding: 1rem !important;\r\n position: relative !important;\r\n transition: all 0.3s ease !important;\r\n border-left: 4px solid #00d4ff !important;\r\n }\r\n \r\n .month-tasks li:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 8px 20px rgba(0, 212, 255, 0.15) !important;\r\n border-color: #ffffff !important;\r\n }\r\n \r\n .month-tasks li::before {\r\n content: '\u2713' !important;\r\n position: absolute !important;\r\n top: -8px !important;\r\n left: -8px !important;\r\n background: #00d4ff !important;\r\n color: white !important;\r\n width: 20px !important;\r\n height: 20px !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 font-size: 10px !important;\r\n font-weight: bold !important;\r\n }\r\n \r\n \/* SERVICIOS ADICIONALES - SIN FONDO *\/\r\n .additional-services {\r\n background: transparent !important; \/* Fondo transparente *\/\r\n border: 2px solid #e0e0e0 !important;\r\n border-radius: 20px !important;\r\n padding: 3rem !important;\r\n margin: 4rem 0 !important;\r\n }\r\n \r\n .services-title {\r\n font-size: 2.5rem !important;\r\n font-weight: bold !important;\r\n color: #ffffff !important;\r\n text-align: center !important;\r\n margin-bottom: 1rem !important;\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n background-clip: text !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n }\r\n \r\n .services-subtitle {\r\n text-align: center !important;\r\n color: #ffffff !important;\r\n margin-bottom: 3rem !important;\r\n font-size: 1.1rem !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n margin-bottom: 3rem !important;\r\n }\r\n \r\n .services-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;\r\n gap: 2rem !important;\r\n }\r\n \r\n .service-card {\r\n background: transparent !important; \/* Fondo transparente *\/\r\n border: 2px solid #e0e0e0 !important;\r\n border-radius: 15px !important;\r\n padding: 2rem !important;\r\n text-align: center !important;\r\n transition: all 0.3s ease !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n .service-card:hover {\r\n transform: translateY(-5px) !important;\r\n border-color: #00d4ff !important;\r\n box-shadow: 0 15px 30px rgba(0, 212, 255, 0.15) !important;\r\n }\r\n \r\n .service-icon {\r\n font-size: 3rem !important;\r\n margin-bottom: 1.5rem !important;\r\n }\r\n \r\n .service-name {\r\n font-size: 1.4rem !important;\r\n font-weight: bold !important;\r\n color: #ffffff !important;\r\n margin-bottom: 1rem !important;\r\n }\r\n \r\n .service-description {\r\n color: #ffffff !important;\r\n margin-bottom: 1.5rem !important;\r\n font-size: 1rem !important;\r\n line-height: 1.6 !important;\r\n }\r\n \r\n .service-price {\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n color: white !important;\r\n padding: 10px 25px !important;\r\n border-radius: 25px !important;\r\n font-weight: bold !important;\r\n font-size: 1.1rem !important;\r\n margin-bottom: 1rem !important;\r\n display: inline-block !important;\r\n box-shadow: 0 5px 15px rgba(0, 212, 255, 0.2) !important;\r\n }\r\n \r\n .service-features {\r\n list-style: none !important;\r\n text-align: left !important;\r\n margin-top: 1rem !important;\r\n }\r\n \r\n .service-features li {\r\n color: #ffffff !important;\r\n margin-bottom: 0.5rem !important;\r\n padding-left: 1.5rem !important;\r\n position: relative !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .service-features li::before {\r\n content: '\u2713' !important;\r\n position: absolute !important;\r\n left: 0 !important;\r\n color: #00d4ff !important;\r\n font-weight: bold !important;\r\n }\r\n \r\n \/* RESUMEN FINANCIERO - SIN FONDO *\/\r\n .financial-summary {\r\n background: transparent !important; \/* Fondo transparente *\/\r\n border: 2px solid rgba(0, 212, 255, 0.2) !important;\r\n border-radius: 20px !important;\r\n padding: 3rem !important;\r\n margin: 4rem 0 !important;\r\n text-align: center !important;\r\n }\r\n \r\n .summary-title {\r\n font-size: 2.5rem !important;\r\n font-weight: bold !important;\r\n color: #1a1a1a !important;\r\n margin-bottom: 2rem !important;\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n background-clip: text !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n }\r\n \r\n .cost-breakdown {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;\r\n gap: 1.5rem !important;\r\n }\r\n \r\n .cost-item {\r\n background: transparent !important; \/* Fondo transparente *\/\r\n border: 1px solid #e0e0e0 !important;\r\n border-radius: 15px !important;\r\n padding: 1.2rem !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .cost-item:hover {\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 10px 25px rgba(0, 212, 255, 0.1) !important;\r\n border-color: #00d4ff !important;\r\n }\r\n \r\n .cost-label {\r\n color: #ffffff !important;\r\n font-size: 1rem !important;\r\n margin-bottom: 0.8rem !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n .cost-amount {\r\n font-size: 2.2rem !important;\r\n font-weight: bold !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n \/* BOTONES CTA - SIN FONDO *\/\r\n .cta-section {\r\n text-align: center !important;\r\n margin: 4rem 0 !important;\r\n padding: 3rem !important;\r\n background: transparent !important; \/* Fondo transparente *\/\r\n border-radius: 20px !important;\r\n border: 2px solid #e0e0e0 !important;\r\n }\r\n \r\n .cta-button {\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n color: white !important;\r\n border: none !important;\r\n padding: 10px 20px !important;\r\n font-size: 1.2rem !important;\r\n font-weight: bold !important;\r\n border-radius: 15px !important;\r\n text-decoration: none !important;\r\n display: inline-block !important;\r\n cursor: pointer !important;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n margin: 1rem !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1px !important;\r\n box-shadow: 0 10px 25px rgba(0, 212, 255, 0.2) !important;\r\n }\r\n \r\n .cta-button:hover {\r\n transform: translateY(-5px) scale(1.05) !important;\r\n box-shadow: 0 20px 40px rgba(0, 212, 255, 0.3) !important;\r\n }\r\n \r\n .cta-button.secondary {\r\n background: transparent !important;\r\n color: #00d4ff !important;\r\n border: 3px solid #00d4ff !important;\r\n }\r\n \r\n .cta-button.secondary:hover {\r\n background: #00d4ff !important;\r\n color: white !important;\r\n }\r\n \r\n \/* RESPONSIVE *\/\r\n @media (max-width: 768px) {\r\n .accordion-header {\r\n flex-direction: column !important;\r\n align-items: flex-start !important;\r\n gap: 1rem !important;\r\n }\r\n \r\n .accordion-summary {\r\n width: 100% !important;\r\n justify-content: space-between !important;\r\n }\r\n \r\n .services-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n .cost-breakdown {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n .main-title {\r\n font-size: 2.5rem !important;\r\n }\r\n \r\n .accordion-title,\r\n .services-title,\r\n .summary-title {\r\n font-size: 2rem !important;\r\n }\r\n \r\n .month-tasks {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n .main-container {\r\n padding: 20px 10px !important; \/* Ajuste para m\u00f3viles *\/\r\n }\r\n }\r\n \r\n \/* ANIMACIONES *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0 !important;\r\n transform: translateY(30px) !important;\r\n }\r\n to {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n }\r\n \r\n .accordion-item {\r\n animation: fadeInUp 0.6s ease forwards !important;\r\n }\r\n \r\n .accordion-item:nth-child(1) { animation-delay: 0.1s !important; }\r\n .accordion-item:nth-child(2) { animation-delay: 0.2s !important; }\r\n .accordion-item:nth-child(3) { animation-delay: 0.3s !important; }\r\n .accordion-item:nth-child(4) { animation-delay: 0.4s !important; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"calendar-container\">\r\n <div class=\"main-container\">\r\n <!-- HEADER -->\r\n <div class=\"header-section\">\r\n <h1 class=\"main-title\">Cronograma de Implementaci\u00f3n<\/h1>\r\n <p class=\"main-subtitle\"><\/p>\r\n <div class=\"duration-badge\">Proceso Completo: 3-4 Meses<\/div>\r\n <\/div>\r\n \r\n <!-- ACORDE\u00d3N PRINCIPAL -->\r\n <div class=\"accordion-container\">\r\n <h2 class=\"accordion-title\">\ud83d\udccb Fases de Desarrollo<\/h2>\r\n \r\n <!-- MES 1 -->\r\n <div class=\"accordion-item\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n <div class=\"accordion-month\">\r\n <div class=\"month-icon\">1<\/div>\r\n <div>\r\n <div>MES 1<\/div>\r\n <div class=\"month-phase\">Configuraci\u00f3n Base<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"accordion-summary\">\r\n <div class=\"task-count\">6 tareas<\/div>\r\n <div class=\"month-cost\">$950<\/div>\r\n <div class=\"accordion-arrow\">\u25bc<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"accordion-content\">\r\n <div class=\"accordion-body\">\r\n <div class=\"phase-description\">\r\n \ud83d\udd27 <strong>Configuraci\u00f3n Base:<\/strong> Establecimiento de la infraestructura tecnol\u00f3gica fundamental y conexiones con sistemas hoteleros existentes.\r\n <\/div>\r\n <ul class=\"month-tasks\">\r\n <li>Integraci\u00f3n APIs Hoteleras<\/li>\r\n <li>Configuraci\u00f3n WhatsApp Business<\/li>\r\n <li>Setup Instagram API<\/li>\r\n <li>Base de datos inicial<\/li>\r\n <li>Dashboard administrativo<\/li>\r\n <li>Pruebas de conectividad<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- MES 2 -->\r\n <div class=\"accordion-item\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n <div class=\"accordion-month\">\r\n <div class=\"month-icon\">2<\/div>\r\n <div>\r\n <div>MES 2<\/div>\r\n <div class=\"month-phase\">Inteligencia Cognitiva<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"accordion-summary\">\r\n <div class=\"task-count\">6 tareas<\/div>\r\n <div class=\"month-cost\">$3,315<\/div>\r\n <div class=\"accordion-arrow\">\u25bc<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"accordion-content\">\r\n <div class=\"accordion-body\">\r\n <div class=\"phase-description\">\r\n \ud83e\udde0 <strong>Inteligencia Cognitiva:<\/strong> Desarrollo del cerebro deL Agente con capacidades avanzadas de comprensi\u00f3n y procesamiento de lenguaje natural.\r\n <\/div>\r\n <ul class=\"month-tasks\">\r\n <li>Memoria Inteligente<\/li>\r\n <li>Motor cognitivo avanzado<\/li>\r\n <li>Tecnolog\u00eda de interpretaci\u00f3n avanzada<\/li>\r\n <li>Entrenamiento hotelero<\/li>\r\n <li>Sistema de almacenamiento<\/li>\r\n <li>Optimizaci\u00f3n de respuestas<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- MES 3 -->\r\n <div class=\"accordion-item\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n <div class=\"accordion-month\">\r\n <div class=\"month-icon\">3<\/div>\r\n <div>\r\n <div>MES 3<\/div>\r\n <div class=\"month-phase\">Funciones de Negocio<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"accordion-summary\">\r\n <div class=\"task-count\">6 tareas<\/div>\r\n <div class=\"month-cost\">$650<\/div>\r\n <div class=\"accordion-arrow\">\u25bc<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"accordion-content\">\r\n <div class=\"accordion-body\">\r\n <div class=\"phase-description\">\r\n \ud83c\udfe8 <strong>Funciones de Negocio:<\/strong> Implementaci\u00f3n de las funcionalidades core del negocio hotelero para operaci\u00f3n completa.\r\n <\/div>\r\n <ul class=\"month-tasks\">\r\n <li>Sistema de reservas<\/li>\r\n <li>Procesamiento de pagos<\/li>\r\n <li>Check-in\/Check-out<\/li>\r\n <li>Gesti\u00f3n documental<\/li>\r\n <li>Reportes b\u00e1sicos<\/li>\r\n <li>Integraci\u00f3n con PMS<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- MES 4 -->\r\n <div class=\"accordion-item\">\r\n <div class=\"accordion-header\" onclick=\"toggleAccordion(this)\">\r\n <div class=\"accordion-month\">\r\n <div class=\"month-icon\">4<\/div>\r\n <div>\r\n <div>MES 4<\/div>\r\n <div class=\"month-phase\">Multimedia y Finalizaci\u00f3n<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"accordion-summary\">\r\n <div class=\"task-count\">6 tareas<\/div>\r\n <div class=\"month-cost\">$650<\/div>\r\n <div class=\"accordion-arrow\">\u25bc<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"accordion-content\">\r\n <div class=\"accordion-body\">\r\n <div class=\"phase-description\">\r\n \ud83c\udfaf <strong>Multimedia y Finalizaci\u00f3n:<\/strong> Pulimiento final del sistema con capacidades multimedia y puesta en producci\u00f3n.\r\n <\/div>\r\n <ul class=\"month-tasks\">\r\n <li>Sistema multimedia<\/li>\r\n <li>Galer\u00eda de habitaciones<\/li>\r\n <li>Notificaciones push<\/li>\r\n <li>Pruebas finales<\/li>\r\n <li>Capacitaci\u00f3n del equipo<\/li>\r\n <li>Go-live y soporte<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- SERVICIOS ADICIONALES -->\r\n <div class=\"additional-services\">\r\n <h2 class=\"services-title\">Servicios Adicionales Disponibles<\/h2>\r\n <p class=\"services-subtitle\">\r\n Potencia a\u00fan m\u00e1s tu implementaci\u00f3n con estos servicios especializados\r\n <\/p>\r\n \r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcca<\/div>\r\n <div class=\"service-name\">Reportes Avanzados<\/div>\r\n <div class=\"service-description\">\r\n Dashboard completo con analytics, m\u00e9tricas de conversi\u00f3n, \r\n reportes de satisfacci\u00f3n y an\u00e1lisis predictivo de demanda.\r\n <\/div>\r\n <div class=\"service-price\">$350\/mes<\/div>\r\n <ul class=\"service-features\">\r\n <li>Analytics en tiempo real<\/li>\r\n <li>Reportes de conversi\u00f3n<\/li>\r\n <li>M\u00e9tricas de satisfacci\u00f3n<\/li>\r\n <li>An\u00e1lisis predictivo<\/li>\r\n <li>Exportaci\u00f3n de datos<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udcf1<\/div>\r\n <div class=\"service-name\">Gesti\u00f3n de Redes Sociales<\/div>\r\n <div class=\"service-description\">\r\n Manejo profesional de redes sociales con publicaciones autom\u00e1ticas, \r\n respuesta a comentarios y gesti\u00f3n de reputaci\u00f3n online.\r\n <\/div>\r\n <div class=\"service-price\">Elige tu Paquete<\/div>\r\n <ul class=\"service-features\">\r\n <li>Publicaciones autom\u00e1ticas<\/li>\r\n <li>Gesti\u00f3n de comentarios<\/li>\r\n <li>Monitoreo de reputaci\u00f3n<\/li>\r\n <li>Content marketing<\/li>\r\n <li>An\u00e1lisis de engagement<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83c\udfaf<\/div>\r\n <div class=\"service-name\">Marketing Personalizado<\/div>\r\n <div class=\"service-description\">\r\n Campa\u00f1as de marketing automatizadas, segmentaci\u00f3n de clientes \r\n y promociones personalizadas basadas en IA.\r\n <\/div>\r\n <div class=\"service-price\">Cotizar<\/div>\r\n <ul class=\"service-features\">\r\n <li>Campa\u00f1as automatizadas<\/li>\r\n <li>Segmentaci\u00f3n inteligente<\/li>\r\n <li>Promociones personalizadas<\/li>\r\n <li>Email marketing<\/li>\r\n <li>Retargeting avanzado<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\ud83d\udd27<\/div>\r\n <div class=\"service-name\">Soporte Premium 24\/7<\/div>\r\n <div class=\"service-description\">\r\n Soporte t\u00e9cnico prioritario, actualizaciones inmediatas \r\n y mantenimiento proactivo del sistema.\r\n <\/div>\r\n <div class=\"service-price\">$180\/mes<\/div>\r\n <ul class=\"service-features\">\r\n <li>Soporte prioritario<\/li>\r\n <li>Monitoreo 24\/7<\/li>\r\n <li>Actualizaciones inmediatas<\/li>\r\n <li>Backup autom\u00e1tico<\/li>\r\n <li>Consultor\u00eda t\u00e9cnica<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- RESUMEN FINANCIERO -->\r\n <div class=\"financial-summary\">\r\n <h2 class=\"summary-title\">\ud83d\udcb0 Resumen de Inversi\u00f3n Total<\/h2>\r\n \r\n <div class=\"cost-breakdown\">\r\n <div class=\"cost-item\">\r\n <div class=\"cost-label\">Inversi\u00f3n Inicial<\/div>\r\n <div class=\"cost-amount\">$5,765<\/div>\r\n <\/div>\r\n <div class=\"cost-item\">\r\n <div class=\"cost-label\">Configuraci\u00f3n <\/div>\r\n <div class=\"cost-amount\">$650<\/div>\r\n <\/div>\r\n <div class=\"cost-item\">\r\n <div class=\"cost-label\">Total Inicial<\/div>\r\n <div class=\"cost-amount\" style=\"color: #00d4ff;\">$6,415<\/div>\r\n <\/div>\r\n <div class=\"cost-item\">\r\n <div class=\"cost-label\">Costo Mensual (desde)<\/div>\r\n <div class=\"cost-amount\" style=\"color: #ffa500;\">$295<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n function toggleAccordion(header) {\r\n const item = header.parentNode;\r\n const content = item.querySelector('.accordion-content');\r\n const arrow = item.querySelector('.accordion-arrow');\r\n \r\n \/\/ Cerrar todos los otros acordeones\r\n document.querySelectorAll('.accordion-item').forEach(otherItem => {\r\n if (otherItem !== item && otherItem.classList.contains('active')) {\r\n otherItem.classList.remove('active');\r\n }\r\n });\r\n \r\n \/\/ Toggle del acorde\u00f3n actual\r\n item.classList.toggle('active');\r\n }\r\n \r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Animaciones al hacer scroll\r\n const observerOptions = {\r\n threshold: 0.1,\r\n rootMargin: '0px 0px -50px 0px'\r\n };\r\n \r\n const observer = new IntersectionObserver(function(entries) {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, observerOptions);\r\n \r\n \/\/ Observar elementos para animaciones\r\n document.querySelectorAll('.service-card, .cost-item').forEach((el, index) => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(30px)';\r\n el.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n observer.observe(el);\r\n });\r\n \r\n \/\/ Scroll suave para enlaces internos\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n });\r\n \r\n \/\/ Abrir el primer acorde\u00f3n por defecto\r\n const firstAccordion = document.querySelector('.accordion-item:first-child');\r\n if (firstAccordion) {\r\n firstAccordion.classList.add('active');\r\n }\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3bdfb0 e-flex e-con-boxed e-con e-parent\" data-id=\"f3bdfb0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c2d299 elementor-widget elementor-widget-html\" data-id=\"0c2d299\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Secci\u00f3n 3 - CTA Intermedio<\/title>\r\n <style>\r\n \/* === MARCADORES EDITABLES - ESTILOS GENERALES === *\/\r\n .ia-funnel-container * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;\r\n }\r\n \r\n .ia-funnel-container body {\r\n background-color: #030617 !important;\r\n color: white !important;\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n position: relative;\r\n }\r\n \r\n .ia-funnel-container .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n }\r\n \r\n .ia-funnel-container .neural-background {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n background: #030617;\r\n }\r\n\r\n \/* === SECCI\u00d3N CTA INTERMEDIO === *\/\r\n .intermediate-cta-section {\r\n padding: 4rem 1rem;\r\n text-align: center;\r\n position: relative;\r\n margin: 3rem 0;\r\n }\r\n\r\n .intermediate-cta-content {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeInUp 1s ease-out forwards;\r\n }\r\n\r\n \/* === MARCADORES EDITABLES - T\u00cdTULO PRINCIPAL === *\/\r\n .ia-funnel-container .intermediate-cta-title {\r\n font-size: 2.5rem; \/* EDITABLE: Tama\u00f1o del t\u00edtulo *\/\r\n font-weight: 700 !important; \/* EDITABLE: Peso de la fuente *\/\r\n color: #ffffff !important; \/* EDITABLE: Color del t\u00edtulo *\/\r\n margin-bottom: 1.5rem;\r\n line-height: 1.2;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important; \/* EDITABLE: Fuente protegida *\/\r\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 0 40px rgba(255, 255, 255, 0.3);\r\n animation: titleGlow 2s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes titleGlow {\r\n from {\r\n text-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 0 40px rgba(255, 255, 255, 0.3);\r\n }\r\n to {\r\n text-shadow: 0 0 30px rgba(255, 255, 255, 0.8), 0 0 60px rgba(255, 255, 255, 0.5);\r\n }\r\n }\r\n\r\n }\r\n\r\n \/* === MARCADORES EDITABLES - SUBT\u00cdTULO === *\/\r\n .intermediate-cta-subtitle {\r\n font-size: 1.2rem; \/* EDITABLE: Tama\u00f1o del subt\u00edtulo *\/\r\n color: #ffffff; \/* EDITABLE: Color del subt\u00edtulo *\/\r\n margin-bottom: 2.5rem;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n font-family: 'Avenir', Arial, sans-serif; \/* EDITABLE: Fuente *\/\r\n opacity: 0.9;\r\n }\r\n\r\n \/* === MARCADORES EDITABLES - BOT\u00d3N CTA === *\/\r\n .cta-button {\r\n display: inline-block;\r\n padding: 0.2rem 0.9rem; \/* EDITABLE: Padding del bot\u00f3n *\/\r\n background: linear-gradient(135deg, #374151, #1f2937); \/* EDITABLE: Color de fondo del bot\u00f3n *\/\r\n color: #ffffff; \/* EDITABLE: Color del texto del bot\u00f3n *\/\r\n text-decoration: none;\r\n border-radius: 5px; \/* EDITABLE: Radio de bordes *\/\r\n font-weight: 500;\r\n font-size: 1.1rem; \/* EDITABLE: Tama\u00f1o de fuente del bot\u00f3n *\/\r\n transition: all 0.3s ease;\r\n border: 2px solid #4b5563;\r\n position: relative;\r\n overflow: hidden;\r\n font-family: 'Avenir', Arial, sans-serif; \/* EDITABLE: Fuente del bot\u00f3n *\/\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .cta-button::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n transition: left 0.5s ease;\r\n }\r\n\r\n .cta-button:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .cta-button:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n background: linear-gradient(135deg, #4b5563, #374151); \/* EDITABLE: Color hover del bot\u00f3n *\/\r\n border-color: #6b7280;\r\n }\r\n\r\n \/* === L\u00cdNEA DECORATIVA === *\/\r\n .decorative-line {\r\n width: 100px;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n margin: 2rem auto;\r\n opacity: 0.5;\r\n }\r\n\r\n \/* === ANIMACIONES === *\/\r\n @keyframes fadeInUp {\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* === RESPONSIVE === *\/\r\n @media (max-width: 768px) {\r\n .intermediate-cta-title {\r\n font-size: 2rem; \/* EDITABLE: Tama\u00f1o m\u00f3vil del t\u00edtulo *\/\r\n }\r\n \r\n .intermediate-cta-subtitle {\r\n font-size: 1.1rem; \/* EDITABLE: Tama\u00f1o m\u00f3vil del subt\u00edtulo *\/\r\n }\r\n \r\n .cta-button {\r\n padding: 0.8rem 2rem; \/* EDITABLE: Padding m\u00f3vil del bot\u00f3n *\/\r\n font-size: 1rem; \/* EDITABLE: Tama\u00f1o m\u00f3vil del bot\u00f3n *\/\r\n }\r\n \r\n .intermediate-cta-section {\r\n padding: 3rem 1rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"ia-funnel-container\">\r\n <!-- Fondo neuronal -->\r\n <div class=\"neural-background\" id=\"neuralBackground\"><\/div>\r\n \r\n <!-- Secci\u00f3n CTA Intermedio -->\r\n <section class=\"intermediate-cta-section\">\r\n <div class=\"intermediate-cta-content\">\r\n <!-- MARCADOR EDITABLE: T\u00cdTULO PRINCIPAL -->\r\n <h2 class=\"intermediate-cta-title\">\u00bfQuieres convertir m\u00e1s consultas en reservas confirmadas?<\/h2>\r\n \r\n <!-- L\u00ednea decorativa -->\r\n <div class=\"decorative-line\"><\/div>\r\n \r\n <!-- MARCADOR EDITABLE: SUBT\u00cdTULO -->\r\n <p class=\"intermediate-cta-subtitle\">Construye el asistente perfecto para tu propiedad: activa m\u00f3dulos de reservas, concierge virtual, upselling de servicios, gesti\u00f3n de quejas o informaci\u00f3n local. Solo pagas por lo que necesitas y usas.<\/p>\r\n \r\n <!-- MARCADOR EDITABLE: BOT\u00d3N CTA - Cambiar href por tu enlace -->\r\n <a href=\"https:\/\/eliteforgecompany.com\/calendario\/\" class=\"cta-button\">Consulta gratuita<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Efecto de fondo neuronal interactivo\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const neuralBackground = document.getElementById('neuralBackground');\r\n if (!neuralBackground) return;\r\n \r\n let nodes = [];\r\n let connections = [];\r\n const nodeCount = 30;\r\n \r\n \/\/ Crear nodos\r\n for (let i = 0; i < nodeCount; i++) {\r\n nodes.push({\r\n x: Math.random() * 100,\r\n y: Math.random() * 100,\r\n vx: (Math.random() - 0.5) * 0.1,\r\n vy: (Math.random() - 0.5) * 0.1,\r\n size: Math.random() * 1.5 + 1\r\n });\r\n }\r\n \r\n \/\/ Crear conexiones\r\n for (let i = 0; i < nodes.length; i++) {\r\n for (let j = i + 1; j < nodes.length; j++) {\r\n const dx = nodes[i].x - nodes[j].x;\r\n const dy = nodes[i].y - nodes[j].y;\r\n const distance = Math.sqrt(dx * dx + dy * dy);\r\n \r\n if (distance < 15) {\r\n connections.push({\r\n from: i,\r\n to: j,\r\n opacity: 1 - (distance \/ 15)\r\n });\r\n }\r\n }\r\n }\r\n \r\n \/\/ Animaci\u00f3n\r\n const canvas = document.createElement('canvas');\r\n const ctx = canvas.getContext('2d');\r\n neuralBackground.appendChild(canvas);\r\n \r\n function resizeCanvas() {\r\n canvas.width = neuralBackground.offsetWidth;\r\n canvas.height = neuralBackground.offsetHeight;\r\n }\r\n \r\n resizeCanvas();\r\n window.addEventListener('resize', resizeCanvas);\r\n \r\n function draw() {\r\n ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n \r\n \/\/ Actualizar posiciones\r\n nodes.forEach(node => {\r\n node.x += node.vx;\r\n node.y += node.vy;\r\n \r\n \/\/ Rebote en bordes\r\n if (node.x < 0 || node.x > 100) node.vx *= -1;\r\n if (node.y < 0 || node.y > 100) node.vy *= -1;\r\n });\r\n \r\n \/\/ Recalcular conexiones\r\n connections = [];\r\n for (let i = 0; i < nodes.length; i++) {\r\n for (let j = i + 1; j < nodes.length; j++) {\r\n const dx = nodes[i].x - nodes[j].x;\r\n const dy = nodes[i].y - nodes[j].y;\r\n const distance = Math.sqrt(dx * dx + dy * dy);\r\n \r\n if (distance < 15) {\r\n connections.push({\r\n from: i,\r\n to: j,\r\n opacity: 1 - (distance \/ 15)\r\n });\r\n }\r\n }\r\n }\r\n \r\n \/\/ Dibujar conexiones\r\n connections.forEach(conn => {\r\n const nodeA = nodes[conn.from];\r\n const nodeB = nodes[conn.to];\r\n \r\n ctx.beginPath();\r\n ctx.moveTo(nodeA.x * canvas.width \/ 100, nodeA.y * canvas.height \/ 100);\r\n ctx.lineTo(nodeB.x * canvas.width \/ 100, nodeB.y * canvas.height \/ 100);\r\n ctx.strokeStyle = `rgba(255, 255, 255, ${conn.opacity * 0.1})`;\r\n ctx.lineWidth = 0.5;\r\n ctx.stroke();\r\n });\r\n \r\n \/\/ Dibujar nodos\r\n nodes.forEach(node => {\r\n ctx.beginPath();\r\n ctx.arc(node.x * canvas.width \/ 100, node.y * canvas.height \/ 100, node.size, 0, Math.PI * 2);\r\n ctx.fillStyle = `rgba(0, 212, 255, 0.6)`;\r\n ctx.fill();\r\n });\r\n \r\n requestAnimationFrame(draw);\r\n }\r\n \r\n draw();\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cf3900 e-flex e-con-boxed e-con e-parent\" data-id=\"2cf3900\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5033e10 elementor-widget elementor-widget-html\" data-id=\"5033e10\" 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<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Sofia - Planes de Inversi\u00f3n<\/title>\r\n <style>\r\n .pricing-container * {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n box-sizing: border-box !important;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif !important;\r\n }\r\n \r\n .pricing-container {\r\n background: transparent !important;\r\n color: #ffffff !important;\r\n line-height: 1.6 !important;\r\n padding: 3rem 2rem !important;\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n \/* T\u00cdTULOS *\/\r\n .section-title {\r\n font-size: 2.5rem !important;\r\n font-weight: bold !important;\r\n color: #ffffff !important;\r\n text-align: center !important;\r\n margin-bottom: 1rem !important;\r\n text-shadow: 0 0 25px rgba(0, 212, 255, 0.6) !important;\r\n }\r\n \r\n .section-subtitle {\r\n text-align: center !important;\r\n color: #cccccc !important;\r\n margin-bottom: 3rem !important;\r\n font-size: 1.1rem !important;\r\n max-width: 600px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n margin-bottom: 3rem !important;\r\n }\r\n \r\n \/* GRID DE PLANES *\/\r\n .pricing-grid {\r\n display: grid !important;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;\r\n gap: 2rem !important;\r\n margin: 3rem 0 !important;\r\n }\r\n \r\n .pricing-card {\r\n background: linear-gradient(135deg, rgba(255, 165, 0, 0.1) 0%, rgba(255, 140, 0, 0.05) 100%) !important;\r\n border: 2px solid rgba(255, 165, 0, 0.3) !important;\r\n border-radius: 20px !important;\r\n padding: 2rem !important;\r\n text-align: center !important;\r\n position: relative !important;\r\n transition: all 0.3s ease !important;\r\n cursor: pointer !important;\r\n }\r\n \r\n .pricing-card:hover {\r\n transform: translateY(-5px) !important;\r\n border-color: #ffa500 !important;\r\n box-shadow: 0 15px 30px rgba(255, 165, 0, 0.2) !important;\r\n }\r\n \r\n .pricing-card.recommended {\r\n border-color: #00d4ff !important;\r\n background: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(0, 153, 204, 0.05) 100%) !important;\r\n }\r\n \r\n .pricing-card.recommended:hover {\r\n border-color: #00d4ff !important;\r\n box-shadow: 0 15px 30px rgba(0, 212, 255, 0.3) !important;\r\n }\r\n \r\n .recommended-badge {\r\n position: absolute !important;\r\n top: -10px !important;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n background: linear-gradient(135deg, #00d4ff, #0099cc) !important;\r\n color: white !important;\r\n padding: 5px 15px !important;\r\n border-radius: 15px !important;\r\n font-size: 0.8rem !important;\r\n font-weight: bold !important;\r\n }\r\n \r\n .plan-name {\r\n font-size: 1.4rem !important;\r\n color: #ffa500 !important;\r\n font-weight: bold !important;\r\n margin-bottom: 0.5rem !important;\r\n }\r\n \r\n .pricing-card.recommended .plan-name {\r\n color: #00d4ff !important;\r\n }\r\n \r\n .plan-volume {\r\n color: #cccccc !important;\r\n margin-bottom: 1rem !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .plan-price {\r\n font-size: 2.2rem !important;\r\n font-weight: bold !important;\r\n color: #ffffff !important;\r\n margin-bottom: 0.5rem !important;\r\n }\r\n \r\n .plan-period {\r\n color: #999999 !important;\r\n font-size: 0.9rem !important;\r\n margin-bottom: 1rem !important;\r\n }\r\n \r\n .plan-features {\r\n list-style: none !important;\r\n text-align: left !important;\r\n margin-bottom: 1.5rem !important;\r\n }\r\n \r\n .plan-features li {\r\n color: #e0e0e0 !important;\r\n margin-bottom: 0.5rem !important;\r\n padding-left: 1.5rem !important;\r\n position: relative !important;\r\n font-size: 0.9rem !important;\r\n }\r\n \r\n .plan-features li::before {\r\n content: '\u2713' !important;\r\n position: absolute !important;\r\n left: 0 !important;\r\n color: #00d4ff !important;\r\n font-weight: bold !important;\r\n }\r\n \r\n \/* NOTA INFORMATIVA *\/\r\n .pricing-note {\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n border-radius: 15px !important;\r\n padding: 1.5rem !important;\r\n margin-top: 2rem !important;\r\n text-align: center !important;\r\n }\r\n \r\n .pricing-note p {\r\n color: #cccccc !important;\r\n font-size: 0.95rem !important;\r\n }\r\n \r\n \/* RESPONSIVE *\/\r\n @media (max-width: 768px) {\r\n .pricing-grid {\r\n grid-template-columns: 1fr !important;\r\n }\r\n \r\n .section-title {\r\n font-size: 2rem !important;\r\n }\r\n \r\n .pricing-container {\r\n padding: 2rem 1rem !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"pricing-container\">\r\n <h2 class=\"section-title\">Planes de Inversi\u00f3n<\/h2>\r\n <p class=\"section-subtitle\">Modelo escalable que se adapta al tama\u00f1o de tu hotel<\/p>\r\n \r\n <div class=\"pricing-grid\">\r\n <div class=\"pricing-card\">\r\n <div class=\"plan-name\">Hotel Boutique<\/div>\r\n <div class=\"plan-volume\">Hasta 500 interacciones\/mes<\/div>\r\n <div class=\"plan-price\">$295<\/div>\r\n <div class=\"plan-period\">\/mes + 20% por reserva<\/div>\r\n <ul class=\"plan-features\">\r\n <li>Hasta 20 habitaciones<\/li>\r\n <li>2 canales principales<\/li>\r\n <li>Soporte est\u00e1ndar<\/li>\r\n <li>Reportes b\u00e1sicos<\/li>\r\n <li>Base de datos incluida<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"pricing-card recommended\">\r\n <div class=\"recommended-badge\">M\u00e1s Popular<\/div>\r\n <div class=\"plan-name\">Hotel Medio<\/div>\r\n <div class=\"plan-volume\">500-1500 interacciones\/mes<\/div>\r\n <div class=\"plan-price\">$395<\/div>\r\n <div class=\"plan-period\">\/mes + 15% por reserva<\/div>\r\n <ul class=\"plan-features\">\r\n <li>21-60 habitaciones<\/li>\r\n <li>Todos los canales<\/li>\r\n <li>Soporte prioritario<\/li>\r\n <li>Analytics avanzados<\/li>\r\n <li>Integraciones premium<\/li>\r\n <li>API personalizada<\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"plan-name\">Hotel Enterprise<\/div>\r\n <div class=\"plan-volume\">1500+ interacciones\/mes<\/div>\r\n <div class=\"plan-price\">$595<\/div>\r\n <div class=\"plan-period\">\/mes + 10% por reserva<\/div>\r\n <ul class=\"plan-features\">\r\n <li>60+ habitaciones<\/li>\r\n <li>Multi-propiedad<\/li>\r\n <li>Soporte dedicado 24\/7<\/li>\r\n <li>BI completo<\/li>\r\n <li>Personalizaci\u00f3n total<\/li>\r\n <li>Consultor\u00eda incluida<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"pricing-note\">\r\n <p>\r\n \ud83d\udca1 <strong>Precio Adaptativo:<\/strong> Pagas seg\u00fan tu ocupaci\u00f3n real. \r\n En temporada baja pagas menos, en alta aprovechas el m\u00e1ximo potencial.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Asistente Comercial Asistente COMERCIAL Personal\u00edzalo seg\u00fan tus necesidades Sofia – Asistente Comercial Hotelero \u00a1Es hora de presentar a tu nuevo Agente Virtual! “N\u00f3mbralo a tu Elecci\u00f3n” Dise\u00f1a tu asistente ideal: desde gesti\u00f3n de reservas hasta informaci\u00f3n tur\u00edstica local. Cada funci\u00f3n se personaliza seg\u00fan tus necesidades espec\u00edficas, tipo de hu\u00e9spedes y objetivos comerciales. \ud83c\udfe8 Especialista Hotelero […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27983","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eliteforgecompany.com\/en\/wp-json\/wp\/v2\/pages\/27983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eliteforgecompany.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eliteforgecompany.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eliteforgecompany.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/eliteforgecompany.com\/en\/wp-json\/wp\/v2\/comments?post=27983"}],"version-history":[{"count":101,"href":"https:\/\/eliteforgecompany.com\/en\/wp-json\/wp\/v2\/pages\/27983\/revisions"}],"predecessor-version":[{"id":28706,"href":"https:\/\/eliteforgecompany.com\/en\/wp-json\/wp\/v2\/pages\/27983\/revisions\/28706"}],"wp:attachment":[{"href":"https:\/\/eliteforgecompany.com\/en\/wp-json\/wp\/v2\/media?parent=27983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}