{"id":6447,"date":"2026-09-15T15:22:57","date_gmt":"2026-09-15T15:22:57","guid":{"rendered":"https:\/\/axional.pe\/?page_id=6447"},"modified":"2026-09-15T19:12:02","modified_gmt":"2026-09-15T19:12:02","slug":"test_2","status":"publish","type":"page","link":"https:\/\/axional.pe\/en\/test_2\/","title":{"rendered":"test_2"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"6447\" class=\"elementor elementor-6447\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-364e8fe e-con-full e-flex e-con e-parent\" data-id=\"364e8fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e903e5d elementor-widget elementor-widget-html\" data-id=\"e903e5d\" 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=\"airtool-page\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400&display=swap');\n\n\n\/* =====================================================\n   VARIABLES\n===================================================== *\/\n\n.airtool-page{\n\n    --at-blue:#0068AD;\n    --at-blue-2:#087FC2;\n    --at-blue-soft:#EFF7FC;\n\n    --at-purple:#2929C8;\n    --at-purple-dark:#181A91;\n\n    --at-dark:#101820;\n    --at-dark-2:#172B35;\n\n    --at-text:#17191D;\n    --at-muted:#707A82;\n\n    --at-light:#F5F7FA;\n    --at-border:#E0E7EC;\n\n    --at-white:#FFFFFF;\n\n    font-family:'Lato',Arial,sans-serif;\n\n    color:var(--at-text);\n\n    background:#fff;\n\n    font-weight:400;\n\n    line-height:1.5;\n\n    overflow:hidden;\n}\n\n\n.airtool-page *,\n.airtool-page *::before,\n.airtool-page *::after{\n    box-sizing:border-box;\n}\n\n\n.airtool-page h1,\n.airtool-page h2,\n.airtool-page h3,\n.airtool-page h4,\n.airtool-page p{\n    margin:0;\n    font-weight:400;\n}\n\n\n.airtool-page a{\n    color:inherit;\n    text-decoration:none;\n}\n\n\n.airtool-page input,\n.airtool-page select,\n.airtool-page textarea,\n.airtool-page button{\n    font-family:inherit;\n    font-weight:400;\n}\n\n\n.at-container{\n    width:min(1180px,calc(100% - 40px));\n    margin:0 auto;\n}\n\n\n.at-section{\n    padding:90px 0;\n}\n\n\n.at-label{\n\n    margin-bottom:10px;\n\n    color:var(--at-blue);\n\n    font-size:11px;\n\n    letter-spacing:1.7px;\n\n    text-transform:uppercase;\n}\n\n\n.at-title{\n\n    font-size:clamp(32px,4vw,48px);\n\n    line-height:1.08;\n\n    letter-spacing:-1.3px;\n}\n\n\n.at-description{\n\n    margin-top:17px;\n\n    color:var(--at-muted);\n\n    font-size:15px;\n\n    line-height:1.7;\n}\n\n\n.at-btn{\n\n    display:inline-flex;\n\n    align-items:center;\n    justify-content:center;\n\n    min-height:44px;\n\n    padding:0 22px;\n\n    border:0;\n\n    cursor:pointer;\n\n    font-size:12px;\n\n    transition:.25s;\n}\n\n\n.at-btn-primary{\n\n    background:var(--at-blue);\n\n    color:#fff;\n}\n\n\n.at-btn-primary:hover{\n\n    background:var(--at-blue-2);\n\n}\n\n\n.at-heading-center{\n\n    max-width:680px;\n\n    margin:0 auto 48px;\n\n    text-align:center;\n}\n\n\n.at-heading-center .at-description{\n\n    max-width:580px;\n\n    margin-left:auto;\n    margin-right:auto;\n}\n\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.at-hero{\n\n    min-height:560px;\n\n    position:relative;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    text-align:center;\n\n    padding:\n        80px\n        20px\n        125px;\n\n    background:\n\n        linear-gradient(\n            rgba(13,25,68,.88),\n            rgba(11,28,45,.94)\n        ),\n\n        radial-gradient(\n            circle at 50% 35%,\n            #126B9C,\n            transparent 45%\n        ),\n\n        linear-gradient(\n            135deg,\n            #171A63,\n            #142B40\n        );\n\n    color:#fff;\n\n    overflow:visible;\n}\n\n\n.at-hero::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:0;\n\n    opacity:.10;\n\n    background-image:\n\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.25) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            rgba(255,255,255,.25) 1px,\n            transparent 1px\n        );\n\n    background-size:70px 70px;\n\n    pointer-events:none;\n}\n\n\n.at-hero::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:500px;\n    height:500px;\n\n    right:-220px;\n    top:-220px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.08);\n\n    border-radius:50%;\n\n    pointer-events:none;\n}\n\n\n.at-hero-content{\n\n    position:relative;\n\n    z-index:2;\n\n    width:100%;\n\n    max-width:820px;\n\n    margin:0 auto;\n\n    display:flex;\n\n    flex-direction:column;\n\n    align-items:center;\n\n    text-align:center;\n}\n\n\n.at-hero-label{\n\n    margin-bottom:18px;\n\n    color:#55C6ED;\n\n    font-size:11px;\n\n    letter-spacing:2px;\n\n    text-transform:uppercase;\n}\n\n\n.at-hero h1{\n\n    max-width:800px;\n\n    margin:0 auto;\n\n    font-size:\n        clamp(\n            43px,\n            6vw,\n            68px\n        );\n\n    line-height:1.02;\n\n    letter-spacing:-2px;\n}\n\n\n.at-hero-copy{\n\n    max-width:670px;\n\n    margin:23px auto 0;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .78\n        );\n\n    font-size:16px;\n\n    line-height:1.7;\n}\n\n\n.at-hero-actions{\n\n    display:flex;\n\n    justify-content:center;\n\n    align-items:center;\n\n    gap:12px;\n\n    margin-top:31px;\n}\n\n\n.at-hero-actions .at-btn{\n\n    min-width:190px;\n}\n\n\n.at-btn-outline{\n\n    border:\n        1px solid\n        rgba(255,255,255,.55);\n\n    background:transparent;\n\n    color:#fff;\n}\n\n\n.at-btn-outline:hover{\n\n    background:#fff;\n\n    color:var(--at-dark);\n}\n\n\n\/* =====================================================\n   MINI FORM HERO\n===================================================== *\/\n\n.at-hero-form{\n\n    position:absolute;\n\n    z-index:5;\n\n    left:50%;\n\n    bottom:-38px;\n\n    transform:translateX(-50%);\n\n    width:min(\n        850px,\n        calc(100% - 40px)\n    );\n\n    min-height:82px;\n\n    padding:13px;\n\n    display:grid;\n\n    grid-template-columns:\n        1fr\n        1.25fr\n        1fr\n        150px;\n\n    gap:9px;\n\n    background:#fff;\n\n    border-radius:6px;\n\n    box-shadow:\n        0 18px 45px\n        rgba(8,25,45,.20);\n}\n\n\n.at-hero-field{\n\n    min-width:0;\n}\n\n\n.at-hero-field label{\n\n    display:block;\n\n    margin:\n        0\n        0\n        4px\n        8px;\n\n    color:#7B858C;\n\n    font-size:8px;\n\n    text-align:left;\n}\n\n\n.at-hero-field input{\n\n    width:100%;\n\n    height:43px;\n\n    padding:0 11px;\n\n    border:\n        1px solid\n        #DDE4E8;\n\n    background:#F8FAFB;\n\n    color:var(--at-text);\n\n    font-size:11px;\n\n    outline:none;\n}\n\n\n.at-hero-field input:focus{\n\n    border-color:var(--at-blue);\n\n    background:#fff;\n}\n\n\n.at-hero-form-btn{\n\n    align-self:end;\n\n    height:43px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    padding:0 14px;\n\n    background:var(--at-blue);\n\n    color:#fff;\n\n    font-size:11px;\n\n    white-space:nowrap;\n\n    transition:.25s;\n}\n\n\n.at-hero-form-btn:hover{\n\n    background:var(--at-blue-2);\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.at-intro{\n\n    padding:105px 0 90px;\n}\n\n\n.at-intro-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        48%\n        52%;\n\n    gap:55px;\n\n    align-items:center;\n}\n\n\n.at-intro-content{\n\n    max-width:550px;\n}\n\n\n.at-intro-content .at-description{\n\n    max-width:510px;\n}\n\n\n.at-intro-visual{\n\n    min-height:315px;\n\n    position:relative;\n\n    overflow:hidden;\n\n    background:\n\n        linear-gradient(\n            135deg,\n            rgba(0,104,173,.35),\n            rgba(9,26,37,.86)\n        ),\n\n        linear-gradient(\n            135deg,\n            #527788,\n            #172D39\n        );\n}\n\n\n.at-intro-visual::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:30px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.16);\n}\n\n\n.at-network{\n\n    position:absolute;\n\n    left:65px;\n    right:65px;\n\n    top:80px;\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:12px;\n}\n\n\n.at-node{\n\n    height:70px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    border:\n        1px solid\n        rgba(255,255,255,.18);\n\n    background:\n        rgba(255,255,255,.07);\n\n    color:#fff;\n\n    font-size:10px;\n}\n\n\n.at-node.main{\n\n    background:var(--at-blue);\n\n    border-color:var(--at-blue);\n}\n\n\n.at-intro-card{\n\n    position:absolute;\n\n    right:28px;\n\n    bottom:25px;\n\n    width:155px;\n\n    padding:18px;\n\n    background:#fff;\n\n    box-shadow:\n        0 12px 30px\n        rgba(0,0,0,.20);\n}\n\n\n.at-intro-card strong{\n\n    display:block;\n\n    color:var(--at-blue);\n\n    font-size:24px;\n}\n\n\n.at-intro-card span{\n\n    color:var(--at-muted);\n\n    font-size:9px;\n}\n\n\n\/* =====================================================\n   SOLUCIONES\n===================================================== *\/\n\n.at-services{\n\n    padding:90px 0;\n\n    background:#F5F4FF;\n}\n\n\n.at-services-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:17px;\n}\n\n\n.at-service{\n\n    min-height:285px;\n\n    position:relative;\n\n    padding:27px;\n\n    background:#fff;\n\n    border:\n        1px solid\n        var(--at-border);\n\n    transition:.25s;\n}\n\n\n.at-service:hover{\n\n    transform:translateY(-4px);\n\n    box-shadow:\n        0 15px 35px\n        rgba(20,50,70,.08);\n}\n\n\n.at-service-icon{\n\n    width:45px;\n    height:45px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    background:var(--at-blue);\n\n    color:#fff;\n\n    font-size:12px;\n}\n\n\n.at-service h3{\n\n    margin-top:43px;\n\n    font-size:21px;\n\n    line-height:1.25;\n}\n\n\n.at-service p{\n\n    margin-top:11px;\n\n    color:var(--at-muted);\n\n    font-size:12px;\n\n    line-height:1.65;\n}\n\n\n.at-service-link{\n\n    position:absolute;\n\n    left:27px;\n\n    bottom:25px;\n\n    color:var(--at-blue);\n\n    font-size:11px;\n}\n\n\n\/* =====================================================\n   BANNER\n===================================================== *\/\n\n.at-banner{\n\n    padding:55px 0;\n\n    background:#F5F4FF;\n}\n\n\n.at-banner-box{\n\n    min-height:235px;\n\n    position:relative;\n\n    display:flex;\n\n    align-items:center;\n\n    padding:45px;\n\n    overflow:hidden;\n\n    background:\n\n        linear-gradient(\n            90deg,\n            rgba(8,23,32,.94),\n            rgba(8,42,57,.70)\n        ),\n\n        linear-gradient(\n            135deg,\n            #436777,\n            #152932\n        );\n\n    color:#fff;\n}\n\n\n.at-banner-box::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    width:280px;\n    height:280px;\n\n    right:-80px;\n    top:-120px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.12);\n\n    border-radius:50%;\n}\n\n\n.at-banner-content{\n\n    position:relative;\n\n    z-index:2;\n}\n\n\n.at-banner-content .at-label{\n\n    color:#4BC4EC;\n}\n\n\n.at-banner-content h2{\n\n    max-width:550px;\n\n    font-size:34px;\n\n    line-height:1.1;\n}\n\n\n.at-banner-content p{\n\n    max-width:550px;\n\n    margin-top:13px;\n\n    color:\n        rgba(\n            255,\n            255,\n            255,\n            .68\n        );\n\n    font-size:12px;\n}\n\n\n.at-play{\n\n    position:absolute;\n\n    z-index:3;\n\n    right:80px;\n\n    top:50%;\n\n    transform:translateY(-50%);\n\n    width:64px;\n    height:64px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    border-radius:50%;\n\n    background:#27B8E6;\n\n    color:#fff;\n\n    font-size:18px;\n}\n\n\n\/* =====================================================\n   \u00c1REAS DE EMPRESA\n===================================================== *\/\n\n.at-areas{\n\n    padding:90px 0;\n}\n\n\n.at-areas-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(4,1fr);\n\n    gap:14px;\n}\n\n\n.at-area-card{\n\n    overflow:hidden;\n\n    background:#F2F5F7;\n\n    text-align:center;\n\n    border:\n        1px solid\n        var(--at-border);\n}\n\n\n.at-area-visual{\n\n    height:180px;\n\n    position:relative;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    background:\n        linear-gradient(\n            145deg,\n            #DCEBF1,\n            #91B1BD\n        );\n}\n\n\n.at-area-visual::before{\n\n    content:\"\";\n\n    width:90px;\n    height:90px;\n\n    border-radius:50%;\n\n    background:\n        rgba(\n            255,\n            255,\n            255,\n            .42\n        );\n\n    border:\n        1px solid\n        rgba(\n            255,\n            255,\n            255,\n            .6\n        );\n}\n\n\n.at-area-visual::after{\n\n    content:\"\";\n\n    position:absolute;\n\n    bottom:0;\n\n    width:150px;\n    height:70px;\n\n    border-radius:\n        70px 70px 0 0;\n\n    background:#355364;\n}\n\n\n.at-area-card:nth-child(2)\n.at-area-visual{\n\n    background:\n        linear-gradient(\n            145deg,\n            #E1ECEB,\n            #9DB9B8\n        );\n}\n\n\n.at-area-card:nth-child(3)\n.at-area-visual{\n\n    background:\n        linear-gradient(\n            145deg,\n            #E4EAF1,\n            #AABBCD\n        );\n}\n\n\n.at-area-card:nth-child(4)\n.at-area-visual{\n\n    background:\n        linear-gradient(\n            145deg,\n            #EEE7EA,\n            #C5AEB8\n        );\n}\n\n\n.at-area-card h3{\n\n    padding:\n        16px\n        10px\n        4px;\n\n    font-size:15px;\n}\n\n\n.at-area-card p{\n\n    padding:\n        0\n        12px\n        17px;\n\n    color:var(--at-muted);\n\n    font-size:10px;\n}\n\n\n\/* =====================================================\n   M\u00c9TRICAS\n===================================================== *\/\n\n.at-metrics{\n\n    padding:55px 0;\n\n    background:\n\n        radial-gradient(\n            circle at 85% 20%,\n            rgba(49,187,232,.18),\n            transparent 25%\n        ),\n\n        linear-gradient(\n            120deg,\n            #18198E,\n            #292BC8\n        );\n\n    color:#fff;\n}\n\n\n.at-metrics-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        1.3fr\n        repeat(4,1fr);\n\n    gap:12px;\n\n    align-items:center;\n}\n\n\n.at-metric-intro h2{\n\n    font-size:25px;\n\n    line-height:1.1;\n}\n\n\n.at-metric-intro p{\n\n    margin-top:9px;\n\n    color:#C7CAFF;\n\n    font-size:11px;\n}\n\n\n.at-metric{\n\n    min-height:105px;\n\n    padding:20px 12px;\n\n    display:flex;\n\n    flex-direction:column;\n\n    justify-content:center;\n\n    align-items:center;\n\n    background:#fff;\n\n    color:var(--at-text);\n\n    text-align:center;\n}\n\n\n.at-metric strong{\n\n    color:var(--at-blue);\n\n    font-size:28px;\n}\n\n\n.at-metric span{\n\n    color:var(--at-muted);\n\n    font-size:9px;\n\n    line-height:1.3;\n}\n\n\n\/* =====================================================\n   CASOS DE USO\n===================================================== *\/\n\n.at-cases{\n\n    padding:90px 0;\n}\n\n\n.at-cases-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(3,1fr);\n\n    gap:17px;\n}\n\n\n.at-case{\n\n    overflow:hidden;\n\n    background:#fff;\n\n    border:\n        1px solid\n        var(--at-border);\n}\n\n\n.at-case-image{\n\n    height:195px;\n\n    position:relative;\n\n    background:\n\n        linear-gradient(\n            135deg,\n            rgba(0,104,173,.25),\n            rgba(10,24,32,.80)\n        ),\n\n        linear-gradient(\n            135deg,\n            #4E7180,\n            #182A35\n        );\n}\n\n\n.at-case-image::before{\n\n    content:\"\";\n\n    position:absolute;\n\n    inset:25px;\n\n    border:\n        1px solid\n        rgba(255,255,255,.12);\n}\n\n\n.at-case:nth-child(2)\n.at-case-image{\n\n    background:\n\n        linear-gradient(\n            135deg,\n            rgba(17,92,125,.30),\n            rgba(10,26,35,.85)\n        ),\n\n        linear-gradient(\n            135deg,\n            #66828C,\n            #1A303B\n        );\n}\n\n\n.at-case:nth-child(3)\n.at-case-image{\n\n    background:\n\n        linear-gradient(\n            135deg,\n            rgba(0,104,173,.25),\n            rgba(15,25,35,.80)\n        ),\n\n        linear-gradient(\n            135deg,\n            #8A795F,\n            #202A31\n        );\n}\n\n\n.at-case-content{\n\n    padding:22px;\n}\n\n\n.at-case-content h3{\n\n    font-size:18px;\n}\n\n\n.at-case-content p{\n\n    margin-top:8px;\n\n    color:var(--at-muted);\n\n    font-size:12px;\n\n    line-height:1.6;\n}\n\n\n\/* =====================================================\n   FORMULARIO FINAL\n===================================================== *\/\n\n.at-contact{\n\n    padding:95px 0;\n\n  background:\n\n        linear-gradient(\n            90deg,\n            rgba(8,23,32,.94),\n            rgba(8,42,57,.70)\n        ),\n\n        linear-gradient(\n            135deg,\n            #436777,\n            #152932\n        );\n\n    color:#fff;\n}\n\n\n.at-contact-grid{\n\n    display:grid;\n\n    grid-template-columns:\n        42%\n        58%;\n\n    gap:65px;\n\n    align-items:start;\n}\n\n\n.at-contact-copy .at-label{\n\n    color:#54C7ED;\n}\n\n\n.at-contact-copy h2{\n\n    font-size:\n        clamp(\n            35px,\n            4vw,\n            52px\n        );\n\n    line-height:1.06;\n}\n\n\n.at-contact-copy p{\n\n    margin-top:20px;\n\n    color:#CFD4E9;\n\n    font-size:14px;\n\n    line-height:1.7;\n}\n\n\n.at-contact-points{\n\n    margin-top:30px;\n}\n\n\n.at-contact-point{\n\n    padding:13px 0;\n\n    border-top:\n        1px solid\n        rgba(255,255,255,.14);\n\n    color:#E2E6F0;\n\n    font-size:12px;\n}\n\n\n.at-form{\n\n    padding:35px;\n\n    background:#fff;\n\n    color:var(--at-text);\n}\n\n\n.at-form-row{\n\n    display:grid;\n\n    grid-template-columns:\n        1fr\n        1fr;\n\n    gap:14px;\n}\n\n\n.at-field{\n\n    margin-bottom:16px;\n}\n\n\n.at-field label{\n\n    display:block;\n\n    margin-bottom:7px;\n\n    color:#4E5960;\n\n    font-size:11px;\n}\n\n\n.at-field input,\n.at-field select,\n.at-field textarea{\n\n    width:100%;\n\n    border:\n        1px solid\n        #D7E0E5;\n\n    padding:\n        11px\n        12px;\n\n    background:#fff;\n\n    color:var(--at-text);\n\n    font-size:12px;\n\n    outline:none;\n}\n\n\n.at-field input,\n.at-field select{\n\n    height:43px;\n}\n\n\n.at-field textarea{\n\n    min-height:95px;\n\n    resize:vertical;\n}\n\n\n.at-field input:focus,\n.at-field select:focus,\n.at-field textarea:focus{\n\n    border-color:var(--at-blue);\n}\n\n\n.at-form button{\n\n    width:100%;\n}\n\n\n.at-form-note{\n\n    margin-top:12px;\n\n    color:#929BA1;\n\n    font-size:9px;\n\n    line-height:1.5;\n\n    text-align:center;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:950px){\n\n    .at-intro-grid,\n    .at-contact-grid{\n\n        grid-template-columns:1fr;\n    }\n\n\n    .at-services-grid,\n    .at-cases-grid{\n\n        grid-template-columns:\n            1fr\n            1fr;\n    }\n\n\n    .at-areas-grid{\n\n        grid-template-columns:\n            repeat(2,1fr);\n    }\n\n\n    .at-metrics-grid{\n\n        grid-template-columns:\n            repeat(2,1fr);\n    }\n\n\n    .at-metric-intro{\n\n        grid-column:1\/-1;\n    }\n\n\n    .at-contact-grid{\n\n        gap:40px;\n    }\n\n\n    .at-hero-form{\n\n        width:min(\n            650px,\n            calc(100% - 40px)\n        );\n\n        grid-template-columns:\n            1fr\n            1fr;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:600px){\n\n    .at-container{\n\n        width:\n            calc(\n                100% - 30px\n            );\n    }\n\n\n    .at-section,\n    .at-intro,\n    .at-services,\n    .at-areas,\n    .at-cases{\n\n        padding:65px 0;\n    }\n\n\n    \/* HERO *\/\n\n    .at-hero{\n\n        min-height:680px;\n\n        padding:\n            65px\n            15px\n            190px;\n    }\n\n\n    .at-hero-content{\n\n        justify-content:center;\n    }\n\n\n    .at-hero h1{\n\n        font-size:40px;\n\n        letter-spacing:-1.2px;\n    }\n\n\n    .at-hero-copy{\n\n        font-size:14px;\n\n        line-height:1.65;\n    }\n\n\n    .at-hero-actions{\n\n        width:100%;\n\n        flex-direction:column;\n\n        gap:9px;\n\n        margin-top:26px;\n    }\n\n\n    .at-hero-actions .at-btn{\n\n        width:100%;\n    }\n\n\n    \/* MINI FORM *\/\n\n    .at-hero-form{\n\n        bottom:-145px;\n\n        width:\n            calc(\n                100% - 30px\n            );\n\n        padding:14px;\n\n        display:flex;\n\n        flex-direction:column;\n\n        gap:10px;\n    }\n\n\n    .at-hero-field input{\n\n        height:42px;\n    }\n\n\n    .at-hero-form-btn{\n\n        height:44px;\n\n        width:100%;\n    }\n\n\n    \/* INTRO *\/\n\n    .at-intro{\n\n        padding-top:185px;\n    }\n\n\n    .at-intro-grid{\n\n        gap:35px;\n    }\n\n\n    .at-intro-visual{\n\n        min-height:260px;\n    }\n\n\n    .at-network{\n\n        left:35px;\n\n        right:35px;\n\n        top:65px;\n    }\n\n\n    .at-node{\n\n        height:55px;\n\n        font-size:8px;\n    }\n\n\n    .at-intro-card{\n\n        right:15px;\n\n        bottom:15px;\n\n        width:130px;\n\n        padding:13px;\n    }\n\n\n    \/* SERVICES *\/\n\n    .at-services-grid,\n    .at-cases-grid{\n\n        grid-template-columns:1fr;\n    }\n\n\n    .at-service{\n\n        min-height:255px;\n    }\n\n\n    \/* BANNER *\/\n\n    .at-banner-box{\n\n        min-height:245px;\n\n        padding:28px;\n    }\n\n\n    .at-banner-content h2{\n\n        max-width:75%;\n\n        font-size:26px;\n    }\n\n\n    .at-play{\n\n        right:20px;\n\n        width:52px;\n\n        height:52px;\n\n        font-size:14px;\n    }\n\n\n    \/* AREAS *\/\n\n    .at-areas-grid{\n\n        grid-template-columns:\n            1fr\n            1fr;\n\n        gap:10px;\n    }\n\n\n    .at-area-visual{\n\n        height:145px;\n    }\n\n\n    .at-area-card h3{\n\n        font-size:14px;\n    }\n\n\n    \/* METRICS *\/\n\n    .at-metrics-grid{\n\n        grid-template-columns:\n            1fr\n            1fr;\n    }\n\n\n    .at-metric-intro{\n\n        grid-column:1\/-1;\n    }\n\n\n    .at-metric{\n\n        min-height:90px;\n    }\n\n\n    \/* CONTACT *\/\n\n    .at-contact{\n\n        padding:70px 0;\n    }\n\n\n    .at-contact-copy h2{\n\n        font-size:38px;\n    }\n\n\n    .at-form{\n\n        padding:\n            22px\n            18px;\n    }\n\n\n    .at-form-row{\n\n        grid-template-columns:1fr;\n\n        gap:0;\n    }\n\n}\n<\/style>\n\n\n<!-- =====================================================\n     HERO\n===================================================== -->\n\n<section class=\"at-hero\">\n\n    <div class=\"at-container\">\n\n        <div class=\"at-hero-content\">\n\n            <div class=\"at-hero-label\">\n                ENTERPRISE APPLICATION PLATFORM\n            <\/div>\n\n\n            <h1>\n                Conecte toda su empresa\n                en una sola plataforma.\n            <\/h1>\n\n\n            <p class=\"at-hero-copy\">\n                ERP, CRM, RRHH y gesti\u00f3n de proyectos\n                trabajando sobre un mismo entorno empresarial,\n                con datos conectados, seguridad e\n                inteligencia artificial.\n            <\/p>\n\n\n            <div class=\"at-hero-actions\">\n\n                <a\n                    href=\"#contacto\"\n                    class=\"at-btn at-btn-primary\"\n                >\n                    Solicitar una demostraci\u00f3n\n                <\/a>\n\n\n                <a\n                    href=\"#soluciones\"\n                    class=\"at-btn at-btn-outline\"\n                >\n                    Ver soluciones\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- MINI FORMULARIO -->\n\n    <div class=\"at-hero-form\">\n\n        <div class=\"at-hero-field\">\n\n            <label for=\"hero-name\">\n                Name\n            <\/label>\n\n            <input\n                id=\"hero-name\"\n                type=\"text\"\n                name=\"hero_nombre\"\n                placeholder=\"Su nombre\"\n            >\n\n        <\/div>\n\n\n        <div class=\"at-hero-field\">\n\n            <label for=\"hero-email\">\n                Correo corporativo\n            <\/label>\n\n            <input\n                id=\"hero-email\"\n                type=\"email\"\n                name=\"hero_email\"\n                placeholder=\"nombre@empresa.com\"\n            >\n\n        <\/div>\n\n\n        <div class=\"at-hero-field\">\n\n            <label for=\"hero-company\">\n                Empresa\n            <\/label>\n\n            <input\n                id=\"hero-company\"\n                type=\"text\"\n                name=\"hero_empresa\"\n                placeholder=\"Su empresa\"\n            >\n\n        <\/div>\n\n\n        <a\n            href=\"#contacto\"\n            class=\"at-hero-form-btn\"\n        >\n            Request demo\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     INTRODUCCI\u00d3N\n===================================================== -->\n\n<section class=\"at-intro\">\n\n    <div class=\"at-container at-intro-grid\">\n\n        <div class=\"at-intro-content\">\n\n            <div class=\"at-label\">\n                AIRTOOL\n            <\/div>\n\n\n            <h2 class=\"at-title\">\n                Una plataforma para\n                toda su operaci\u00f3n.\n            <\/h2>\n\n\n            <p class=\"at-description\">\n                Airtool re\u00fane las aplicaciones que necesita\n                para gestionar su empresa dentro de un mismo\n                entorno tecnol\u00f3gico.\n            <\/p>\n\n\n            <p class=\"at-description\">\n                Finanzas, clientes, personas y proyectos\n                comparten informaci\u00f3n, contexto y seguridad.\n            <\/p>\n\n\n            <a\n                href=\"#soluciones\"\n                class=\"at-btn at-btn-primary\"\n                style=\"margin-top:25px;\"\n            >\n                Conocer Airtool\n            <\/a>\n\n        <\/div>\n\n\n        <div class=\"at-intro-visual\">\n\n            <div class=\"at-network\">\n\n                <div class=\"at-node\">\n                    ERP\n                <\/div>\n\n                <div class=\"at-node main\">\n                    AIRTOOL\n                <\/div>\n\n                <div class=\"at-node\">\n                    CRM\n                <\/div>\n\n                <div class=\"at-node\">\n                    HR\n                <\/div>\n\n                <div class=\"at-node\">\n                    AI\n                <\/div>\n\n                <div class=\"at-node\">\n                    PROJECTS\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"at-intro-card\">\n\n                <strong>\n                    360\u00b0\n                <\/strong>\n\n                <span>\n                    Visi\u00f3n conectada\n                    de su negocio\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     SOLUCIONES\n===================================================== -->\n\n<section\n    class=\"at-services\"\n    id=\"soluciones\"\n>\n\n    <div class=\"at-container\">\n\n        <div class=\"at-heading-center\">\n\n            <div class=\"at-label\">\n                SOLUCIONES\n            <\/div>\n\n\n            <h2 class=\"at-title\">\n                Todo lo que necesita,\n                conectado.\n            <\/h2>\n\n\n            <p class=\"at-description\">\n                Aplicaciones empresariales dise\u00f1adas para\n                trabajar juntas sobre una misma plataform.\n            <\/p>\n        <\/div>\n        <div class=\"at-services-grid\">\n\n            <article class=\"at-service\">\n                <div class=\"at-service-icon\">\n                    ERP\n                <\/div>\n                <h3>\n                    Enterprise Resource Planning\n                <\/h3>\n                <p>\n                    Finanzas, ventas, compras, inventario,\n                    manufactura y reporting empresarial.\n                <\/p>\n                <a\n                    href=\"#contacto\"\n                    class=\"at-service-link\"\n                >\n                    Descubrir ERP \u2192\n                <\/a>\n\n            <\/article>\n\n\n            <article class=\"at-service\">\n\n                <div class=\"at-service-icon\">\n                    CRM\n                <\/div>\n\n\n                <h3>\n                    Customer Relationship Management\n                <\/h3>\n\n\n                <p>\n                    Leads, oportunidades, clientes,\n                    automatizaci\u00f3n comercial y anal\u00edtica.\n                <\/p>\n\n\n                <a\n                    href=\"#contacto\"\n                    class=\"at-service-link\"\n                >\n                    Descubrir CRM \u2192\n                <\/a>\n\n            <\/article>\n\n\n            <article class=\"at-service\">\n\n                <div class=\"at-service-icon\">\n                    HR\n                <\/div>\n\n\n                <h3>\n                    Human Resources\n                <\/h3>\n\n\n                <p>\n                    Reclutamiento, empleados, asistencia,\n                    n\u00f3mina y gesti\u00f3n del desempe\u00f1o.\n                <\/p>\n\n\n                <a\n                    href=\"#contacto\"\n                    class=\"at-service-link\"\n                >\n                    Descubrir HR \u2192\n                <\/a>\n\n            <\/article>\n\n\n            <article class=\"at-service\">\n\n                <div class=\"at-service-icon\">\n                    PM\n                <\/div>\n\n\n                <h3>\n                    Project Management\n                <\/h3>\n\n\n                <p>\n                    Planificaci\u00f3n, tareas, recursos,\n                    presupuestos, costes y reporting.\n                <\/p>\n\n\n                <a\n                    href=\"#contacto\"\n                    class=\"at-service-link\"\n                >\n                    Descubrir Projects \u2192\n                <\/a>\n\n            <\/article>\n\n\n            <article class=\"at-service\">\n\n                <div class=\"at-service-icon\">\n                    AI\n                <\/div>\n\n\n                <h3>\n                    Artificial Intelligence\n                <\/h3>\n\n\n                <p>\n                    Inteligencia artificial trabajando dentro\n                    del contexto empresarial de sus datos.\n                <\/p>\n\n\n                <a\n                    href=\"#contacto\"\n                    class=\"at-service-link\"\n                >\n                    Conocer IA \u2192\n                <\/a>\n\n            <\/article>\n\n\n            <article class=\"at-service\">\n\n                <div class=\"at-service-icon\">\n                    BI\n                <\/div>\n\n\n                <h3>\n                    Analytics\n                <\/h3>\n\n\n                <p>\n                    Convierta la informaci\u00f3n de su operaci\u00f3n\n                    en conocimiento para tomar decisiones.\n                <\/p>\n\n\n                <a\n                    href=\"#contacto\"\n                    class=\"at-service-link\"\n                >\n                    Ver Analytics \u2192\n                <\/a>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     BANNER\n===================================================== -->\n\n<section class=\"at-banner\">\n\n    <div class=\"at-container\">\n\n        <div class=\"at-banner-box\">\n\n            <div class=\"at-banner-content\">\n\n                <div class=\"at-label\">\n                    AIRTOOL PLATFORM\n                <\/div>\n\n\n                <h2>\n                    Una plataforma empresarial\n                    para una operaci\u00f3n conectada.\n                <\/h2>\n\n\n                <p>\n                    Aplicaciones, datos, seguridad y\n                    capacidades de IA dentro de un mismo entorno.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"at-play\">\n                \u25b6\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     \u00c1REAS DE EMPRESA\n===================================================== -->\n\n<section class=\"at-areas\">\n\n    <div class=\"at-container\">\n\n        <div class=\"at-heading-center\">\n\n            <div class=\"at-label\">\n                PARA SU ORGANIZACI\u00d3N\n            <\/div>\n\n\n            <h2 class=\"at-title\">\n                Una plataforma para\n                cada \u00e1rea de su empresa.\n            <\/h2>\n\n\n            <p class=\"at-description\">\n                Conecte las personas y procesos que hacen\n                funcionar su organizaci\u00f3n.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"at-areas-grid\">\n\n\n            <article class=\"at-area-card\">\n\n                <div class=\"at-area-visual\"><\/div>\n\n                <h3>\n                    Direcci\u00f3n\n                <\/h3>\n\n                <p>\n                    Visi\u00f3n global de la operaci\u00f3n\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"at-area-card\">\n\n                <div class=\"at-area-visual\"><\/div>\n\n                <h3>\n                    Finance\n                <\/h3>\n\n                <p>\n                    Informaci\u00f3n financiera conectada\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"at-area-card\">\n\n                <div class=\"at-area-visual\"><\/div>\n\n                <h3>\n                    Ventas\n                <\/h3>\n\n                <p>\n                    Clientes y oportunidades\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"at-area-card\">\n\n                <div class=\"at-area-visual\"><\/div>\n\n                <h3>\n                    Human Resources\n                <\/h3>\n\n                <p>\n                    Personas y procesos\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n\n<!-- =====================================================\n     CASOS DE USO\n===================================================== -->\n\n<section class=\"at-cases\">\n\n    <div class=\"at-container\">\n\n\n        <div class=\"at-heading-center\">\n\n            <div class=\"at-label\">\n                CASOS DE USO\n            <\/div>\n\n\n            <h2 class=\"at-title\">\n                Conecte sus procesos\n                empresariales.\n            <\/h2>\n\n\n            <p class=\"at-description\">\n                Airtool puede acompa\u00f1ar diferentes \u00e1reas,\n                operaciones y necesidades de negocio.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"at-cases-grid\">\n\n\n            <article class=\"at-case\">\n\n                <div class=\"at-case-image\"><\/div>\n\n\n                <div class=\"at-case-content\">\n\n                    <h3>\n                        Gesti\u00f3n financiera\n                    <\/h3>\n\n\n                    <p>\n                        Centralice finanzas, ventas, compras\n                        e inventario para obtener una visi\u00f3n\n                        completa de su operaci\u00f3n.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"at-case\">\n\n                <div class=\"at-case-image\"><\/div>\n\n\n                <div class=\"at-case-content\">\n\n                    <h3>\n                        Gesti\u00f3n comercial\n                    <\/h3>\n\n\n                    <p>\n                        Organice leads, oportunidades,\n                        clientes y procesos comerciales\n                        desde un mismo entorno.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n\n            <article class=\"at-case\">\n\n                <div class=\"at-case-image\"><\/div>\n\n\n                <div class=\"at-case-content\">\n\n                    <h3>\n                        Project management\n                    <\/h3>\n\n\n                    <p>\n                        Conecte proyectos, recursos,\n                        presupuestos y costes con\n                        la informaci\u00f3n empresarial.\n                    <\/p>\n\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n<!-- =====================================================\n     FORMULARIO FINAL\n===================================================== -->\n\n<section\n    class=\"at-contact\"\n    id=\"contacto\"\n>\n\n    <div class=\"at-container at-contact-grid\">\n\n\n        <div class=\"at-contact-copy\">\n\n            <div class=\"at-label\">\n                SOLICITE UNA DEMOSTRACI\u00d3N\n            <\/div>\n\n\n            <h2>\n                Hablemos sobre\n                su empresa.\n            <\/h2>\n\n\n            <p>\n                Cu\u00e9ntenos qu\u00e9 necesita gestionar,\n                conectar o mejorar. Nuestro equipo\n                puede mostrarle c\u00f3mo Airtool se adapta\n                a su organizaci\u00f3n.\n            <\/p>\n\n\n            <div class=\"at-contact-points\">\n\n                <div class=\"at-contact-point\">\n                    \u2713 Conozca las soluciones de Airtool\n                <\/div>\n\n\n                <div class=\"at-contact-point\">\n                    \u2713 Solicite una demostraci\u00f3n personalizada\n                <\/div>\n\n\n                <div class=\"at-contact-point\">\n                    \u2713 Explore ERP, CRM, HR y Projects\n                <\/div>\n\n\n                <div class=\"at-contact-point\">\n                    \u2713 Resuelva sus dudas con nuestro equipo\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <form\n            class=\"at-form\"\n            action=\"#\"\n            method=\"post\" data-trp-original-action=\"#\"\n        >\n\n\n            <div class=\"at-form-row\">\n\n                <div class=\"at-field\">\n\n                    <label for=\"at-name\">\n                        First name *\n                    <\/label>\n\n                    <input\n                        id=\"at-name\"\n                        name=\"nombre\"\n                        type=\"text\"\n                        placeholder=\"Su nombre\"\n                        required\n>\n\n                <\/div>\n\n\n                <div class=\"at-field\">\n\n                    <label for=\"at-lastname\">\n                        Apellidos *\n                    <\/label>\n\n                    <input\n                        id=\"at-lastname\"\n                        name=\"apellidos\"\n                        type=\"text\"\n                        placeholder=\"Sus apellidos\"\n                        required\n>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"at-form-row\">\n\n                <div class=\"at-field\">\n\n                    <label for=\"at-email\">\n                        Correo corporativo *\n                    <\/label>\n\n                    <input\n                        id=\"at-email\"\n                        name=\"email\"\n                        type=\"email\"\n                        placeholder=\"nombre@empresa.com\"\n                        required\n>\n\n                <\/div>\n\n\n                <div class=\"at-field\">\n\n                    <label for=\"at-phone\">\n                        Tel\u00e9fono\n                    <\/label>\n\n                    <input\n                        id=\"at-phone\"\n                        name=\"telefono\"\n                        type=\"tel\"\n                        placeholder=\"+00 000 000 000\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"at-form-row\">\n\n                <div class=\"at-field\">\n\n                    <label for=\"at-company\">\n                        Empresa *\n                    <\/label>\n\n                    <input\n                        id=\"at-company\"\n                        name=\"empresa\"\n                        type=\"text\"\n                        placeholder=\"Company name\"\n                        required\n>\n\n                <\/div>\n\n\n                <div class=\"at-field\">\n\n                    <label for=\"at-role\">\n                        Cargo\n                    <\/label>\n\n                    <input\n                        id=\"at-role\"\n                        name=\"cargo\"\n                        type=\"text\"\n                        placeholder=\"Su cargo\"\n                    >\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"at-field\">\n\n                <label for=\"at-product\">\n                    Soluci\u00f3n de inter\u00e9s *\n                <\/label>\n\n\n                <select\n                    id=\"at-product\"\n                    name=\"producto\"\n                    required\n>\n\n                    <option value=\"\">\n                        Seleccione una soluci\u00f3n\n                    <\/option>\n\n                    <option value=\"erp\">\n                        ERP\n                    <\/option>\n\n                    <option value=\"crm\">\n                        CRM\n                    <\/option>\n\n                    <option value=\"hr\">\n                        Human Resources\n                    <\/option>\n\n                    <option value=\"pm\">\n                        Project Management\n                    <\/option>\n\n                    <option value=\"all\">\n                        Todas las aplicaciones\n                    <\/option>\n\n                    <option value=\"platform\">\n                        Airtool Platform\n                    <\/option>\n\n                <\/select>\n\n            <\/div>\n\n\n            <div class=\"at-field\">\n\n                <label for=\"at-message\">\n                    \u00bfQu\u00e9 necesita?\n                <\/label>\n\n\n                <textarea\n                    id=\"at-message\"\n                    name=\"mensaje\"\n                    placeholder=\"Cu\u00e9ntenos brevemente qu\u00e9 necesita gestionar o mejorar.\"\n                ><\/textarea>\n\n            <\/div>\n\n\n            <button\n                type=\"submit\"\n                class=\"at-btn at-btn-primary\"\n            >\n                Solicitar una demostraci\u00f3n\n            <\/button>\n\n\n            <div class=\"at-form-note\">\n                Al enviar este formulario acepta que Airtool\n                utilice sus datos para responder a su solicitud.\n            <\/div>\n\n\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n    <\/div>\n\n<\/section>\n\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ENTERPRISE APPLICATION PLATFORM Conecte toda su empresa en una sola plataforma. ERP, CRM, RRHH y gesti\u00f3n de proyectos trabajando sobre un mismo entorno empresarial, con datos conectados, seguridad e inteligencia artificial. Solicitar una demostraci\u00f3n Ver soluciones Nombre Correo corporativo Empresa Solicitar demo AIRTOOL Una plataforma para toda su operaci\u00f3n. Airtool re\u00fane las aplicaciones que necesita [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-6447","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/axional.pe\/en\/wp-json\/wp\/v2\/pages\/6447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/axional.pe\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/axional.pe\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/axional.pe\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/axional.pe\/en\/wp-json\/wp\/v2\/comments?post=6447"}],"version-history":[{"count":16,"href":"https:\/\/axional.pe\/en\/wp-json\/wp\/v2\/pages\/6447\/revisions"}],"predecessor-version":[{"id":6475,"href":"https:\/\/axional.pe\/en\/wp-json\/wp\/v2\/pages\/6447\/revisions\/6475"}],"wp:attachment":[{"href":"https:\/\/axional.pe\/en\/wp-json\/wp\/v2\/media?parent=6447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}