{"id":30,"date":"2026-07-31T20:57:38","date_gmt":"2026-07-31T20:57:38","guid":{"rendered":"https:\/\/havm.com.co\/?page_id=30"},"modified":"2026-07-31T21:28:45","modified_gmt":"2026-07-31T21:28:45","slug":"inicio","status":"publish","type":"page","link":"https:\/\/havm.com.co\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d797399 e-con e-atomic-element e-div-block-base \" data-id=\"d797399\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"d797399\">\n    \t\t<div class=\"elementor-element elementor-element-cfc681c elementor-widget elementor-widget-html\" data-id=\"cfc681c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>En Construcci\u00f3n | HAVM S.A.S. & VARMON<\/title>\r\n    <style>\r\n        \/* 1. REGLAS PARA OCULTAR EL MEN\u00da Y FOOTER DE ASTRA FORZOSAMENTE *\/\r\n        header, footer, #masthead, #colophon, .site-header, .site-footer, \r\n        .ast-main-header-bar-alignment, .elementor-location-header, .elementor-location-footer {\r\n            display: none !important;\r\n        }\r\n\r\n        \/* 2. REGLAS PARA QUE OCUPE TODA LA PANTALLA SIN SCROLL *\/\r\n        html, body {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            width: 100vw !important;\r\n            height: 100vh !important;\r\n            overflow: hidden !important;\r\n            background-color: #0b0f19 !important;\r\n        }\r\n\r\n        #page, #content, .site-content {\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n        }\r\n\r\n        \/* 3. DISE\u00d1O MODERNO Y DIN\u00c1MICO (DARK MODE \/ GLASSMORPHISM) *\/\r\n        .havm-wrapper {\r\n            position: fixed !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            width: 100vw !important;\r\n            height: 100vh !important;\r\n            \/* Fondo animado din\u00e1mico *\/\r\n            background: linear-gradient(-45deg, #0b0f19, #121943, #0a1128, #1a2a6c);\r\n            background-size: 400% 400%;\r\n            animation: gradientBG 15s ease infinite;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 2147483647 !important;\r\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n        }\r\n\r\n        \/* Efecto de cristal (Glassmorphism) *\/\r\n        .glass-card {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(20px);\r\n            -webkit-backdrop-filter: blur(20px);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 24px;\r\n            padding: 60px 50px;\r\n            text-align: center;\r\n            max-width: 680px;\r\n            width: 90%;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        .logo-container img {\r\n            width: 250px;\r\n            margin-bottom: 30px;\r\n            filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.2));\r\n        }\r\n\r\n        .title {\r\n            color: #ffffff;\r\n            font-size: 32px;\r\n            font-weight: 800;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 15px;\r\n            background: linear-gradient(to right, #00c6ff, #0072ff);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .subtitle {\r\n            color: #a0aec0;\r\n            font-size: 17px;\r\n            line-height: 1.6;\r\n            margin-bottom: 40px;\r\n            font-weight: 300;\r\n        }\r\n\r\n        \/* Bot\u00f3n de redirecci\u00f3n moderno *\/\r\n        .btn-varmon {\r\n            display: inline-block;\r\n            padding: 16px 45px;\r\n            background: linear-gradient(to right, #00c6ff, #0072ff);\r\n            color: #ffffff;\r\n            text-decoration: none;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            border-radius: 30px;\r\n            box-shadow: 0 8px 25px rgba(0, 114, 255, 0.4);\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            border: 2px solid transparent;\r\n        }\r\n\r\n        .btn-varmon:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 35px rgba(0, 114, 255, 0.6);\r\n            background: transparent;\r\n            border-color: #00c6ff;\r\n            color: #00c6ff;\r\n        }\r\n\r\n        .owner-info {\r\n            margin-top: 30px;\r\n            font-size: 13px;\r\n            color: #718096;\r\n            border-top: 1px solid rgba(255,255,255,0.1);\r\n            padding-top: 20px;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .owner-info span {\r\n            color: #00c6ff;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* KEYFRAMES (Animaciones) *\/\r\n        @keyframes gradientBG {\r\n            0% { background-position: 0% 50%; }\r\n            50% { background-position: 100% 50%; }\r\n            100% { background-position: 0% 50%; }\r\n        }\r\n\r\n        @keyframes float {\r\n            0% { transform: translateY(0px); }\r\n            50% { transform: translateY(-12px); }\r\n            100% { transform: translateY(0px); }\r\n        }\r\n\r\n        \/* Responsividad para m\u00f3viles *\/\r\n        @media (max-width: 600px) {\r\n            .title { font-size: 24px; }\r\n            .subtitle { font-size: 15px; }\r\n            .glass-card { padding: 40px 25px; }\r\n            .logo-container img { width: 200px; }\r\n            .btn-varmon { padding: 14px 30px; font-size: 15px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"havm-wrapper\">\r\n        <div class=\"glass-card\">\r\n            <!-- Logo de HAVM S.A.S -->\r\n            <div class=\"logo-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/havm.com.co\/wp-content\/uploads\/2026\/07\/cropped-HAVM-SAS.png\" alt=\"HAVM S.A.S Logo\">\r\n            <\/div>\r\n            \r\n            <h1 class=\"title\">Sitio en Renovaci\u00f3n<\/h1>\r\n            <p class=\"subtitle\">Estamos actualizando este portal. Para acceder a todos nuestros servicios tecnol\u00f3gicos y de desarrollo, te invitamos a visitar nuestro sitio web principal.<\/p>\r\n            \r\n            <!-- Bot\u00f3n de Redirecci\u00f3n -->\r\n            <a href=\"https:\/\/varmon.co\" class=\"btn-varmon\">Visitar VARMON.CO<\/a>\r\n            \r\n            <!-- Aclaraci\u00f3n de propiedad -->\r\n            <div class=\"owner-info\">\r\n                <span>HAVM S.A.S.<\/span> es el propietario y operador de la marca <span>VARMON Tecnolog\u00eda<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>En Construcci\u00f3n | HAVM S.A.S. &#038; VARMON Sitio en Renovaci\u00f3n Estamos actualizando este portal. Para acceder a todos nuestros servicios tecnol\u00f3gicos y de desarrollo, te invitamos a visitar nuestro sitio web principal. Visitar VARMON.CO HAVM S.A.S. es el propietario y operador de la marca VARMON Tecnolog\u00eda<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/havm.com.co\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/havm.com.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/havm.com.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/havm.com.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/havm.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":13,"href":"https:\/\/havm.com.co\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/havm.com.co\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/havm.com.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}