{"id":304,"date":"2025-03-03T18:27:47","date_gmt":"2025-03-03T18:27:47","guid":{"rendered":"https:\/\/cloud360corp.azurewebsites.net\/?page_id=304"},"modified":"2026-05-05T20:59:13","modified_gmt":"2026-05-05T20:59:13","slug":"about-us","status":"publish","type":"page","link":"https:\/\/cloud360.com.ec\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"304\" class=\"elementor elementor-304\">\n\t\t\t\t<div class=\"elementor-element elementor-element-529eb1c5 e-flex e-con-boxed e-con e-parent\" data-id=\"529eb1c5\" 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-72e7ebfa elementor-widget elementor-widget-html\" data-id=\"72e7ebfa\" 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    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        :root {\n            --accent: #0141FC;\n            --accent-dark: #0030cc;\n            --text: #0f0f0f;\n            --text-muted: #666;\n            --border: #eeeeee;\n            --bg: #ffffff;\n            --bg-hover: #f0f4ff;\n            --bg-icon: #f0f4ff;\n        }\n\n        * { box-sizing: border-box; margin: 0; padding: 0; }\n\n        body { font-family: 'DM Sans', sans-serif; }\n\n        \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n        .navbar {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0 5%;\n            height: 68px;\n            background: var(--bg);\n            border-bottom: 1px solid var(--border);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n        }\n\n        \/* \u2500\u2500\u2500 LOGO \u2500\u2500\u2500 *\/\n        .nb-logo {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            text-decoration: none;\n        }\n\n        .nb-logo-icon {\n            width: 34px;\n            height: 34px;\n            background: var(--accent);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .nb-logo-icon img {\n            height: 40px;\n            filter: brightness(0) invert(1);\n        }\n\n        \/* Si usas el logo completo en lugar del \u00edcono: *\/\n        .nb-logo-full img {\n            height: 50px;\n            display: block;\n        }\n\n        .nb-logo-name {\n            font-size: 15px;\n            font-weight: 600;\n            color: var(--text);\n            letter-spacing: -0.3px;\n        }\n\n        .nb-logo-name span { color: var(--accent); }\n\n        \/* \u2500\u2500\u2500 LINKS \u2500\u2500\u2500 *\/\n        .nb-links {\n            display: flex;\n            align-items: center;\n            gap: 2px;\n        }\n\n        .nb-link {\n            text-decoration: none;\n            color: var(--text-muted);\n            font-size: 13.5px;\n            font-weight: 500;\n            padding: 8px 13px;\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            transition: background 0.15s, color 0.15s;\n            cursor: pointer;\n            background: none;\n            border: none;\n            font-family: inherit;\n            white-space: nowrap;\n        }\n\n        .nb-link:hover { background: var(--bg-hover); color: var(--accent); }\n\n        \/* \u2500\u2500\u2500 CHEVRON \u2500\u2500\u2500 *\/\n        .nb-chevron {\n            width: 12px;\n            height: 12px;\n            transition: transform 0.2s;\n        }\n\n        .nb-item:hover .nb-chevron { transform: rotate(180deg); }\n\n        \/* \u2500\u2500\u2500 DROPDOWN \u2500\u2500\u2500 *\/\n        .nb-item { position: relative; }\n\n        .nb-drop {\n            position: absolute;\n            top: calc(100% + 8px);\n            left: 0;\n            background: var(--bg);\n            border: 1px solid var(--border);\n            border-radius: 12px;\n            min-width: 230px;\n            padding: 6px;\n            opacity: 0;\n            visibility: hidden;\n            transform: translateY(-6px);\n            transition: opacity 0.18s, transform 0.18s, visibility 0.18s;\n            z-index: 200;\n            box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n        }\n\n        .nb-item:hover .nb-drop {\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n        }\n\n        .nb-drop-section {\n            font-size: 10.5px;\n            color: #aaa;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.6px;\n            padding: 8px 12px 4px;\n            margin-top: 2px;\n        }\n\n        .nb-drop-link {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 9px 12px;\n            border-radius: 8px;\n            text-decoration: none;\n            color: #333;\n            font-size: 13px;\n            font-weight: 500;\n            transition: background 0.12s, color 0.12s;\n        }\n\n        .nb-drop-link:hover { background: var(--bg-hover); color: var(--accent); }\n\n        .nb-drop-icon {\n            width: 28px;\n            height: 28px;\n            border-radius: 6px;\n            background: var(--bg-icon);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .nb-drop-icon svg {\n            width: 14px;\n            height: 14px;\n            stroke: var(--accent);\n            fill: none;\n            stroke-width: 1.8;\n        }\n\n        .nb-drop-label {\n            font-size: 11px;\n            color: #999;\n            font-weight: 400;\n        }\n\n        \/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\n        .nb-cta {\n            text-decoration: none;\n            background: var(--accent);\n            color: #fff;\n            font-size: 13px;\n            font-weight: 500;\n            padding: 8px 18px;\n            border-radius: 8px;\n            transition: background 0.15s;\n            margin-left: 10px;\n            white-space: nowrap;\n        }\n\n        .nb-cta:hover { background: var(--accent);\n        color: white;}\n\n        \/* \u2500\u2500\u2500 HAMBURGER \u2500\u2500\u2500 *\/\n        .nb-ham {\n            display: none;\n            flex-direction: column;\n            gap: 5px;\n            cursor: pointer;\n            padding: 6px;\n            background: none;\n            border: none;\n        }\n\n        .nb-ham span {\n            width: 22px;\n            height: 2px;\n            background: var(--accent);\n            border-radius: 2px;\n            display: block;\n            transition: 0.25s;\n        }\n\n        .nb-ham.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }\n        .nb-ham.active span:nth-child(2) { opacity: 0; }\n        .nb-ham.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }\n\n        \/* \u2500\u2500\u2500 OVERLAY \u2500\u2500\u2500 *\/\n        .nb-overlay {\n            display: none;\n            position: fixed;\n            inset: 0;\n            background: rgba(0,0,0,0.35);\n            z-index: 900;\n        }\n\n        .nb-overlay.active { display: block; }\n\n        \/* \u2500\u2500\u2500 MOBILE PANEL \u2500\u2500\u2500 *\/\n        @media (max-width: 768px) {\n            .nb-ham { display: flex; }\n\n            .nb-links {\n                position: fixed;\n                top: 0;\n                right: -100%;\n                height: 100%;\n                width: min(320px, 85%);\n                background: var(--bg);\n                flex-direction: column;\n                align-items: flex-start;\n                padding: 80px 20px 30px;\n                gap: 4px;\n                transition: right 0.3s;\n                z-index: 950;\n                overflow-y: auto;\n                box-shadow: -4px 0 24px rgba(0,0,0,0.08);\n            }\n\n            .nb-links.active { right: 0; }\n\n            .nb-link { width: 100%; font-size: 15px; padding: 11px 14px; }\n\n            .nb-item { width: 100%; }\n\n            .nb-drop {\n                position: static;\n                opacity: 1;\n                visibility: visible;\n                transform: none;\n                box-shadow: none;\n                border: none;\n                background: #f9faff;\n                border-radius: 10px;\n                margin: 4px 0;\n                padding: 4px;\n                display: none;\n            }\n\n            .nb-item.open .nb-drop { display: block; }\n            .nb-item.open .nb-chevron { transform: rotate(180deg); }\n\n            .nb-cta {\n                margin: 10px 0 0;\n                width: 100%;\n                text-align: center;\n                padding: 11px;\n                font-size: 14px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"nb-overlay\" id=\"nb-overlay\"><\/div>\n\n<nav class=\"navbar\">\n\n    <a class=\"nb-logo-full\" href=\"\/en\/\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/LOGO-CLOUD-360-6.png\" alt=\"Cloud360\">\n    <\/a>\n\n\n    <button class=\"nb-ham\" id=\"nb-ham\" aria-label=\"Abrir men\u00fa\">\n        <span><\/span><span><\/span><span><\/span>\n    <\/button>\n\n    <div class=\"nb-links\" id=\"nb-links\">\n\n        <a href=\"\/en\/\" class=\"nb-link\">Inicio<\/a>\n        <a href=\"\/en\/about-us\/\" class=\"nb-link\">Sobre nosotros<\/a>\n\n        <!-- PRODUCTOS -->\n        <div class=\"nb-item\" id=\"drop-productos\">\n            <button class=\"nb-link\" aria-haspopup=\"true\">\n                Productos\n                <svg class=\"nb-chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                    <polyline points=\"6 9 12 15 18 9\"\/>\n                <\/svg>\n            <\/button>\n            <div class=\"nb-drop\" role=\"menu\">\n                <div class=\"nb-drop-section\">Microsoft<\/div>\n                <a href=\"\/en\/Microsoft365\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"8\" height=\"8\"\/><rect x=\"13\" y=\"3\" width=\"8\" height=\"8\"\/><rect x=\"3\" y=\"13\" width=\"8\" height=\"8\"\/><rect x=\"13\" y=\"13\" width=\"8\" height=\"8\"\/><\/svg><\/div>\n                    <div><div>Microsoft 365<\/div><div class=\"nb-drop-label\">Suite de productividad<\/div><\/div>\n                <\/a>\n                <a href=\"\/en\/Azure\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><polygon points=\"12 2 2 7 12 12 22 7\"\/><polyline points=\"2 17 12 22 22 17\"\/><polyline points=\"2 12 12 17 22 12\"\/><\/svg><\/div>\n                    <div><div>Azure<\/div><div class=\"nb-drop-label\">Nube empresarial<\/div><\/div>\n                <\/a>\n                <div class=\"nb-drop-section\">Power Platform<\/div>\n                <a href=\"\/en\/Power-Automate\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg><\/div>\n                    <div>Power Automate<\/div>\n                <\/a>\n                <a href=\"\/en\/Power-BI\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg 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\"\/><\/svg><\/div>\n                    <div>Power BI<\/div>\n                <\/a>\n                <a href=\"\/en\/Power-Apps\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18M9 21V9\"\/><\/svg><\/div>\n                    <div>Power Apps<\/div>\n                <\/a>\n                <a href=\"\/en\/Copilot-for-business\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg><\/div>\n                    <div>Copilot for Business<\/div>\n                <\/a>\n                <a href=\"\/en\/Adobe\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\n                    <div>Adobe<\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- SERVICIOS -->\n        <div class=\"nb-item\" id=\"drop-servicios\">\n            <button class=\"nb-link\" aria-haspopup=\"true\">\n                Servicios\n                <svg class=\"nb-chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                    <polyline points=\"6 9 12 15 18 9\"\/>\n                <\/svg>\n            <\/button>\n            <div class=\"nb-drop\" role=\"menu\">\n                <a href=\"\/en\/automatizacion-con-ia\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 20h9\"\/><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/><\/svg><\/div>\n                    <div><div>Automatizaci\u00f3n con IA<\/div><div class=\"nb-drop-label\">Workflows inteligentes<\/div><\/div>\n                <\/a>\n                <a href=\"\/en\/Ciberseguridad\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\n                    <div><div>Cibersecurity<\/div><div class=\"nb-drop-label\">Protecci\u00f3n empresarial<\/div><\/div>\n                <\/a>\n                <a href=\"\/en\/Process-Mining\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div>\n                    <div>Process Mining<\/div>\n                <\/a>\n                <a href=\"\/en\/RPA\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/div>\n                    <div>RPA<\/div>\n                <\/a>\n                <a href=\"\/en\/Beneficios-ONG\/\" class=\"nb-drop-link\">\n                    <div class=\"nb-drop-icon\"><svg 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.87M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n                    <div>Beneficios ONG<\/div>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <a href=\"\/en\/Blog\/\" class=\"nb-link\">Blog<\/a>\n\n        <a href=\"https:\/\/api.whatsapp.com\/send\/?phone=593982847909&text=Hola%2C+me+gustar%C3%ADa+obtener+mas+informaci%C3%B3n+de&type=phone_number&app_absent=0\" class=\"nb-cta\">Hablar con un experto<\/a>\n    <\/div>\n<\/nav>\n\n<script>\n    const ham = document.getElementById('nb-ham');\n    const links = document.getElementById('nb-links');\n    const overlay = document.getElementById('nb-overlay');\n\n    function closeMenu() {\n        ham.classList.remove('active');\n        links.classList.remove('active');\n        overlay.classList.remove('active');\n    }\n\n    ham.addEventListener('click', () => {\n        const open = links.classList.toggle('active');\n        ham.classList.toggle('active', open);\n        overlay.classList.toggle('active', open);\n    });\n\n    overlay.addEventListener('click', closeMenu);\n\n    \/\/ Mobile dropdowns\n    document.querySelectorAll('.nb-item > button').forEach(btn => {\n        btn.addEventListener('click', () => {\n            if (window.innerWidth <= 768) {\n                btn.parentElement.classList.toggle('open');\n            }\n        });\n    });\n<\/script>\n\n<\/body>\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-2e69096 e-con-full e-flex e-con e-parent\" data-id=\"2e69096\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82157a5 elementor-widget elementor-widget-html\" data-id=\"82157a5\" 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    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Cloud360 - Somos Energ\u00eda<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800;900&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* Reseteo b\u00e1sico para visualizar la secci\u00f3n correctamente *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Contenedor principal de la secci\u00f3n *\/\n        .hero-essence {\n            background-color: #ffffff;\n            padding: 100px 20px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            min-height: 80vh; \/* Opcional: para centrar verticalmente en pantalla *\/\n        }\n\n        .essence-container {\n            max-width: 900px; \/* Incrementado ligeramente para la animaci\u00f3n *\/\n            margin: auto;\n        }\n\n        \/* Etiqueta superior (Badge) *\/\n        .badge-evolution {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background-color: #f0f5ff; \/* Azul muy claro *\/\n            color: #1a56ff; \/* Azul brillante *\/\n            padding: 10px 20px;\n            border-radius: 50px;\n            font-size: 0.75rem;\n            font-weight: 800;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            margin-bottom: 30px;\n        }\n\n        .badge-evolution i {\n            font-size: 0.9rem;\n        }\n\n        \/* T\u00edtulo Principal *\/\n        .headline-essence {\n            font-size: 7rem;\n            line-height: 1.1; \/* Ajustado ligeramente para limpieza visual *\/\n            font-weight: 900;\n            letter-spacing: -0.04em;\n            margin-bottom: 40px;\n            display: flex; \/* Para alinear el texto animado *\/\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .headline-essence .text-dark {\n            color: #111424; \/* Azul\/Negro oscuro *\/\n        }\n\n        \/* --- CLASE AZUL ACTUALIZADA PARA ANIMACI\u00d3N --- *\/\n        .headline-essence .text-blue {\n            color: #1a56ff; \/* Azul brillante *\/\n            position: relative;\n            display: inline-block;\n            min-height: 1.2em; \/* Mantiene la altura cuando la palabra se borra *\/\n        }\n\n        \/* Creamos la palabra animada usando ::after *\/\n        .headline-essence .text-blue::after {\n            content: \"Energ\u00eda.\"; \/* Palabra por defecto (fallback) *\/\n            animation: dynamicWords 12s infinite; \/* 12s total cycle *\/\n            color: #1a56ff;\n        }\n\n        \/* --- KEYFRAMES PARA EL CAMBIO DE PALABRAS --- *\/\n        @keyframes dynamicWords {\n            0%, 20% { content: \"Innovaci\u00f3n.\"; }\n            25%, 45% { content: \"Tecnolog\u00eda.\"; }\n            50%, 70% { content: \"Transformaci\u00f3n.\"; }\n            75%, 95% { content: \"Energ\u00eda.\"; }\n            100% { content: \"Innovaci\u00f3n.\"; } \/* Cierra el ciclo *\/\n        }\n\n        \/* Subt\u00edtulo *\/\n        .subheadline-essence {\n            font-size: 1.6rem;\n            color: #64748b; \/* Gris azulado *\/\n            line-height: 1.5;\n            margin-bottom: 50px;\n            font-weight: 400;\n        }\n\n        .subheadline-essence strong {\n            color: #111424;\n            font-weight: 600;\n        }\n\n        \/* Bot\u00f3n *\/\n        .btn-essence {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            background-color: #111424;\n            color: #ffffff;\n            padding: 18px 36px;\n            border-radius: 50px; \/* Bordes totalmente redondeados *\/\n            font-size: 1.1rem;\n            font-weight: 600;\n            text-decoration: none;\n            transition: transform 0.3s ease, background-color 0.3s ease;\n        }\n\n        .btn-essence:hover {\n            background-color: #1a56ff;\n            transform: translateY(-2px);\n        }\n\n        .btn-essence i {\n            font-size: 0.9rem;\n            margin-left: 5px;\n        }\n\n        \/* Adaptabilidad para m\u00f3viles (Responsive) *\/\n        @media (max-width: 768px) {\n            .headline-essence {\n                font-size: 4.5rem;\n            }\n            .subheadline-essence {\n                font-size: 1.3rem;\n            }\n            .hero-essence {\n                padding: 60px 20px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .headline-essence {\n                font-size: 3.5rem;\n            }\n            .subheadline-essence {\n                font-size: 1.1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"hero-essence\">\n        <div class=\"essence-container\">\n            <div class=\"badge-evolution\">\n                <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> 10 A\u00d1OS DE EVOLUCI\u00d3N\n            <\/div>\n            \n            <h1 class=\"headline-essence\">\n                <span class=\"text-dark\">We are<\/span>\n                <span class=\"text-blue\"><\/span>\n            <\/h1>\n            \n            <p class=\"subheadline-essence\">\n                En Cloud360, transformamos empresas<br>\n                <strong>empoderando a las personas.<\/strong>\n            <\/p>\n            \n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-832fada e-con-full e-flex e-con e-parent\" data-id=\"832fada\" 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-aead341 elementor-widget elementor-widget-html\" data-id=\"aead341\" 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    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Cloud360 - Nuestro ADN<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* Reseteo b\u00e1sico *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Contenedor principal de la secci\u00f3n *\/\n        .adn-section {\n            background-color: #f8f9fc;\n            padding: 100px 20px;\n            display: flex;\n            justify-content: center;\n            overflow: hidden; \/* Evita scrolls horizontales durante la animaci\u00f3n *\/\n        }\n\n        .adn-container {\n            max-width: 1100px;\n            width: 100%;\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        \/* Estilos Columna Izquierda (Texto) *\/\n        .adn-text {\n            padding-right: 20px;\n            \/* Animaci\u00f3n de entrada para el texto *\/\n            opacity: 0;\n            animation: fadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\n            animation-delay: 0.2s;\n        }\n\n        .eyebrow {\n            color: #1a56ff;\n            font-size: 0.8rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 20px;\n            display: block;\n        }\n\n        .adn-title {\n            font-size: 4rem;\n            line-height: 1.05;\n            font-weight: 900;\n            color: #111424;\n            letter-spacing: -0.04em;\n            margin-bottom: 30px;\n        }\n\n        .adn-description {\n            font-size: 1.25rem;\n            color: #64748b;\n            line-height: 1.6;\n        }\n\n        \/* Estilos Columna Derecha (Tarjetas) *\/\n        .adn-cards {\n            display: flex;\n            flex-direction: column;\n            gap: 25px;\n        }\n\n        .adn-card {\n            display: flex;\n            align-items: center;\n            padding: 30px;\n            border-radius: 24px;\n            gap: 25px;\n            cursor: pointer;\n            \n            \/* Preparaci\u00f3n para la animaci\u00f3n de entrada *\/\n            opacity: 0;\n            animation: fadeInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\n            \n            \/* Transici\u00f3n suave para el hover *\/\n            transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \n                        box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),\n                        background-color 0.4s ease, \n                        border-color 0.4s ease;\n        }\n\n        \/* Efecto cascada (staggered) para las tarjetas *\/\n        .adn-card:nth-child(1) { animation-delay: 0.4s; }\n        .adn-card:nth-child(2) { animation-delay: 0.6s; }\n        .adn-card:nth-child(3) { animation-delay: 0.8s; }\n\n        \/* Animaci\u00f3n Hover de las tarjetas *\/\n        .adn-card:hover {\n            transform: translateY(-8px) !important; \/* El important asegura que sobrescriba el estado final de la animaci\u00f3n de entrada *\/\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);\n        }\n\n        \/* Variaciones de color para las tarjetas *\/\n        .card-blue {\n            background-color: #f0f6ff;\n            border: 1px solid rgba(26, 86, 255, 0.05);\n        }\n        .card-blue:hover {\n            background-color: #e6f0ff;\n            border-color: rgba(26, 86, 255, 0.15);\n        }\n        \n        .card-yellow {\n            background-color: #fffaf0;\n            border: 1px solid rgba(255, 152, 0, 0.05);\n        }\n        .card-yellow:hover {\n            background-color: #fff2db;\n            border-color: rgba(255, 152, 0, 0.15);\n        }\n        \n        .card-pink {\n            background-color: #fff5f8;\n            border: 1px solid rgba(233, 30, 99, 0.05);\n        }\n        .card-pink:hover {\n            background-color: #ffebf1;\n            border-color: rgba(233, 30, 99, 0.15);\n        }\n\n        \/* Cajas de \u00cdconos *\/\n        .icon-box {\n            background-color: #ffffff;\n            min-width: 70px;\n            height: 70px;\n            border-radius: 20px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 1.8rem;\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n\n        .adn-card:hover .icon-box {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .card-blue .icon-box i { color: #1a56ff; }\n        .card-yellow .icon-box i { color: #ff8c00; }\n        .card-pink .icon-box i { color: #e91e63; }\n\n        \/* Textos dentro de las tarjetas *\/\n        .card-content h3 {\n            font-size: 1.5rem;\n            color: #111424;\n            margin-bottom: 8px;\n            font-weight: 800;\n        }\n\n        .card-content p {\n            font-size: 1.05rem;\n            color: #475569;\n            line-height: 1.5;\n        }\n\n        \/* KEYFRAMES PARA LA ANIMACI\u00d3N DE ENTRADA *\/\n        @keyframes fadeInUp {\n            0% {\n                opacity: 0;\n                transform: translateY(40px);\n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Adaptabilidad para m\u00f3viles *\/\n        @media (max-width: 992px) {\n            .adn-container {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n            \n            .adn-text {\n                padding-right: 0;\n                text-align: center;\n            }\n            \n            .adn-title {\n                font-size: 3.5rem;\n            }\n        }\n\n        @media (max-width: 576px) {\n            .adn-title {\n                font-size: 2.8rem;\n            }\n            \n            .adn-card {\n                flex-direction: column;\n                text-align: center;\n                padding: 30px 20px;\n            }\n            \n            .icon-box {\n                margin-bottom: 10px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"adn-section\">\n        <div class=\"adn-container\">\n            \n            <div class=\"adn-text\">\n                <span class=\"eyebrow\">Nuestro ADN<\/span>\n                <h2 class=\"adn-title\">El pulso de<br>Cloud360.<\/h2>\n                <p class=\"adn-description\">\n                    No somos una empresa de software tradicional. Somos un ecosistema donde la tecnolog\u00eda sirve al prop\u00f3sito humano.\n                <\/p>\n            <\/div>\n\n            <div class=\"adn-cards\">\n                \n                <div class=\"adn-card card-blue\">\n                    <div class=\"icon-box\">\n                        <i class=\"fa-solid fa-bullseye\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3>Responsabilidad<\/h3>\n                        <p>Excelencia t\u00e9cnica con un compromiso \u00e9tico inquebrantable.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"adn-card card-yellow\">\n                    <div class=\"icon-box\">\n                        <i class=\"fa-solid fa-bolt\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3>Agilidad<\/h3>\n                        <p>Velocidad de pensamiento y ejecuci\u00f3n en un mundo din\u00e1mico.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"adn-card card-pink\">\n                    <div class=\"icon-box\">\n                        <i class=\"fa-regular fa-face-smile\"><\/i>\n                    <\/div>\n                    <div class=\"card-content\">\n                        <h3>Alegr\u00eda<\/h3>\n                        <p>Disfrutamos el proceso. La felicidad es nuestra ventaja competitiva.<\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ffd738 e-con-full e-flex e-con e-parent\" data-id=\"4ffd738\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46fadee elementor-widget elementor-widget-html\" data-id=\"46fadee\" 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    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Cloud360 - Gente que crea magia<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;800;900&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Reseteo b\u00e1sico *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Contenedor principal de la secci\u00f3n *\/\n        .magic-section {\n            background-color: #ffffff;\n            padding: 120px 20px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n        }\n\n        \/* Etiqueta superior (Eyebrow) *\/\n        .eyebrow-center {\n            color: #1a56ff; \/* Azul brillante *\/\n            font-size: 0.85rem;\n            font-weight: 800;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            margin-bottom: 25px;\n            display: inline-block;\n        }\n\n        \/* T\u00edtulo Principal *\/\n        .magic-title {\n            font-size: 7.5rem; \/* Tama\u00f1o masivo para destacar *\/\n            line-height: 0.82; \/* Interlineado muy ajustado para replicar la imagen *\/\n            font-weight: 900;\n            letter-spacing: -0.04em;\n            margin: 0;\n        }\n\n        .text-dark {\n            color: #111424; \/* Azul\/Negro oscuro *\/\n        }\n\n        .text-blue {\n            color: #1a56ff; \/* Azul brillante *\/\n        }\n\n        \/* Adaptabilidad para m\u00f3viles (Responsive) *\/\n        @media (max-width: 992px) {\n            .magic-title {\n                font-size: 5.5rem;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .magic-section {\n                padding: 80px 20px;\n            }\n            .magic-title {\n                font-size: 4.5rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .magic-title {\n                font-size: 3.5rem;\n            }\n            .eyebrow-center {\n                font-size: 0.75rem;\n                letter-spacing: 2px;\n                margin-bottom: 15px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"magic-section\">\n        <div>\n            <span class=\"eyebrow-center\">El Coraz\u00f3n<\/span>\n            \n            <h2 class=\"magic-title\">\n                <span class=\"text-dark\">Gente que<\/span><br>\n                <span class=\"text-blue\">crea magia.<\/span>\n            <\/h2>\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a487487 e-con-full e-flex e-con e-parent\" data-id=\"a487487\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3ff914 elementor-widget elementor-widget-html\" data-id=\"c3ff914\" 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    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Cloud360 - Equipo y Visi\u00f3n<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        \/* Reseteo b\u00e1sico *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Contenedor principal *\/\n        .vision-section {\n            background-color: #ffffff;\n            padding: 100px 20px;\n            display: flex;\n            justify-content: center;\n        }\n\n        .vision-container {\n            max-width: 1100px;\n            width: 100%;\n            display: grid;\n            grid-template-columns: 1fr 1.1fr;\n            gap: 70px;\n            align-items: center;\n            \/* ANIMACI\u00d3N DE ENTRADA: FADE IN UP *\/\n            opacity: 0;\n            animation: fadeInUp 1s ease-out forwards;\n            animation-delay: 0.3s;\n        }\n\n        \/* Columna Izquierda: Texto y Lista *\/\n        .vision-text-col {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n            \/* ANIMACI\u00d3N DE ENTRADA CASCADA *\/\n            opacity: 0;\n            animation: slideInFromLeft 0.8s ease-out forwards;\n            animation-delay: 0.6s;\n        }\n\n        .vision-lead {\n            font-size: 1.6rem;\n            color: #64748b;\n            line-height: 1.5;\n            font-weight: 500;\n        }\n\n        .features-list {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n        }\n\n        .feature-item {\n            display: flex;\n            align-items: center;\n            background-color: #f8f9fc;\n            padding: 18px 24px;\n            border-radius: 16px;\n            gap: 20px;\n            transition: transform 0.2s ease, background-color 0.2s ease;\n            \/* ANIMACI\u00d3N STAGGERED PARA LOS ITEMS *\/\n            opacity: 0;\n            transform: translateY(15px);\n            animation: fadeInUp 0.6s ease-out forwards;\n        }\n\n        \/* Retardos staggered para los items de la lista *\/\n        .feature-item:nth-child(1) { animation-delay: 0.8s; }\n        .feature-item:nth-child(2) { animation-delay: 0.9s; }\n        .feature-item:nth-child(3) { animation-delay: 1.0s; }\n\n        .feature-item:hover {\n            transform: translateX(5px);\n            background-color: #f0f6ff;\n        }\n\n        .feature-icon-box {\n            background-color: #ffffff;\n            min-width: 44px;\n            height: 44px;\n            border-radius: 12px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            color: #1a56ff;\n            font-size: 1.1rem;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);\n        }\n\n        .feature-text {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: #111424;\n        }\n\n        \/* Columna Derecha: Galer\u00eda Mosaico *\/\n        .vision-gallery {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            \/* ANIMACI\u00d3N DE ENTRADA CASCADA *\/\n            opacity: 0;\n            animation: slideInFromRight 0.8s ease-out forwards;\n            animation-delay: 0.8s;\n        }\n\n        .gallery-col {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n            border-radius: 24px;\n            transition: transform 0.3s ease;\n        }\n\n        \/* Efecto de escala sutil al pasar el cursor sobre la galer\u00eda *\/\n        .vision-gallery:hover .gallery-col:first-child { transform: translateY(-3px); }\n        .vision-gallery:hover .gallery-col:last-child { transform: translateY(3px); }\n\n        \/* Estilos base para im\u00e1genes *\/\n        .gallery-img {\n            width: 100%;\n            object-fit: cover;\n            border-radius: 24px;\n        }\n\n        .img-tall {\n            aspect-ratio: 3 \/ 4;\n        }\n\n        .img-square {\n            aspect-ratio: 1 \/ 1;\n        }\n\n        \/* Caja de la cita (Quote) *\/\n        .quote-box {\n            background-color: #0b1120;\n            border-radius: 0px;\n            padding: 40px 30px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            aspect-ratio: 1 \/ 1;\n            \/* ANIMACI\u00d3N DE ENTRADA PROPIA PARA LA CITA *\/\n            opacity: 0;\n            transform: scale(0.9);\n            animation: fadeInScale 0.6s ease-out forwards;\n            animation-delay: 1.2s;\n        }\n\n        .quote-box i {\n            font-size: 2.5rem;\n            color: #1a56ff;\n            margin-bottom: 20px;\n        }\n\n        .quote-box p {\n            color: #ffffff;\n            font-size: 1.25rem;\n            font-weight: 700;\n            line-height: 1.4;\n        }\n\n        \/* NUEVAS KEYFRAMES PARA ANIMACIONES *\/\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes slideInFromLeft {\n            from {\n                opacity: 0;\n                transform: translateX(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        @keyframes slideInFromRight {\n            from {\n                opacity: 0;\n                transform: translateX(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        @keyframes fadeInScale {\n            from {\n                opacity: 0;\n                transform: scale(0.9);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        \/* Adaptabilidad para m\u00f3viles *\/\n        @media (max-width: 992px) {\n            .vision-container {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n            .vision-lead {\n                text-align: center;\n            }\n            \/* Desactivar animaciones laterales en m\u00f3vil para una entrada m\u00e1s limpia *\/\n            .vision-text-col, .vision-gallery {\n                animation: fadeInUp 0.8s ease-out forwards;\n            }\n            .vision-text-col { animation-delay: 0.6s; }\n            .vision-gallery { animation-delay: 0.9s; }\n            .quote-box { animation-delay: 1.5s; }\n        }\n\n        @media (max-width: 576px) {\n            .vision-lead {\n                font-size: 1.3rem;\n            }\n            .quote-box {\n                padding: 25px 20px;\n            }\n            .quote-box p {\n                font-size: 1.1rem;\n            }\n            .feature-text {\n                font-size: 1rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"vision-section\">\n        <div class=\"vision-container\">\n            \n            <div class=\"vision-text-col\">\n                <p class=\"vision-lead\">\n                    Somos un equipo de so\u00f1adores, ingenieros y creativos que creen que la tecnolog\u00eda es un medio para mejorar la vida.\n                <\/p>\n\n                <div class=\"features-list\">\n                    <div class=\"feature-item\">\n                        <div class=\"feature-icon-box\">\n                            <i class=\"fa-solid fa-rocket\"><\/i>\n                        <\/div>\n                        <span class=\"feature-text\">Crecimiento sin l\u00edmites<\/span>\n                    <\/div>\n\n                    <div class=\"feature-item\">\n                        <div class=\"feature-icon-box\">\n                            <i class=\"fa-solid fa-mug-hot\"><\/i>\n                        <\/div>\n                        <span class=\"feature-text\">Colaboraci\u00f3n radical<\/span>\n                    <\/div>\n\n                    <div class=\"feature-item\">\n                        <div class=\"feature-icon-box\">\n                            <i class=\"fa-regular fa-lightbulb\"><\/i>\n                        <\/div>\n                        <span class=\"feature-text\">Innovaci\u00f3n responsable<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"vision-gallery\">\n                \n                <div class=\"gallery-col\">\n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_4t7gll4t7gll4t7g-1-1.png\" alt=\"Equipo Cloud360\" class=\"gallery-img img-tall\">\n                    \n                    <div class=\"quote-box\">\n                        <i class=\"fa-solid fa-quote-left\"><\/i>\n                        <p>\"La alegr\u00eda es nuestro motor de innovaci\u00f3n.\"<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gallery-col\" style=\"padding-top: 15px;\"> \n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_5mp7395mp7395mp7-1-1.png\" alt=\"Oto\u00f1o\" class=\"gallery-img img-square\">\n                    \n                    <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_eh7fweh7fweh7fwe.png\" alt=\"Ciudad Blanca y Negra\" class=\"gallery-img img-tall\">\n                <\/div>\n\n            <\/div>\n            \n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a0a480 e-con-full e-flex e-con e-parent\" data-id=\"3a0a480\" 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-d5bb6ae elementor-widget elementor-widget-html\" data-id=\"d5bb6ae\" 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>\n    \/* Animaci\u00f3n de revelado *\/\n    .reveal {\n        opacity: 0;\n        transform: translateY(40px);\n        transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n    .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* Adaptabilidad para tablets y m\u00f3viles *\/\n    @media (max-width: 992px) {\n        .manifesto-statement { font-size: 2.8rem !important; padding: 50px 0 !important; }\n    }\n    @media (max-width: 768px) {\n        .manifesto-section { padding: 80px 20px !important; }\n        .manifesto-statement { font-size: 2.2rem !important; padding: 40px 0 !important; }\n        .manifesto-statement br { display: none !important; }\n    }\n    @media (max-width: 480px) {\n        .manifesto-statement { font-size: 1.8rem !important; padding: 30px 0 !important; }\n        .manifesto-eyebrow { font-size: 0.75rem !important; letter-spacing: 2px !important; margin-bottom: 30px !important; }\n    }\n<\/style>\n\n<section class=\"manifesto-section\" style=\"background-color: #0b1120; padding: 120px 20px; display: flex; justify-content: center; text-align: center; color: #ffffff; overflow: hidden; font-family: 'Inter', sans-serif; margin: 0; box-sizing: border-box;\">\n    \n    <div style=\"max-width: 900px; width: 100%; box-sizing: border-box;\">\n        \n        <span class=\"reveal manifesto-eyebrow\" style=\"color: #3b82f6; font-size: 0.85rem; font-weight: 800; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 50px; display: inline-block; box-sizing: border-box;\">\n            NUESTRO MANIFIESTO\n        <\/span>\n\n        <h2 class=\"reveal manifesto-statement\" style=\"font-size: 3.5rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; padding: 0 0 60px 0; margin: 0; box-sizing: border-box;\">\n            La tecnolog\u00eda debe ser humana o<br>no ser\u00e1.\n        <\/h2>\n\n        <hr class=\"reveal\" style=\"border: none; height: 1px; background-color: rgba(255, 255, 255, 0.08); width: 100%; margin: 0; box-sizing: border-box;\">\n\n        <h2 class=\"reveal manifesto-statement\" style=\"font-size: 3.5rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; padding: 60px 0; margin: 0; box-sizing: border-box;\">\n            Innovamos con responsabilidad,<br>agilidad y alegr\u00eda.\n        <\/h2>\n\n        <hr class=\"reveal\" style=\"border: none; height: 1px; background-color: rgba(255, 255, 255, 0.08); width: 100%; margin: 0; box-sizing: border-box;\">\n\n        <h2 class=\"reveal manifesto-statement\" style=\"font-size: 3.5rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; padding: 60px 0; margin: 0; box-sizing: border-box;\">\n            El equipo es el coraz\u00f3n de cada<br>soluci\u00f3n.\n        <\/h2>\n        \n        <hr class=\"reveal\" style=\"border: none; height: 1px; background-color: rgba(255, 255, 255, 0.08); width: 100%; margin: 0; box-sizing: border-box;\">\n        \n        <h2 class=\"reveal manifesto-statement\" style=\"font-size: 3.5rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; padding: 60px 0 0 0; margin: 0; box-sizing: border-box;\">\n            Transformamos el presente para asegurar el futuro.\n        <\/h2>\n        \n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const reveals = document.querySelectorAll('.reveal');\n        const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 };\n\n        const revealObserver = new IntersectionObserver(function(entries, observer) {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('active');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n\n        reveals.forEach(reveal => { revealObserver.observe(reveal); });\n    });\n<\/script>\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-511f384 e-flex e-con-boxed e-con e-parent\" data-id=\"511f384\" 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-8ebe24a elementor-widget elementor-widget-html\" data-id=\"8ebe24a\" 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    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Cloud360 - Footer<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@600;700;800&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* Reseteo b\u00e1sico *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Contenedor principal del Footer *\/\n        .site-footer {\n            background-color: #ffffff;\n            padding-top: 100px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        .footer-content {\n            max-width: 850px;\n            width: 100%;\n            padding: 0 20px 80px 20px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 45px;\n        }\n\n        \/* Contenedor del Logo *\/\n        .footer-logo img {\n            max-height: 60px; \/* Altura m\u00e1xima recomendada, puedes ajustarla *\/\n            width: auto;\n            object-fit: contain;\n        }\n\n        \/* Textos descriptivos *\/\n        .footer-text-block {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .company-legal-name {\n            font-size: 1.35rem;\n            color: #64748b; \/* Gris azulado *\/\n            font-weight: 700;\n        }\n\n        .company-tagline {\n            font-size: 1.55rem;\n            color: #111424; \/* Azul oscuro casi negro *\/\n            font-weight: 800;\n            line-height: 1.4;\n        }\n\n        \/* Enlaces Sociales *\/\n        .footer-socials {\n            display: flex;\n            gap: 40px;\n            margin-top: 15px;\n        }\n\n        .footer-socials a {\n            color: #94a3b8; \/* Gris claro *\/\n            text-decoration: none;\n            font-size: 0.85rem;\n            font-weight: 700;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            transition: color 0.3s ease;\n        }\n\n        .footer-socials a:hover {\n            color: #1a56ff; \/* Azul Cloud360 al pasar el mouse *\/\n        }\n\n        \/* L\u00ednea divisoria inferior (Opcional, seg\u00fan tu dise\u00f1o) *\/\n        .footer-bottom-line {\n            width: 100%;\n            height: 1px;\n            background-color: #f1f5f9; \/* L\u00ednea gris muy sutil *\/\n        }\n\n        \/* Adaptabilidad para m\u00f3viles (Responsive) *\/\n        @media (max-width: 768px) {\n            .site-footer {\n                padding-top: 60px;\n            }\n            .footer-content {\n                padding-bottom: 60px;\n                gap: 35px;\n            }\n            .company-legal-name {\n                font-size: 1.15rem;\n            }\n            .company-tagline {\n                font-size: 1.3rem;\n            }\n            .footer-socials {\n                gap: 25px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .company-legal-name {\n                font-size: 1rem;\n            }\n            .company-tagline {\n                font-size: 1.15rem;\n            }\n            .footer-socials {\n                flex-direction: column;\n                gap: 20px;\n                margin-top: 5px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <footer class=\"site-footer\">\n        <div class=\"footer-content\">\n            \n            <div class=\"footer-logo\">\n                <img decoding=\"async\" src=\"https:\/\/cloud360.com.ec\/wp-content\/uploads\/2025\/03\/Logo-Cloud-360-Int-300x94.jpg\" alt=\"Cloud360 Logo\">\n            <\/div>\n\n            <div class=\"footer-text-block\">\n                <p class=\"company-legal-name\">Cloud 360 Tecnolog\u00eda y Soluciones Empresariales S.A.<\/p>\n                <p class=\"company-tagline\">10 a\u00f1os Liderando la Innovaci\u00f3n.<\/p>\n            <\/div>\n\n        <\/div>\n        \n        <div class=\"footer-bottom-line\"><\/div>\n    <\/footer>\n\n<\/body>\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-43213bc3 e-flex e-con-boxed e-con e-parent\" data-id=\"43213bc3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-41c55567 e-grid e-con-full e-con e-child\" data-id=\"41c55567\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4f30ed80 e-con-full e-flex e-con e-child\" data-id=\"4f30ed80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-591a9045 elementor-widget elementor-widget-heading\" data-id=\"591a9045\" 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\">Cloud360<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1113392c elementor-widget elementor-widget-text-editor\" data-id=\"1113392c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We help businesses innovate and grow with cutting-edge technology.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1199d8c8 e-grid e-con-full e-con e-child\" data-id=\"1199d8c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55a4ed51 elementor-widget elementor-widget-image\" data-id=\"55a4ed51\" 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\t<a href=\"https:\/\/www.facebook.com\/Cloud360ec\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"48\" height=\"48\" src=\"\/wp-content\/uploads\/2025\/02\/Icon.png\" class=\"attachment-large size-large wp-image-74\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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-73a1cfdf elementor-widget elementor-widget-image\" data-id=\"73a1cfdf\" 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\t<a href=\"https:\/\/www.linkedin.com\/company\/cloud360-us\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"48\" height=\"48\" src=\"\/wp-content\/uploads\/2025\/02\/Icon-1.png\" class=\"attachment-large size-large wp-image-73\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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-28e8947 elementor-widget elementor-widget-image\" data-id=\"28e8947\" 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=\"48\" height=\"48\" src=\"\/wp-content\/uploads\/2025\/02\/Icon-2.png\" class=\"attachment-large size-large wp-image-75\" alt=\"\" \/>\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>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d88adbb elementor-widget elementor-widget-text-editor\" data-id=\"3d88adbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>8350 Northwest 52nd Terrace, Doral, Florida 33166, United States<\/p>\t\t\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-58bb508 e-flex e-con-boxed e-con e-parent\" data-id=\"58bb508\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6eb48d94 elementor-widget elementor-widget-text-editor\" data-id=\"6eb48d94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Cloud360 Internacional Corp\u00a0<\/p>\t\t\t\t\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>","protected":false},"excerpt":{"rendered":"<p>Inicio Sobre nosotros Productos Microsoft Microsoft 365Suite de productividad AzureNube empresarial Power Platform Power Automate Power BI Power Apps Copilot for Business Adobe Servicios Automatizaci\u00f3n con IAWorkflows inteligentes CiberseguridadProtecci\u00f3n empresarial Process Mining RPA Beneficios ONG Blog Hablar con un experto Cloud360 &#8211; Somos Energ\u00eda 10 A\u00d1OS DE EVOLUCI\u00d3N Somos En Cloud360, transformamos empresas empoderando a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-304","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cloud360.com.ec\/en\/wp-json\/wp\/v2\/pages\/304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloud360.com.ec\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloud360.com.ec\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloud360.com.ec\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloud360.com.ec\/en\/wp-json\/wp\/v2\/comments?post=304"}],"version-history":[{"count":103,"href":"https:\/\/cloud360.com.ec\/en\/wp-json\/wp\/v2\/pages\/304\/revisions"}],"predecessor-version":[{"id":2484,"href":"https:\/\/cloud360.com.ec\/en\/wp-json\/wp\/v2\/pages\/304\/revisions\/2484"}],"wp:attachment":[{"href":"https:\/\/cloud360.com.ec\/en\/wp-json\/wp\/v2\/media?parent=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}