{"id":1781,"date":"2025-01-16T01:50:39","date_gmt":"2025-01-16T04:50:39","guid":{"rendered":"https:\/\/webtom.com.br\/?page_id=1781"},"modified":"2026-05-20T00:06:08","modified_gmt":"2026-05-20T03:06:08","slug":"portfolio-webtom","status":"publish","type":"page","link":"https:\/\/webtom.com.br\/en\/portfolio-webtom\/","title":{"rendered":"Portf\u00f3lio webtom"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1781\" class=\"elementor elementor-1781\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<section class=\"elementor-element elementor-element-1151a40 e-flex e-con-boxed e-con e-parent\" data-id=\"1151a40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6b5828a e-con e-atomic-element e-div-block-base \" data-id=\"6b5828a\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"6b5828a\" data-e-type=\"e-div-block\" data-id=\"6b5828a\">\n    \t\t\t<h1 data-interaction-id=\"2fe090e\" class=\"e-2fe090e-dc0f3e6 e-heading-base\" data-e-type=\"widget\" data-id=\"2fe090e\">Portf\u00f3lio WEBTOM<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-37d0ec0 breadcrumb_rankmath elementor-widget elementor-widget-shortcode\" data-id=\"37d0ec0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-ed06e52 e-flex e-con-boxed e-con e-parent\" data-id=\"ed06e52\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4d0e388 e-con e-atomic-element e-div-block-base e-4d0e388-3ecc97b \" data-id=\"4d0e388\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"4d0e388\" data-e-type=\"e-div-block\" data-id=\"4d0e388\">\n    \t\t<div class=\"elementor-element elementor-element-3d2b5f6 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"3d2b5f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" 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=\"226\" height=\"228\" src=\"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/03\/webtom-suporte-e-manutencao-para-wordpress.webp\" class=\"attachment-large size-large wp-image-122021\" alt=\"\" srcset=\"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/03\/webtom-suporte-e-manutencao-para-wordpress.webp 226w, https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/03\/webtom-suporte-e-manutencao-para-wordpress-150x150.webp 150w, https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/03\/webtom-suporte-e-manutencao-para-wordpress-12x12.webp 12w\" sizes=\"(max-width: 226px) 100vw, 226px\" title=\"\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<h2 data-interaction-id=\"b4986e5\" class=\"e-b4986e5-61835ec e-heading-base\" data-e-type=\"widget\" data-id=\"b4986e5\">Clientes WEBTOM:<\/h2>\n\t\t\t\t\t<p class=\"e-f4a5bb1-ff5233c e-paragraph-base\" data-interaction-id=\"f4a5bb1\" data-e-type=\"widget\" data-id=\"f4a5bb1\">*Alguns logotipos tiveram suas cores trocadas para uma melhor visualiza\u00e7\u00e3o na p\u00e1gina.<\/p>\n\t\t\t\t<div class=\"elementor-element elementor-element-b19e156 elementor-widget elementor-widget-html\" data-id=\"b19e156\" 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=\"pt-PT\">\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>Portf\u00f3lio de Clientes - WebTom<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <style>\r\n        :root {\r\n            --color-1: #251844; \r\n            --color-2: #F18805; \r\n            --color-3: #6A246D; \r\n            \r\n            \/* Padroniza\u00e7\u00e3o absoluta para Fundo Branco\/Claro *\/\r\n            --wt-card-light: #ffffff; \r\n            --wt-card-border: rgba(37, 24, 68, 0.08);\r\n            --wt-card-bg-hover: #ffffff;\r\n            \r\n            --wt-font: 'Comfortaa', cursive;\r\n        }\r\n\r\n        \/* Reinicializa\u00e7\u00e3o e Base *\/\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            background-color: #fcfcfd; \/* Fundo ligeiramente contrastante para destacar os cart\u00f5es brancos *\/\r\n            font-family: var(--wt-font), sans-serif;\r\n            color: var(--color-1);\r\n            -webkit-font-smoothing: antialiased;\r\n        }\r\n\r\n        .wt-portfolio-standard {\r\n            padding: 80px 20px;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .wt-portfolio-container {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 70px; \/* Espa\u00e7o elegante entre as sec\u00e7\u00f5es *\/\r\n        }\r\n\r\n        \/* Sec\u00e7\u00f5es de Portf\u00f3lio *\/\r\n        .wt-portfolio-section {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 35px;\r\n        }\r\n\r\n        \/* T\u00edtulos Ajustados e Centralizados *\/\r\n        .wt-section-title {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            color: var(--color-1);\r\n            position: relative;\r\n            padding-bottom: 15px; \/* Espa\u00e7o para a barra decorativa inferior *\/\r\n            letter-spacing: -0.5px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center; \/* Centraliza o conte\u00fado flex *\/\r\n            text-align: center; \/* For\u00e7a a centraliza\u00e7\u00e3o do texto *\/\r\n        }\r\n\r\n        \/* Detalhe Decorativo Transformado em Linha Inferior Centralizada *\/\r\n        .wt-section-title::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            bottom: 0;\r\n            transform: translateX(-50%); \/* Garante alinhamento central perfeito *\/\r\n            height: 5px;\r\n            width: 50px; \/* Largura fixa elegante para o tra\u00e7o *\/\r\n            background: linear-gradient(135deg, var(--color-2), var(--color-3));\r\n            border-radius: 10px;\r\n        }\r\n\r\n        \/* Grelha de Portf\u00f3lio *\/\r\n        .wt-portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 30px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* ESTRUTURA DO CART\u00c3O PADRONIZADO (Fundo Branco\/Claro) *\/\r\n        .portfolio-item {\r\n            position: relative;\r\n            aspect-ratio: 1 \/ 1;\r\n            background: var(--wt-card-light);\r\n            border-radius: 32px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n            z-index: 1;\r\n            border: 1px solid var(--wt-card-border);\r\n            box-shadow: 0 8px 24px rgba(37, 24, 68, 0.03);\r\n        }\r\n\r\n        \/* Varia\u00e7\u00e3o subtil de bordas no estado neutro para manter a harmonia visual *\/\r\n        .portfolio-item:nth-child(even) { border-color: rgba(106, 36, 109, 0.12); }\r\n        .portfolio-item:nth-child(odd) { border-color: rgba(241, 136, 5, 0.12); }\r\n\r\n        \/* Contentor Interno do Log\u00f3tipo *\/\r\n        .logo-container {\r\n            width: 100%; \r\n            height: 100%;\r\n            display: flex; \r\n            align-items: center; \r\n            justify-content: center;\r\n            padding: 40px; \/* Padding padr\u00e3o para manter o respiro *\/\r\n            z-index: 2;\r\n            transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), padding 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        \/* Imagem do Log\u00f3tipo Padronizada *\/\r\n        .client-logo {\r\n            max-width: 100%; \r\n            max-height: 55%; \/* Altura m\u00e1xima padr\u00e3o *\/\r\n            object-fit: contain;\r\n            filter: grayscale(1) brightness(0.6) contrast(1.2); \r\n            opacity: 0.55;\r\n            \/* Garante que log\u00f3tipos com fundo branco nativo se fundam perfeitamente com o cart\u00e3o *\/\r\n            mix-blend-mode: multiply; \r\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        \/* ==================== AJUSTES DE ESCALA DE LOGOS PEQUENOS (DESKTOP) ==================== *\/\r\n        \r\n        \/* 1. Boost Scale padr\u00e3o para logos ligeiramente horizontais\/verticais menores *\/\r\n        .portfolio-item.boost-scale .logo-container {\r\n            padding: 22px; \r\n        }\r\n        .portfolio-item.boost-scale .client-logo {\r\n            max-height: 75%;\r\n        }\r\n\r\n        \/* 2. Super Boost Scale para logos redondos\/quadrados com muita margem nativa na imagem *\/\r\n        .portfolio-item.super-boost-scale .logo-container {\r\n            padding: 14px !important; \r\n        }\r\n        .portfolio-item.super-boost-scale .client-logo {\r\n            max-height: 84% !important;\r\n            max-width: 84% !important;\r\n        }\r\n\r\n        \/* SOLU\u00c7\u00c3O DE CONTRASTE: Convers\u00e3o de log\u00f3tipos brancos em cinzentos-escuros no estado normal *\/\r\n        .client-logo.invert-logo {\r\n            filter: brightness(0) opacity(0.45); \/* Transforma qualquer imagem clara numa silhueta cinzenta escura leg\u00edvel *\/\r\n            mix-blend-mode: normal; \/* Desativa a mesclagem porque n\u00e3o h\u00e1 fundo branco para fundir *\/\r\n        }\r\n\r\n        \/* Nome do Cliente Oculto por padr\u00e3o *\/\r\n        .reveal-name {\r\n            position: absolute; \r\n            bottom: 20px; \r\n            left: 15px; \r\n            right: 15px;\r\n            text-align: center;\r\n            color: var(--color-1); \r\n            font-size: 11px; \r\n            font-weight: 700;\r\n            text-transform: uppercase; \r\n            letter-spacing: 1.5px;\r\n            opacity: 0;\r\n            transform: translateY(8px);\r\n            transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n            z-index: 3;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        \/* ==================== EFEITOS DE SOBREPOSI\u00c7\u00c3O\/HOVER (DESKTOP) ==================== *\/\r\n        @media (min-width: 1024px) {\r\n            .portfolio-item:hover {\r\n                transform: translateY(-8px);\r\n                background: var(--wt-card-bg-hover); \r\n                box-shadow: 0 16px 35px rgba(37, 24, 68, 0.1);\r\n                border-color: var(--color-3) !important;\r\n            }\r\n\r\n            \/* Revela\u00e7\u00e3o de Cor nos log\u00f3tipos normais *\/\r\n            .portfolio-item:hover .client-logo {\r\n                filter: grayscale(0) brightness(1) contrast(1);\r\n                opacity: 1;\r\n                transform: scale(1.06) translateY(-8px);\r\n                mix-blend-mode: normal; \r\n            }\r\n\r\n            \/* Caso o logo tenha escala aumentada, garante transi\u00e7\u00e3o e transforma\u00e7\u00f5es harmoniosas *\/\r\n            .portfolio-item.boost-scale:hover .client-logo {\r\n                transform: scale(1.04) translateY(-12px);\r\n            }\r\n            .portfolio-item.super-boost-scale:hover .client-logo {\r\n                transform: scale(1.02) translateY(-12px);\r\n            }\r\n\r\n            \/* Tratamento ao passar o cursor em log\u00f3tipos invertidos (revelando-os em Azul-Escuro) *\/\r\n            .portfolio-item:hover .client-logo.invert-logo {\r\n                \/* Converte a silhueta directamente num tom de Azul Escuro elegante (#1B365D) *\/\r\n                filter: invert(16%) sepia(34%) saturate(2250%) hue-rotate(195deg) brightness(94%) contrast(98%) opacity(1);\r\n                transform: scale(1.06) translateY(-8px);\r\n                mix-blend-mode: normal;\r\n            }\r\n\r\n            .portfolio-item.boost-scale:hover .client-logo.invert-logo {\r\n                transform: scale(1.04) translateY(-12px);\r\n            }\r\n            .portfolio-item.super-boost-scale:hover .client-logo.invert-logo {\r\n                transform: scale(1.02) translateY(-12px);\r\n            }\r\n\r\n            \/* Revelar Texto *\/\r\n            .portfolio-item:hover .reveal-name { \r\n                opacity: 1; \r\n                transform: translateY(0); \r\n            }\r\n        }\r\n\r\n        \/* ==================== ADAPTABILIDADE (DISPOSITIVOS M\u00d3VEIS) ==================== *\/\r\n        @media (max-width: 1023px) {\r\n            .wt-portfolio-grid { \r\n                grid-template-columns: repeat(2, 1fr); \r\n                gap: 20px; \r\n            }\r\n            .portfolio-item { \r\n                border-radius: 24px; \r\n            }\r\n            .logo-container { \r\n                padding: 30px; \r\n                transform: translateY(-6px);\r\n            }\r\n            \r\n            \/* Ajustes Mobile de Escala *\/\r\n            .portfolio-item.boost-scale .logo-container {\r\n                padding: 16px; \r\n            }\r\n            .portfolio-item.super-boost-scale .logo-container {\r\n                padding: 10px !important; \r\n            }\r\n\r\n            .client-logo {\r\n                filter: grayscale(0) brightness(1) contrast(1);\r\n                opacity: 0.95;\r\n                max-height: 55%;\r\n                mix-blend-mode: normal;\r\n            }\r\n            \r\n            \/* Limites Mobile de Escala *\/\r\n            .portfolio-item.boost-scale .client-logo {\r\n                max-height: 75%;\r\n            }\r\n            .portfolio-item.super-boost-scale .client-logo {\r\n                max-height: 88% !important;\r\n                max-width: 88% !important;\r\n            }\r\n\r\n            .client-logo.invert-logo {\r\n                \/* Exibe em Azul Escuro por padr\u00e3o nos telem\u00f3veis\/tablets para garantir legibilidade *\/\r\n                filter: invert(16%) sepia(34%) saturate(2250%) hue-rotate(195deg) brightness(94%) contrast(98%) opacity(0.9);\r\n            }\r\n            .reveal-name {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n                font-size: 10px;\r\n                bottom: 12px;\r\n                color: var(--color-3);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 500px) {\r\n            .wt-portfolio-grid { \r\n                grid-template-columns: 1fr; \r\n                gap: 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wt-portfolio-standard\">\r\n    <div class=\"wt-portfolio-container\">\r\n        \r\n        <!-- SEC\u00c7\u00c3O 01: MANUTEN\u00c7\u00c3O MENSAL -->\r\n        <div class=\"wt-portfolio-section\">\r\n            <h2 class=\"wt-section-title\">Manuten\u00e7\u00e3o Mensal<\/h2>\r\n            <div class=\"wt-portfolio-grid\" id=\"grid-manutencao\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- SEC\u00c7\u00c3O 02: SERVI\u00c7OS DE HOSPEDAGEM -->\r\n        <div class=\"wt-portfolio-section\">\r\n            <h2 class=\"wt-section-title\">Servi\u00e7os de Hospedagem<\/h2>\r\n            <div class=\"wt-portfolio-grid\" id=\"grid-hospedagem\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- SEC\u00c7\u00c3O 03: OUTROS SERVI\u00c7OS -->\r\n        <div class=\"wt-portfolio-section\">\r\n            <h2 class=\"wt-section-title\">Outros Servi\u00e7os<\/h2>\r\n            <div class=\"wt-portfolio-grid\" id=\"grid-outros\"><\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        const initPortfolio = function() {\r\n            \/\/ Nomes dos clientes que precisam do incremento de escala normal (boost-scale)\r\n            const boostLogosList = [\r\n                \"TATYANA HOME FR\", \r\n                \"PAPA TUDO\", \r\n                \"MOBILIZA\", \r\n                \"DOCIOLATTE\", \r\n                \"AJNA\", \r\n                \"MARINA SILVA\"\r\n            ].map(name => name.toLowerCase().trim());\r\n\r\n            \/\/ Nomes dos clientes que precisam do incremento de escala extremo (super-boost-scale)\r\n            const superBoostLogosList = [\r\n                \"CCB\",\r\n                \"MAWACA\",\r\n                \"EST\u00daDIO MAWACA\",\r\n                \"CASA RAFAEL\",\r\n                \"PAPA OLEO\"\r\n            ].map(name => name.toLowerCase().trim());\r\n\r\n            \/\/ Base de dados unificada de clientes com as categorias e flags de invers\u00e3o de cor\r\n            const portfolioData = [\r\n                \/\/ === MANUTEN\u00c7\u00c3O MENSAL ===\r\n                { name: \"Pimenta Cultural\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/02\/logo-t.webp\", category: \"manutencao\", invert: false },\r\n                { name: \"CCB\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/01\/logo-ccb-menu-p.webp\", category: \"manutencao\", invert: true }, \r\n                { name: \"Tatyana Home FR\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/01\/Logotipo_tatyana_home_organiser_paris_femme_de_menage.webp\", category: \"manutencao\", invert: false },\r\n                { name: \"Mawaca\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/01\/mawaca-logotipo.png.webp\", category: \"manutencao\", invert: true }, \r\n                { name: \"Est\u00fadio Mawaca\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/01\/LOGO-estudio-mawaca.webp\", category: \"manutencao\", invert: true }, \r\n                { name: \"J2R\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/01\/j2r-branca.png\", category: \"manutencao\", invert: true }, \r\n                { name: \"Papa tudo\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/01\/cropped-design-sem-nome-8-504x504-1.webp\", category: \"manutencao\", invert: false },\r\n                { name: \"figa\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2024\/11\/logo-figa-verde.webp\", category: \"manutencao\", invert: false },\r\n                { name: \"Mobiliza\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/05\/Bomiliza-participa-1.png\", category: \"manutencao\", invert: false },\r\n\r\n                \/\/ === SERVI\u00c7OS DE HOSPEDAGEM ===\r\n                { name: \"\u00d3ticas Dianelli\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/02\/Oticas-Dianelli-logotipo-1-400x213-1.webp\", category: \"hospedagem\", invert: false },\r\n                { name: \"TC\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2024\/11\/Logo-TC.webp\", category: \"hospedagem\", invert: false },\r\n                { name: \"AJNA\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2024\/11\/Logotipo-AJNA-2023.webp\", category: \"hospedagem\", invert: false },\r\n                { name: \"KRRNK\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2024\/11\/krrnk-logotipo.webp\", category: \"hospedagem\", invert: false },\r\n                { name: \"Dociolatte\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/05\/Logo-Dociolatte-doces-por-encomenda.webp\", category: \"hospedagem\", invert: false },\r\n                { name: \"Onview\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/05\/on-view-logotipo-oficial-e1776802643878.webp\", category: \"hospedagem\", invert: true }, \r\n                { name: \"Colecolab\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2024\/12\/logo-colecolab.webp\", category: \"hospedagem\", invert: false },\r\n                { name: \"Casa Rafael\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/05\/cropped-logotipo-casa-rafael-jardim-palmares-sp-e1776969879277-129x56-1.webp\", category: \"hospedagem\", invert: true }, \r\n                { name: \"Ravi\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/05\/logotipo-ravi-impressao-3d.webp\", category: \"hospedagem\", invert: false },\r\n                { name: \"Papa Oleo\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/05\/cropped-papa-tudo-coleta-de-oleo-usado-1-75x71-1.png\", category: \"hospedagem\", invert: false },\r\n\r\n                \/\/ === OUTROS SERVI\u00c7OS ===\r\n                { name: \"Comerciall\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/02\/LOGO_AZUL-REAL_.webp\", category: \"outros\", invert: false },\r\n                { name: \"Soltec\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/01\/Soltec.webp\", category: \"outros\", invert: false },\r\n                { name: \"Fundo agbara\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/01\/agbara.webp\", category: \"outros\", invert: false },\r\n                { name: \"Diret\u00f3rio da WEB\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/01\/logo-white.png\", category: \"outros\", invert: true }, \r\n                { name: \"Apa Consultoria\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2024\/11\/logo-apa.webp\", category: \"outros\", invert: false },\r\n                { name: \"NR Som e Luz\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2024\/11\/NR-Som-e-luz.webp\", category: \"outros\", invert: false },\r\n                { name: \"Empresas e Neg\u00f3cios\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/01\/EMPRESAS-NEGOCIOSlg-1-1.webp\", category: \"outros\", invert: false },\r\n                { name: \"CLM\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/05\/Logoos-CLM.webp\", category: \"outros\", invert: true }, \r\n                { name: \"Unique Gifts\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2024\/11\/Ug-1.webp\", category: \"outros\", invert: true }, \r\n                { name: \"Bebs\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/01\/logo_bebs_horizontal_BRANCO.webp\", category: \"outros\", invert: true }, \r\n                { name: \"Central do Ingl\u00eas\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2026\/01\/logoSite.webp\", category: \"outros\", invert: true }, \/\/ Adicionado invers\u00e3o\r\n                { name: \"Marina Silva\", url: \"https:\/\/webtom.com.br\/wp-content\/uploads\/2025\/02\/logo-marinaAtivo-1.webp\", category: \"outros\", invert: false }\r\n            ];\r\n\r\n            \/\/ Selectores das grelhas\r\n            const grids = {\r\n                manutencao: document.getElementById('grid-manutencao'),\r\n                hospedagem: document.getElementById('grid-hospedagem'),\r\n                outros: document.getElementById('grid-outros')\r\n            };\r\n\r\n            \/\/ Prote\u00e7\u00e3o para garantir que os elementos existem na \u00e1rvore DOM\r\n            if (!grids.manutencao || !grids.hospedagem || !grids.outros) return;\r\n\r\n            \/\/ Fun\u00e7\u00e3o para renderizar os itens nos seus respectivos contentores\r\n            portfolioData.forEach(item => {\r\n                const targetGrid = grids[item.category];\r\n                if (!targetGrid) return;\r\n\r\n                const card = document.createElement('div');\r\n                \r\n                \/\/ Classifica\u00e7\u00e3o din\u00e2mica do n\u00edvel de escala ideal\r\n                const normalizedName = item.name.toLowerCase().trim();\r\n                let scaleClass = '';\r\n                \r\n                if (superBoostLogosList.includes(normalizedName)) {\r\n                    scaleClass = 'super-boost-scale';\r\n                } else if (boostLogosList.includes(normalizedName)) {\r\n                    scaleClass = 'boost-scale';\r\n                }\r\n                \r\n                card.className = `portfolio-item ${scaleClass}`;\r\n\r\n                \/\/ Aplica classe de invers\u00e3o se o log\u00f3tipo for naturalmente claro\/branco\r\n                const logoClass = item.invert ? 'client-logo invert-logo' : 'client-logo';\r\n\r\n                \/\/ Estrutura interna limpa e padronizada\r\n                card.innerHTML = `\r\n                    <div class=\"logo-container\">\r\n                        <img decoding=\"async\" src=\"${item.url}\" \r\n                             alt=\"${item.name}\" \r\n                             class=\"${logoClass}\" \r\n                             loading=\"lazy\">\r\n                    <\/div>\r\n                    <div class=\"reveal-name\">${item.name}<\/div>\r\n                `;\r\n\r\n                \/\/ Tratamento din\u00e2mico e seguro para imagens quebradas\r\n                const img = card.querySelector('.client-logo');\r\n                if (img) {\r\n                    img.onerror = function() {\r\n                        this.onerror = null; \/\/ Evita ciclo infinito\r\n                        const container = card.querySelector('.logo-container');\r\n                        if (container) {\r\n                            container.innerHTML = `<span style=\"font-size: 13px; font-weight: 700; color: inherit; text-align: center; padding: 10px; word-break: break-word; text-transform: uppercase; letter-spacing: 1px;\">${item.name}<\/span>`;\r\n                        }\r\n                    };\r\n                }\r\n\r\n                targetGrid.appendChild(card);\r\n            });\r\n        };\r\n\r\n        \/\/ Garante a execu\u00e7\u00e3o segura ap\u00f3s carregamento do DOM\r\n        if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\r\n            initPortfolio();\r\n        } else {\r\n            document.addEventListener(\"DOMContentLoaded\", initPortfolio);\r\n        }\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portf\u00f3lio WEBTOM Clientes WEBTOM: *Alguns logotipos tiveram suas cores trocadas para uma melhor visualiza\u00e7\u00e3o na p\u00e1gina. Portf\u00f3lio de Clientes &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1781","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webtom.com.br\/en\/wp-json\/wp\/v2\/pages\/1781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webtom.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webtom.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webtom.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webtom.com.br\/en\/wp-json\/wp\/v2\/comments?post=1781"}],"version-history":[{"count":20,"href":"https:\/\/webtom.com.br\/en\/wp-json\/wp\/v2\/pages\/1781\/revisions"}],"predecessor-version":[{"id":174037,"href":"https:\/\/webtom.com.br\/en\/wp-json\/wp\/v2\/pages\/1781\/revisions\/174037"}],"wp:attachment":[{"href":"https:\/\/webtom.com.br\/en\/wp-json\/wp\/v2\/media?parent=1781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}