{"id":12,"date":"2025-06-25T13:55:53","date_gmt":"2025-06-25T13:55:53","guid":{"rendered":"https:\/\/zoeflexsolutions.com\/?page_id=12"},"modified":"2025-12-01T20:01:33","modified_gmt":"2025-12-01T20:01:33","slug":"home","status":"publish","type":"page","link":"https:\/\/zoeflexsolutions.com\/pt\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e548465 e-flex e-con-boxed e-con e-parent\" data-id=\"e548465\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2653e30 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"2653e30\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- IMPORTA\u00c7\u00c3O DE FONTES E ESTILOS -->\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600&family=Poppins:wght@600;700&display=swap\");\r\n  @import url(\"https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,600,700&display=swap\");\r\n\r\n  html,\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    font-family: \"Inter\", sans-serif;\r\n    background: #000;\r\n    color: #fff;\r\n    overflow-x: hidden;\r\n    scroll-behavior: smooth;\r\n  }\r\n\r\n  body {\r\n    min-height: 100vh;\r\n  }\r\n\r\n  header {\r\n    position: fixed;\r\n    top: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: rgba(15, 15, 15, 0.6);\r\n    border-radius: 60px;\r\n    padding: 6px 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 24px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n    backdrop-filter: blur(20px);\r\n    z-index: 999;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  header .logo {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 70px;\r\n  }\r\n\r\n  header .logo img {\r\n    height: 100%;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 0 4px #00f0ff);\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  header .logo img:hover {\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  header nav {\r\n    display: flex;\r\n    gap: 16px;\r\n  }\r\n\r\n  header nav a {\r\n    position: relative;\r\n    padding: 8px 16px;\r\n    border-radius: 30px;\r\n    color: white;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    font-size: 0.9em;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  header nav a.active,\r\n  header nav a:hover {\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: #d10000;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  header nav a.active::after,\r\n  header nav a:hover::after {\r\n    content: \"\";\r\n    display: block;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: #d10000;\r\n    position: absolute;\r\n    bottom: 4px;\r\n    left: 0;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .contact-btn {\r\n    background: #001f4d;\r\n    color: white;\r\n    padding: 8px 20px;\r\n    border-radius: 30px;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 0.9em;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .contact-btn:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);\r\n    background: #00308f;\r\n  }\r\n\r\n  .hero {\r\n    height: 100vh;\r\n    width: 100vw;\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n    background: url(\"https:\/\/zoeflexsolutions.com\/wp-content\/uploads\/2025\/11\/chip_horizontal.png\")\r\n      no-repeat center center;\r\n    background-size: cover;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0 5vw;\r\n    gap: 40px;\r\n    flex-wrap: wrap;\r\n    color: white;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .hero .text-block {\r\n    max-width: 600px;\r\n    background: rgba(0, 0, 0, 0.65);\r\n    padding: 24px 30px; \/* menos altura *\/\r\n    border-radius: 20px;\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);\r\n    font-size: 0.95rem; \/* levemente menor *\/\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-size: 3.5em;\r\n    font-family: \"Poppins\", sans-serif;\r\n    margin-bottom: 20px;\r\n    animation: fadeUp 1s ease-out forwards;\r\n  }\r\n\r\n  .hero h1 {\r\n    font-size: 3.5em;\r\n    font-family: \"Poppins\", sans-serif;\r\n    margin-bottom: 20px;\r\n    animation: fadeUp 1s ease-out forwards;\r\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8); \/* adicionado *\/\r\n  }\r\n\r\n  .hero p {\r\n    font-size: 1.1em;\r\n    line-height: 1.6;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeUp 1.5s ease-out forwards;\r\n    animation-delay: 0.5s;\r\n    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.8); \/* adicionado *\/\r\n  }\r\n\r\n  .hero p {\r\n    font-size: 1.1em;\r\n    line-height: 1.6;\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    animation: fadeUp 1.5s ease-out forwards;\r\n    animation-delay: 0.5s;\r\n  }\r\n\r\n  .hero .text-block button {\r\n    margin-top: 30px;\r\n    padding: 12px 26px;\r\n    background: transparent;\r\n    border: 2px solid white;\r\n    color: white;\r\n    border-radius: 30px;\r\n    cursor: pointer;\r\n    font-weight: bold;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .hero .text-block button:hover {\r\n    background: white;\r\n    color: black;\r\n  }\r\n\r\n  @keyframes fadeUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  .contact-section {\r\n    background: linear-gradient(135deg, #000 0%, #0d1b2a 100%);\r\n    min-height: 100vh;\r\n    padding: 200px;\r\n    text-align: center;\r\n  }\r\n\r\n  .contact-container {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .contact-container h2 {\r\n    font-size: 2.5em;\r\n    margin-bottom: 10px;\r\n    color: #00f0ff;\r\n  }\r\n\r\n  .contact-container p {\r\n    font-size: 1.1em;\r\n    margin-bottom: 40px;\r\n    color: #ccc;\r\n  }\r\n\r\n  .contact-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  }\r\n\r\n  .contact-form input,\r\n  .contact-form textarea {\r\n    padding: 14px 20px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    color: white;\r\n    font-size: 1em;\r\n    font-family: \"Inter\", sans-serif;\r\n  }\r\n\r\n  .contact-form button,\r\n  .contact-form input,\r\n  .contact-form textarea {\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .contact-form input::placeholder,\r\n  .contact-form textarea::placeholder {\r\n    color: #aaa;\r\n  }\r\n\r\n  .contact-form button {\r\n    padding: 14px 26px;\r\n    border: none;\r\n    border-radius: 30px;\r\n    background: #00f0ff;\r\n    color: #000;\r\n    font-weight: bold;\r\n    font-size: 1em;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .contact-form button:hover {\r\n    background: #00bbcc;\r\n  }\r\n\r\n  .footer {\r\n    background: #0d0d0d;\r\n    color: #ccc;\r\n    padding: 80px 40px 40px;\r\n    font-size: 1em;\r\n    border-top: 1px solid #222;\r\n    overflow: hidden;\r\n    font-family: \"Satoshi\", sans-serif;\r\n  }\r\n\r\n  .footer-content {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 40px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .footer-col {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition: all 0.6s ease-out;\r\n  }\r\n\r\n  .footer-col h4 {\r\n    color: #fff;\r\n    margin-bottom: 16px;\r\n    font-weight: 600;\r\n    font-size: 1.1em;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .footer-col p,\r\n  .footer-col a {\r\n    color: #aaa;\r\n    line-height: 1.6;\r\n    font-size: 0.95em;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .footer-col a:hover {\r\n    color: #00f0ff;\r\n  }\r\n\r\n  .social-links {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-top: 10px;\r\n  }\r\n\r\n  .social-links a {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    transition: color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .social-links a:hover {\r\n    color: #00f0ff;\r\n    transform: translateX(5px);\r\n  }\r\n\r\n  .social-links i {\r\n    font-size: 1.2em;\r\n    color: #888;\r\n    transition: color 0.3s;\r\n  }\r\n\r\n  .social-links a:hover i {\r\n    color: #00f0ff;\r\n  }\r\n\r\n  .footer-bottom {\r\n    text-align: center;\r\n    margin-top: 60px;\r\n    color: #555;\r\n    font-size: 0.85em;\r\n    border-top: 1px solid #222;\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .menu-toggle {\r\n    display: none;\r\n    font-size: 1.8em;\r\n    color: white;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    z-index: 1001;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .menu-toggle {\r\n      display: block;\r\n      margin-left: auto;\r\n    }\r\n\r\n    header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      width: 100%;\r\n      left: 0;\r\n      transform: none;\r\n      top: 0;\r\n      border-radius: 0;\r\n      padding: 10px 20px;\r\n    }\r\n\r\n    header nav {\r\n      display: none;\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      width: 100%;\r\n      padding: 10px 0;\r\n    }\r\n\r\n    body.menu-open header nav {\r\n      display: flex;\r\n    }\r\n\r\n    .contact-btn {\r\n      display: none;\r\n    }\r\n\r\n    body.menu-open .contact-btn {\r\n      display: inline-block;\r\n    }\r\n  }\r\n  @media (max-width: 768px) {\r\n    header {\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 60px;\r\n      background: rgba(0, 0, 0, 0.85);\r\n      z-index: 1000;\r\n      padding: 0 20px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    .hero {\r\n      margin-top: 80px; \/* empurra o conte\u00fado pra baixo do header *\/\r\n    }\r\n\r\n    .logo img {\r\n      max-height: 36px;\r\n      width: auto;\r\n    }\r\n\r\n    .nav-toggle {\r\n      display: block;\r\n      font-size: 1.8em;\r\n      z-index: 1001;\r\n    }\r\n\r\n    nav {\r\n      position: absolute;\r\n      top: 60px;\r\n      left: 0;\r\n      right: 0;\r\n      background: #000;\r\n      display: none;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      padding: 20px 0;\r\n    }\r\n\r\n    nav.open {\r\n      display: flex;\r\n    }\r\n\r\n    nav a {\r\n      margin: 10px 0;\r\n      font-size: 1.1em;\r\n    }\r\n  }\r\n  .contact-form {\r\n    width: 100%;\r\n    padding: 0 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .contact-section {\r\n    padding: 100px 20px 60px;\r\n  }\r\n\r\n  .contact-container {\r\n    width: 100%;\r\n  }\r\n\r\n  .contact-form {\r\n    padding: 0;\r\n  }\r\n\r\n  .contact-form input,\r\n  .contact-form textarea,\r\n  .contact-form button {\r\n    font-size: 1em;\r\n    padding: 14px;\r\n  }\r\n\r\n  .contact-container h2 {\r\n    font-size: 2em;\r\n  }\r\n\r\n  .contact-container p {\r\n    font-size: 1em;\r\n  }\r\n\r\n  .contact-form input,\r\n  .contact-form textarea {\r\n    width: 100%;\r\n    padding: 14px;\r\n    border: none;\r\n    border-radius: 8px;\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: white;\r\n    font-size: 1em;\r\n    font-family: \"Inter\", sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .contact-form textarea {\r\n    min-height: 120px;\r\n    resize: vertical;\r\n  }\r\n\r\n  .contact-form button {\r\n    width: 100%;\r\n    padding: 14px;\r\n    background-color: #00f0ff;\r\n    color: #000;\r\n    border: none;\r\n    border-radius: 30px;\r\n    font-weight: bold;\r\n    font-size: 1.1em;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n  }\r\n  nav {\r\n    display: none;\r\n  }\r\n\r\n  nav.open {\r\n    display: flex !important;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    background: #000;\r\n    padding: 20px 0;\r\n  }\r\n<\/style>\r\n\r\n<!-- HEADER -->\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n\/>\r\n<header>\r\n  <div class=\"logo\">\r\n    <img decoding=\"async\"\r\n      src=\"https:\/\/zoeflexsolutions.com\/wp-content\/uploads\/2025\/11\/imagem_2025-11-25_102442835.png\"\r\n      alt=\"ZoeFlex Solutions\"\r\n    \/>\r\n  <\/div>\r\n  <button\r\n    class=\"menu-toggle\"\r\n    onclick=\"document.querySelector('nav').classList.toggle('open')\"\r\n  >\r\n    <i class=\"fas fa-bars\"><\/i>\r\n  <\/button>\r\n  <nav>\r\n    <a href=\"\/pt\/home\/\" class=\"active\">Home<\/a>\r\n    <a href=\"\/pt\/about\/\">Sobre<\/a>\r\n    <a href=\"\/pt\/services\/#services\">Servi\u00e7os<\/a>\r\n    <a href=\"\/pt\/portfolio\/\">Portf\u00f3lio<\/a>\r\n    <a href=\"\/pt\/faq\/\">FAQ<\/a>\r\n    <a href=\"\/pt\/store\/\">Loja<\/a>\r\n  <\/nav>\r\n  <a class=\"contact-btn\" href=\"#contact\">Contato<\/a>\r\n<\/header>\r\n\r\n<!-- HERO COM ANIMA\u00c7\u00c3O -->\r\n<div class=\"hero\" id=\"home\">\r\n  <div class=\"text-block\">\r\n    <h1>Bem-vindo a Zoe Flex Solutions!<\/h1>\r\n    <p>\r\n      A Zoe Flex \u00e9 uma empresa inovadora que atua no setor de tecnologia, automa\u00e7\u00e3o\ne intelig\u00eancia artificial, fornecendo solu\u00e7\u00f5es estrat\u00e9gicas para\nempresas que buscam otimizar seus processos e expandir sua presen\u00e7a\ndigital.\r\n      <br \/><br \/>\r\n      Com uma abordagem moderna e eficiente, a Zoe Flex desenvolve IA para assistentes virtuais, automa\u00e7\u00f5es, APIs, marketing e publicidade localizada, garantindo que seus clientes tenham acesso \u00e0s melhores ferramentas tecnol\u00f3gicas para impulsionar seus neg\u00f3cios.\r\n    <\/p>\r\n    <button\r\n      onclick=\"document.querySelector('#contact').scrollIntoView({ behavior: 'smooth' })\"\r\n    >\r\n      Contato\r\n    <\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- FORMUL\u00c1RIO -->\r\n<section id=\"contact\" class=\"contact-section\">\r\n  <div class=\"contact-container\">\r\n    <h2>Entre em contato<\/h2>\r\n    <p>Tem um projeto em mente ou quer apenas se conectar? Vamos conversar!<\/p>\r\n    <form class=\"contact-form\" action=\"\">\r\n      <input type=\"text\" name=\"name\" placeholder=\"Seu nome\" required \/>\r\n      <input type=\"email\" name=\"email\" placeholder=\"Seu e-mail\" required \/>\r\n      <textarea\r\n        name=\"message\"\r\n        placeholder=\"Sua mensagem\"\r\n        rows=\"5\"\r\n        required\r\n><\/textarea>\r\n      <button type=\"submit\">Enviar mensagem<\/button>\r\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"pt\"\/><\/form>\r\n  <\/div>\r\n<\/section>\r\n<!-- FOOTER -->\r\n<footer class=\"footer\">\r\n  <div class=\"footer-content\">\r\n    <div class=\"footer-col\">\r\n      <h4>Endere\u00e7o<\/h4>\r\n      <p>Orlando, FL, US<\/p>\r\n      <p><a href=\"tel:+13214665975\">+1 (321) 466-5975<\/a><\/p>\r\n      <p>\r\n        <a href=\"mailto:it@zoeflexsolutions.com\">it@zoeflexsolutions.com<\/a>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"footer-col\">\r\n      <h4>Quem somos<\/h4>\r\n      <p>\r\n        A Zoe Flex Solutions \u00e9 uma empresa inovadora especializada em intelig\u00eancia\nartificial, automa\u00e7\u00e3o e solu\u00e7\u00f5es digitais. Nosso objetivo \u00e9\ntransformar neg\u00f3cios e otimizar processos por meio de tecnologia\nde ponta, desenvolvimento personalizado e estrat\u00e9gias eficientes.\r\n      <\/p>\r\n      <p>\r\n        Com uma equipe altamente qualificada, oferecemos programa\u00e7\u00e3o de IA, integra\u00e7\u00e3o de APIs,\nautoma\u00e7\u00e3o de tarefas, marketing digital e publicidade localizada \u2014 sempre\ncom foco em inova\u00e7\u00e3o, efici\u00eancia e resultados. Seja para\nmodernizar seu neg\u00f3cio, aumentar a produtividade ou expandir sua presen\u00e7a\ndigital, a Zoe Flex Solutions tem a expertise necess\u00e1ria para levar sua empresa\nao pr\u00f3ximo n\u00edvel. \ud83d\ude80\u2728\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"footer-col socials\">\r\n      <h4>Social<\/h4>\r\n      <div class=\"social-links\">\r\n        <a href=\"https:\/\/instagram.com\" target=\"_blank\"\r\n          ><i class=\"fab fa-instagram\"><\/i> Instagram<\/a\r\n>\r\n        <a href=\"https:\/\/linkedin.com\" target=\"_blank\"\r\n          ><i class=\"fab fa-linkedin\"><\/i> LinkedIn<\/a\r\n>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"footer-bottom\">\r\n    \u00a9 2025 Zoe Flex Solutions. Todos os direitos reservados.\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- ANIMA\u00c7\u00c3O SCROLL -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n<script>\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  const isMobile = window.innerWidth <= 768;\r\n\r\n  if (!isMobile) {\r\n    ScrollTrigger.config({\r\n      ignoreMobileResize: true,\r\n      autoRefreshEvents: \"visibilitychange,DOMContentLoaded,load\",\r\n    });\r\n    ScrollTrigger.defaults({\r\n      markers: false,\r\n      toggleActions: \"play none none reverse\",\r\n    });\r\n\r\n    \/\/ HERO fade-out\r\n    gsap.to(\".hero\", {\r\n      opacity: 0,\r\n      scale: 0.95,\r\n      ease: \"none\",\r\n      scrollTrigger: {\r\n        trigger: \".hero\",\r\n        start: \"top top\",\r\n        end: \"bottom 20%\",\r\n        scrub: 1,\r\n      },\r\n    });\r\n\r\n    \/\/ Contato subindo\r\n    gsap.from(\"#contact\", {\r\n      opacity: 0,\r\n      y: 100,\r\n      ease: \"none\",\r\n      scrollTrigger: {\r\n        trigger: \"#contact\",\r\n        start: \"top bottom\",\r\n        end: \"top center\",\r\n        scrub: 1,\r\n      },\r\n    });\r\n\r\n    \/\/ Footer animando\r\n    ScrollTrigger.batch(\".footer-col\", {\r\n      start: \"top 95%\",\r\n      onEnter: (batch) =>\r\n        gsap.to(batch, {\r\n          opacity: 1,\r\n          y: 0,\r\n          stagger: 0.2,\r\n          duration: 1,\r\n          ease: \"power2.out\",\r\n        }),\r\n    });\r\n  } else {\r\n    \/\/ Mobile: mostra tudo de cara\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n      document.querySelectorAll(\".footer-col\").forEach((el) => {\r\n        el.style.opacity = \"1\";\r\n        el.style.transform = \"none\";\r\n      });\r\n    });\r\n  }\r\n\r\n  \/\/ Scroll Reveal\r\n  document.addEventListener(\"DOMContentLoaded\", () => {\r\n    const reveals = document.querySelectorAll(\".reveal\");\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) entry.target.classList.add(\"visible\");\r\n        });\r\n      },\r\n      { threshold: 0.1 }\r\n    );\r\n\r\n    reveals.forEach((el) => observer.observe(el));\r\n  });\r\n\r\n  \/\/ Navega\u00e7\u00e3o flu\u00edda\r\n  const links = document.querySelectorAll(\"nav a.nav-link\");\r\n  const sections = Array.from(links).map((link) =>\r\n    document.querySelector(link.getAttribute(\"href\"))\r\n  );\r\n\r\n  window.addEventListener(\"scroll\", () => {\r\n    let current = \"\";\r\n    sections.forEach((section) => {\r\n      const sectionTop = section.offsetTop - 120;\r\n      if (scrollY >= sectionTop) current = section.getAttribute(\"id\");\r\n    });\r\n\r\n    links.forEach((link) => {\r\n      link.classList.remove(\"active\");\r\n      if (link.getAttribute(\"href\") === `#${current}`) {\r\n        link.classList.add(\"active\");\r\n      }\r\n    });\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home About Services Portfolio FAQ Store Contact Welcome to Zoe Flex Solutions! Zoe Flex is an innovative company operating in the technology, automation, and artificial intelligence sector, providing strategic solutions for businesses looking to optimize their processes and expand their digital presence. With a modern and efficient approach, Zoe Flex develops AI for virtual assistants, [&hellip;]<\/p>","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-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":21,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1421,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/12\/revisions\/1421"}],"wp:attachment":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}