{"id":28,"date":"2025-03-02T12:13:34","date_gmt":"2025-03-02T12:13:34","guid":{"rendered":"https:\/\/thecircuit.cl\/?page_id=28"},"modified":"2026-05-24T16:09:22","modified_gmt":"2026-05-24T16:09:22","slug":"inicio","status":"publish","type":"page","link":"https:\/\/thecircuit.cl\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1358c9a e-con-full e-flex e-con e-parent\" data-id=\"1358c9a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be6b26e elementor-widget elementor-widget-image\" data-id=\"be6b26e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/thecircuit.cl\/wp-content\/uploads\/2026\/04\/image_b1f08a65-removebg-preview-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-377\" alt=\"\" srcset=\"https:\/\/thecircuit.cl\/wp-content\/uploads\/2026\/04\/image_b1f08a65-removebg-preview-150x150.png 150w, https:\/\/thecircuit.cl\/wp-content\/uploads\/2026\/04\/image_b1f08a65-removebg-preview-300x300.png 300w, https:\/\/thecircuit.cl\/wp-content\/uploads\/2026\/04\/image_b1f08a65-removebg-preview.png 500w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79d2d58 elementor-widget elementor-widget-html\" data-id=\"79d2d58\" 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>\n<html lang=\"es\">\n<head>\n    <style>\n        .preview-container {\n            background-color: transparent; \n            padding: 20px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .titulo-mastering {\n            background: linear-gradient(90deg, #5de0ff 0%, #ffffff 100%);\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            \n            font-family: 'Segoe UI', system-ui, sans-serif;\n            font-size: 3.5rem;\n            font-weight: 700;\n            text-align: center;\n            line-height: 1.1; \/* Ajustado para que las l\u00edneas est\u00e9n m\u00e1s juntas *\/\n            margin: 0;\n            filter: drop-shadow(0px 0px 12px rgba(93, 224, 255, 0.4));\n\n            \/* NUEVO: Esto fuerza el texto a comportarse como bloques verticales *\/\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        @media (max-width: 600px) {\n            .titulo-mastering { font-size: 2rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"preview-container\">\n        <h1 class=\"titulo-mastering\">\n            <span>Elevating<\/span>\n            <span>Software<\/span>\n            <span>Solutions<\/span>\n        <\/h1>\n    <\/div>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3fc61 elementor-widget elementor-widget-html\" data-id=\"3e3fc61\" 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<div class=\"interfaz-subtitulo\">\n    <p class=\"texto-subtitulo\">\n        \"Arquitectura de software avanzada concebida para una optimizaci\u00f3n operativa total.\"\n    <\/p>\n<\/div>\n\n<style>\n    .interfaz-subtitulo {\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(93, 224, 255, 0.2);\n        border-radius: 16px;\n        padding: 20px 35px;\n        max-width: 500px;\n        backdrop-filter: blur(12px);\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);\n        position: relative;\n        font-family: 'Segoe UI', system-ui, sans-serif;\n        text-align: center;\n        margin: 20px auto;\n    }\n\n    \/* Detalle de l\u00ednea decorativa superior *\/\n    .interfaz-subtitulo::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 30px;\n        height: 2px;\n        background: #5de0ff;\n        box-shadow: 0 0 8px #5de0ff;\n    }\n\n    .texto-subtitulo {\n        color: #e2e8f0;\n        font-size: 1.1rem;\n        font-weight: 300;\n        line-height: 1.5;\n        margin: 0;\n        letter-spacing: 0.4px;\n    }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb096c4 elementor-widget elementor-widget-html\" data-id=\"cb096c4\" 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<div id=\"wrapper-cliente-unique\">\n    <div id=\"main-container-client\">\n        <!-- PANTALLA DE LOGIN -->\n        <div id=\"login-section-client\">\n            <h2 class=\"title-client\">Iniciar sesi\u00f3n <\/h2>\n            <input type=\"text\" id=\"username-client\" placeholder=\"Usuario\" class=\"input-client\">\n            <input type=\"password\" id=\"password-client\" placeholder=\"Contrase\u00f1a\" class=\"input-client\">\n            <button onclick=\"loginClient()\" class=\"btn-client\">Entrar<\/button>\n            <p id=\"error-msg-client\" class=\"error-client hidden-client\">Credenciales incorrectas<\/p>\n        <\/div>\n\n        <!-- PANTALLA DE TRABAJOS -->\n        <div id=\"content-section-client\" class=\"hidden-client\">\n            <h2 id=\"welcome-msg-client\" class=\"title-client\">Hola<\/h2>\n            <div id=\"trabajos-list-client\"><\/div>\n            <button class=\"logout-btn-client\" onclick=\"resetLogin()\">Cerrar Sesi\u00f3n<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    #wrapper-cliente-unique {\n        display: flex;\n        justify-content: center;\n        padding: 40px 10px;\n        background: transparent;\n    }\n\n    #main-container-client {\n        width: 100%;\n        max-width: 400px;\n        background: transparent;\n        border: none !important;\n        padding: 20px;\n        text-align: center;\n        font-family: 'Inter', sans-serif;\n    }\n\n    .title-client { color: #ffffff !important; font-size: 22px !important; margin-bottom: 20px !important; font-weight: 600; }\n    \n    .input-client {\n        width: 100% !important;\n        padding: 12px !important;\n        margin: 8px 0 !important;\n        background: rgba(255, 255, 255, 0.07) !important;\n        border: 1px solid #333 !important;\n        border-radius: 8px !important;\n        color: white !important;\n    }\n\n    \/* BOT\u00d3N CELESTE SUAVE *\/\n    .btn-client {\n        width: 100% !important;\n        padding: 14px !important;\n        margin-top: 15px !important;\n        background: transparent !important;\n        color: #9cdcfe !important; \/* Celeste suave *\/\n        border: 1px solid #9cdcfe !important;\n        border-radius: 8px !important;\n        cursor: pointer;\n        font-weight: 400;\n        transition: 0.3s;\n    }\n\n    .btn-client:hover { \n        background: rgba(156, 220, 254, 0.1) !important; \n        color: #b3e6ff !important; \n        border-color: #b3e6ff !important; \n    }\n\n    .hidden-client { display: none !important; }\n    .error-client { color: #ff4d4d; font-size: 13px; margin-top: 10px; }\n\n    .trabajo-card-client {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid #222;\n        padding: 15px;\n        border-radius: 12px;\n        margin-top: 15px;\n        text-align: left;\n    }\n\n    .logout-btn-client {\n        background: transparent !important;\n        border: none !important;\n        color: #888 !important;\n        text-decoration: underline !important;\n        margin-top: 25px !important;\n        cursor: pointer;\n        font-size: 12px !important;\n    }\n<\/style>\n\n<script>\n    const dataUsuarios = [\n        {\n            user: \"cliente1\",\n            pass: \"clave123\",\n            nombre: \"Cliente Ejemplo\",\n            trabajos: [\n                { titulo: \"Avance de Proyecto\", desc: \"Dise\u00f1o de interfaz finalizado\", link: \"#\" }\n            ]\n        }\n    ];\n\n    function loginClient() {\n        const u = document.getElementById('username-client').value;\n        const p = document.getElementById('password-client').value;\n        const error = document.getElementById('error-msg-client');\n        const found = dataUsuarios.find(user => user.user === u && user.pass === p);\n\n        if (found) {\n            document.getElementById('login-section-client').classList.add('hidden-client');\n            document.getElementById('content-section-client').classList.remove('hidden-client');\n            document.getElementById('welcome-msg-client').innerText = \"Trabajos de \" + found.nombre;\n            \n            const list = document.getElementById('trabajos-list-client');\n            list.innerHTML = found.trabajos.map(t => `\n                <div class=\"trabajo-card-client\">\n                    <div style=\"color: #9cdcfe; font-weight: 600; margin-bottom: 5px;\">${t.titulo}<\/div>\n                    <div style=\"color: #ccc; font-size: 13px; margin-bottom: 10px;\">${t.desc}<\/div>\n                    <a href=\"${t.link}\" target=\"_blank\" style=\"color: #fff; font-size: 12px; text-decoration: none; border: 1px solid #444; padding: 4px 8px; border-radius: 4px;\">Acceder<\/a>\n                <\/div>\n            `).join('');\n        } else {\n            error.classList.remove('hidden-client');\n        }\n    }\n\n    function resetLogin() {\n        document.getElementById('login-section-client').classList.remove('hidden-client');\n        document.getElementById('content-section-client').classList.add('hidden-client');\n        document.getElementById('username-client').value = '';\n        document.getElementById('password-client').value = '';\n    }\n<\/script>\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-cbecafc e-flex e-con-boxed e-con e-parent\" data-id=\"cbecafc\" 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-a0b3e49 elementor-widget elementor-widget-html\" data-id=\"a0b3e49\" 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<div class=\"dp-section\">\n  <!-- Tarjeta 01 -->\n  <div class=\"dp-card active\">\n    <span class=\"dp-num\">01 \u2014 CORE PLATFORM<\/span>\n    <h3 class=\"dp-title\">Software a Medida Enterprise<\/h3>\n    <p class=\"dp-text\">Desarrollamos plataformas digitales integradas con tus sistemas actuales (ERP, SAP, Salesforce, Oracle). Arquitectura escalable, documentada y con transferencia de conocimiento.<\/p>\n    <div class=\"dp-tags\"><i>API-First<\/i><i>Microservicios<\/i><i>SLA 99.9%<\/i><\/div>\n  <\/div>\n\n  <!-- Tarjeta 02 -->\n  <div class=\"dp-card\">\n    <span class=\"dp-num\">02 \u2014 MOBILE & APP<\/span>\n    <h3 class=\"dp-title\">Aplicaciones Corporativas<\/h3>\n    <p class=\"dp-text\">Apps iOS y Android de alto rendimiento con autenticaci\u00f3n empresarial (SSO\/LDAP), cifrado de datos y flujos de aprobaci\u00f3n internos. Dise\u00f1adas para equipos de cientos de usuarios.<\/p>\n    <div class=\"dp-tags\"><i>SSO \/ LDAP<\/i><i>MDM Ready<\/i><i>Offline Mode<\/i><\/div>\n  <\/div>\n\n  <!-- Tarjeta 03 -->\n  <div class=\"dp-card\">\n    <span class=\"dp-num\">03 \u2014 CLOUD & DEVOPS<\/span>\n    <h3 class=\"dp-title\">Infraestructura y Operaciones<\/h3>\n    <p class=\"dp-text\">Migraci\u00f3n, arquitectura y gesti\u00f3n de infraestructura cloud en AWS, GCP y Azure. CI\/CD, monitoreo 24\/7, disaster recovery y reportes de uptime automatizados.<\/p>\n    <div class=\"dp-tags\"><i>AWS \/ GCP \/ Azure<\/i><i>CI\/CD<\/i><i>DR Plan<\/i><\/div>\n  <\/div>\n\n  <!-- Tarjeta 04 -->\n  <div class=\"dp-card\">\n    <span class=\"dp-num\">04 \u2014 DATA & ANALYTICS<\/span>\n    <h3 class=\"dp-title\">Inteligencia de Negocios<\/h3>\n    <p class=\"dp-text\">Dashboards ejecutivos, pipelines de datos y modelos predictivos que convierten tus datos en decisiones estrat\u00e9gicas. Integraci\u00f3n con Tableau, Power BI y Google Data Studio.<\/p>\n    <div class=\"dp-tags\"><i>BI<\/i><i>Data Lake<\/i><i>ML \/ AI<\/i><\/div>\n  <\/div>\n\n  <!-- Tarjeta 05 -->\n  <div class=\"dp-card\">\n    <span class=\"dp-num\">05 \u2014 SECURITY<\/span>\n    <h3 class=\"dp-title\">Ciberseguridad y Compliance<\/h3>\n    <p class=\"dp-text\">Auditor\u00edas de seguridad, implementaci\u00f3n de normas ISO 27001 y acompa\u00f1amiento en procesos de certificaci\u00f3n. Seguridad embebida desde el primer sprint.<\/p>\n    <div class=\"dp-tags\"><i>ISO 27001<\/i><i>GDPR<\/i><i>Pentest<\/i><\/div>\n  <\/div>\n\n  <!-- Tarjeta 06 -->\n  <div class=\"dp-card\">\n    <span class=\"dp-num\">06 \u2014 CONSULTING<\/span>\n    <h3 class=\"dp-title\">Diagn\u00f3stico Digital Corporativo<\/h3>\n    <p class=\"dp-text\">Evaluamos el estado digital de tu organizaci\u00f3n y entregamos una hoja de ruta clara. Mitigamos riesgos de impacto tecnol\u00f3gico y optimizamos tus costos de infraestructura.<\/p>\n    <div class=\"dp-tags\"><i>Roadmap<\/i><i>ROI<\/i><i>Arch Review<\/i><\/div>\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --bg-main: #030712;\n  --bg-card: #0b1120;\n  --border: #1e293b;\n  --accent: #3b82f6;\n  --cyan: #00d2ff;\n  --text: #94a3b8;\n}\n\n.dp-section {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 24px;\n  padding: 40px 20px;\n  background-color: var(--bg-main);\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  box-sizing: border-box;\n}\n\n.dp-card {\n  background-color: var(--bg-card);\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n  transition: border-color 0.25s ease, box-shadow 0.25s ease;\n}\n\n.dp-card:hover, \n.dp-card.active {\n  border-color: var(--cyan);\n  box-shadow: 0px 4px 25px rgba(0, 210, 255, 0.12);\n}\n\n.dp-num {\n  color: var(--accent);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  margin-bottom: 12px;\n}\n\n.dp-title {\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: 600;\n  margin: 0 0 16px 0;\n  line-height: 1.3;\n}\n\n.dp-text {\n  color: var(--text);\n  font-size: 14px;\n  line-height: 1.6;\n  margin: 0 0 24px 0;\n  flex-grow: 1;\n}\n\n.dp-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.dp-tags i {\n  font-style: normal;\n  background-color: rgba(59, 130, 246, 0.1);\n  color: var(--accent);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  padding: 5px 12px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n\/* \ud83d\udcf1 OPTIMIZACI\u00d3N EXCLUSIVA PARA M\u00d3VILES (Menos de 768px) *\/\n@media (max-width: 767px) {\n  .dp-section {\n    grid-template-columns: 1fr; \/* Una sola tarjeta por fila *\/\n    gap: 16px; \/* Menos separaci\u00f3n entre tarjetas *\/\n    padding: 24px 12px; \/* Menos espacio en los bordes de la pantalla *\/\n  }\n  \n  .dp-card {\n    padding: 24px; \/* Tarjetas m\u00e1s compactas internamente *\/\n  }\n\n  .dp-title {\n    font-size: 18px; \/* T\u00edtulo sutilmente m\u00e1s peque\u00f1o para que no rompa l\u00ednea *\/\n    margin-bottom: 12px;\n  }\n\n  .dp-text {\n    font-size: 13.5px; \/* Texto descriptivo m\u00e1s c\u00f3modo para lectura m\u00f3vil *\/\n    margin-bottom: 20px;\n  }\n}\n<\/style>\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-a4f3fcb e-flex e-con-boxed e-con e-parent\" data-id=\"a4f3fcb\" 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-1677b4d elementor-widget elementor-widget-html\" data-id=\"1677b4d\" 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<div id=\"chat-section-wrapper\">\n    <h1 class=\"titulo-mastering\">\n        <span><\/span>\n        <span><\/span>\n        <span><\/span>\n    <\/h1>\n\n    <div id=\"chat-container-fixed\">\n        <div class=\"chat-header-custom\">\n            <div class=\"header-text-custom\">\n                <span class=\"name-custom\">The Circuit <\/span>\n                <span class=\"status-custom\">\u25cf En l\u00ednea<\/span>\n            <\/div>\n        <\/div>\n        \n        <div id=\"chat-box-logic\" class=\"chat-box-custom\"><\/div>\n        \n        <div id=\"typing-custom\" class=\"typing-custom\">\n            <span class=\"dot-custom\"><\/span><span class=\"dot-custom\"><\/span><span class=\"dot-custom\"><\/span>\n        <\/div>\n\n        <div class=\"footer-actions\">\n            <a href=\"https:\/\/calendly.com\" target=\"_blank\" class=\"footer-btn btn-calendly\">Agendar reuni\u00f3n<\/a>\n            <a href=\"mailto:contacto@thecircuit.cl\" class=\"footer-btn btn-mail\">contacto@thecircuit.cl<\/a>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .titulo-mastering {\n        background: linear-gradient(90deg, #5de0ff 0%, #ffffff 100%);\n        -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n        font-family: 'Segoe UI', sans-serif; font-size: 3.5rem; font-weight: 700;\n        text-align: center; line-height: 1.1; margin-bottom: 30px;\n        filter: drop-shadow(0px 0px 12px rgba(93, 224, 255, 0.4));\n        display: flex; flex-direction: column; align-items: center;\n    }\n\n    #chat-section-wrapper { display: flex; flex-direction: column; align-items: center; padding: 20px; }\n    \n    #chat-container-fixed {\n        width: 100%; max-width: 380px; height: 650px;\n        background: #000; border-radius: 24px;\n        display: flex; flex-direction: column; overflow: hidden;\n        border: 1px solid #c0c0c0; font-family: 'Inter', sans-serif; position: relative;\n    }\n\n    .chat-header-custom { padding: 18px 20px; background: #000; border-bottom: 1px solid #222; }\n    .name-custom { color: #fff; font-weight: 600; font-size: 14px; }\n    .status-custom { color: #22c55e; font-size: 11px; margin-left: 8px; }\n\n    .chat-box-custom { flex: 1; padding: 20px; overflow-y: auto; display: flex; flex-direction: column; gap: 15px; padding-bottom: 100px; scrollbar-width: none; }\n    \n    .msg-wrap { display: flex; flex-direction: column; max-width: 85%; opacity: 0; transform: translateY(10px); transition: 0.4s ease; }\n    .msg-wrap.visible { opacity: 1; transform: translateY(0); }\n    .bot-wrap { align-self: flex-start; }\n    .user-wrap { align-self: flex-end; }\n\n    \/* ESTILO DE LA HORA CON PUNTO VERDE *\/\n    .meta-custom { font-size: 10px; color: #777; margin-bottom: 4px; display: flex; align-items: center; gap: 4px; }\n    .user-wrap .meta-custom { justify-content: flex-end; }\n    .dot-time { color: #22c55e; font-size: 9px; }\n\n    .bubble-custom { padding: 12px 16px; border-radius: 18px; font-size: 13px; line-height: 1.4; background: #111; color: #fff; border: 1px solid #222; }\n    .bot-bubble-style { border-bottom-left-radius: 4px; }\n    .user-bubble-style { border-bottom-right-radius: 4px; }\n\n    .footer-actions { position: absolute; bottom: 0; width: 100%; display: flex; border-top: 1px solid #222; background: #000; }\n    .footer-btn { flex: 1; padding: 18px 10px; text-decoration: none; font-size: 11px; color: #8a2be2; text-align: center; border-right: 1px solid #222; }\n\n    .typing-custom { padding: 10px 20px; display: none; position: absolute; bottom: 68px; }\n    .dot-custom { height: 5px; width: 5px; background: #8a2be2; border-radius: 50%; display: inline-block; animation: bounce 1.4s infinite; margin-right: 3px; }\n    @keyframes bounce { 0%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-5px); } }\n<\/style>\n\n<script>\n(function() {\n    const chatBox = document.getElementById('chat-box-logic');\n    const typing = document.getElementById('typing-custom');\n\n    const conversation = [\n        { type: 'bot', text: 'Bienvenido a The Circuit. Somos l\u00edderes en arquitectura de software de alta disponibilidad.', time: '14:02' },\n        { type: 'user', text: 'Hola, buscamos desarrollar una plataforma escalable con microservicios.', time: '14:03' },\n        { type: 'bot', text: 'Excelente. Dise\u00f1amos infraestructuras que soportan millones de peticiones con latencia m\u00ednima.', time: '14:04' },\n        { type: 'bot', text: '\u00bfTienen preferencia por alguna nube o stack tecnol\u00f3gico espec\u00edfico?', time: '14:04' },\n        { type: 'user', text: 'Estamos evaluando AWS pero nos preocupa el costo de escalabilidad.', time: '14:05' },\n        { type: 'bot', text: 'Optimizamos recursos mediante Serverless y contenedores para reducir costos hasta un 35%.', time: '14:07' },\n        { type: 'bot', text: 'Hemos rescatado proyectos cr\u00edticos que otras empresas no pudieron escalar.', time: '14:07' },\n        { type: 'user', text: 'Eso es justo lo que necesitamos. \u00bfC\u00f3mo es su proceso de trabajo?', time: '14:08' },\n        { type: 'bot', text: 'Trabajamos con metodolog\u00edas \u00e1giles y entregas bi-semanales de software funcional.', time: '14:09' },\n        { type: 'bot', text: 'Hablemos de su roadmap. Agende una sesi\u00f3n t\u00e9cnica con nuestros ingenieros abajo.', time: '14:10' }\n    ];\n\n    async function startLoop() {\n        while (true) {\n            chatBox.innerHTML = '';\n            for (const msg of conversation) {\n                if (msg.type === 'bot') {\n                    typing.style.display = 'block';\n                    await new Promise(r => setTimeout(r, 1800));\n                    typing.style.display = 'none';\n                } else {\n                    await new Promise(r => setTimeout(r, 1200));\n                }\n\n                const div = document.createElement('div');\n                div.className = `msg-wrap ${msg.type}-wrap`;\n                div.innerHTML = `\n                    <div class=\"meta-custom\"><span class=\"dot-time\">\u25cf<\/span> ${msg.time}<\/div>\n                    <div class=\"bubble-custom ${msg.type}-bubble-style\">${msg.text}<\/div>\n                `;\n                chatBox.appendChild(div);\n                setTimeout(() => div.classList.add('visible'), 50);\n                chatBox.scrollTop = chatBox.scrollHeight;\n                await new Promise(r => setTimeout(r, 1500));\n            }\n            await new Promise(r => setTimeout(r, 8000));\n        }\n    }\n    startLoop();\n})();\n<\/script>\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-738e653 e-flex e-con-boxed e-con e-parent\" data-id=\"738e653\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Elevating Software Solutions \u00abArquitectura de software avanzada concebida para una optimizaci\u00f3n operativa total.\u00bb Iniciar sesi\u00f3n Entrar Credenciales incorrectas Hola Cerrar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-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":"","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-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thecircuit.cl\/index.php\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thecircuit.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thecircuit.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thecircuit.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thecircuit.cl\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":292,"href":"https:\/\/thecircuit.cl\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":411,"href":"https:\/\/thecircuit.cl\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/411"}],"wp:attachment":[{"href":"https:\/\/thecircuit.cl\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}