{"id":16,"date":"2026-07-29T14:22:35","date_gmt":"2026-07-29T17:22:35","guid":{"rendered":"https:\/\/solucoesdjs.com.br\/?page_id=16"},"modified":"2026-08-19T10:30:54","modified_gmt":"2026-08-19T13:30:54","slug":"inicio","status":"publish","type":"page","link":"https:\/\/solucoesdjs.com.br\/","title":{"rendered":"In\u00edcio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<main class=\"elementor-element elementor-element-03f5b97 e-con-full e-flex e-con e-parent\" data-id=\"03f5b97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5143e9f elementor-widget elementor-widget-html\" data-id=\"5143e9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Importando a fonte Montserrat (Forte e Premium) *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;800;900&display=swap');\r\n\r\n  \/* ==========================================\r\n     1. RESET E ESTILOS GLOBAIS\r\n     ========================================== *\/\r\n  .djs-header-wrapper * { \r\n    box-sizing: border-box; \r\n    margin: 0; \r\n    padding: 0; \r\n    font-family: 'Montserrat', sans-serif; \r\n  }\r\n  \r\n  \/* Fundo 100% da tela *\/\r\n  .djs-header-wrapper {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    background: linear-gradient(to right, #0a0a0a, #1a1a1a);\r\n    z-index: 9999;\r\n    border-bottom: 3px solid #FFC107;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n  }\r\n\r\n  \/* Container Centralizado *\/\r\n  .djs-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0 20px; \r\n    max-width: 1280px; \r\n    margin: 0 auto; \r\n    width: 100%;\r\n    min-height: 100px; \r\n  }\r\n\r\n  \/* Ajuste Cir\u00fargico da Logo *\/\r\n  .djs-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 110px; \r\n  }\r\n\r\n  .djs-logo img {\r\n    height: 140%; \r\n    width: auto;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0px 5px 10px rgba(0,0,0,0.7));\r\n    transition: transform 0.3s ease;\r\n  }\r\n  \r\n  .djs-logo:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Container de Navega\u00e7\u00e3o Ocupando o Resto do Espa\u00e7o *\/\r\n  .djs-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    flex: 1; \/* Preenche o espa\u00e7o entre a logo e a borda direita *\/\r\n  }\r\n\r\n  \/* MENU CENTRALIZADO *\/\r\n  .djs-menu {\r\n    display: flex;\r\n    list-style: none;\r\n    gap: 30px;\r\n    margin: 0 auto; \/* A m\u00e1gica que centraliza os itens do menu no espa\u00e7o flex dispon\u00edvel *\/\r\n  }\r\n\r\n  .djs-menu li a {\r\n    color: #F5F5F5;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    font-size: 0.95rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    position: relative;\r\n    padding-bottom: 5px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .djs-menu li a::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -3px;\r\n    left: 0;\r\n    width: 0%;\r\n    height: 3px;\r\n    background-color: #FFC107;\r\n    transition: width 0.3s ease;\r\n  }\r\n\r\n  .djs-menu li a:hover { color: #FFC107; }\r\n  .djs-menu li a:hover::after { width: 100%; }\r\n\r\n  \/* ==========================================\r\n     BOT\u00c3O GLOBAL \r\n     ========================================== *\/\r\n  .djs-btn-global {\r\n    --round: 0.75rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107);\r\n    border-radius: var(--round);\r\n    border: none;\r\n    outline: none;\r\n    padding: 14px 28px; \r\n    text-decoration: none;\r\n    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3);\r\n    \/* Impede que o bot\u00e3o encolha *\/\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .djs-btn-global::before,\r\n  .djs-btn-global::after {\r\n    content: \"\"; position: absolute; inset: var(--space);\r\n    transition: all 0.5s ease-in-out; border-radius: calc(var(--round) - var(--space)); z-index: 0;\r\n  }\r\n\r\n  .djs-btn-global::before { --space: 1px; background: linear-gradient(177.95deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); }\r\n  .djs-btn-global::after { --space: 2px; background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 193, 7, 0.8) 0%, rgba(255, 193, 7, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107); }\r\n  .djs-btn-global:active { transform: scale(0.95); }\r\n\r\n  .djs-btn-global .fold {\r\n    z-index: 1; position: absolute; top: 0; right: 0; height: 1rem; width: 1rem;\r\n    display: inline-block; transition: all 0.5s ease-in-out;\r\n    background: radial-gradient(100% 75% at 55%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);\r\n    box-shadow: 0 0 3px rgba(0,0,0,0.4); border-bottom-left-radius: 0.5rem; border-top-right-radius: var(--round);\r\n  }\r\n\r\n  .djs-btn-global .fold::after {\r\n    content: \"\"; position: absolute; top: 0; right: 0; width: 150%; height: 150%;\r\n    transform: rotate(45deg) translateX(0%) translateY(-18px); background-color: #111111; pointer-events: none;\r\n  }\r\n\r\n  .djs-btn-global:hover .fold { margin-top: -1rem; margin-right: -1rem; }\r\n\r\n  .djs-btn-global .points_wrapper {\r\n    overflow: hidden; width: 100%; height: 100%; pointer-events: none; position: absolute; z-index: 1;\r\n  }\r\n\r\n  .djs-btn-global .points_wrapper .point {\r\n    bottom: -10px; position: absolute; animation: floating-points infinite ease-in-out; pointer-events: none;\r\n    width: 2px; height: 2px; background-color: #111111; border-radius: 9999px;\r\n  }\r\n\r\n  @keyframes floating-points {\r\n    0% { transform: translateY(0); }\r\n    85% { opacity: 0; }\r\n    100% { transform: translateY(-55px); opacity: 0; }\r\n  }\r\n\r\n  .djs-btn-global .points_wrapper .point:nth-child(1) { left: 10%; opacity: 1; animation-duration: 2.35s; animation-delay: 0.2s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(2) { left: 30%; opacity: 0.7; animation-duration: 2.5s; animation-delay: 0.5s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(3) { left: 25%; opacity: 0.8; animation-duration: 2.2s; animation-delay: 0.1s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(4) { left: 44%; opacity: 0.6; animation-duration: 2.05s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(5) { left: 50%; opacity: 1; animation-duration: 1.9s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(6) { left: 75%; opacity: 0.5; animation-duration: 1.5s; animation-delay: 1.5s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(7) { left: 88%; opacity: 0.9; animation-duration: 2.2s; animation-delay: 0.2s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(8) { left: 58%; opacity: 0.8; animation-duration: 2.25s; animation-delay: 0.2s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(9) { left: 98%; opacity: 0.6; animation-duration: 2.6s; animation-delay: 0.1s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(10) { left: 65%; opacity: 1; animation-duration: 2.5s; animation-delay: 0.2s; }\r\n\r\n  .djs-btn-global .inner {\r\n    z-index: 2; gap: 8px; position: relative; width: 100%; color: #111111;\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    font-size: 14px; font-weight: 900; text-transform: uppercase;\r\n    letter-spacing: 0.5px; line-height: 1.5; transition: color 0.2s ease-in-out;\r\n  }\r\n\r\n  .djs-btn-global .inner svg.icon { width: 18px; height: 18px; transition: fill 0.1s linear; stroke: #111111; }\r\n  .djs-btn-global:focus .inner svg.icon { fill: #111111; }\r\n  .djs-btn-global:hover .inner svg.icon {\r\n    fill: transparent; animation: dasharray 1s linear forwards, filled 0.1s linear forwards 0.95s;\r\n  }\r\n\r\n  @keyframes dasharray { from { stroke-dasharray: 0 0 0 0; } to { stroke-dasharray: 68 68 0 0; } }\r\n  @keyframes filled { to { fill: #111111; } }\r\n\r\n  \/* ==========================================\r\n     2. RESPONSIVO - DO TABLET AO CELULAR\r\n     ========================================== *\/\r\n  .djs-menu-toggle {\r\n    display: none; background: none; border: none; cursor: pointer;\r\n    width: 35px; height: 25px; position: relative; z-index: 10000;\r\n    outline: none; \/* Tira borda de foco *\/\r\n    -webkit-tap-highlight-color: transparent; \/* Tira o fundo rosa\/azul de clique no mobile *\/\r\n  }\r\n\r\n  .djs-menu-toggle span {\r\n    display: block; position: absolute; height: 4px; width: 100%;\r\n    background: #FFC107; border-radius: 4px; opacity: 1; left: 0;\r\n    transform: rotate(0deg); transition: .25s ease-in-out;\r\n  }\r\n\r\n  .djs-menu-toggle span:nth-child(1) { top: 0px; }\r\n  .djs-menu-toggle span:nth-child(2) { top: 10px; }\r\n  .djs-menu-toggle span:nth-child(3) { top: 20px; }\r\n  .djs-menu-toggle.open span:nth-child(1) { top: 10px; transform: rotate(135deg); }\r\n  .djs-menu-toggle.open span:nth-child(2) { opacity: 0; left: -60px; }\r\n  .djs-menu-toggle.open span:nth-child(3) { top: 10px; transform: rotate(-135deg); }\r\n\r\n  .djs-overlay {\r\n    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh;\r\n    background: rgba(0,0,0,0.85); backdrop-filter: blur(8px); z-index: 9998;\r\n    opacity: 0; transition: opacity 0.3s ease;\r\n  }\r\n\r\n  \/* Breakpoint 1024px *\/\r\n  @media (max-width: 1024px) {\r\n    .djs-logo { height: 90px; } \r\n    .djs-menu-toggle { display: block; }\r\n    \r\n    .djs-nav {\r\n      position: fixed; top: 0; right: -320px; width: 300px; height: 100vh;\r\n      background: #0a0a0a; flex-direction: column; padding: 100px 30px 30px;\r\n      gap: 40px; transition: right 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0);\r\n      border-left: 2px solid #FFC107; z-index: 9999; align-items: flex-start;\r\n    }\r\n\r\n    .djs-nav.active { right: 0; }\r\n    .djs-overlay.active { display: block; opacity: 1; }\r\n\r\n    \/* Remove a centraliza\u00e7\u00e3o no mobile para alinhar \u00e0 esquerda na gaveta *\/\r\n    .djs-menu { flex-direction: column; width: 100%; gap: 25px; margin: 0; }\r\n    .djs-menu li a { font-size: 1.2rem; display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; }\r\n    \r\n    .djs-nav .djs-btn-global { width: 100%; margin-top: 20px; }\r\n  }\r\n\r\n  \/* Breakpoint 768px *\/\r\n  @media (max-width: 768px) {\r\n    .djs-header { min-height: 80px; padding: 0 15px; }\r\n    .djs-logo { height: 75px; } \r\n  }\r\n<\/style>\r\n\r\n<div class=\"djs-header-wrapper\">\r\n  <header class=\"djs-header\">\r\n    <a href=\"#\" class=\"djs-logo\">\r\n      <img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/logo-djs-solucoes-guarulhos.webp\" alt=\"DJS Solu\u00e7\u00f5es\">\r\n    <\/a>\r\n\r\n    <button class=\"djs-menu-toggle\" id=\"djs-btn-mobile\" aria-label=\"Abrir Menu\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/button>\r\n\r\n    <div class=\"djs-overlay\" id=\"djs-overlay\"><\/div>\r\n\r\n    <nav class=\"djs-nav\" id=\"djs-nav-menu\">\r\n      <ul class=\"djs-menu\">\r\n        <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\r\n        <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n        <li><a href=\"#sobre\">Sobre<\/a><\/li>\r\n        <li><a href=\"#contato\">Contato<\/a><\/li>\r\n      <\/ul>\r\n      \r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20vim%20pelo%20site%20e%20gostaria%20de%20um%20or\u00e7amento.\" target=\"_blank\" class=\"djs-btn-global\" rel=\"noopener\">\r\n        <span class=\"fold\"><\/span>\r\n        <div class=\"points_wrapper\">\r\n          <i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i>\r\n          <i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i>\r\n        <\/div>\r\n        <span class=\"inner\">\r\n          <svg class=\"icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\">\r\n            <polyline points=\"13.18 1.37 13.18 9.64 21.45 9.64 10.82 22.63 10.82 14.36 2.55 14.36 13.18 1.37\"><\/polyline>\r\n          <\/svg>\r\n          Falar com Douglas\r\n        <\/span>\r\n      <\/a>\r\n    <\/nav>\r\n  <\/header>\r\n<\/div>\r\n\r\n<script>\r\n  const btnMobile = document.getElementById('djs-btn-mobile');\r\n  const navMenu = document.getElementById('djs-nav-menu');\r\n  const overlay = document.getElementById('djs-overlay');\r\n  const linksMenu = document.querySelectorAll('.djs-menu li a');\r\n\r\n  function toggleMenu() {\r\n    btnMobile.classList.toggle('open');\r\n    navMenu.classList.toggle('active');\r\n    overlay.classList.toggle('active');\r\n  }\r\n\r\n  btnMobile.addEventListener('click', toggleMenu);\r\n  overlay.addEventListener('click', toggleMenu);\r\n\r\n  linksMenu.forEach(link => {\r\n    link.addEventListener('click', () => {\r\n      if(navMenu.classList.contains('active')) {\r\n        toggleMenu();\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-897d7eb elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"897d7eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ==========================================\r\n     DOBRA 1 - HERO SECTION (DESKTOP E MOBILE)\r\n     ========================================== *\/\r\n  .djs-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 100vh; \r\n    \/* IMAGEM PADR\u00c3O (COMPUTADOR) HORIZONTAL *\/\r\n    background-image: url('http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/conversao-de-gas-e-eletricista-djs-solucoes.webp');\r\n    background-size: cover; \r\n    background-position: right top; \r\n    background-repeat: no-repeat;\r\n    background-color: #050505; \r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* M\u00e1scara de gradiente Desktop *\/\r\n  .djs-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 40%, rgba(0,0,0,0) 100%);\r\n    z-index: 1;\r\n  }\r\n\r\n  .djs-hero-container {\r\n    max-width: 1280px; \r\n    width: 100%;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n    position: relative;\r\n    z-index: 2; \r\n  }\r\n\r\n  .djs-hero-content {\r\n    max-width: 680px; \r\n    padding-top: 40px; \r\n  }\r\n\r\n  \/* TOP BADGE (COM DOIS \u00cdCONES PARA EQUIL\u00cdBRIO) *\/\r\n  .djs-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    background: rgba(255, 193, 7, 0.1);\r\n    border: 1px solid rgba(255, 193, 7, 0.5);\r\n    color: #FFC107;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    font-size: 0.85rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    margin-bottom: 25px;\r\n    box-shadow: 0 0 15px rgba(255, 193, 7, 0.15);\r\n  }\r\n\r\n  .djs-badge svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .djs-hero-title {\r\n    font-size: 3.2rem; \r\n    color: #FFFFFF;\r\n    font-weight: 900;\r\n    line-height: 1.15;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n    text-shadow: 2px 2px 10px rgba(0,0,0,0.8);\r\n  }\r\n\r\n  .djs-hero-title span {\r\n    color: #FFC107; \r\n  }\r\n\r\n  .djs-hero-text {\r\n    font-size: 1.15rem;\r\n    color: #E0E0E0;\r\n    line-height: 1.6;\r\n    font-weight: 500; \r\n    margin-bottom: 40px;\r\n    max-width: 600px; \r\n    text-shadow: 1px 1px 5px rgba(0,0,0,0.8);\r\n  }\r\n\r\n  \/* ==========================================\r\n     BOT\u00c3O GLOBAL \r\n     ========================================== *\/\r\n  .djs-btn-global {\r\n    --round: 0.75rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107);\r\n    border-radius: var(--round);\r\n    border: none;\r\n    outline: none;\r\n    padding: 16px 32px;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 20px rgba(255, 193, 7, 0.4);\r\n  }\r\n\r\n  .djs-btn-global::before,\r\n  .djs-btn-global::after {\r\n    content: \"\"; position: absolute; inset: var(--space); transition: all 0.5s ease-in-out; border-radius: calc(var(--round) - var(--space)); z-index: 0;\r\n  }\r\n\r\n  .djs-btn-global::before { --space: 1px; background: linear-gradient(177.95deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); }\r\n  .djs-btn-global::after { --space: 2px; background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 193, 7, 0.8) 0%, rgba(255, 193, 7, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107); }\r\n  .djs-btn-global:active { transform: scale(0.95); }\r\n\r\n  .djs-btn-global .fold {\r\n    z-index: 1; position: absolute; top: 0; right: 0; height: 1rem; width: 1rem; display: inline-block; transition: all 0.5s ease-in-out;\r\n    background: radial-gradient(100% 75% at 55%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);\r\n    box-shadow: 0 0 3px rgba(0,0,0,0.4); border-bottom-left-radius: 0.5rem; border-top-right-radius: var(--round);\r\n  }\r\n\r\n  .djs-btn-global .fold::after {\r\n    content: \"\"; position: absolute; top: 0; right: 0; width: 150%; height: 150%; transform: rotate(45deg) translateX(0%) translateY(-18px); background-color: #000000; pointer-events: none;\r\n  }\r\n  .djs-btn-global:hover .fold { margin-top: -1rem; margin-right: -1rem; }\r\n\r\n  .djs-btn-global .points_wrapper { overflow: hidden; width: 100%; height: 100%; pointer-events: none; position: absolute; z-index: 1; }\r\n  .djs-btn-global .points_wrapper .point { bottom: -10px; position: absolute; animation: floating-points infinite ease-in-out; pointer-events: none; width: 2px; height: 2px; background-color: #111111; border-radius: 9999px; }\r\n\r\n  @keyframes floating-points { 0% { transform: translateY(0); } 85% { opacity: 0; } 100% { transform: translateY(-55px); opacity: 0; } }\r\n\r\n  .djs-btn-global .points_wrapper .point:nth-child(1) { left: 10%; opacity: 1; animation-duration: 2.35s; animation-delay: 0.2s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(2) { left: 30%; opacity: 0.7; animation-duration: 2.5s; animation-delay: 0.5s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(3) { left: 25%; opacity: 0.8; animation-duration: 2.2s; animation-delay: 0.1s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(4) { left: 44%; opacity: 0.6; animation-duration: 2.05s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(5) { left: 50%; opacity: 1; animation-duration: 1.9s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(6) { left: 75%; opacity: 0.5; animation-duration: 1.5s; animation-delay: 1.5s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(7) { left: 88%; opacity: 0.9; animation-duration: 2.2s; animation-delay: 0.2s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(8) { left: 58%; opacity: 0.8; animation-duration: 2.25s; animation-delay: 0.2s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(9) { left: 98%; opacity: 0.6; animation-duration: 2.6s; animation-delay: 0.1s; }\r\n  .djs-btn-global .points_wrapper .point:nth-child(10) { left: 65%; opacity: 1; animation-duration: 2.5s; animation-delay: 0.2s; }\r\n\r\n  .djs-btn-global .inner {\r\n    z-index: 2; gap: 10px; position: relative; width: 100%; color: #111111; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.5; transition: color 0.2s ease-in-out;\r\n  }\r\n\r\n  .djs-btn-global .inner svg.icon { width: 20px; height: 20px; transition: fill 0.1s linear; stroke: #111111; }\r\n  .djs-btn-global:focus .inner svg.icon { fill: #111111; }\r\n  .djs-btn-global:hover .inner svg.icon { fill: transparent; animation: dasharray 1s linear forwards, filled 0.1s linear forwards 0.95s; }\r\n\r\n  @keyframes dasharray { from { stroke-dasharray: 0 0 0 0; } to { stroke-dasharray: 68 68 0 0; } }\r\n  @keyframes filled { to { fill: #111111; } }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVIDADE DA HERO\r\n     ========================================== *\/\r\n  \r\n  @media (max-width: 1440px) {\r\n    .djs-hero-content { max-width: 520px; }\r\n    .djs-hero-title { font-size: 2.8rem; }\r\n    .djs-hero::before { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.95) 55%, rgba(0,0,0,0) 100%); }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .djs-hero-title { font-size: 2.6rem; }\r\n    .djs-hero { background-position: right 10%; } \r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .djs-hero {\r\n      background-image: url('http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/bg-mobile-djs-solucoes.webp');\r\n      background-position: center top; \r\n      align-items: flex-end; \r\n      padding-top: 360px; \r\n      padding-bottom: 60px;\r\n    }\r\n    \r\n    .djs-hero::before {\r\n      background: linear-gradient(to top, rgba(0,0,0,1) 15%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0) 100%);\r\n    }\r\n    .djs-hero-content { \r\n      max-width: 100%; \r\n      text-align: center; \r\n      display: flex; \r\n      flex-direction: column; \r\n      align-items: center; \r\n    }\r\n    \r\n    .djs-badge { \r\n      font-size: 0.7rem; \r\n      padding: 8px 18px; \r\n      margin-bottom: 20px; \r\n      line-height: 1.5; \r\n      text-align: center; \r\n      max-width: 95%; \r\n    }\r\n    \r\n    .djs-hero-title { font-size: 2.2rem; }\r\n    .djs-hero-text { font-size: 1rem; margin-bottom: 35px; }\r\n\r\n    .djs-btn-global { width: 100%; padding: 16px 10px; }\r\n    .djs-btn-global .inner { font-size: 13px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"djs-hero\">\r\n  <div class=\"djs-hero-container\">\r\n    <div class=\"djs-hero-content\">\r\n      \r\n      <!-- TAG COM DOIS \u00cdCONES DE VERIFICADO (LADO ESQUERDO E DIREITO) -->\r\n      <span class=\"djs-badge\">\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M23 11.99l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 11.99l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 11.99zm-12.53 3.8L6.84 12.2l1.4-1.46 2.23 2.12 5.12-5.59 1.47 1.34-6.59 7.18z\"\/>\r\n        <\/svg>\r\n        CNPJ COM MAIS DE 50 CONDOM\u00cdNIOS&nbsp;CADASTRADOS\r\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <path d=\"M23 11.99l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 11.99l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 11.99zm-12.53 3.8L6.84 12.2l1.4-1.46 2.23 2.12 5.12-5.59 1.47 1.34-6.59 7.18z\"\/>\r\n        <\/svg>\r\n      <\/span>\r\n      \r\n      <h1 class=\"djs-hero-title\">RESOLVEMOS TODAS AS MANUTEN\u00c7\u00d5ES E INSTALA\u00c7\u00d5ES DE <br><span>EL\u00c9TRICA<\/span>, <span>HIDR\u00c1ULICA<\/span>&nbsp;E&nbsp;<span>G\u00c1S<\/span><\/h1>\r\n      \r\n      <p class=\"djs-hero-text\">Chega de dor de cabe\u00e7a com infraestrutura. A <strong>DJS Solu\u00e7\u00f5es<\/strong> entrega servi\u00e7o r\u00e1pido, com laudo t\u00e9cnico, seguran\u00e7a m\u00e1xima e zero gambiarras para o seu condom\u00ednio ou empresa.<\/p>\r\n      \r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20vim%20pelo%20site%20e%20preciso%20de%20uma%20avalia\u00e7\u00e3o%20t\u00e9cnica.\" target=\"_blank\" class=\"djs-btn-global\" rel=\"noopener\">\r\n        <span class=\"fold\"><\/span>\r\n        <div class=\"points_wrapper\">\r\n          <i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i>\r\n          <i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i>\r\n        <\/div>\r\n        <span class=\"inner\">\r\n          <svg class=\"icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\">\r\n            <polyline points=\"13.18 1.37 13.18 9.64 21.45 9.64 10.82 22.63 10.82 14.36 2.55 14.36 13.18 1.37\"><\/polyline>\r\n          <\/svg>\r\n          SOLICITAR AVALIA\u00c7\u00c3O T\u00c9CNICA\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed00c4b elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"ed00c4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\r\n\r\n  \/* ==========================================\r\n     FAIXA ROTATIVA (MARQUEE) - P\u00daBLICO ALVO\r\n     ========================================== *\/\r\n  .djs-marquee-section {\r\n    background-color: #000000; \/* Fundo preto para n\u00e3o brigar com o bot\u00e3o *\/\r\n    padding: 18px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    font-family: 'Montserrat', sans-serif;\r\n    border-top: 1px solid rgba(255, 193, 7, 0.4); \/* Borda amarela sutil *\/\r\n    border-bottom: 1px solid rgba(255, 193, 7, 0.4); \/* Borda amarela sutil *\/\r\n  }\r\n\r\n  .djs-marquee-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: marqueeScroll 15s linear infinite;\r\n  }\r\n\r\n  \/* Pausa a anima\u00e7\u00e3o ao passar o mouse *\/\r\n  .djs-marquee-section:hover .djs-marquee-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .djs-marquee-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n    padding-right: 40px; \r\n  }\r\n\r\n  .djs-marquee-item {\r\n    font-size: 1.15rem;\r\n    font-weight: 900;\r\n    color: #FFC107; \/* Escrita em amarelo *\/\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    white-space: nowrap;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .djs-marquee-separator {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .djs-marquee-separator svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: #FFC107; \/* \u00cdcone em amarelo *\/\r\n  }\r\n\r\n  @keyframes marqueeScroll {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); } \r\n  }\r\n\r\n  \/* Responsividade *\/\r\n  @media (max-width: 768px) {\r\n    .djs-marquee-section { padding: 12px 0; }\r\n    .djs-marquee-item { font-size: 0.95rem; }\r\n    .djs-marquee-group { gap: 25px; padding-right: 25px; }\r\n    .djs-marquee-separator svg { width: 16px; height: 16px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUTURA HTML DA FAIXA -->\r\n<section class=\"djs-marquee-section\">\r\n  <!-- A trilha completa -->\r\n  <div class=\"djs-marquee-track\">\r\n    \r\n    <!-- METADE 1 -->\r\n    <div class=\"djs-marquee-group\">\r\n      <span class=\"djs-marquee-item\">COMERCIAL<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n      \r\n      <span class=\"djs-marquee-item\">INDUSTRIAL<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n      \r\n      <span class=\"djs-marquee-item\">CONDOM\u00cdNIOS<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n    <\/div>\r\n\r\n    <!-- METADE 2 -->\r\n    <div class=\"djs-marquee-group\">\r\n      <span class=\"djs-marquee-item\">COMERCIAL<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n      \r\n      <span class=\"djs-marquee-item\">INDUSTRIAL<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n      \r\n      <span class=\"djs-marquee-item\">CONDOM\u00cdNIOS<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n    <\/div>\r\n\r\n    <!-- METADE 3 -->\r\n    <div class=\"djs-marquee-group\">\r\n      <span class=\"djs-marquee-item\">COMERCIAL<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n      \r\n      <span class=\"djs-marquee-item\">INDUSTRIAL<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n      \r\n      <span class=\"djs-marquee-item\">CONDOM\u00cdNIOS<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n    <\/div>\r\n\r\n    <!-- METADE 4 -->\r\n    <div class=\"djs-marquee-group\">\r\n      <span class=\"djs-marquee-item\">COMERCIAL<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n      \r\n      <span class=\"djs-marquee-item\">INDUSTRIAL<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n      \r\n      <span class=\"djs-marquee-item\">CONDOM\u00cdNIOS<\/span>\r\n      <span class=\"djs-marquee-separator\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47291c5 elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"47291c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\r\n\r\n  \/* ==========================================\r\n     DOBRA 2 - SERVI\u00c7OS & NATAL \r\n     ========================================== *\/\r\n  .djs-services-section {\r\n    background-color: #050505; \r\n    padding: 100px 0; \r\n    width: 100%;\r\n    position: relative;\r\n    font-family: 'Montserrat', sans-serif;\r\n  }\r\n\r\n  .djs-services-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 20px; \r\n  }\r\n\r\n  .djs-section-header {\r\n    text-align: center;\r\n    max-width: 800px;\r\n    margin: 0 auto 60px auto; \r\n  }\r\n\r\n  .djs-section-header h2 {\r\n    font-size: 2.8rem;\r\n    color: #FFFFFF;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    margin-bottom: 15px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .djs-section-header h2 span { color: #FFC107; }\r\n\r\n  .djs-section-header p {\r\n    font-size: 1.1rem;\r\n    color: #a0a0a0;\r\n    font-weight: 500;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* ==========================================\r\n     GRID DE SERVI\u00c7OS \r\n     ========================================== *\/\r\n  .djs-cards-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr); \r\n    gap: 25px;\r\n    width: 100%;\r\n    padding-top: 20px; \r\n  }\r\n\r\n  @keyframes floatCard {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-10px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  .djs-card-wrapper {\r\n    width: 100%;\r\n    height: 340px; \r\n    background: #FFC107; \r\n    border-radius: 20px;\r\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);\r\n    position: relative;\r\n    text-decoration: none; \r\n    display: block;\r\n    animation: floatCard 5s ease-in-out infinite;\r\n  }\r\n\r\n  .djs-card-wrapper:nth-child(1) { animation-delay: 0s; }\r\n  .djs-card-wrapper:nth-child(2) { animation-delay: 1.2s; }\r\n  .djs-card-wrapper:nth-child(3) { animation-delay: 2.4s; }\r\n  .djs-card-wrapper:nth-child(4) { animation-delay: 3.6s; }\r\n\r\n  .djs-card-cta {\r\n    position: absolute;\r\n    bottom: 15px;\r\n    left: 20px;\r\n    color: #111111;\r\n    font-size: 0.9rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .djs-card-cta svg { width: 18px; height: 18px; stroke: #111111; stroke-width: 2.5; }\r\n\r\n  .djs-card-front {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 20px;\r\n    background-color: #121212;\r\n    border: 1px solid rgba(255, 193, 7, 0.15);\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 10;\r\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    padding: 35px 25px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start; \r\n    text-align: left;\r\n  }\r\n\r\n  @media (hover: hover) and (min-width: 992px) {\r\n    .djs-card-wrapper:hover { animation-play-state: paused; }\r\n    .djs-card-wrapper:hover .djs-card-front { transform: translateY(-45px); }\r\n  }\r\n\r\n  .djs-card-icon {\r\n    width: 55px;\r\n    height: 55px;\r\n    background: rgba(255, 193, 7, 0.1);\r\n    border-radius: 12px; \r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .djs-card-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n    stroke: #FFC107;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .djs-card-front h3 {\r\n    font-size: 1.25rem;\r\n    color: #FFFFFF;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    margin-bottom: 15px;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .djs-card-front p { font-size: 0.9rem; color: #888888; line-height: 1.6; font-weight: 500; }\r\n\r\n  \/* ==========================================\r\n     SESS\u00c3O LUZES DE NATAL (CARROSSEL INFINITO)\r\n     ========================================== *\/\r\n  .djs-natal-wrapper {\r\n    margin-top: 100px;\r\n    padding-top: 80px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n    text-align: center;\r\n  }\r\n\r\n  .djs-natal-wrapper h3 {\r\n    font-size: 2.4rem;\r\n    color: #FFFFFF;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .djs-natal-wrapper h3 span { color: #FFC107; }\r\n\r\n  .djs-natal-wrapper p {\r\n    color: #a0a0a0;\r\n    max-width: 750px;\r\n    margin: 0 auto 30px auto;\r\n    font-size: 1.1rem;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n  }\r\n\r\n  \/* O Container do Carrossel *\/\r\n  .djs-carousel-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100vw; \r\n    margin: 0 auto;\r\n    overflow: hidden; \r\n    padding: 30px 0;\r\n  }\r\n\r\n  \/* Degrad\u00ea Escuro nas Laterais *\/\r\n  .djs-carousel-fade-left,\r\n  .djs-carousel-fade-right {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 15vw; \r\n    max-width: 200px;\r\n    z-index: 5;\r\n    pointer-events: none; \r\n  }\r\n  .djs-carousel-fade-left { left: 0; background: linear-gradient(to right, #050505 5%, transparent 100%); }\r\n  .djs-carousel-fade-right { right: 0; background: linear-gradient(to left, #050505 5%, transparent 100%); }\r\n\r\n  \/* Trilha Flex\u00edvel e Anima\u00e7\u00e3o *\/\r\n  .djs-carousel-track {\r\n    display: flex;\r\n    width: max-content;\r\n  }\r\n\r\n  .djs-carousel-group {\r\n    display: flex;\r\n    gap: 25px; \r\n    padding-right: 25px; \r\n    animation: scrollContinuous 25s linear infinite;\r\n  }\r\n\r\n  .djs-carousel-wrapper:hover .djs-carousel-group,\r\n  .djs-carousel-wrapper:active .djs-carousel-group {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  @keyframes scrollContinuous {\r\n    0% { transform: translateX(0); }\r\n    100% { transform: translateX(-100%); } \r\n  }\r\n\r\n  \/* Os Itens do Carrossel *\/\r\n  .djs-carousel-item {\r\n    width: 400px; \r\n    flex-shrink: 0; \r\n    border-radius: 12px;\r\n    position: relative;\r\n    cursor: pointer;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.5);\r\n    border: 1px solid rgba(255, 193, 7, 0.15);\r\n    overflow: hidden;\r\n    background: #111;\r\n  }\r\n\r\n  .djs-carousel-item img {\r\n    width: 100%;\r\n    height: auto; \r\n    display: block;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .djs-carousel-item:hover img { transform: scale(1.08); }\r\n  .djs-carousel-item:hover { border-color: #FFC107; }\r\n\r\n  \/* Indica\u00e7\u00e3o visual para intera\u00e7\u00e3o ATUALIZADA *\/\r\n  .djs-swipe-indicator {\r\n    margin-top: 10px;\r\n    font-size: 0.85rem;\r\n    color: #FFC107;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    font-weight: 800;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .djs-swipe-indicator svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: #FFC107;\r\n    fill: none;\r\n    animation: pulseIcon 2s infinite ease-in-out;\r\n  }\r\n\r\n  @keyframes pulseIcon {\r\n    0%, 100% { transform: scale(1); opacity: 0.7; }\r\n    50% { transform: scale(1.2); opacity: 1; }\r\n  }\r\n\r\n  \/* BOT\u00c3O CTA DO NATAL (EMBAIXO DO CARROSSEL) *\/\r\n  .djs-natal-cta {\r\n    text-align: center;\r\n    margin-top: 35px;\r\n    padding-bottom: 20px;\r\n  }\r\n\r\n  \/* BOT\u00c3O GLOBAL *\/\r\n  .djs-btn-global {\r\n    --round: 0.75rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107);\r\n    border-radius: var(--round);\r\n    border: none;\r\n    outline: none;\r\n    padding: 16px 32px;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 20px rgba(255, 193, 7, 0.4);\r\n  }\r\n  .djs-btn-global::before, .djs-btn-global::after { content: \"\"; position: absolute; inset: var(--space); transition: all 0.5s ease-in-out; border-radius: calc(var(--round) - var(--space)); z-index: 0; }\r\n  .djs-btn-global::before { --space: 1px; background: linear-gradient(177.95deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); }\r\n  .djs-btn-global::after { --space: 2px; background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 193, 7, 0.8) 0%, rgba(255, 193, 7, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107); }\r\n  .djs-btn-global:active { transform: scale(0.95); }\r\n  .djs-btn-global .fold { z-index: 1; position: absolute; top: 0; right: 0; height: 1rem; width: 1rem; display: inline-block; transition: all 0.5s ease-in-out; background: radial-gradient(100% 75% at 55%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); box-shadow: 0 0 3px rgba(0,0,0,0.4); border-bottom-left-radius: 0.5rem; border-top-right-radius: var(--round); }\r\n  .djs-btn-global .fold::after { content: \"\"; position: absolute; top: 0; right: 0; width: 150%; height: 150%; transform: rotate(45deg) translateX(0%) translateY(-18px); background-color: #000000; pointer-events: none; }\r\n  .djs-btn-global:hover .fold { margin-top: -1rem; margin-right: -1rem; }\r\n  .djs-btn-global .points_wrapper { overflow: hidden; width: 100%; height: 100%; pointer-events: none; position: absolute; z-index: 1; }\r\n  .djs-btn-global .points_wrapper .point { bottom: -10px; position: absolute; animation: floating-points infinite ease-in-out; pointer-events: none; width: 2px; height: 2px; background-color: #111111; border-radius: 9999px; }\r\n  @keyframes floating-points { 0% { transform: translateY(0); } 85% { opacity: 0; } 100% { transform: translateY(-55px); opacity: 0; } }\r\n  .djs-btn-global .points_wrapper .point:nth-child(1) { left: 10%; opacity: 1; animation-duration: 2.35s; animation-delay: 0.2s; } .djs-btn-global .points_wrapper .point:nth-child(2) { left: 30%; opacity: 0.7; animation-duration: 2.5s; animation-delay: 0.5s; } .djs-btn-global .points_wrapper .point:nth-child(3) { left: 25%; opacity: 0.8; animation-duration: 2.2s; animation-delay: 0.1s; } .djs-btn-global .points_wrapper .point:nth-child(4) { left: 44%; opacity: 0.6; animation-duration: 2.05s; } .djs-btn-global .points_wrapper .point:nth-child(5) { left: 50%; opacity: 1; animation-duration: 1.9s; } .djs-btn-global .points_wrapper .point:nth-child(6) { left: 75%; opacity: 0.5; animation-duration: 1.5s; animation-delay: 1.5s; } .djs-btn-global .points_wrapper .point:nth-child(7) { left: 88%; opacity: 0.9; animation-duration: 2.2s; animation-delay: 0.2s; } .djs-btn-global .points_wrapper .point:nth-child(8) { left: 58%; opacity: 0.8; animation-duration: 2.25s; animation-delay: 0.2s; } .djs-btn-global .points_wrapper .point:nth-child(9) { left: 98%; opacity: 0.6; animation-duration: 2.6s; animation-delay: 0.1s; } .djs-btn-global .points_wrapper .point:nth-child(10) { left: 65%; opacity: 1; animation-duration: 2.5s; animation-delay: 0.2s; }\r\n  .djs-btn-global .inner { z-index: 2; gap: 10px; position: relative; width: 100%; color: #111111; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.5; transition: color 0.2s ease-in-out; }\r\n  .djs-btn-global .inner svg.icon { width: 20px; height: 20px; transition: fill 0.1s linear; stroke: #111111; } .djs-btn-global:focus .inner svg.icon { fill: #111111; } .djs-btn-global:hover .inner svg.icon { fill: transparent; animation: dasharray 1s linear forwards, filled 0.1s linear forwards 0.95s; }\r\n  @keyframes dasharray { from { stroke-dasharray: 0 0 0 0; } to { stroke-dasharray: 68 68 0 0; } } @keyframes filled { to { fill: #111111; } }\r\n\r\n  \/* ==========================================\r\n     SISTEMA DE MODAL (LIGHTBOX) PARA AS FOTOS\r\n     ========================================== *\/\r\n  .djs-lightbox-modal {\r\n    display: none; \r\n    position: fixed;\r\n    z-index: 99999;\r\n    padding-top: 80px;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: auto;\r\n    background-color: rgba(5, 5, 5, 0.95);\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .djs-lightbox-content {\r\n    margin: auto;\r\n    display: block;\r\n    max-width: 90%;\r\n    max-height: 80vh;\r\n    border-radius: 12px;\r\n    box-shadow: 0 10px 40px rgba(255, 193, 7, 0.2);\r\n    animation: zoomLightbox 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n  }\r\n\r\n  @keyframes zoomLightbox {\r\n    from {transform: scale(0.9); opacity: 0;}\r\n    to {transform: scale(1); opacity: 1;}\r\n  }\r\n\r\n  .djs-lightbox-close {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 35px;\r\n    color: #FFC107;\r\n    font-size: 45px;\r\n    font-weight: bold;\r\n    transition: 0.3s;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n  }\r\n\r\n  .djs-lightbox-close:hover,\r\n  .djs-lightbox-close:focus {\r\n    color: #FFF;\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVIDADE \r\n     ========================================== *\/\r\n  @media (max-width: 1024px) {\r\n    .djs-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .djs-services-section { padding: 70px 0; } \r\n    .djs-services-container { padding: 0 20px; } \r\n    \r\n    .djs-section-header h2 { font-size: 2.2rem; }\r\n    .djs-cards-grid { grid-template-columns: 1fr; gap: 55px; padding-top: 0; }\r\n    .djs-card-wrapper { animation: none; height: 300px; margin-top: 40px; }\r\n    .djs-card-front { transform: translateY(-40px) !important; padding: 30px 20px; }\r\n\r\n    .djs-natal-wrapper { margin-top: 60px; padding-top: 60px; }\r\n    .djs-natal-wrapper h3 { font-size: 1.8rem; }\r\n    \r\n    .djs-carousel-fade-left, .djs-carousel-fade-right { width: 40px; } \r\n    \r\n    .djs-carousel-item {\r\n      width: 260px; \r\n      max-width: 75vw;\r\n    }\r\n\r\n    .djs-swipe-indicator {\r\n      margin-top: 40px; \r\n      margin-bottom: 20px;\r\n      padding: 0 20px; \r\n      flex-direction: column; \r\n      text-align: center; \r\n      line-height: 1.5; \r\n    }\r\n\r\n    .djs-natal-cta { padding: 0 20px; }\r\n    .djs-btn-global { width: 100%; padding: 16px 10px; }\r\n    .djs-btn-global .inner { font-size: 13px; }\r\n\r\n    .djs-lightbox-close {\r\n      top: 15px;\r\n      right: 20px;\r\n      font-size: 40px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUTURA HTML -->\r\n<section id=\"servicos\" class=\"djs-services-section\">\r\n  <div class=\"djs-services-container\">\r\n    \r\n    <!-- HEADER DOS SERVI\u00c7OS -->\r\n    <div class=\"djs-section-header\">\r\n      <h2>Nossas <span>Especialidades<\/span><\/h2>\r\n      <p>Manuten\u00e7\u00e3o t\u00e9cnica focada em resolver os maiores B.O.s da sua infraestrutura. Atendimento especializado para condom\u00ednios e ind\u00fastrias.<\/p>\r\n    <\/div>\r\n\r\n    <!-- CARDS DE SERVI\u00c7OS -->\r\n    <div class=\"djs-cards-grid\">\r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20preciso%20de%20ajuda%20com%20El\u00e9trica%20Predial.\" target=\"_blank\" class=\"djs-card-wrapper\" rel=\"noopener\">\r\n        <div class=\"djs-card-cta\">Solicitar Or\u00e7amento <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\r\n        <div class=\"djs-card-front\">\r\n          <div class=\"djs-card-icon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg><\/div>\r\n          <h3>El\u00e9trica Predial<\/h3>\r\n          <p>Quadros de for\u00e7a, adequa\u00e7\u00e3o de carga, ilumina\u00e7\u00e3o e preven\u00e7\u00e3o contra curtos e inc\u00eandios.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20preciso%20de%20ajuda%20com%20Sistemas%20de%20G\u00e1s.\" target=\"_blank\" class=\"djs-card-wrapper\" rel=\"noopener\">\r\n        <div class=\"djs-card-cta\">Solicitar Or\u00e7amento <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\r\n        <div class=\"djs-card-front\">\r\n          <div class=\"djs-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"><\/path><\/svg><\/div>\r\n          <h3>Sistemas de G\u00e1s<\/h3>\r\n          <p>Teste de estanqueidade, ca\u00e7a-vazamentos, convers\u00e3o e adequa\u00e7\u00e3o total \u00e0s normas.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20preciso%20de%20ajuda%20com%20Hidr\u00e1ulica.\" target=\"_blank\" class=\"djs-card-wrapper\" rel=\"noopener\">\r\n        <div class=\"djs-card-cta\">Solicitar Or\u00e7amento <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\r\n        <div class=\"djs-card-front\">\r\n          <div class=\"djs-card-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"><\/path><\/svg><\/div>\r\n          <h3>Hidr\u00e1ulica e Bombas<\/h3>\r\n          <p>Manuten\u00e7\u00e3o de bombas de recalque, prumadas, barriletes e resolu\u00e7\u00e3o de infiltra\u00e7\u00f5es.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20preciso%20de%20ajuda%20com%20Fechaduras%20Eletr\u00f4nicas.\" target=\"_blank\" class=\"djs-card-wrapper\" rel=\"noopener\">\r\n        <div class=\"djs-card-cta\">Solicitar Or\u00e7amento <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\r\n        <div class=\"djs-card-front\">\r\n          <div class=\"djs-card-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path><\/svg><\/div>\r\n          <h3>Controle de Acesso<\/h3>\r\n          <p>Instala\u00e7\u00e3o e configura\u00e7\u00e3o de fechaduras eletr\u00f4nicas, biometria e seguran\u00e7a digital.<\/p>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- SESS\u00c3O DE NATAL TEXTOS -->\r\n    <div id=\"natal\" class=\"djs-natal-wrapper\">\r\n      <h3>Ilumina\u00e7\u00e3o Sazonal em <span>Altura<\/span><\/h3>\r\n      <p>Especialistas em projetos luminot\u00e9cnicos de Natal para fachadas de condom\u00ednios e ind\u00fastrias. Instala\u00e7\u00e3o profissional com equipamento seguro, seguindo rigorosamente a NR35.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- CARROSSEL CONT\u00cdNUO E INFINITO -->\r\n  <div class=\"djs-carousel-wrapper\">\r\n    \r\n    <div class=\"djs-carousel-fade-left\"><\/div>\r\n    <div class=\"djs-carousel-fade-right\"><\/div>\r\n\r\n    <div class=\"djs-carousel-track\">\r\n      <!-- GRUPO 1 -->\r\n      <div class=\"djs-carousel-group\">\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/instalacao-luzes-de-natal-condominio-guarulhos.webp\" alt=\"Instala\u00e7\u00e3o luzes de natal condom\u00ednio Guarulhos\"><\/div>\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/iluminacao-decorativa-natalina-predios-guarulhos.webp\" alt=\"Ilumina\u00e7\u00e3o decorativa natalina pr\u00e9dios Guarulhos\"><\/div>\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/iluminacao-natalina-fachada-trabalho-em-altura.webp\" alt=\"Ilumina\u00e7\u00e3o natalina fachada trabalho em altura\"><\/div>\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/projeto-luminotecnico-natal-eletricista-especializado.webp\" alt=\"Projeto luminot\u00e9cnico natal eletricista especializado\"><\/div>\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/decoracao-de-natal-empresas-industrias-djs-solucoes.webp\" alt=\"Decora\u00e7\u00e3o de natal empresas ind\u00fastrias DJS Solu\u00e7\u00f5es\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- GRUPO 2 -->\r\n      <div class=\"djs-carousel-group\">\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/instalacao-luzes-de-natal-condominio-guarulhos.webp\" alt=\"Instala\u00e7\u00e3o luzes de natal condom\u00ednio Guarulhos\"><\/div>\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/iluminacao-decorativa-natalina-predios-guarulhos.webp\" alt=\"Ilumina\u00e7\u00e3o decorativa natalina pr\u00e9dios Guarulhos\"><\/div>\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/iluminacao-natalina-fachada-trabalho-em-altura.webp\" alt=\"Ilumina\u00e7\u00e3o natalina fachada trabalho em altura\"><\/div>\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/projeto-luminotecnico-natal-eletricista-especializado.webp\" alt=\"Projeto luminot\u00e9cnico natal eletricista especializado\"><\/div>\r\n        <div class=\"djs-carousel-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/decoracao-de-natal-empresas-industrias-djs-solucoes.webp\" alt=\"Decora\u00e7\u00e3o de natal empresas ind\u00fastrias DJS Solu\u00e7\u00f5es\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- TEXTO ATUALIZADO COM NOVO \u00cdCONE -->\r\n  <div class=\"djs-swipe-indicator\">\r\n    Toque na foto para expandir\r\n    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <path d=\"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7\" stroke=\"#FFC107\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <!-- BOT\u00c3O MATADOR PARA OR\u00c7AMENTO DE NATAL -->\r\n  <div class=\"djs-natal-cta\">\r\n    <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20gostaria%20de%20um%20or\u00e7amento%20para%20Ilumina\u00e7\u00e3o%20de%20Natal.\" target=\"_blank\" class=\"djs-btn-global\" rel=\"noopener\">\r\n      <span class=\"fold\"><\/span>\r\n      <div class=\"points_wrapper\">\r\n        <i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i>\r\n        <i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i>\r\n      <\/div>\r\n      <span class=\"inner\">\r\n        <svg class=\"icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\">\r\n          <polyline points=\"13.18 1.37 13.18 9.64 21.45 9.64 10.82 22.63 10.82 14.36 2.55 14.36 13.18 1.37\"><\/polyline>\r\n        <\/svg>\r\n        SOLICITAR OR\u00c7AMENTO DE NATAL\r\n      <\/span>\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- LIGHTBOX MODAL (ESCONDIDO POR PADR\u00c3O) -->\r\n  <div id=\"djs-lightbox\" class=\"djs-lightbox-modal\">\r\n    <span class=\"djs-lightbox-close\">&times;<\/span>\r\n    <img class=\"djs-lightbox-content\" id=\"djs-lightbox-img\">\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- SCRIPT PARA O CLIQUE NAS FOTOS (LIGHTBOX) -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    var modal = document.getElementById(\"djs-lightbox\");\r\n    var modalImg = document.getElementById(\"djs-lightbox-img\");\r\n    var closeBtn = document.querySelector(\".djs-lightbox-close\");\r\n    var images = document.querySelectorAll(\".djs-carousel-item img\");\r\n\r\n    \/\/ Abrir foto\r\n    images.forEach(function(img) {\r\n      img.addEventListener(\"click\", function() {\r\n        modal.style.display = \"block\";\r\n        modalImg.src = this.src;\r\n      });\r\n    });\r\n\r\n    \/\/ Fechar no X\r\n    closeBtn.addEventListener(\"click\", function() {\r\n      modal.style.display = \"none\";\r\n    });\r\n\r\n    \/\/ Fechar clicando fora da foto\r\n    modal.addEventListener(\"click\", function(e) {\r\n      if (e.target === modal) {\r\n        modal.style.display = \"none\";\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02f4001 elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"02f4001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\r\n\r\n  \/* ==========================================\r\n     DOBRA - CARROSSEL VERTICAL\/HORIZONTAL (FUNDO PRETO)\r\n     ========================================== *\/\r\n  .djs-vc-section {\r\n    background-color: #050505; \r\n    padding: 100px 0; \r\n    width: 100%;\r\n    position: relative;\r\n    font-family: 'Montserrat', sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .djs-vc-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 20px; \r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n  }\r\n\r\n  \/* --- LADO ESQUERDO (TEXTOS E BOT\u00c3O) --- *\/\r\n  .djs-vc-content {\r\n    flex: 1;\r\n    max-width: 550px;\r\n  }\r\n\r\n  .djs-vc-content h2 {\r\n    font-size: 2.8rem;\r\n    color: #FFFFFF; \r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    margin-bottom: 20px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .djs-vc-content h2 span { \r\n    color: #FFC107;\r\n  }\r\n\r\n  .djs-vc-content p {\r\n    font-size: 1.15rem;\r\n    color: #a0a0a0;\r\n    font-weight: 500;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  \/* --- LADO DIREITO (CARROSSEL) --- *\/\r\n  .djs-vc-wrapper {\r\n    flex: 1;\r\n    position: relative;\r\n    height: 750px; \r\n    overflow: hidden;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* Degrad\u00eas Pretos no Topo e Base (Desktop) *\/\r\n  .djs-vc-fade-start,\r\n  .djs-vc-fade-end {\r\n    position: absolute;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 180px; \r\n    z-index: 5;\r\n    pointer-events: none;\r\n  }\r\n  \r\n  .djs-vc-fade-start {\r\n    top: 0;\r\n    background: linear-gradient(to bottom, #050505 0%, transparent 100%);\r\n  }\r\n  \r\n  .djs-vc-fade-end {\r\n    bottom: 0;\r\n    background: linear-gradient(to top, #050505 0%, transparent 100%);\r\n  }\r\n\r\n  \/* Trilha e Anima\u00e7\u00e3o *\/\r\n  .djs-vc-track {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px;\r\n    animation: scrollVertical 35s linear infinite;\r\n  }\r\n\r\n  .djs-vc-wrapper:hover .djs-vc-track {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  @keyframes scrollVertical {\r\n    0% { transform: translateY(0); }\r\n    100% { transform: translateY(-50%); } \r\n  }\r\n\r\n  \/* Itens *\/\r\n  .djs-vc-item {\r\n    width: 100%;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    cursor: pointer;\r\n    border: 1px solid rgba(255, 193, 7, 0.1); \r\n    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\r\n  }\r\n\r\n  .djs-vc-item img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    aspect-ratio: 3\/4; \r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n  }\r\n\r\n  .djs-vc-item:hover {\r\n    transform: translateY(-10px) scale(1.02);\r\n    border-color: #FFC107;\r\n    box-shadow: 0 10px 30px rgba(255, 193, 7, 0.15); \r\n  }\r\n\r\n  .djs-vc-item:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Indicador Visual Desktop *\/\r\n  .djs-vc-swipe {\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 10;\r\n    font-size: 0.8rem;\r\n    color: #FFC107;\r\n    text-transform: uppercase;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    pointer-events: none;\r\n    background: rgba(5,5,5,0.7);\r\n    padding: 10px 20px;\r\n    border-radius: 30px;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .djs-vc-swipe svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: #FFC107;\r\n    fill: none;\r\n    animation: bounceVC 2s infinite;\r\n  }\r\n\r\n  @keyframes bounceVC {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(5px); }\r\n  }\r\n\r\n  \/* --- BOT\u00c3O GLOBAL --- *\/\r\n  .djs-btn-global {\r\n    --round: 0.75rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107);\r\n    border-radius: var(--round);\r\n    border: none;\r\n    outline: none;\r\n    padding: 18px 36px;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 20px rgba(255, 193, 7, 0.4);\r\n  }\r\n  .djs-btn-global::before, .djs-btn-global::after { content: \"\"; position: absolute; inset: var(--space); transition: all 0.5s ease-in-out; border-radius: calc(var(--round) - var(--space)); z-index: 0; }\r\n  .djs-btn-global::before { --space: 1px; background: linear-gradient(177.95deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); }\r\n  .djs-btn-global::after { --space: 2px; background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 193, 7, 0.8) 0%, rgba(255, 193, 7, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107); }\r\n  .djs-btn-global:active { transform: scale(0.95); }\r\n  .djs-btn-global .fold { z-index: 1; position: absolute; top: 0; right: 0; height: 1rem; width: 1rem; display: inline-block; transition: all 0.5s ease-in-out; background: radial-gradient(100% 75% at 55%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); box-shadow: 0 0 3px rgba(0,0,0,0.4); border-bottom-left-radius: 0.5rem; border-top-right-radius: var(--round); }\r\n  .djs-btn-global .fold::after { content: \"\"; position: absolute; top: 0; right: 0; width: 150%; height: 150%; transform: rotate(45deg) translateX(0%) translateY(-18px); background-color: #000000; pointer-events: none; }\r\n  .djs-btn-global:hover .fold { margin-top: -1rem; margin-right: -1rem; }\r\n  .djs-btn-global .inner { z-index: 2; gap: 10px; position: relative; width: 100%; color: #111111; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.5; }\r\n  .djs-btn-global .inner svg.icon { width: 20px; height: 20px; stroke: #111111; } \r\n\r\n  \/* --- LIGHTBOX MODAL (Padr\u00e3o Desktop) --- *\/\r\n  .djs-vc-modal {\r\n    display: none; \r\n    position: fixed;\r\n    z-index: 999999;\r\n    padding-top: 40px; \/* Espa\u00e7o pro desktop *\/\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: auto;\r\n    background-color: rgba(5, 5, 5, 0.95);\r\n    backdrop-filter: blur(8px);\r\n  }\r\n\r\n  .djs-vc-modal-content {\r\n    margin: auto;\r\n    display: block;\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    border-radius: 12px;\r\n    box-shadow: 0 10px 40px rgba(255, 193, 7, 0.2);\r\n    animation: zoomVC 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n  }\r\n\r\n  @keyframes zoomVC {\r\n    from {transform: scale(0.9); opacity: 0;}\r\n    to {transform: scale(1); opacity: 1;}\r\n  }\r\n\r\n  .djs-vc-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 35px;\r\n    color: #FFC107;\r\n    font-size: 45px;\r\n    font-weight: bold;\r\n    transition: 0.3s;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n  }\r\n\r\n  .djs-vc-close:hover { color: #FFF; }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVIDADE (A MAGIA PRO CELULAR)\r\n     ========================================== *\/\r\n  @media (max-width: 992px) {\r\n    .djs-vc-container {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      gap: 30px;\r\n    }\r\n    \r\n    .djs-vc-content { max-width: 100%; }\r\n    .djs-vc-content p { margin-bottom: 20px; }\r\n\r\n    \/* Vira Horizontal *\/\r\n    .djs-vc-wrapper {\r\n      width: 100vw; \r\n      height: 380px; \r\n      display: flex;\r\n      align-items: center;\r\n      margin-left: -20px; \r\n      border-radius: 0;\r\n    }\r\n\r\n    .djs-vc-track {\r\n      flex-direction: row;\r\n      gap: 20px;\r\n      padding: 0 20px; \r\n      animation: scrollHorizontal 25s linear infinite;\r\n    }\r\n\r\n    @keyframes scrollHorizontal {\r\n      0% { transform: translateX(0); }\r\n      100% { transform: translateX(-50%); } \r\n    }\r\n\r\n    \/* Degrad\u00eas v\u00e3o pras laterais *\/\r\n    .djs-vc-fade-start {\r\n      top: 0; left: 0;\r\n      width: 60px; height: 100%;\r\n      background: linear-gradient(to right, #050505 0%, transparent 100%);\r\n    }\r\n    .djs-vc-fade-end {\r\n      top: 0; bottom: auto; right: 0; left: auto;\r\n      width: 60px; height: 100%;\r\n      background: linear-gradient(to left, #050505 0%, transparent 100%);\r\n    }\r\n\r\n    \/* Reduz o item pra caber no mobile *\/\r\n    .djs-vc-item {\r\n      width: 260px; \r\n      flex-shrink: 0; \r\n      border-radius: 15px;\r\n    }\r\n\r\n    \/* Ajuste do Swipe (Instru\u00e7\u00e3o Mobile) *\/\r\n    .djs-vc-swipe {\r\n      bottom: -35px; \r\n      background: transparent;\r\n      backdrop-filter: none;\r\n      padding: 0;\r\n    }\r\n\r\n    .djs-vc-swipe svg {\r\n      display: none; \r\n    }\r\n\r\n    .djs-vc-swipe::after {\r\n      content: \"Toque na imagem para expandir\";\r\n      display: block;\r\n    }\r\n\r\n    \/* AJUSTE CIR\u00daRGICO DO MODAL NO MOBILE *\/\r\n    .djs-vc-modal {\r\n      padding-top: 0; \/* Remove padding superior para centralizar melhor *\/\r\n      display: none; \/* Mant\u00e9m oculto por padr\u00e3o *\/\r\n      align-items: center; \/* Centraliza verticalmente com Flexbox *\/\r\n      justify-content: center; \/* Centraliza horizontalmente com Flexbox *\/\r\n    }\r\n    \r\n    \/* Quando o modal estiver block no JS, no mobile ele precisa ser flex para centralizar perfeitamente *\/\r\n    .djs-vc-modal.ativo-mobile {\r\n        display: flex !important; \r\n    }\r\n\r\n    .djs-vc-modal-content {\r\n      margin: 0; \/* Remove o margin:auto do desktop *\/\r\n      max-height: 85vh; \/* Evita que a foto grude no topo\/base do celular *\/\r\n    }\r\n\r\n    .djs-vc-close {\r\n      top: 15px; \/* Desce um pouco para o dedo alcan\u00e7ar bem *\/\r\n      right: 20px; \/* Afasta da borda da tela *\/\r\n      font-size: 50px; \/* Aumenta a \u00e1rea de toque no celular *\/\r\n      z-index: 10; \/* Garante que fique acima de tudo *\/\r\n      background: rgba(0,0,0,0.5); \/* Fundo sutil pra destacar o X se a foto for clara *\/\r\n      width: 45px;\r\n      height: 45px;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .djs-vc-section { padding: 60px 0 80px 0; } \r\n    .djs-vc-content h2 { font-size: 2.2rem; }\r\n    .djs-btn-global { width: 100%; padding: 16px 10px; margin-top: 10px; }\r\n    .djs-btn-global .inner { font-size: 13px; }\r\n    \r\n    .djs-vc-wrapper {\r\n        margin-bottom: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUTURA HTML -->\r\n<section id=\"unidades-moveis\" class=\"djs-vc-section\">\r\n  <div class=\"djs-vc-container\">\r\n    \r\n    <!-- LADO ESQUERDO: TEXTOS E BOT\u00c3O -->\r\n    <div class=\"djs-vc-content\">\r\n      <h2>Especialistas em <span>Unidades M\u00f3veis<\/span><\/h2>\r\n      <p>Desenvolvemos infraestrutura el\u00e9trica completa e climatiza\u00e7\u00e3o de precis\u00e3o para carretas, cl\u00ednicas m\u00f3veis e showrooms. Projetos robustos com acabamento impec\u00e1vel, prontos para rodar o Brasil com seguran\u00e7a.<\/p>\r\n      \r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20gostaria%20de%20um%20or\u00e7amento%20para%20Unidade%20M\u00f3vel.\" target=\"_blank\" class=\"djs-btn-global\" rel=\"noopener\">\r\n        <span class=\"fold\"><\/span>\r\n        <span class=\"inner\">\r\n          <svg class=\"icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\">\r\n            <polyline points=\"13.18 1.37 13.18 9.64 21.45 9.64 10.82 22.63 10.82 14.36 2.55 14.36 13.18 1.37\"><\/polyline>\r\n          <\/svg>\r\n          OR\u00c7AMENTO PARA CARRETAS\r\n        <\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- LADO DIREITO: CARROSSEL (Vira Horizontal no Mobile) -->\r\n    <div class=\"djs-vc-wrapper\">\r\n      <div class=\"djs-vc-fade-start\"><\/div>\r\n      <div class=\"djs-vc-fade-end\"><\/div>\r\n      \r\n      <div class=\"djs-vc-track\">\r\n        \r\n        <!-- GRUPO 1 -->\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/climatizacao-eletrica-interior-carreta.webp\" alt=\"Climatiza\u00e7\u00e3o el\u00e9trica interior carreta\"><\/div>\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/instalacao-infraestrutura-eletrica-unidade-movel.webp\" alt=\"Instala\u00e7\u00e3o infraestrutura el\u00e9trica unidade m\u00f3vel\"><\/div>\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/projetos-eletricos-carretas-expansivas.webp\" alt=\"Projetos el\u00e9tricos carretas expansivas\"><\/div>\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/iluminacao-ar-condicionado-unidade-movel.webp\" alt=\"Ilumina\u00e7\u00e3o e ar condicionado em unidade m\u00f3vel\"><\/div>\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/acabamento-climatizacao-unidades-moveis.webp\" alt=\"Acabamento de climatiza\u00e7\u00e3o em unidades m\u00f3veis\"><\/div>\r\n\r\n        <!-- GRUPO 2 -->\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/climatizacao-eletrica-interior-carreta.webp\" alt=\"Climatiza\u00e7\u00e3o el\u00e9trica interior carreta\"><\/div>\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/instalacao-infraestrutura-eletrica-unidade-movel.webp\" alt=\"Instala\u00e7\u00e3o infraestrutura el\u00e9trica unidade m\u00f3vel\"><\/div>\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/projetos-eletricos-carretas-expansivas.webp\" alt=\"Projetos el\u00e9tricos carretas expansivas\"><\/div>\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/iluminacao-ar-condicionado-unidade-movel.webp\" alt=\"Ilumina\u00e7\u00e3o e ar condicionado em unidade m\u00f3vel\"><\/div>\r\n        <div class=\"djs-vc-item\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/acabamento-climatizacao-unidades-moveis.webp\" alt=\"Acabamento de climatiza\u00e7\u00e3o em unidades m\u00f3veis\"><\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"djs-vc-swipe\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12l7 7 7-7\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- LIGHTBOX MODAL ISOLADO -->\r\n  <div id=\"modal-vc\" class=\"djs-vc-modal\">\r\n    <span class=\"djs-vc-close\">&times;<\/span>\r\n    <img class=\"djs-vc-modal-content\" id=\"img-vc\">\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- SCRIPT LIGHTBOX -->\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function() {\r\n    var modalVC = document.getElementById(\"modal-vc\");\r\n    var modalImgVC = document.getElementById(\"img-vc\");\r\n    var closeBtnVC = document.querySelector(\".djs-vc-close\");\r\n    var imagesVC = document.querySelectorAll(\".djs-vc-item img\");\r\n\r\n    \/\/ Identifica se est\u00e1 no mobile (largura de tela menor que 992px)\r\n    var isMobile = window.innerWidth <= 992;\r\n\r\n    imagesVC.forEach(function(img) {\r\n      img.addEventListener(\"click\", function() {\r\n        if (isMobile) {\r\n            modalVC.classList.add(\"ativo-mobile\"); \/\/ Usa classe flex para centralizar no mobile\r\n        } else {\r\n            modalVC.style.display = \"block\"; \/\/ Usa display block padr\u00e3o no desktop\r\n        }\r\n        modalImgVC.src = this.src;\r\n      });\r\n    });\r\n\r\n    closeBtnVC.addEventListener(\"click\", function() {\r\n      modalVC.style.display = \"none\";\r\n      modalVC.classList.remove(\"ativo-mobile\");\r\n    });\r\n\r\n    modalVC.addEventListener(\"click\", function(e) {\r\n      if (e.target === modalVC) {\r\n        modalVC.style.display = \"none\";\r\n        modalVC.classList.remove(\"ativo-mobile\");\r\n      }\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-733d04e elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"733d04e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\r\n\r\n  \/* ==========================================\r\n     DOBRA 3 - SOBRE N\u00d3S (GALERIA GRID & AUTORIDADE)\r\n     ========================================== *\/\r\n  .djs-about-section {\r\n    background-color: #111111; \r\n    padding: 120px 0;\r\n    width: 100%;\r\n    font-family: 'Montserrat', sans-serif;\r\n    border-top: 1px solid rgba(255, 193, 7, 0.1);\r\n  }\r\n\r\n  .djs-about-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 20px; \r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n  }\r\n\r\n  \/* LADO ESQUERDO: CONTE\u00daDO E COPY *\/\r\n  .djs-about-content {\r\n    flex: 1;\r\n    max-width: 550px;\r\n  }\r\n\r\n  .djs-about-content h2 {\r\n    font-size: 2.6rem;\r\n    color: #FFFFFF;\r\n    font-weight: 900;\r\n    line-height: 1.2;\r\n    margin-bottom: 25px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .djs-about-content h2 span { color: #FFC107; }\r\n\r\n  .djs-about-content p {\r\n    font-size: 1.1rem;\r\n    color: #a0a0a0;\r\n    font-weight: 500;\r\n    line-height: 1.7;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  \/* OS 3 PILARES (CHECKLIST) *\/\r\n  .djs-checklist {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 45px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .djs-checklist li {\r\n    font-size: 1.05rem;\r\n    color: #E0E0E0;\r\n    font-weight: 700;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .djs-checklist li svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: #FFC107;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* LADO DIREITO: GALERIA ALINHADA (CSS GRID) *\/\r\n  .djs-about-gallery {\r\n    flex: 1;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr); \r\n    gap: 15px; \r\n    align-content: start;\r\n  }\r\n\r\n  .djs-gallery-item {\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.8);\r\n    border: 1px solid rgba(255, 193, 7, 0.15);\r\n    background-color: #050505;\r\n    width: 100%;\r\n  }\r\n\r\n  .djs-gallery-item img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.5s ease;\r\n  }\r\n\r\n  .djs-gallery-item:hover img {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* Propor\u00e7\u00f5es e Alinhamento no Grid *\/\r\n  .img-horizontal {\r\n    grid-column: span 2; \r\n    aspect-ratio: 620 \/ 400;\r\n  }\r\n\r\n  .img-vertical {\r\n    grid-column: span 1; \r\n    aspect-ratio: 300 \/ 400;\r\n  }\r\n\r\n  \/* SELO GOOGLE MEU NEG\u00d3CIO NO ESPA\u00c7O VAGO *\/\r\n  .djs-google-badge {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);\r\n    border: 1px solid rgba(255, 193, 7, 0.3);\r\n    transition: all 0.3s ease;\r\n    padding: 20px; \/* ALMOFADA PARA O TEXTO N\u00c3O BATER NA BORDA *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .djs-google-badge:hover {\r\n    border-color: #FFC107;\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(255, 193, 7, 0.15);\r\n  }\r\n\r\n  .djs-google-stars {\r\n    color: #FFC107;\r\n    font-size: 28px;\r\n    letter-spacing: 3px;\r\n    line-height: 1;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .djs-google-title {\r\n    color: #FFFFFF;\r\n    font-weight: 800;\r\n    font-size: 1.2rem;\r\n    text-transform: uppercase;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .djs-google-title span { color: #4285F4; }\r\n\r\n  .djs-google-desc {\r\n    color: #a0a0a0;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    margin: 0;\r\n    text-decoration: underline;\r\n    text-underline-offset: 3px;\r\n  }\r\n\r\n  \/* BOT\u00c3O GLOBAL *\/\r\n  .djs-btn-global {\r\n    --round: 0.75rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107);\r\n    border-radius: var(--round);\r\n    border: none;\r\n    outline: none;\r\n    padding: 16px 32px;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 20px rgba(255, 193, 7, 0.4);\r\n  }\r\n  .djs-btn-global::before, .djs-btn-global::after { content: \"\"; position: absolute; inset: var(--space); transition: all 0.5s ease-in-out; border-radius: calc(var(--round) - var(--space)); z-index: 0; }\r\n  .djs-btn-global::before { --space: 1px; background: linear-gradient(177.95deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); }\r\n  .djs-btn-global::after { --space: 2px; background: radial-gradient(65.28% 65.28% at 50% 100%, rgba(255, 193, 7, 0.8) 0%, rgba(255, 193, 7, 0) 100%), linear-gradient(0deg, #FFC107, #FFC107); }\r\n  .djs-btn-global:active { transform: scale(0.95); }\r\n  .djs-btn-global .fold { z-index: 1; position: absolute; top: 0; right: 0; height: 1rem; width: 1rem; display: inline-block; transition: all 0.5s ease-in-out; background: radial-gradient(100% 75% at 55%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); box-shadow: 0 0 3px rgba(0,0,0,0.4); border-bottom-left-radius: 0.5rem; border-top-right-radius: var(--round); }\r\n  .djs-btn-global .fold::after { content: \"\"; position: absolute; top: 0; right: 0; width: 150%; height: 150%; transform: rotate(45deg) translateX(0%) translateY(-18px); background-color: #000000; pointer-events: none; }\r\n  .djs-btn-global:hover .fold { margin-top: -1rem; margin-right: -1rem; }\r\n  .djs-btn-global .points_wrapper { overflow: hidden; width: 100%; height: 100%; pointer-events: none; position: absolute; z-index: 1; }\r\n  .djs-btn-global .points_wrapper .point { bottom: -10px; position: absolute; animation: floating-points infinite ease-in-out; pointer-events: none; width: 2px; height: 2px; background-color: #111111; border-radius: 9999px; }\r\n  @keyframes floating-points { 0% { transform: translateY(0); } 85% { opacity: 0; } 100% { transform: translateY(-55px); opacity: 0; } }\r\n  .djs-btn-global .points_wrapper .point:nth-child(1) { left: 10%; opacity: 1; animation-duration: 2.35s; animation-delay: 0.2s; } .djs-btn-global .points_wrapper .point:nth-child(2) { left: 30%; opacity: 0.7; animation-duration: 2.5s; animation-delay: 0.5s; } .djs-btn-global .points_wrapper .point:nth-child(3) { left: 25%; opacity: 0.8; animation-duration: 2.2s; animation-delay: 0.1s; } .djs-btn-global .points_wrapper .point:nth-child(4) { left: 44%; opacity: 0.6; animation-duration: 2.05s; } .djs-btn-global .points_wrapper .point:nth-child(5) { left: 50%; opacity: 1; animation-duration: 1.9s; } .djs-btn-global .points_wrapper .point:nth-child(6) { left: 75%; opacity: 0.5; animation-duration: 1.5s; animation-delay: 1.5s; } .djs-btn-global .points_wrapper .point:nth-child(7) { left: 88%; opacity: 0.9; animation-duration: 2.2s; animation-delay: 0.2s; } .djs-btn-global .points_wrapper .point:nth-child(8) { left: 58%; opacity: 0.8; animation-duration: 2.25s; animation-delay: 0.2s; } .djs-btn-global .points_wrapper .point:nth-child(9) { left: 98%; opacity: 0.6; animation-duration: 2.6s; animation-delay: 0.1s; } .djs-btn-global .points_wrapper .point:nth-child(10) { left: 65%; opacity: 1; animation-duration: 2.5s; animation-delay: 0.2s; }\r\n  .djs-btn-global .inner { z-index: 2; gap: 10px; position: relative; width: 100%; color: #111111; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.5; transition: color 0.2s ease-in-out; }\r\n  .djs-btn-global .inner svg.icon { width: 20px; height: 20px; transition: fill 0.1s linear; stroke: #111111; } .djs-btn-global:focus .inner svg.icon { fill: #111111; } .djs-btn-global:hover .inner svg.icon { fill: transparent; animation: dasharray 1s linear forwards, filled 0.1s linear forwards 0.95s; }\r\n  @keyframes dasharray { from { stroke-dasharray: 0 0 0 0; } to { stroke-dasharray: 68 68 0 0; } } @keyframes filled { to { fill: #111111; } }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVIDADE SOBRE N\u00d3S\r\n     ========================================== *\/\r\n  @media (max-width: 1024px) {\r\n    .djs-about-container { flex-direction: column; text-align: center; gap: 40px; }\r\n    .djs-about-content { max-width: 800px; display: flex; flex-direction: column; align-items: center; }\r\n    .djs-checklist li { text-align: left; justify-content: flex-start; }\r\n    .djs-checklist { width: 100%; max-width: 400px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .djs-about-section { padding: 80px 0; }\r\n    .djs-about-content h2 { font-size: 2.2rem; }\r\n    \r\n    .djs-about-gallery {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 10px;\r\n    }\r\n    \r\n    .img-horizontal {\r\n      grid-column: span 2; \r\n      aspect-ratio: auto; \r\n      height: 220px; \r\n    }\r\n    \r\n    .img-vertical {\r\n      grid-column: span 1; \r\n      aspect-ratio: auto; \r\n      height: 220px; \r\n    }\r\n    \r\n    \/* AJUSTE CIR\u00daRGICO NO SELO PARA CELULAR *\/\r\n    .djs-google-badge { \r\n      height: auto; \r\n      min-height: 180px; \r\n      padding: 20px 15px; \/* Almofada nas laterais *\/\r\n    }\r\n    .djs-google-title { font-size: 1.05rem; } \/* Fonte menor pra caber na linha *\/\r\n    .djs-google-desc { font-size: 0.8rem; }\r\n\r\n    .hide-on-mobile {\r\n      display: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUTURA HTML -->\r\n<section id=\"sobre\" class=\"djs-about-section\">\r\n  <div class=\"djs-about-container\">\r\n    \r\n    <!-- LADO ESQUERDO: COPY MATADORA -->\r\n    <div class=\"djs-about-content\">\r\n      <h2>AQUI A GENTE N\u00c3O INVENTA MODA, A GENTE <span>RESOLVE O B.O.<\/span><\/h2>\r\n      <p>A DJS Solu\u00e7\u00f5es nasceu da base familiar e se tornou refer\u00eancia t\u00e9cnica para condom\u00ednios e ind\u00fastrias. Sabemos que o mercado est\u00e1 cheio de curiosos, por isso nosso time entra em cena fardado, treinado e jogando estritamente dentro das normas.<\/p>\r\n      \r\n      <ul class=\"djs-checklist\">\r\n        <li><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg> Equipe Unida e Especializada (NR-10 e NR-35)<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg> Laudos T\u00e9cnicos, ART e Zero Gambiarras<\/li>\r\n        <li><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg> Transpar\u00eancia Total do In\u00edcio ao Fim<\/li>\r\n      <\/ul>\r\n\r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20gostaria%20de%20falar%20com%20um%20especialista%20da%20DJS.\" target=\"_blank\" class=\"djs-btn-global\" rel=\"noopener\">\r\n        <span class=\"fold\"><\/span>\r\n        <div class=\"points_wrapper\"><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><i class=\"point\"><\/i><\/div>\r\n        <span class=\"inner\">\r\n          <svg class=\"icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\"><polyline points=\"13.18 1.37 13.18 9.64 21.45 9.64 10.82 22.63 10.82 14.36 2.55 14.36 13.18 1.37\"><\/polyline><\/svg>\r\n          FALAR COM ESPECIALISTA\r\n        <\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- LADO DIREITO: GALERIA -->\r\n    <div class=\"djs-about-gallery\">\r\n      \r\n      <div class=\"djs-gallery-item img-horizontal\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/equipe-tecnica-manutencao-predial-condominios.webp\" alt=\"Equipe DJS Solu\u00e7\u00f5es unida\"><\/div>\r\n      \r\n      <div class=\"djs-gallery-item img-vertical hide-on-mobile\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/eletricista-especializado-infraestrutura-predial.webp\" alt=\"Eletricista especializado\"><\/div>\r\n\r\n      <div class=\"djs-gallery-item img-vertical\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/empresa-de-manutencao-gas-eletrica-hidraulica.webp\" alt=\"Manuten\u00e7\u00e3o G\u00e1s\"><\/div>\r\n      <div class=\"djs-gallery-item img-vertical\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/laudo-tecnico-instalacoes-condominio-sp.webp\" alt=\"Laudo t\u00e9cnico\"><\/div>\r\n      <div class=\"djs-gallery-item img-vertical\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/manutencao-quadro-eletrico-industrial-nr10.webp\" alt=\"Quadro el\u00e9trico\"><\/div>\r\n      <div class=\"djs-gallery-item img-vertical\"><img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/djs-solucoes-servicos-manutencao-sem-gambiarra.webp\" alt=\"Servi\u00e7os sem gambiarra\"><\/div>\r\n      \r\n      <!-- SELO GOOGLE ATUALIZADO COM LINK E TEXTO -->\r\n      <a href=\"https:\/\/www.google.com\/maps\/place\/\/data=!4m3!3m2!1s0x94cef7f8b9e58697:0x3693de0f6eb31942!12e1?source=g.page.m.rc._&amp;laa=merchant-web-dashboard-card\" target=\"_blank\" class=\"djs-gallery-item img-horizontal djs-google-badge\" rel=\"noopener\">\r\n        <div class=\"djs-google-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <div class=\"djs-google-title\">Avalia\u00e7\u00e3o M\u00e1xima no <span>Google<\/span><\/div>\r\n        <p class=\"djs-google-desc\">Clique para verificar as avalia\u00e7\u00f5es no Google<\/p>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21086ee elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"21086ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\r\n\r\n  \/* ==========================================\r\n     DOBRA 4 - CONTATO (V\u00cdDEO INSTAGRAM + CTA)\r\n     ========================================== *\/\r\n  .djs-contact-section {\r\n    background-color: #000000; \r\n    padding: 100px 20px;\r\n    width: 100%;\r\n    font-family: 'Montserrat', sans-serif;\r\n    border-top: 1px solid rgba(255, 193, 7, 0.1);\r\n  }\r\n\r\n  .djs-contact-container {\r\n    max-width: 1100px; \r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n    background: #080808;\r\n    padding: 50px;\r\n    border-radius: 24px;\r\n    border: 1px solid rgba(255, 193, 7, 0.2);\r\n    box-shadow: 0 15px 40px rgba(0,0,0,0.9);\r\n  }\r\n\r\n  \/* LADO ESQUERDO: V\u00cdDEO DO INSTAGRAM *\/\r\n  .djs-contact-video {\r\n    flex: 1;\r\n    max-width: 400px;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.8);\r\n    border: 2px solid #FFC107;\r\n    background: #111;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Estilizando o iFrame do Insta pra ficar responsivo e bonito *\/\r\n  .djs-contact-video iframe {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    height: 550px !important; \r\n    border: none !important;\r\n    margin: 0 !important;\r\n    display: block;\r\n  }\r\n\r\n  \/* LADO DIREITO: TEXTO E BOT\u00d5ES *\/\r\n  .djs-contact-content {\r\n    flex: 1;\r\n  }\r\n\r\n  .djs-contact-content h2 {\r\n    font-size: 2.8rem;\r\n    color: #FFFFFF;\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    margin-bottom: 20px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .djs-contact-content h2 span { color: #FFC107; }\r\n\r\n  .djs-contact-content p {\r\n    font-size: 1.15rem;\r\n    color: #a0a0a0;\r\n    font-weight: 500;\r\n    line-height: 1.6;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  \/* INFO DE CONTATO (Hor\u00e1rio) *\/\r\n  .djs-contact-info {\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .djs-contact-info-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    margin-bottom: 20px;\r\n    color: #E0E0E0;\r\n    font-size: 1.05rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .djs-contact-info-item svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    stroke: #FFC107;\r\n    fill: none;\r\n    stroke-width: 2;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* BOT\u00c3O WHATSAPP EXCLUSIVO (VERDE PARA CONVERS\u00c3O) *\/\r\n  .djs-btn-whatsapp {\r\n    --round: 0.75rem;\r\n    cursor: pointer;\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    transition: all 0.25s ease;\r\n    background: linear-gradient(0deg, #25D366, #25D366);\r\n    border-radius: var(--round);\r\n    border: none;\r\n    outline: none;\r\n    padding: 18px 36px;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);\r\n    width: 100%;\r\n  }\r\n\r\n  .djs-btn-whatsapp::before,\r\n  .djs-btn-whatsapp::after {\r\n    content: \"\"; position: absolute; inset: var(--space); transition: all 0.5s ease-in-out; border-radius: calc(var(--round) - var(--space)); z-index: 0;\r\n  }\r\n\r\n  .djs-btn-whatsapp::before { --space: 1px; background: linear-gradient(177.95deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); }\r\n  .djs-btn-whatsapp::after { --space: 2px; background: linear-gradient(0deg, #25D366, #25D366); }\r\n  .djs-btn-whatsapp:active { transform: scale(0.95); }\r\n\r\n  .djs-btn-whatsapp .inner {\r\n    z-index: 2; gap: 12px; position: relative; width: 100%; color: #FFFFFF;\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    font-size: 16px; font-weight: 900; text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .djs-btn-whatsapp .inner svg { width: 24px; height: 24px; fill: #FFFFFF; }\r\n\r\n  .djs-btn-whatsapp:hover { box-shadow: 0 8px 30px rgba(37, 211, 102, 0.6); transform: translateY(-3px); }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVIDADE\r\n     ========================================== *\/\r\n  @media (max-width: 1024px) {\r\n    .djs-contact-container { flex-direction: column-reverse; padding: 40px 20px; text-align: center; }\r\n    .djs-contact-info-item { justify-content: center; }\r\n    .djs-contact-video { max-width: 100%; width: 100%; }\r\n    .djs-contact-video iframe { height: 600px !important; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .djs-contact-section { padding: 60px 15px; }\r\n    .djs-contact-content h2 { font-size: 2.2rem; }\r\n    .djs-btn-whatsapp { padding: 16px 20px; }\r\n    .djs-btn-whatsapp .inner { font-size: 14px; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"contato\" class=\"djs-contact-section\">\r\n  <div class=\"djs-contact-container\">\r\n    \r\n    <!-- LADO ESQUERDO: V\u00cdDEO DO INSTA -->\r\n    <div class=\"djs-contact-video\">\r\n      <!-- LINK DO V\u00cdDEO INJETADO COM SUCESSO -->\r\n      <iframe src=\"https:\/\/www.instagram.com\/p\/DN8-gcnEfE0\/embed\/\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\"><\/iframe>\r\n    <\/div>\r\n\r\n    <!-- LADO DIREITO: DADOS E BOT\u00c3O -->\r\n    <div class=\"djs-contact-content\">\r\n      <h2>CHAME QUEM <span>RESOLVE<\/span><\/h2>\r\n      <p>Atendimento especializado para s\u00edndicos, administradoras e ind\u00fastrias. Solicite agora sua avalia\u00e7\u00e3o t\u00e9cnica sem compromisso.<\/p>\r\n      \r\n      <div class=\"djs-contact-info\">\r\n        <!-- \u00cdcone de Rel\u00f3gio -->\r\n        <div class=\"djs-contact-info-item\">\r\n          <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n            <polyline points=\"12 6 12 12 16 14\"><\/polyline>\r\n          <\/svg>\r\n          Seg a Sex - 08h \u00e0s 18h\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- BOT\u00c3O WHATSAPP EXCLUSIVO DE CONVERS\u00c3O COM O NOVO N\u00daMERO -->\r\n      <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20estou%20no%20site%20da%20DJS%20e%20preciso%20de%20um%20or\u00e7amento\/avalia\u00e7\u00e3o.\" target=\"_blank\" class=\"djs-btn-whatsapp\" rel=\"noopener\">\r\n        <span class=\"inner\">\r\n          <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/>\r\n            <path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.123.553 4.12 1.528 5.845L.49 23.51l5.807-1.48C7.945 22.955 9.919 23.5 12 23.5c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.517c-1.84 0-3.613-.473-5.203-1.373l-.373-.21-3.864.985 1.002-3.79-.23-.377A9.458 9.458 0 0 1 2 12c0-5.242 4.258-9.5 9.5-9.5 5.242 0 9.5 4.258 9.5 9.5s-4.258 9.5-9.5 9.5z\"\/>\r\n          <\/svg>\r\n          CHAMAR NO WHATSAPP\r\n        <\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cd24514 elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"cd24514\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\r\n\r\n  \/* ==========================================\r\n     FOOTER (RODAP\u00c9) - DJS SOLU\u00c7\u00d5ES\r\n     ========================================== *\/\r\n  .djs-footer {\r\n    background-color: #050505;\r\n    border-top: 2px solid rgba(255, 193, 7, 0.2);\r\n    padding: 80px 0 40px; \r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #a0a0a0;\r\n    width: 100%;\r\n  }\r\n\r\n  .djs-footer-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 20px; \r\n    display: grid;\r\n    grid-template-columns: 2fr 1fr 1fr;\r\n    gap: 70px;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  \/* COLUNA 1: MARCA *\/\r\n  .djs-footer-brand-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .djs-footer-logo {\r\n    width: 100px !important; \r\n    max-width: 100px !important; \r\n    height: auto !important;\r\n    display: block !important;\r\n  }\r\n\r\n  .djs-footer-brand p {\r\n    font-size: 0.98rem;\r\n    line-height: 1.7;\r\n    max-width: 420px;\r\n    margin-bottom: 0;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .djs-footer-social {\r\n    display: flex;\r\n    gap: 15px;\r\n  }\r\n\r\n  .djs-footer-social a {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    background: rgba(255, 193, 7, 0.05);\r\n    border: 1px solid rgba(255, 193, 7, 0.3);\r\n    border-radius: 8px;\r\n    color: #FFC107;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .djs-footer-social a:hover {\r\n    background: #FFC107;\r\n    color: #111111;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 5px 15px rgba(255, 193, 7, 0.4);\r\n  }\r\n\r\n  .djs-footer-social svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  \/* COLUNAS 2 E 3: LINKS E CONTATO *\/\r\n  .djs-footer-links h4 {\r\n    font-size: 1.15rem;\r\n    color: #FFFFFF;\r\n    font-weight: 800;\r\n    margin-bottom: 25px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .djs-footer-links ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 18px;\r\n  }\r\n\r\n  .djs-footer-links a {\r\n    color: #a0a0a0;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    transition: color 0.2s ease;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 0.98rem;\r\n  }\r\n\r\n  .djs-footer-links a:before {\r\n    content: \"\u203a\";\r\n    color: #FFC107;\r\n    font-size: 1.4rem;\r\n    font-weight: bold;\r\n    line-height: 0;\r\n  }\r\n\r\n  .djs-footer-links a:hover {\r\n    color: #FFC107;\r\n  }\r\n\r\n  \/* BLOCO DE ENDERE\u00c7O E CNPJ *\/\r\n  .djs-footer-address {\r\n    margin-top: 30px;\r\n    padding-top: 30px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n  }\r\n\r\n  .djs-footer-address p {\r\n    margin: 0 0 8px 0;\r\n    font-size: 0.95rem;\r\n    line-height: 1.6;\r\n    color: #888888;\r\n  }\r\n\r\n  .djs-footer-address p strong {\r\n    color: #E0E0E0;\r\n  }\r\n\r\n  \/* LINHA DE COPYRIGHT *\/\r\n  .djs-footer-bottom {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 30px 50px 0; \r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .djs-footer-bottom p {\r\n    margin: 0;\r\n  }\r\n\r\n  .djs-footer-bottom a {\r\n    color: #FFC107;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    transition: color 0.2s ease;\r\n  }\r\n\r\n  .djs-footer-bottom a:hover {\r\n    color: #FFFFFF;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  \/* ==========================================\r\n     RESPONSIVIDADE DO FOOTER (MOBILE)\r\n     ========================================== *\/\r\n  @media (max-width: 1024px) {\r\n    .djs-footer-container { grid-template-columns: 1fr 1fr; gap: 50px; }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .djs-footer { padding: 60px 0 40px; }\r\n    .djs-footer-container { \r\n      grid-template-columns: 1fr; \r\n      gap: 50px; \r\n      text-align: center;\r\n      padding: 0 20px; \r\n    }\r\n    \r\n    .djs-footer-brand-header { \r\n      flex-direction: row; \r\n      justify-content: center; \r\n      align-items: center;\r\n      gap: 20px; \r\n      margin-bottom: 30px; \r\n    }\r\n    \r\n    .djs-footer-logo { \r\n      width: 150px !important; \r\n      max-width: 150px !important;\r\n      margin: 0 !important; \r\n    }\r\n    \r\n    .djs-footer-brand p { margin: 0 auto; }\r\n    .djs-footer-social { justify-content: center; margin: 0; }\r\n    .djs-footer-links a { justify-content: center; }\r\n    .djs-footer-links a:before { display: none; }\r\n    .djs-footer-bottom { \r\n      flex-direction: column; \r\n      justify-content: center; \r\n      text-align: center;\r\n      padding: 30px 20px 0;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"djs-footer\">\r\n  <div class=\"djs-footer-container\">\r\n    \r\n    <!-- COLUNA 1 -->\r\n    <div class=\"djs-footer-brand\">\r\n      <div class=\"djs-footer-brand-header\">\r\n        <img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/07\/logo-djs-solucoes-guarulhos.webp\" alt=\"DJS Solu\u00e7\u00f5es Logo\" class=\"djs-footer-logo\">\r\n        \r\n        <div class=\"djs-footer-social\">\r\n          <a href=\"https:\/\/www.instagram.com\/djssolucoes_\/\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p>Engenharia e manuten\u00e7\u00e3o predial levada a s\u00e9rio. Especialistas em El\u00e9trica, Hidr\u00e1ulica e Sistemas de G\u00e1s para condom\u00ednios e ind\u00fastrias que exigem laudo, norma e seguran\u00e7a.<\/p>\r\n    <\/div>\r\n\r\n    <!-- COLUNA 2 -->\r\n    <div class=\"djs-footer-links\">\r\n      <h4>Navega\u00e7\u00e3o<\/h4>\r\n      <ul>\r\n        <li><a href=\"#\">In\u00edcio<\/a><\/li>\r\n        <li><a href=\"#servicos\">Nossos Servi\u00e7os<\/a><\/li>\r\n        <li><a href=\"#natal\">Ilumina\u00e7\u00e3o de Natal<\/a><\/li>\r\n        <li><a href=\"#sobre\">Quem Somos<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- COLUNA 3 -->\r\n    <div class=\"djs-footer-links\">\r\n      <h4>Fale Conosco<\/h4>\r\n      <ul>\r\n        <li><a href=\"https:\/\/wa.me\/5511998729063\" target=\"_blank\" rel=\"noopener\">(11) 99872-9063<\/a><\/li>\r\n        <li><a href=\"mailto:djs.solucoes@outlook.com.br\">djs.solucoes@outlook.com.br<\/a><\/li>\r\n        <li><a href=\"#contato\">Solicitar Or\u00e7amento<\/a><\/li>\r\n      <\/ul>\r\n\r\n      <!-- OS DOIS CNPJs AQUI -->\r\n      <div class=\"djs-footer-address\">\r\n        <p><strong>CNPJ:<\/strong> 35.810.375\/0001-00<\/p>\r\n        <p><strong>CNPJ:<\/strong> 65.624.477\/0001-93<\/p>\r\n        <p>Rua Floresta Azul, 443<\/p>\r\n        <p>S\u00e3o Paulo - SP, CEP: 03729-010<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"djs-footer-bottom\">\r\n    <p>&copy; 2026 DJS Solu\u00e7\u00f5es. Todos os direitos reservados.<\/p>\r\n    <p>Desenvolvido por <a href=\"https:\/\/wa.me\/5524998769290?text=Ol\u00e1%20Pablo,%20vi%20o%20site%20da%20DJS%20Solu\u00e7\u00f5es%20e%20curti%20seu%20trabalho.%20Gostaria%20de%20falar%20sobre%20um%20projeto.\" target=\"_blank\" rel=\"noopener\">Pablo Fernandes<\/a><\/p>\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5af934a elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"5af934a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ==========================================\r\n     BARRA DE ROLAGEM VERTICAL PERSONALIZADA\r\n     ========================================== *\/\r\n  ::-webkit-scrollbar {\r\n    width: 10px;\r\n  }\r\n\r\n  ::-webkit-scrollbar-track {\r\n    background: #050505;\r\n  }\r\n\r\n  ::-webkit-scrollbar-thumb {\r\n    background: #FFC107;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  ::-webkit-scrollbar-thumb:hover {\r\n    background: #e0a800;\r\n  }\r\n\r\n  \/* Para suporte no Firefox *\/\r\n  * {\r\n    scrollbar-width: thin;\r\n    scrollbar-color: #FFC107 #050505;\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbf261d elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"cbf261d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ==========================================\r\n     CURSOR PERSONALIZADO (TEMA DJS)\r\n     ========================================== *\/\r\n  \r\n  \/* Cursor padr\u00e3o para o site inteiro (Seta amarela com borda preta) *\/\r\n  body, html {\r\n    cursor: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23FFC107' stroke='%23000000' stroke-width='1.5'%3E%3Cpolygon points='5 3 19 12 12 14 9 21 5 3'\/%3E%3C\/svg%3E\"), auto;\r\n  }\r\n\r\n  \/* Cursor para links, bot\u00f5es e elementos interativos (M\u00e3ozinha customizada) *\/\r\n  a, button, [role=\"button\"], input, select, textarea, \r\n  .djs-btn-global, .djs-card-wrapper, .djs-carousel-item, .djs-google-badge, .djs-swipe-indicator {\r\n    cursor: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23FFC107' stroke='%23000000' stroke-width='2'%3E%3Cpath d='M18 11V6a2 2 0 0 0-4 0v1a2 2 0 0 0-4 0v3a2 2 0 0 0-4 0v2a8 8 0 0 0 8 8h1a7 7 0 0 0 7-7v-3a2 2 0 0 0-2-2z'\/><\/svg>\"), pointer;\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b90f09c elementor-widget-widescreen__width-inherit elementor-widget elementor-widget-html\" data-id=\"b90f09c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;800;900&display=swap');\r\n\r\n  \/* ==========================================\r\n     WIDGET FLUTUANTE RESPONSIVO E SUTIL - DJS\r\n     ========================================== *\/\r\n  .djs-floating-whatsapp {\r\n    position: fixed;\r\n    bottom: 20px;\r\n    right: 20px;\r\n    z-index: 99999;\r\n    font-family: 'Montserrat', sans-serif;\r\n  }\r\n\r\n  \/* Container que agrupa a fala e o personagem (movimento sutil conjunto) *\/\r\n  .djs-float-anim-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n    animation: subtleFloat 3s infinite ease-in-out;\r\n  }\r\n\r\n  .djs-float-anim-container:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  \/* Bal\u00e3o de Fala Fixo *\/\r\n  .djs-speech-bubble {\r\n    background: #050505;\r\n    color: #FFFFFF;\r\n    border: 2px solid #FFC107;\r\n    padding: 8px 14px;\r\n    border-radius: 12px;\r\n    font-weight: 800;\r\n    font-size: 0.8rem;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n    margin-bottom: 8px;\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.7);\r\n    position: relative;\r\n    max-width: 200px;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Seta do Bal\u00e3o apontando para o personagem *\/\r\n  .djs-speech-bubble::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -7px;\r\n    right: 25px;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #050505;\r\n    border-right: 2px solid #FFC107;\r\n    border-bottom: 2px solid #FFC107;\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  \/* Link e Imagem Transparente *\/\r\n  .djs-whatsapp-link {\r\n    display: block;\r\n    text-decoration: none;\r\n    outline: none;\r\n  }\r\n\r\n  .djs-whatsapp-link img {\r\n    width: 120px; \/* Tamanho ideal para desktop *\/\r\n    height: auto;\r\n    display: block;\r\n    background: transparent;\r\n    border: none;\r\n    box-shadow: none;\r\n    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.6));\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  .djs-whatsapp-link:hover img {\r\n    transform: scale(1.06);\r\n  }\r\n\r\n  \/* Movimento de Flutua\u00e7\u00e3o Sutil (Mais elegante e leve) *\/\r\n  @keyframes subtleFloat {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-8px); }\r\n  }\r\n\r\n  \/* Responsividade Avan\u00e7ada para Celulares *\/\r\n  @media (max-width: 768px) {\r\n    .djs-floating-whatsapp {\r\n      bottom: 15px;\r\n      right: 15px;\r\n    }\r\n    .djs-whatsapp-link img {\r\n      width: 95px; \/* Tamanho proporcional seguro para mobile *\/\r\n    }\r\n    .djs-speech-bubble {\r\n      font-size: 0.7rem;\r\n      padding: 6px 10px;\r\n      max-width: 160px;\r\n      white-space: normal;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 380px) {\r\n    .djs-whatsapp-link img {\r\n      width: 85px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ESTRUTURA HTML DO WIDGET -->\r\n<div class=\"djs-floating-whatsapp\">\r\n  <div class=\"djs-float-anim-container\">\r\n    <!-- Bal\u00e3o de fala est\u00e1tico -->\r\n    <div class=\"djs-speech-bubble\">BORA BILL!<\/div>\r\n    \r\n    <!-- Personagem transparente clic\u00e1vel -->\r\n    <a href=\"https:\/\/wa.me\/5511998729063?text=Ol\u00e1,%20vim%20pelo%20site%20e%20preciso%20de%20uma%20avalia\u00e7\u00e3o%20t\u00e9cnica.\" target=\"_blank\" class=\"djs-whatsapp-link\" aria-label=\"Fale conosco no WhatsApp\" rel=\"noopener\">\r\n      <img decoding=\"async\" src=\"http:\/\/solucoesdjs.com.br\/wp-content\/uploads\/2026\/08\/atendimento-whatsapp-djs-solucoes.webp\" alt=\"Atendente DJS Solu\u00e7\u00f5es\">\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/main>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In\u00edcio Servi\u00e7os Sobre Contato Falar com Douglas CNPJ COM MAIS DE 50 CONDOM\u00cdNIOS&nbsp;CADASTRADOS RESOLVEMOS TODAS AS MANUTEN\u00c7\u00d5ES E INSTALA\u00c7\u00d5ES DE EL\u00c9TRICA, HIDR\u00c1ULICA&nbsp;E&nbsp;G\u00c1S Chega de dor de cabe\u00e7a com infraestrutura. A DJS Solu\u00e7\u00f5es entrega servi\u00e7o r\u00e1pido, com laudo t\u00e9cnico, seguran\u00e7a m\u00e1xima e zero gambiarras para o seu condom\u00ednio ou empresa. SOLICITAR AVALIA\u00c7\u00c3O T\u00c9CNICA COMERCIAL INDUSTRIAL CONDOM\u00cdNIOS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/solucoesdjs.com.br\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/solucoesdjs.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/solucoesdjs.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/solucoesdjs.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/solucoesdjs.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":173,"href":"https:\/\/solucoesdjs.com.br\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":259,"href":"https:\/\/solucoesdjs.com.br\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/259"}],"wp:attachment":[{"href":"https:\/\/solucoesdjs.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}