{"id":22448,"date":"2025-10-21T01:31:56","date_gmt":"2025-10-21T01:31:56","guid":{"rendered":"https:\/\/website.verteron.com.br\/?page_id=22448"},"modified":"2025-12-03T02:58:25","modified_gmt":"2025-12-03T02:58:25","slug":"cloud-computing","status":"publish","type":"page","link":"https:\/\/website.verteron.com.br\/index.php\/cloud-computing\/","title":{"rendered":"Servidor Cloud"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n \t
\t\t \t\t\r\n\t CLOUD COMPUTING DE ALTA PERFORMANCE<\/span>

<\/span>O Poder da Intelig\u00eancia para o Seu Crescimento<\/h2>\t\t\t\t\t <\/div>\r\n\t \t
\r\n \t\t

Sua infraestrutura flex\u00edvel, escal\u00e1vel e segura. Conte com a Intelig\u00eancia em Data Center<\/b> da Verteron para inovar sem se preocupar com interrup\u00e7\u00f5es.<\/p> \t\t\r\n \t<\/div>\r\n \t <\/div>\r\n\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\r\n \t
\t\t \t\t\r\n\t SERVI\u00c7OS<\/span>

<\/span>RECURSOS V-CLOUD<\/h2>\t\t\t\t\t <\/div>\r\n\t <\/div>\r\n\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\r\n\t\t
\r\n\t\t
\r\n\t\t \t\t\t\t \t\t \t\t\r\n\t\t \t\r\n\t\t \t\t\t\r\n\t\t \t\t\t\t\t\t \t\t\t
\r\n\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t \t\t<\/div>\r\n\t\t\t \t\t\r\n\r\n\t\t \t\t\t \t\t \r\n\t\t\t
\r\n\r\n\t\t\t \t\r\n\t\t\t \t\t\t\t\t \t\t\t\t\t\t \t
\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t

Suporte Humano Priorit\u00e1rio<\/h3>\r\n\t\t\t\t\t \t\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t<\/div>\r\n\t\t\t\t \t\t\r\n\t\t\t\t \r\n\t\t\t \t\t\t\t \t\t

Atendimento proativo, consultivo e sem rob\u00f4s. Sua parceria com a Verteron garante a proximidade que voc\u00ea precisa.<\/p>\t\r\n\t\t\t \t\t\r\n\r\n\r\n\r\n\t\t\t \t\t \t \t\t\t \t \t \t\t \t\t

\r\n \t\t \t\t\t01 \r\n \t\t \t\t<\/div>\r\n \t\t \t\r\n\r\n\r\n\r\n\t\t\t <\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\t\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\r\n\t\t
\r\n\t\t
\r\n\t\t \t\t\t\t \t\t \t\t\r\n\t\t \t\r\n\t\t \t\t\t\r\n\t\t \t\t\t\t\t\t \t\t\t
\r\n\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t \t\t<\/div>\r\n\t\t\t \t\t\r\n\r\n\t\t \t\t\t \t\t \r\n\t\t\t
\r\n\r\n\t\t\t \t\r\n\t\t\t \t\t\t\t\t \t\t\t\t\t\t \t
\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t

Escalabilidade a Pre\u00e7o Fixo<\/h3>\r\n\t\t\t\t\t \t\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t<\/div>\r\n\t\t\t\t \t\t\r\n\t\t\t\t \r\n\t\t\t \t\t\t\t \t\t

Ajuste seus recursos de servidor de acordo com a sua necessidade, pagando apenas pelo que usar para o seu crescimento.<\/p>\t\r\n\t\t\t \t\t\r\n\r\n\r\n\r\n\t\t\t \t\t \t \t\t\t \t \t \t\t \t\t

\r\n \t\t \t\t\t04 \r\n \t\t \t\t<\/div>\r\n \t\t \t\r\n\r\n\r\n\r\n\t\t\t <\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\t\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\r\n\t\t
\r\n\t\t
\r\n\t\t \t\t\t\t \t\t \t\t\r\n\t\t \t\r\n\t\t \t\t\t\r\n\t\t \t\t\t\t\t\t \t\t\t
\r\n\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t \t\t<\/div>\r\n\t\t\t \t\t\r\n\r\n\t\t \t\t\t \t\t \r\n\t\t\t
\r\n\r\n\t\t\t \t\r\n\t\t\t \t\t\t\t\t \t\t\t\t\t\t \t
\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t

Painel de Gerenciamento Intuitivo<\/h3>\r\n\t\t\t\t\t \t\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t<\/div>\r\n\t\t\t\t \t\t\r\n\t\t\t\t \r\n\t\t\t \t\t\t\t \t\t

Tenha o controle total do seu ambiente Cloud atrav\u00e9s de um painel simples e eficiente, projetado para otimizar seu tempo.<\/p>\t\r\n\t\t\t \t\t\r\n\r\n\r\n\r\n\t\t\t \t\t \t \t\t\t \t \t \t\t \t\t

\r\n \t\t \t\t\t02 \r\n \t\t \t\t<\/div>\r\n \t\t \t\r\n\r\n\r\n\r\n\t\t\t <\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\t\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\r\n\t\t
\r\n\t\t
\r\n\t\t \t\t\t\t \t\t \t\t\r\n\t\t \t\r\n\t\t \t\t\t\r\n\t\t \t\t\t\t\t\t \t\t\t
\r\n\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t \t\t<\/div>\r\n\t\t\t \t\t\r\n\r\n\t\t \t\t\t \t\t \r\n\t\t\t
\r\n\r\n\t\t\t \t\r\n\t\t\t \t\t\t\t\t \t\t\t\t\t\t \t
\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t

Alta Disponibilidade (SLA 99.9%)<\/h3>\r\n\t\t\t\t\t \t\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t<\/div>\r\n\t\t\t\t \t\t\r\n\t\t\t\t \r\n\t\t\t \t\t\t\t \t\t

Garantia de infraestrutura sempre online. Conte com a redund\u00e2ncia do nosso Data Center Tier III, minimizando interrup\u00e7\u00f5es<\/p>\t\r\n\t\t\t \t\t\r\n\r\n\r\n\r\n\t\t\t \t\t \t \t\t\t \t \t \t\t \t\t

\r\n \t\t \t\t\t05 \r\n \t\t \t\t<\/div>\r\n \t\t \t\r\n\r\n\r\n\r\n\t\t\t <\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\t\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\r\n\t\t
\r\n\t\t
\r\n\t\t \t\t\t\t \t\t \t\t\r\n\t\t \t\r\n\t\t \t\t\t\r\n\t\t \t\t\t\t\t\t \t\t\t
\r\n\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t \t\t<\/div>\r\n\t\t\t \t\t\r\n\r\n\t\t \t\t\t \t\t \r\n\t\t\t
\r\n\r\n\t\t\t \t\r\n\t\t\t \t\t\t\t\t \t\t\t\t\t\t \t
\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t

Backup e Disaster Recovery<\/a><\/h3>\r\n\t\t\t\t\t \t\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t<\/div>\r\n\t\t\t\t \t\t\r\n\t\t\t\t \r\n\t\t\t \t\t\t\t \t\t

Fornecemos rotinas de backup e planos de recupera\u00e7\u00e3o de desastres (DR) para garantir a continuidade imediata do seu neg\u00f3cio.<\/p>\t\r\n\t\t\t \t\t\r\n\r\n\r\n\r\n\t\t\t \t\t \t \t\t\t \t \t \t\t \t\t

\r\n \t\t \t\t\t03 \r\n \t\t \t\t<\/div>\r\n \t\t \t\r\n\r\n\r\n\r\n\t\t\t <\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\t\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\r\n\t\t
\r\n\t\t
\r\n\t\t \t\t\t\t \t\t \t\t\r\n\t\t \t\r\n\t\t \t\t\t\r\n\t\t \t\t\t\t\t\t \t\t\t
\r\n\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t\r\n\t\t\t\t\t \t\t\t\"image\"\/\r\n\t\t\t\t\t \t\t\r\n\t\t\t\t \t\t<\/div>\r\n\t\t\t \t\t\r\n\r\n\t\t \t\t\t \t\t \r\n\t\t\t
\r\n\r\n\t\t\t \t\r\n\t\t\t \t\t\t\t\t \t\t\t\t\t\t \t
\t\t\t\t \t\t\r\n\t\t\t\t\t \t\t\t\t\t\t\t \t\t\t

Seguran\u00e7a Gerenciada<\/h3>\r\n\t\t\t\t\t \t\t\t\t\t\t \t\t\r\n\t\t\t\t\t \t<\/div>\r\n\t\t\t\t \t\t\r\n\t\t\t\t \r\n\t\t\t \t\t\t\t \t\t

Monitoramento 24\/7 e prote\u00e7\u00e3o de per\u00edmetro (firewall, anti-DDoS) para a integridade total do seu ambiente.<\/p>\t\r\n\t\t\t \t\t\r\n\r\n\r\n\r\n\t\t\t \t\t \t \t\t\t \t \t \t\t \t\t

\r\n \t\t \t\t\t06 \r\n \t\t \t\t<\/div>\r\n \t\t \t\r\n\r\n\r\n\r\n\t\t\t <\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\t\r\n\t\t\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Configurador Cloud Verteron (Estilo Bare Metal)<\/title>\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Fontes -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Barlow:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- VARI\u00c1VEIS E ESTILOS GERAIS (ID\u00caNTICO AO BAREMETAL) --- *\/\r\n :root {\r\n --black-verteron: #1f1e21;\r\n --gray-90-verteron: #404042;\r\n --gray-60-verteron: #868788;\r\n --orange-main: #ca521f;\r\n --orange-secondary: #dc931a;\r\n --light-gray: #f5f5f5;\r\n --white: #ffffff;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: var(--light-gray);\r\n margin: 0; padding: 0; \r\n }\r\n\r\n \/* Container Principal com Sombra e Bordas Arredondadas *\/\r\n .verteron-quote-container {\r\n display: flex;\r\n flex-wrap: wrap; \r\n width: 100%; \/* Largura total *\/\r\n max-width: 100%; \/* Remove limite de largura *\/\r\n margin: 0 auto;\r\n border-radius: 8px;\r\n overflow: hidden; \r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n background-color: var(--white);\r\n align-items: stretch; \/* Garante que todas colunas tenham mesma altura *\/\r\n }\r\n\r\n \/* --- COLUNAS DE OP\u00c7\u00d5ES --- *\/\r\n .selection-column {\r\n flex: 1 1 0%; \r\n padding: 30px 25px;\r\n background-color: var(--white);\r\n border-right: 1px solid #e0e0e0;\r\n min-width: 240px;\r\n display: flex;\r\n flex-direction: column;\r\n max-height: 800px; \/* Limite de altura *\/\r\n }\r\n\r\n \/* Scroll suave para listas longas *\/\r\n .options-scroll-area {\r\n flex-grow: 1;\r\n overflow-y: auto;\r\n padding-right: 10px; \/* Espa\u00e7o para scrollbar *\/\r\n }\r\n \r\n \/* Estiliza\u00e7\u00e3o da Scrollbar *\/\r\n .options-scroll-area::-webkit-scrollbar { width: 6px; }\r\n .options-scroll-area::-webkit-scrollbar-track { background: #f1f1f1; }\r\n .options-scroll-area::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }\r\n .options-scroll-area::-webkit-scrollbar-thumb:hover { background: #bbb; }\r\n\r\n \/* T\u00edtulos das Colunas *\/\r\n .column-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--black-verteron);\r\n margin-bottom: 25px;\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0; \/* N\u00e3o encolher o t\u00edtulo *\/\r\n }\r\n .icon-svg { margin-right: 10px; fill: var(--black-verteron); width: 20px; height: 20px; }\r\n\r\n \/* --- ITEM DE OP\u00c7\u00c3O (RADIO) --- *\/\r\n .option-item { \r\n padding: 10px 0; \r\n cursor: pointer; \r\n display: flex; \r\n align-items: flex-start; \r\n transition: background-color 0.1s;\r\n }\r\n .option-item:hover .option-label { color: var(--orange-main); }\r\n \r\n .option-number { \r\n font-size: 14px; \r\n color: var(--black-verteron); \r\n margin-right: 15px; \r\n line-height: 1.4; \r\n padding-top: 3px; \r\n flex-shrink: 0; \r\n width: 20px; \r\n }\r\n\r\n .option-item input[type=\"radio\"] { opacity: 0; width: 0; height: 0; position: absolute; }\r\n \r\n .option-label-container {\r\n position: relative;\r\n padding-left: 30px;\r\n flex-grow: 1;\r\n }\r\n\r\n \/* O C\u00edrculo do Radio *\/\r\n .radio-circle {\r\n position: absolute;\r\n left: 0;\r\n top: 3px;\r\n width: 18px;\r\n height: 18px;\r\n border: 2px solid var(--gray-60-verteron);\r\n background-color: var(--white);\r\n border-radius: 50%;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n \/* Estado Selecionado *\/\r\n .option-item input:checked ~ .option-label-container .radio-circle {\r\n border-color: var(--orange-main);\r\n background-color: var(--white); \/* Borda laranja, fundo branco *\/\r\n }\r\n \r\n \/* A bolinha interna laranja quando selecionado *\/\r\n .option-item input:checked ~ .option-label-container .radio-circle::after {\r\n content: '';\r\n position: absolute;\r\n left: 3px; top: 3px;\r\n width: 8px; height: 8px;\r\n border-radius: 50%;\r\n background-color: var(--orange-main);\r\n }\r\n\r\n .option-label { font-size: 14px; font-weight: 600; color: var(--black-verteron); line-height: 1.4; transition: color 0.2s; }\r\n .option-sub { font-size: 12px; color: var(--gray-60-verteron); display: block; margin-top: 2px; font-weight: 400; }\r\n\r\n \/* --- ESTILO NOVO: SELECT BOX CUSTOMIZADO (AJUSTADO) --- *\/\r\n .custom-select {\r\n width: 100%;\r\n min-height: 50px; \/* Altura fixa maior para evitar cortes *\/\r\n padding: 12px 40px 12px 15px; \/* Padding direito maior para a seta *\/\r\n font-size: 15px; \/* Fonte levemente maior *\/\r\n font-weight: 600;\r\n font-family: 'Inter', sans-serif;\r\n color: var(--black-verteron);\r\n background-color: var(--white);\r\n border: 1px solid #e0e0e0;\r\n border-radius: 6px;\r\n appearance: none; \/* Remove seta padr\u00e3o do navegador *\/\r\n cursor: pointer;\r\n \/* \u00cdcone de Seta Customizado (SVG encoded) *\/\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23404042' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: right 15px center; \/* Seta um pouco mais para dentro *\/\r\n background-size: 16px;\r\n transition: all 0.2s;\r\n line-height: 1.5; \/* Garante espa\u00e7amento vertical do texto *\/\r\n }\r\n .custom-select:focus {\r\n outline: none;\r\n border-color: var(--orange-main);\r\n box-shadow: 0 0 0 1px var(--orange-main);\r\n }\r\n\r\n \/* Separador interno (para OS e CPU na mesma coluna) *\/\r\n .internal-separator {\r\n margin: 20px 0;\r\n border-top: 1px dashed #e0e0e0;\r\n width: 100%;\r\n }\r\n\r\n \/* --- COLUNA DE RESUMO (DIREITA) --- *\/\r\n .summary-column {\r\n flex: 0 0 320px; \r\n background-color: var(--black-verteron); \r\n color: var(--white);\r\n padding: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .summary-column h2 { font-size: 24px; margin-bottom: 30px; color: var(--white); font-weight: 700; }\r\n .summary-line { margin-bottom: 25px; }\r\n .summary-line h4 { font-size: 14px; font-weight: 500; color: var(--gray-60-verteron); margin-bottom: 5px; }\r\n \r\n .separator-orange { \r\n border: none; \r\n border-top: 2px solid var(--orange-main); \r\n width: 40px; \r\n margin-left: 0; \r\n margin-top: 5px; \r\n margin-bottom: 10px;\r\n }\r\n \r\n .selected-value { \r\n font-size: 16px; \r\n font-weight: 700; \r\n color: var(--white); \r\n display: block; \r\n }\r\n\r\n .final-value-text {\r\n font-weight: 800 !important;\r\n font-size: 1.125rem !important;\r\n }\r\n\r\n .total-price {\r\n font-size: 28px;\r\n font-weight: 800;\r\n color: var(--orange-main);\r\n text-shadow: 0 0 15px rgba(202, 82, 31, 0.4);\r\n margin-top: 5px;\r\n display: block;\r\n }\r\n\r\n \/* Bot\u00e3o de A\u00e7\u00e3o *\/\r\n .quote-button {\r\n width: 100%;\r\n padding: 15px 20px;\r\n background-color: var(--orange-main);\r\n color: var(--white);\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 16px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n text-decoration: none;\r\n display: block;\r\n text-align: center;\r\n transition: background-color 0.3s, transform 0.1s;\r\n }\r\n .quote-button:hover { background-color: var(--orange-secondary); }\r\n\r\n \/* Lista Data Centers *\/\r\n .data-centers-list { margin-top: 30px; padding-top: 20px; border-top: 1px solid #333; }\r\n .data-centers-list h4 { color: var(--gray-60-verteron); font-size: 13px; margin-bottom: 10px; }\r\n .data-centers-list ul { list-style: none; padding: 0; margin: 0; }\r\n .data-centers-list li { font-size: 13px; color: var(--gray-60-verteron); padding-left: 15px; position: relative; line-height: 1.8; }\r\n .data-centers-list li::before { content: \"\"; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; border-radius: 50%; background-color: var(--orange-main); }\r\n\r\n \/* Responsivo *\/\r\n @media (max-width: 1024px) {\r\n .verteron-quote-container { flex-direction: column; border-radius: 0; }\r\n .selection-column { border-right: none; border-bottom: 1px solid #e0e0e0; min-height: auto; max-height: 400px; }\r\n .summary-column { width: 100%; flex-basis: auto; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"verteron-quote-container\">\r\n\r\n <!-- COLUNA 1: SISTEMA OPERACIONAL & PROCESSADOR -->\r\n <div class=\"selection-column\">\r\n <!-- Parte A: Sistema Operacional (AGORA SELECT) -->\r\n <h3 class=\"column-title\">\r\n <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4zM4 6h16v10H4V6z\"\/><\/svg>\r\n Sistema\r\n <\/h3>\r\n <div id=\"os-options-container\">\r\n <!-- Gerado via JS -->\r\n <\/div>\r\n\r\n <div class=\"internal-separator\"><\/div>\r\n\r\n <!-- Parte B: Processador -->\r\n <h3 class=\"column-title\">\r\n <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M5 3h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2zM5 5v14h14V5H5zM8 7h8v2H8V7zm0 8h8v2H8v-2zm-3-4h2v2H5v-2zm14 0h-2v2h2v-2zM8 11h8v2H8v-2z\"\/><\/svg>\r\n Processador\r\n <\/h3>\r\n <div id=\"cpu-options-container\" class=\"options-scroll-area\">\r\n <!-- Gerado via JS -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COLUNA 2: MEM\u00d3RIA (Din\u00e2mica baseada na CPU) -->\r\n <div class=\"selection-column\">\r\n <h3 class=\"column-title\">\r\n <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zM11 15h2v2h-2z\"\/><\/svg>\r\n Mem\u00f3ria\r\n <\/h3>\r\n <div id=\"ram-options-container\" class=\"options-scroll-area\">\r\n <!-- Gerado via JS -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COLUNA 3: ARMAZENAMENTO -->\r\n <div class=\"selection-column\" style=\"border-right: none;\">\r\n <h3 class=\"column-title\">\r\n <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M18 7H6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm0 8H6V9h12v6zm-7-4H9v2h2v-2zm2-2h2v2h-2V9zm-2 4H9v2h2v-2z\"\/><\/svg>\r\n Armazenamento\r\n <\/h3>\r\n <div id=\"disk-options-container\" class=\"options-scroll-area\">\r\n <!-- Gerado via JS -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- COLUNA 4: RESUMO (Escura) -->\r\n <div class=\"summary-column\">\r\n <div>\r\n <h2>Servi\u00e7o selecionado<\/h2>\r\n \r\n <div class=\"summary-line\">\r\n <h4>Sistema \/ Processador<\/h4>\r\n <hr class=\"separator-orange\">\r\n <span id=\"summary-os-cpu\" class=\"selected-value\">---<\/span>\r\n <\/div>\r\n\r\n <div class=\"summary-line\">\r\n <h4>Mem\u00f3ria<\/h4>\r\n <span id=\"summary-ram\" class=\"selected-value\">---<\/span>\r\n <\/div>\r\n\r\n <div class=\"summary-line\">\r\n <h4>Armazenamento<\/h4>\r\n <span id=\"summary-disk\" class=\"selected-value\">---<\/span>\r\n <\/div>\r\n\r\n <div class=\"summary-line\" style=\"margin-top: 30px;\">\r\n <h4>Valor Mensal<\/h4>\r\n <span id=\"summary-price\" class=\"total-price\">R$ 0,00<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <a id=\"btn-buy\" href=\"#\" class=\"quote-button\">FAZER PEDIDO<\/a>\r\n\r\n <div class=\"data-centers-list\">\r\n <h4>Nossos Data Centers<\/h4>\r\n <ul>\r\n <li>S\u00e3o Paulo (SP1)<\/li>\r\n <li>Belo Horizonte (MG1)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n\r\n \/\/ --- 1. CONFIGURA\u00c7\u00d5ES E DADOS (Backend Logic) ---\r\n const PRODUCTS = {\r\n linux: { pid: 17, url: 'https:\/\/verteron.com.br\/painel\/cart.php?a=add&pid=17' },\r\n windows_byol: { pid: 18, url: 'https:\/\/verteron.com.br\/painel\/cart.php?a=add&pid=18' },\r\n windows_licensed: { pid: 16, url: 'https:\/\/verteron.com.br\/painel\/cart.php?a=add&pid=16' }\r\n };\r\n\r\n const CORE_STEPS = [1, 2, 4, 8, 12, 16, 24, 32];\r\n \r\n const OS_OPTIONS = [\r\n { id: 'ubuntu22', name: 'Ubuntu 22.04' },\r\n { id: 'centos7', name: 'CentOS 7.9' },\r\n { id: 'debian11', name: 'Debian 11' },\r\n { id: 'windows2022', name: 'Win Server 2022 (BYOL)' },\r\n { id: 'windows2022-lic', name: 'Win Server 2022 (Licenciado)' },\r\n ];\r\n\r\n \/\/ Op\u00e7\u00f5es de Disco fixas para exibi\u00e7\u00e3o no estilo lista (baseadas nos pre\u00e7os dispon\u00edveis)\r\n const DISK_OPTIONS_LIST = [\r\n 20, 40, 50, 60, 80, 100, 150, 200, 250, 300, 400, 500\r\n ];\r\n\r\n \/\/ Tabelas de Pre\u00e7o\r\n const CPU_PRICES = { 1: 39.90, 2: 71.00, 4: 112.00, 8: 225.00, 12: 372.50, 16: 717.50, 24: 766.50, 32: 1347.50 };\r\n const CPU_PRICES_LICENSED = { 1: 54.90, 2: 101.00, 4: 172.00, 8: 345.00, 12: 552.00, 16: 957.50, 24: 1126.50, 32: 1827.50 };\r\n const RAM_PRICES = { 1: 10, 2: 20, 4: 40, 6: 60, 8: 80, 10: 100, 12: 120, 14: 140, 16: 160, 20: 200, 24: 240, 28: 280, 32: 320, 48: 480, 64: 640, 96: 960, 128: 1280 };\r\n const DISK_PRICES = { 20: 7, 40: 14, 50: 17.5, 60: 21, 70: 24.5, 80: 28, 90: 31.5, 100: 35, 120: 42, 150: 52.5, 200: 70, 240: 84, 250: 87.5, 300: 105, 350: 122.5, 400: 140, 450: 157.5, 480: 168, 500: 175 };\r\n\r\n \/\/ Mapeamentos WHMCS\r\n const CONFIG_MAPS = {\r\n memory: { 1: 187, 2: 186, 4: 175, 6: 179, 8: 172, 10: 180, 12: 181, 14: 182, 16: 173, 20: 183, 24: 184, 28: 185, 32: 174, 48: 176, 64: 177, 96: 188, 128: 178 },\r\n disk: { 20: 222, 40: 208, 50: 212, 60: 219, 70: 220, 80: 206, 90: 221, 100: 207, 120: 204, 150: 209, 200: 210, 240: 205, 250: 211, 300: 213, 350: 214, 400: 215, 450: 216, 480: 218, 500: 217 },\r\n cpu_shared: { 1: 237, 2: 238, 4: 239, 8: 240, 12: 241, 16: 242, 24: 243, 32: 244 },\r\n cpu_licensed: { 1: 124, 2: 125, 4: 126, 8: 127, 12: 128, 16: 129, 24: 130, 32: 131 },\r\n os_linux: { 'ubuntu22': 245, 'centos7': 246, 'debian11': 247 },\r\n os_windows_byol: { 'windows2022': 253 },\r\n os_windows_licensed: { 'windows2022-lic': 23 }\r\n };\r\n\r\n \/\/ Estado Global\r\n let state = {\r\n os: 'ubuntu22',\r\n cores: 4,\r\n memory: 4,\r\n disk: 100\r\n };\r\n\r\n \/\/ --- 2. RENDERIZA\u00c7\u00c3O (UI Logic) ---\r\n\r\n \/\/ Fun\u00e7\u00e3o Gen\u00e9rica para criar item Radio estilo Baremetal\r\n const createRadioItem = (groupName, value, label, subLabel, isChecked, index) => {\r\n return `\r\n <label class=\"option-item\" onclick=\"updateState('${groupName}', '${value}')\">\r\n <span class=\"option-number\">${index}.<\/span>\r\n <input type=\"radio\" name=\"${groupName}\" value=\"${value}\" ${isChecked ? 'checked' : ''}>\r\n <div class=\"option-label-container\">\r\n <div class=\"radio-circle\"><\/div>\r\n <span class=\"option-label\">${label}<\/span>\r\n ${subLabel ? `<span class=\"option-sub\">${subLabel}<\/span>` : ''}\r\n <\/div>\r\n <\/label>\r\n `;\r\n };\r\n\r\n const renderOS = () => {\r\n const container = document.getElementById('os-options-container');\r\n \/\/ Gera\u00e7\u00e3o do Select Box\r\n let html = `<select class=\"custom-select\" onchange=\"updateState('os', this.value)\">`;\r\n OS_OPTIONS.forEach((os) => {\r\n const isSelected = state.os === os.id ? 'selected' : '';\r\n html += `<option value=\"${os.id}\" ${isSelected}>${os.name}<\/option>`;\r\n });\r\n html += `<\/select>`;\r\n container.innerHTML = html;\r\n };\r\n\r\n const renderCPU = () => {\r\n const container = document.getElementById('cpu-options-container');\r\n let html = '';\r\n CORE_STEPS.forEach((cores, idx) => {\r\n const isChecked = state.cores == cores;\r\n const subLabel = `vCPU Dedicado`; \/\/ Pode adicionar nome do plano aqui se quiser\r\n html += createRadioItem('cores', cores, `${cores} vCPU`, subLabel, isChecked, idx + 1);\r\n });\r\n container.innerHTML = html;\r\n };\r\n\r\n const renderRAM = () => {\r\n const container = document.getElementById('ram-options-container');\r\n let html = '';\r\n \r\n \/\/ L\u00f3gica de RAM baseada na CPU (Min: Cores, Max: Cores * 6, Step: Cores)\r\n const minRam = parseInt(state.cores);\r\n const maxRam = parseInt(state.cores) * 6;\r\n const step = parseInt(state.cores);\r\n\r\n let count = 1;\r\n for (let ram = minRam; ram <= maxRam; ram += step) {\r\n const isChecked = state.memory == ram;\r\n \r\n \/\/ Se o state.memory atual for inv\u00e1lido para a nova CPU, ajusta\r\n if (isChecked) foundChecked = true;\r\n\r\n html += createRadioItem('memory', ram, `${ram} GB`, null, isChecked, count++);\r\n }\r\n container.innerHTML = html;\r\n };\r\n\r\n const renderDisk = () => {\r\n const container = document.getElementById('disk-options-container');\r\n let html = '';\r\n DISK_OPTIONS_LIST.forEach((size, idx) => {\r\n const isChecked = state.disk == size;\r\n html += createRadioItem('disk', size, `${size} GB`, 'NVMe SSD', isChecked, idx + 1);\r\n });\r\n container.innerHTML = html;\r\n };\r\n\r\n \/\/ --- 3. L\u00d3GICA DE ATUALIZA\u00c7\u00c3O ---\r\n\r\n window.updateState = (key, value) => {\r\n if (key === 'cores' || key === 'memory' || key === 'disk') {\r\n value = parseInt(value);\r\n }\r\n \r\n state[key] = value;\r\n\r\n if (key === 'cores') {\r\n \/\/ Ao mudar CPU, precisamos validar e re-renderizar a mem\u00f3ria\r\n const minRam = state.cores;\r\n const maxRam = state.cores * 6;\r\n \/\/ Tenta manter propor\u00e7\u00e3o ou reseta pro minimo\r\n let newRam = Math.max(minRam, Math.min(state.memory, maxRam));\r\n \/\/ Garante que \u00e9 m\u00faltiplo do core (step)\r\n newRam = Math.round(newRam \/ state.cores) * state.cores;\r\n if(newRam < minRam) newRam = minRam;\r\n \r\n state.memory = newRam;\r\n renderRAM(); \/\/ Re-renderiza a coluna do meio\r\n }\r\n \r\n if (key === 'os') {\r\n \/\/ Re-renderiza OS (embora select j\u00e1 atualize, pode ser util se houver l\u00f3gica visual extra)\r\n \/\/ renderOS(); \/\/ Opcional se for select, pois o value ja muda\r\n }\r\n\r\n \/\/ Atualiza visual dos inputs (para garantir checked state visual sem re-renderizar tudo sempre)\r\n if(key === 'disk') renderDisk();\r\n if(key === 'memory') renderRAM();\r\n if(key === 'cores') renderCPU();\r\n\r\n updateSummary();\r\n };\r\n\r\n const updateSummary = () => {\r\n \/\/ Textos\r\n const osObj = OS_OPTIONS.find(o => o.id === state.os);\r\n document.getElementById('summary-os-cpu').innerHTML = \r\n `${osObj.name} <br> <span style=\"font-weight:400; font-size:14px; color:#888;\">${state.cores} vCPU<\/span>`;\r\n \r\n document.getElementById('summary-ram').textContent = `${state.memory} GB RAM`;\r\n document.getElementById('summary-disk').textContent = `${state.disk} GB NVMe`;\r\n\r\n \/\/ C\u00e1lculo Pre\u00e7o\r\n let total = 0;\r\n const cpuTable = (state.os === 'windows2022-lic') ? CPU_PRICES_LICENSED : CPU_PRICES;\r\n total += cpuTable[state.cores] || 0;\r\n\r\n let ramCost = RAM_PRICES[state.memory] || (state.memory * 10.00);\r\n total += ramCost;\r\n\r\n let diskCost = DISK_PRICES[state.disk] || (state.disk * 0.35);\r\n total += diskCost;\r\n\r\n if (state.os === 'windows2022-lic') {\r\n total += state.cores * 100.00;\r\n }\r\n\r\n document.getElementById('summary-price').textContent = `R$ ${total.toFixed(2).replace('.', ',')}`;\r\n\r\n \/\/ Link do Carrinho\r\n generateLink();\r\n };\r\n\r\n const generateLink = () => {\r\n let params = [];\r\n let product, cpuMap, cpuConfigId, osConfigId, osOptionId;\r\n\r\n if (state.os === 'windows2022-lic') {\r\n product = PRODUCTS.windows_licensed;\r\n cpuMap = CONFIG_MAPS.cpu_licensed;\r\n cpuConfigId = 21;\r\n osConfigId = 4;\r\n osOptionId = CONFIG_MAPS.os_windows_licensed[state.os];\r\n } else if (state.os.includes('windows')) {\r\n product = PRODUCTS.windows_byol;\r\n cpuMap = CONFIG_MAPS.cpu_shared;\r\n cpuConfigId = 36;\r\n osConfigId = 40;\r\n osOptionId = CONFIG_MAPS.os_windows_byol[state.os];\r\n } else {\r\n product = PRODUCTS.linux;\r\n cpuMap = CONFIG_MAPS.cpu_shared;\r\n cpuConfigId = 36;\r\n osConfigId = 37;\r\n osOptionId = CONFIG_MAPS.os_linux[state.os];\r\n }\r\n\r\n if (cpuMap[state.cores]) params.push(`configoption[${cpuConfigId}]=${cpuMap[state.cores]}`);\r\n \r\n const memId = CONFIG_MAPS.memory[state.memory];\r\n if (memId) params.push(`configoption[28]=${memId}`);\r\n \r\n const diskId = CONFIG_MAPS.disk[state.disk];\r\n if (diskId) params.push(`configoption[31]=${diskId}`);\r\n \r\n if (osOptionId) params.push(`configoption[${osConfigId}]=${osOptionId}`);\r\n\r\n let finalUrl = product.url + '&' + params.join('&') + '&skipconfig=1';\r\n document.getElementById('btn-buy').href = finalUrl;\r\n };\r\n\r\n \/\/ Inicializa\u00e7\u00e3o\r\n renderOS();\r\n renderCPU();\r\n renderRAM();\r\n renderDisk();\r\n updateSummary();\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b3a7298 elementor-section-full_width elementor-section-stretched elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"b3a7298\" data-element_type=\"section\" data-settings=\"{"stretch_section":"section-stretched","background_background":"classic"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5fcc27b\" data-id=\"5fcc27b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f68885f elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f68885f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c2c1fb8\" data-id=\"c2c1fb8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aec206e elementor-widget elementor-widget-image\" data-id=\"aec206e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"845\" height=\"658\" src=\"https:\/\/website.verteron.com.br\/wp-content\/uploads\/2025\/11\/base-tencica.jpg\" class=\"attachment-full size-full wp-image-23248\" alt=\"\" srcset=\"https:\/\/website.verteron.com.br\/wp-content\/uploads\/2025\/11\/base-tencica.jpg 845w, https:\/\/website.verteron.com.br\/wp-content\/uploads\/2025\/11\/base-tencica-300x234.jpg 300w, https:\/\/website.verteron.com.br\/wp-content\/uploads\/2025\/11\/base-tencica-768x598.jpg 768w\" sizes=\"(max-width: 845px) 100vw, 845px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-cc40be7\" data-id=\"cc40be7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-273e746 elementor-widget elementor-widget-rs-heading\" data-id=\"273e746\" data-element_type=\"widget\" data-widget_type=\"rs-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"rs-heading style16 \">\r\n \t<div class=\"title-inner\"> \t\t \t\t\r\n\t <span class=\"sub-text \">BASE TECNOL\u00d3GICA<\/span><h2 class=\"title\"><span class=\"watermark\"><\/span>Sustentando Sua Inova\u00e7\u00e3o com Tecnologias de Ponta<\/h2>\t\t\t\t\t <\/div>\r\n\t \t<div class=\"description\">\r\n \t\t<p>Nossa Cloud \u00e9 constru\u00edda com um <i>stack<\/i> de tecnologias robusto e diversificado. Essa expertise garante que possamos sustentar e otimizar qualquer servi\u00e7o do seu Data Center com total seguran\u00e7a e performance.<\/p> \t\t\r\n \t<\/div>\r\n \t <\/div>\r\n\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50946e4 elementor-widget elementor-widget-rs-progress\" data-id=\"50946e4\" data-element_type=\"widget\" data-widget_type=\"rs-progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"rs-skill-bar striped style1\"> \n <div class=\"skillbar\" data-percent=\"100\"> \n <span class=\"skillbar-title\">Virtualiza\u00e7\u00e3o e Cont\u00eaineres<\/span>\n\n <p class=\"skillbar-bar\">\n\n \n\n <\/p>\n \t \t\t <span class=\"skill-bar-percent\"><\/span> \n\t\t \t \n\n <\/div>\n <\/div>\n\n <script type=\"text\/javascript\">\t\t\t\n\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery('.skillbar').skillBars({ \n\t\t from: 0, \n\t\t speed: 4000, \n\t\t interval: 100, \n\t\t decimals: 0, \n\t\t });\n\t\t\t});\n\t\t<\/script>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1ff984 elementor-widget elementor-widget-rs-progress\" data-id=\"c1ff984\" data-element_type=\"widget\" data-widget_type=\"rs-progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"rs-skill-bar striped style1\"> \n <div class=\"skillbar\" data-percent=\"100\"> \n <span class=\"skillbar-title\">Seguran\u00e7a de Rede (Firewall\/VPN)<\/span>\n\n <p class=\"skillbar-bar\">\n\n \n\n <\/p>\n \t \t\t <span class=\"skill-bar-percent\"><\/span> \n\t\t \t \n\n <\/div>\n <\/div>\n\n <script type=\"text\/javascript\">\t\t\t\n\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery('.skillbar').skillBars({ \n\t\t from: 0, \n\t\t speed: 4000, \n\t\t interval: 100, \n\t\t decimals: 0, \n\t\t });\n\t\t\t});\n\t\t<\/script>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ec6f89 elementor-widget elementor-widget-rs-progress\" data-id=\"1ec6f89\" data-element_type=\"widget\" data-widget_type=\"rs-progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"rs-skill-bar striped style1\"> \n <div class=\"skillbar\" data-percent=\"100\"> \n <span class=\"skillbar-title\">Sistemas Operacionais (Linux\/Windows)<\/span>\n\n <p class=\"skillbar-bar\">\n\n \n\n <\/p>\n \t \t\t <span class=\"skill-bar-percent\"><\/span> \n\t\t \t \n\n <\/div>\n <\/div>\n\n <script type=\"text\/javascript\">\t\t\t\n\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery('.skillbar').skillBars({ \n\t\t from: 0, \n\t\t speed: 4000, \n\t\t interval: 100, \n\t\t decimals: 0, \n\t\t });\n\t\t\t});\n\t\t<\/script>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fcbc02 elementor-widget elementor-widget-rs-progress\" data-id=\"3fcbc02\" data-element_type=\"widget\" data-widget_type=\"rs-progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"rs-skill-bar striped style1\"> \n <div class=\"skillbar\" data-percent=\"100\"> \n <span class=\"skillbar-title\">Monitoramento e Suporte Proativo<\/span>\n\n <p class=\"skillbar-bar\">\n\n \n\n <\/p>\n \t \t\t <span class=\"skill-bar-percent\"><\/span> \n\t\t \t \n\n <\/div>\n <\/div>\n\n <script type=\"text\/javascript\">\t\t\t\n\t\t\tjQuery(document).ready(function(){\n\t\t\t\tjQuery('.skillbar').skillBars({ \n\t\t from: 0, \n\t\t speed: 4000, \n\t\t interval: 100, \n\t\t decimals: 0, \n\t\t });\n\t\t\t});\n\t\t<\/script>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-469fe50 elementor-widget elementor-widget-rs-button\" data-id=\"469fe50\" data-element_type=\"widget\" data-widget_type=\"rs-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\r\n\t\t\r\n\t\t\t\t\t<div class=\"rs-btn\">\r\n\t\t\t\t\t\t\t\t<a class=\"readon rs_button\" href=\"http:\/\/wa.me\/+5537998717410\" >\t\t\t\t\r\n\t\t\t\t\t<span class=\"btn_text\">FALE COM ESPECIALISTA<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t<\/div> \r\n\t\t \r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CLOUD COMPUTING DE ALTA PERFORMANCE O Poder da Intelig\u00eancia para o Seu Crescimento Sua infraestrutura flex\u00edvel, escal\u00e1vel e segura. Conte com a Intelig\u00eancia em Data Center da Verteron para inovar sem se preocupar com interrup\u00e7\u00f5es. SERVI\u00c7OS RECURSOS V-CLOUD Suporte Humano Priorit\u00e1rio Atendimento proativo, consultivo e sem rob\u00f4s. Sua parceria com a Verteron garante a proximidade…<\/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-22448","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/website.verteron.com.br\/index.php\/wp-json\/wp\/v2\/pages\/22448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/website.verteron.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/website.verteron.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/website.verteron.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/website.verteron.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=22448"}],"version-history":[{"count":286,"href":"https:\/\/website.verteron.com.br\/index.php\/wp-json\/wp\/v2\/pages\/22448\/revisions"}],"predecessor-version":[{"id":23498,"href":"https:\/\/website.verteron.com.br\/index.php\/wp-json\/wp\/v2\/pages\/22448\/revisions\/23498"}],"wp:attachment":[{"href":"https:\/\/website.verteron.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=22448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}