{"id":16,"date":"2025-09-25T16:11:22","date_gmt":"2025-09-25T19:11:22","guid":{"rendered":"http:\/\/targetagency.com.br\/?page_id=16"},"modified":"2025-11-17T01:56:43","modified_gmt":"2025-11-17T04:56:43","slug":"home-2","status":"publish","type":"page","link":"https:\/\/targetagency.com.br\/","title":{"rendered":"Inicio"},"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<div class=\"elementor-element elementor-element-46c4efb e-con-full e-flex e-con e-parent\" data-id=\"46c4efb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b46fca elementor-widget elementor-widget-html\" data-id=\"0b46fca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-br\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Target Agency \u2014 Home<\/title>\r\n  <link rel=\"icon\" href=\"https:\/\/i.ibb.co\/G4kyHSsr\/icone-target.png\" \/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n  <style>\r\n    :root{\r\n      --roxo:#8E44FF;\r\n      --pink:#FF4FD8;\r\n      --branco:#FFFFFF;\r\n      --borda: rgba(255,255,255,.15);\r\n      --grad: linear-gradient(135deg, var(--roxo) 0%, #A86BFF 35%, var(--pink) 100%);\r\n      --grad-dark: radial-gradient(1200px 600px at 80% -10%, rgba(255,79,216,.35), transparent 60%),\r\n                   radial-gradient(900px 600px at -10% 10%, rgba(142,68,255,.40), transparent 55%),\r\n                   linear-gradient(180deg, #1a1026 0%, #120a1b 100%);\r\n    }\r\n    *{box-sizing:border-box;margin:0;padding:0}\r\n    body{background:#0c0812;color:var(--branco);font-family:Montserrat, sans-serif;overflow-x:hidden;}\r\n    a{color:inherit;text-decoration:none}\r\n    img{max-width:100%;display:block}\r\n    .container{width:min(1200px, 92%);margin:0 auto}\r\n\r\n    \/* TOP BAR *\/\r\n    .top-bar{\r\n      width:100%;\r\n      background: linear-gradient(90deg, var(--roxo), var(--pink), #FF8CF2);\r\n      background-size: 300% 300%;\r\n      color:#fff;\r\n      text-align:center;\r\n      font-size:14px;\r\n      font-weight:600;\r\n      padding:10px 16px;\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n      gap:14px;\r\n      animation: gradientFlow 6s ease infinite;\r\n      position:fixed;\r\n      top:0; left:0;\r\n      z-index:1000;\r\n    }\r\n    @keyframes gradientFlow{\r\n      0%{background-position:0% 50%}\r\n      50%{background-position:100% 50%}\r\n      100%{background-position:0% 50%}\r\n    }\r\n    .top-bar a{\r\n      color:#fff;\r\n      font-size:16px;\r\n      transition:.3s;\r\n    }\r\n    .top-bar a:hover{\r\n      transform:scale(1.2);\r\n      color:#000;\r\n    }\r\n\r\n    \/* HERO *\/\r\n    header.hero{\r\n      padding-top:120px;\r\n      min-height:92vh; display:grid; place-items:center;\r\n      background:var(--grad-dark);\r\n      position:relative; overflow:hidden;\r\n    }\r\n    .blob, .ring{\r\n      position:absolute; pointer-events:none; filter:blur(42px); opacity:.45;\r\n      transition: transform .6s ease-out;\r\n    }\r\n    .blob{\r\n      width:580px;height:580px;\r\n      background:radial-gradient(circle at 30% 30%, var(--pink), transparent 60%);\r\n      top:-120px;right:-120px;\r\n    }\r\n    .ring{\r\n      width:720px;height:720px;border-radius:50%;\r\n      background:conic-gradient(from 90deg, rgba(142,68,255,.55), rgba(255,79,216,.45), transparent 65%);\r\n      left:-260px;bottom:-240px;mix-blend:screen;filter:blur(60px);\r\n    }\r\n\r\n    .hero-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}\r\n    .kicker{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--borda);background:rgba(255,255,255,.08);font-weight:700}\r\n    .kicker i{color:var(--pink)}\r\n    .hero h2{font-size:clamp(34px,5.4vw,64px);line-height:1.05;margin:14px 0 16px;font-weight:900;letter-spacing:.3px}\r\n    .hero p{font-size:clamp(16px,2.1vw,19px);opacity:.9;margin:0 0 24px}\r\n    .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}\r\n\r\n    \/* BOT\u00d5ES *\/\r\n    .btn{\r\n      display:inline-flex;align-items:center;gap:10px;\r\n      padding:12px 18px;border-radius:999px;font-weight:700;\r\n      background:var(--grad);\r\n      box-shadow:0 0 12px rgba(142,68,255,.4);\r\n      transition:all .35s ease;\r\n    }\r\n    .btn:hover{\r\n      transform:scale(1.07);\r\n      box-shadow:0 0 25px rgba(142,68,255,.7),0 0 45px rgba(255,79,216,.6);\r\n      background-size:200% 200%;\r\n      animation:gradMove 3s ease infinite;\r\n    }\r\n    @keyframes gradMove{\r\n      0%{background-position:0% 50%}\r\n      50%{background-position:100% 50%}\r\n      100%{background-position:0% 50%}\r\n    }\r\n    .btn-ghost{\r\n      padding:12px 18px;border-radius:999px;font-weight:700;\r\n      border:1px solid var(--borda);background:rgba(255,255,255,.06);\r\n      transition:all .35s ease;\r\n    }\r\n    .btn-ghost:hover{\r\n      transform:scale(1.05);\r\n      border-color:var(--pink);\r\n      box-shadow:0 0 18px rgba(255,79,216,.6);\r\n      background:rgba(255,255,255,.12);\r\n    }\r\n\r\n    \/* Logo destaque *\/\r\n    .hero-logo{\r\n      width:420px;\r\n      max-width:100%;\r\n      margin:0 auto 10px;\r\n      filter: drop-shadow(0 0 18px rgba(142,68,255,.6)) drop-shadow(0 0 30px rgba(255,79,216,.4));\r\n      animation: pulseGlow 4s infinite alternate ease-in-out;\r\n      transition: transform .4s ease, filter .4s ease;\r\n      cursor:pointer;\r\n      opacity:0;\r\n    }\r\n    .hero-logo:hover{\r\n      transform: scale(1.08) rotate3d(1,1,0,6deg);\r\n      filter: drop-shadow(0 0 28px rgba(142,68,255,.9)) drop-shadow(0 0 50px rgba(255,79,216,.6));\r\n    }\r\n    @keyframes pulseGlow{\r\n      from{filter:drop-shadow(0 0 14px rgba(142,68,255,.5)) drop-shadow(0 0 24px rgba(255,79,216,.25))}\r\n      to{filter:drop-shadow(0 0 30px rgba(142,68,255,.8)) drop-shadow(0 0 45px rgba(255,79,216,.5))}\r\n    }\r\n    .hero-grid{display:grid;gap:14px;justify-items:center}\r\n\r\n    \/* RESPONSIVO *\/\r\n    @media (max-width: 960px){\r\n      .hero-wrap{\r\n        grid-template-columns:1fr;\r\n        text-align:center;\r\n      }\r\n      .hero-logo{\r\n        order:-1;\r\n        margin-bottom:25px;\r\n        width:300px;\r\n      }\r\n      .cta-row{\r\n        justify-content:center;\r\n        margin-bottom:60px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <!-- TOP BAR -->\r\n  <div class=\"top-bar\">\r\n    \ud83d\ude80 Conecte-se com a Target:\r\n    <a href=\"https:\/\/www.instagram.com\/target.agency_\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n    <a href=\"https:\/\/www.behance.net\/targetagency_mkt\" target=\"_blank\"><i class=\"fab fa-behance\"><\/i><\/a>\r\n    <a href=\"https:\/\/wa.me\/5511992373084\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n  <\/div>\r\n\r\n  <!-- HERO -->\r\n  <header class=\"hero\" id=\"hero\">\r\n    <div class=\"blob\"><\/div><div class=\"ring\"><\/div>\r\n    <div class=\"container hero-wrap\">\r\n      <div class=\"hero-grid\">\r\n        <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/zVkpJ40n\/TARGET-LOGO.png\" alt=\"Target logo\" class=\"hero-logo\">\r\n      <\/div>\r\n      <div>\r\n        <span class=\"kicker\"><i class=\"fa-solid fa-bolt\"><\/i> Ag\u00eancia criativa + estrat\u00e9gica<\/span>\r\n        <h2>Sua <span style=\"background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent\">empresa no alvo certo.<\/span><\/h2>\r\n        <p>Estrat\u00e9gia, criatividade e aten\u00e7\u00e3o humana. Na Target, a gente ouve, planeja junto e executa com foco em resultado.<\/p>\r\n        <div class=\"cta-row\">\r\n          <a href=\"https:\/\/wa.me\/5511992373084\" class=\"btn\"><i class=\"fa-brands fa-whatsapp\"><\/i> Fale pelo WhatsApp<\/a>\r\n          <a href=\"#servicos\" class=\"btn-ghost\"><i class=\"fa-solid fa-wand-magic-sparkles\"><\/i> Ver servi\u00e7os<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- GSAP -->\r\n  <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n  <script>\r\n    const blob = document.querySelector('.blob');\r\n    const ring = document.querySelector('.ring');\r\n    const hero = document.getElementById('hero');\r\n\r\n    \/\/ Efeito parallax suave (movimento constante)\r\n    gsap.to(blob, {x: 50, y: -30, duration: 6, yoyo: true, repeat: -1, ease: \"sine.inOut\"});\r\n    gsap.to(ring, {x: -40, y: 40, duration: 8, yoyo: true, repeat: -1, ease: \"sine.inOut\"});\r\n\r\n    \/\/ Movimento interativo com o mouse\r\n    hero.addEventListener('mousemove', (e) => {\r\n      const x = (e.clientX \/ window.innerWidth - 0.5) * 100;\r\n      const y = (e.clientY \/ window.innerHeight - 0.5) * 100;\r\n      gsap.to(blob, {x: x * 0.8, y: y * 0.8, duration: 1.2, ease: \"power2.out\"});\r\n      gsap.to(ring, {x: -x * 0.6, y: -y * 0.6, duration: 1.2, ease: \"power2.out\"});\r\n    });\r\n\r\n    hero.addEventListener('mouseleave', () => {\r\n      gsap.to(blob, {x:0, y:0, duration:1.5, ease:\"power3.out\"});\r\n      gsap.to(ring, {x:0, y:0, duration:1.5, ease:\"power3.out\"});\r\n    });\r\n\r\n    \/\/ Efeito de entrada da logo\r\n    gsap.to(\".hero-logo\", {\r\n      opacity:1,\r\n      y:0,\r\n      duration:1.5,\r\n      delay:0.3,\r\n      ease:\"power3.out\"\r\n    });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfffb08 e-con-full e-flex e-con e-parent\" data-id=\"cfffb08\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eaafd37 elementor-widget elementor-widget-html\" data-id=\"eaafd37\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SOBRE A TARGET -->\r\n<section class=\"sobre\">\r\n  <div class=\"container sobre-wrap\">\r\n    <div class=\"sobre-texto\">\r\n      <h2>Sobre a <span class=\"grad-text\">Target Agency<\/span><\/h2>\r\n      <p class=\"sobre-paragrafo\">\r\n        Na Target, acreditamos em parcerias de verdade.  \r\n        Mais do que prestar servi\u00e7os, <strong>abra\u00e7amos a causa da sua empresa<\/strong>:  \r\n        criamos estrat\u00e9gias lado a lado, ouvindo, entendendo e construindo juntos o caminho para o sucesso.\r\n      <\/p>\r\n      <div class=\"sobre-cards\">\r\n        <div class=\"card\">\r\n          <i class=\"fa-solid fa-comments\"><\/i>\r\n          <h4>Atendimento humano<\/h4>\r\n          <p>Escuta ativa, proximidade e suporte cont\u00ednuo.<\/p>\r\n        <\/div>\r\n        <div class=\"card\">\r\n          <i class=\"fa-solid fa-bullseye\"><\/i>\r\n          <h4>Estrat\u00e9gia no alvo<\/h4>\r\n          <p>Planejamento criativo guiado por dados e performance.<\/p>\r\n        <\/div>\r\n        <div class=\"card\">\r\n          <i class=\"fa-solid fa-wand-magic-sparkles\"><\/i>\r\n          <h4>Criatividade<\/h4>\r\n          <p>Designs modernos e campanhas que marcam presen\u00e7a.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* SOBRE *\/\r\n.sobre{\r\n  padding:110px 0;\r\n  background:#f9f8ff; \/* fundo claro premium *\/\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.sobre::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:-100px; left:-150px;\r\n  width:450px; height:450px;\r\n  background:radial-gradient(circle at center, rgba(142,68,255,.12), transparent 70%);\r\n  border-radius:50%;\r\n  z-index:0;\r\n}\r\n.sobre-wrap{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:40px;\r\n  align-items:center;\r\n  text-align:center;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.sobre-texto h2{\r\n  font-size:clamp(30px,4.5vw,46px);\r\n  margin-bottom:18px;\r\n  font-weight:800;\r\n  color:#1a1a1a;\r\n}\r\n.grad-text{\r\n  background:var(--grad);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n.sobre-texto p{\r\n  font-size:18px;\r\n  line-height:1.65;\r\n  color:#333;\r\n  margin:0 auto 38px auto;\r\n  max-width:720px;\r\n  text-align:center;\r\n  opacity:.95;\r\n}\r\n.sobre-cards{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));\r\n  gap:28px;\r\n  width:100%;\r\n  max-width:980px;\r\n}\r\n.sobre-cards .card{\r\n  background:#fff;\r\n  border:2px solid #e7ddfb;\r\n  border-radius:18px;\r\n  padding:34px 26px;\r\n  text-align:center;\r\n  transition:.4s ease;\r\n  cursor:pointer;\r\n  position:relative;\r\n  overflow:hidden;\r\n  transform-style:preserve-3d;\r\n  animation:fadeInUp .9s ease both;\r\n}\r\n.sobre-cards .card:hover{\r\n  transform:translateY(-10px) rotate3d(1,1,0,4deg) scale(1.04);\r\n  box-shadow:0 12px 30px rgba(142,68,255,.2),0 16px 45px rgba(255,79,216,.15);\r\n  border-color:#A86BFF;\r\n}\r\n.sobre-cards i{\r\n  font-size:42px;\r\n  margin-bottom:16px;\r\n  background:linear-gradient(135deg,#8E44FF,#A86BFF,#FF4FD8);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n  animation:gradAnim 3s infinite alternate;\r\n}\r\n@keyframes gradAnim{\r\n  from{filter:drop-shadow(0 0 6px rgba(142,68,255,.45))}\r\n  to{filter:drop-shadow(0 0 16px rgba(255,79,216,.55))}\r\n}\r\n.sobre-cards h4{\r\n  font-size:19px;\r\n  font-weight:700;\r\n  margin-bottom:12px;\r\n  color:#1f1f1f;\r\n}\r\n.sobre-cards p{\r\n  font-size:15.5px;\r\n  line-height:1.55;\r\n  color:#555;\r\n  max-width:280px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* anima\u00e7\u00e3o de entrada *\/\r\n@keyframes fadeInUp{\r\n  from{opacity:0; transform:translateY(40px);}\r\n  to{opacity:1; transform:translateY(0);}\r\n}\r\n\r\n\/* anima\u00e7\u00e3o suave no par\u00e1grafo *\/\r\n.sobre-paragrafo{\r\n  opacity:0;\r\n  transform:translateY(30px);\r\n  animation:fadeInText 1.2s ease forwards;\r\n  animation-delay:.3s;\r\n}\r\n@keyframes fadeInText{\r\n  to{opacity:1; transform:translateY(0);}\r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 960px){\r\n  .sobre{\r\n    padding:80px 20px;\r\n  }\r\n  .sobre-texto h2{\r\n    font-size:28px;\r\n  }\r\n  .sobre-texto p{\r\n    font-size:16px;\r\n    max-width:90%;\r\n    margin-bottom:28px;\r\n  }\r\n  .sobre-cards{\r\n    grid-template-columns:repeat(3, 1fr); \/* 3 colunas no tablet *\/\r\n    gap:18px;\r\n  }\r\n  .sobre-cards .card{\r\n    padding:26px 18px;\r\n  }\r\n}\r\n@media (max-width: 600px){\r\n  .sobre-cards{\r\n    grid-template-columns:1fr; \/* 1 coluna no mobile *\/\r\n  }\r\n  .sobre-texto h2{\r\n    font-size:26px;\r\n  }\r\n  .sobre-texto p{\r\n    font-size:15px;\r\n  }\r\n  .sobre-cards .card{\r\n    padding:28px 18px;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f431c5e e-con-full e-flex e-con e-parent\" data-id=\"f431c5e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d688b24 elementor-widget elementor-widget-html\" data-id=\"d688b24\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-br\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Target Agency \u2014 Servi\u00e7os, Portf\u00f3lio & Depoimentos<\/title>\r\n  <link rel=\"icon\" href=\"https:\/\/i.ibb.co\/G4kyHSsr\/icone-target.png\" \/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n  <style>\r\n    :root{\r\n      --roxo:#8E44FF;\r\n      --pink:#FF4FD8;\r\n      --branco:#FFFFFF;\r\n      --borda: rgba(255,255,255,.12);\r\n      --grad: linear-gradient(135deg, var(--roxo) 0%, #A86BFF 35%, var(--pink) 100%);\r\n    }\r\n    *{box-sizing:border-box;margin:0;padding:0}\r\n    body{background:#0c0812;color:var(--branco);font-family:Montserrat, sans-serif;overflow-x:hidden;}\r\n    a{color:inherit;text-decoration:none}\r\n    img{max-width:100%;display:block}\r\n    .container{width:min(1200px,92%);margin:0 auto}\r\n\r\n    \/* ------------------- VBG ------------------- *\/\r\n    .vbg{\r\n      position:relative;\r\n      overflow:hidden;\r\n      background:\r\n        radial-gradient(1200px 560px at 110% -10%, rgba(255,79,216,.14), transparent 60%),\r\n        radial-gradient(1000px 520px at -10% 20%, rgba(142,68,255,.18), transparent 55%),\r\n        linear-gradient(180deg, #120a1b 0%, #0e0a15 60%, #0f0a17 100%);\r\n      color:#fff;\r\n      isolation:isolate;\r\n    }\r\n\r\n    \/* ------------------- CABE\u00c7ALHOS ------------------- *\/\r\n    .section-head{text-align:center;margin-bottom:34px;}\r\n    .kicker{\r\n      display:inline-flex;gap:10px;align-items:center;\r\n      padding:8px 14px;border-radius:999px;\r\n      border:1px solid var(--borda);background:rgba(255,255,255,.06);\r\n      font-weight:700; color:#fff; opacity:.9;\r\n    }\r\n    h2.section-title{\r\n      font-size:clamp(28px,4.6vw,44px);\r\n      margin:14px 0 8px; font-weight:900; letter-spacing:.2px;\r\n    }\r\n    .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}\r\n    .section-sub{opacity:.9;max-width:780px;margin:0 auto}\r\n\r\n    \/* ------------------- SERVI\u00c7OS ------------------- *\/\r\n    .servicos{padding:100px 0 60px;position:relative;z-index:1;}\r\n    .srv-grid{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}\r\n    .srv-card{\r\n      background:rgba(255,255,255,.04);\r\n      border:1px solid var(--borda);\r\n      border-radius:18px;\r\n      padding:24px 20px;\r\n      transition:.35s ease;\r\n      position:relative;overflow:hidden;\r\n    }\r\n    .srv-card:hover{\r\n      transform:translateY(-8px);\r\n      box-shadow:0 10px 26px rgba(142,68,255,.25),0 16px 40px rgba(255,79,216,.18);\r\n    }\r\n    .srv-icon{\r\n      width:56px;height:56px;border-radius:14px;\r\n      display:grid;place-items:center;margin-bottom:12px;\r\n      background:rgba(255,255,255,.06);border:1px solid var(--borda);\r\n    }\r\n    .srv-icon i{\r\n      font-size:22px;background:var(--grad);\r\n      -webkit-background-clip:text;background-clip:text;color:transparent;\r\n    }\r\n    .srv-card h3{font-size:18px;font-weight:800;margin:6px 0 8px;}\r\n    .srv-card p{font-size:14.8px;opacity:.9;line-height:1.55;}\r\n    .srv-list{list-style:none;padding:12px 0 0;margin:0;display:flex;flex-direction:column;gap:8px;}\r\n    .srv-list li{font-size:14px;opacity:.95;display:flex;align-items:center;gap:8px;}\r\n    .srv-list li::before{content:\"\";width:8px;height:8px;border-radius:999px;background:var(--pink);}\r\n\r\n    \/* ------------------- PORTF\u00d3LIO ------------------- *\/\r\n    .portfolio{padding:40px 0 60px;position:relative;z-index:1;}\r\n    .pf-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}\r\n    .pf-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--borda);background:#140d20;transition:.35s ease;}\r\n    .pf-card img{width:100%;height:260px;object-fit:cover;display:block;transition:.5s ease;}\r\n    .pf-card:hover img{transform:scale(1.06);filter:brightness(.85);}\r\n    .pf-overlay{position:absolute;left:0;right:0;bottom:0;padding:18px;background:rgba(0,0,0,.45);opacity:0;transition:.35s;}\r\n    .pf-card:hover .pf-overlay{opacity:1;}\r\n    .pf-overlay h3{font-size:16px;font-weight:800;margin:0 0 4px;}\r\n    .pf-tags{font-size:13px;opacity:.85;}\r\n    .pf-cta{display:flex;justify-content:center;margin-top:26px;}\r\n    .btn-ghost{\r\n      padding:12px 18px;border-radius:999px;font-weight:700;\r\n      border:1px solid var(--borda);background:rgba(255,255,255,.06);\r\n      transition:.35s ease;\r\n    }\r\n    .btn-ghost:hover{transform:scale(1.04);border-color:var(--pink);background:rgba(255,255,255,.12);}\r\n\r\n    \/* ------------------- DEPOIMENTOS ------------------- *\/\r\n    .depoimentos{padding:100px 0;position:relative;z-index:1;}\r\n    .dep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:42px;}\r\n    .dep-card{\r\n      background:rgba(255,255,255,.06);\r\n      border:1px solid rgba(255,255,255,.15);\r\n      border-radius:22px;\r\n      padding:34px 26px 28px;\r\n      text-align:center;\r\n      position:relative;\r\n      backdrop-filter:blur(10px);\r\n      transition:.4s ease;\r\n    }\r\n    .dep-card:hover{\r\n      transform:translateY(-10px) scale(1.02);\r\n      box-shadow:0 12px 28px rgba(142,68,255,.25),\r\n                 0 18px 38px rgba(255,79,216,.2);\r\n      border-color:var(--pink);\r\n    }\r\n    .dep-quote{\r\n      position:absolute;top:16px;left:20px;\r\n      font-size:24px;\r\n      background:var(--grad);\r\n      -webkit-background-clip:text;\r\n      background-clip:text;\r\n      color:transparent;\r\n      opacity:.35;\r\n    }\r\n    .dep-avatar{\r\n      width:80px;height:80px;border-radius:50%;\r\n      margin:0 auto 14px;\r\n      border:2px solid var(--pink);\r\n      box-shadow:0 0 16px rgba(255,79,216,.4),0 0 28px rgba(142,68,255,.25);\r\n    }\r\n    .dep-text{font-size:16px;line-height:1.65;color:#eee;margin-bottom:18px;}\r\n    .dep-author strong{display:block;font-weight:700;color:#fff;font-size:15.5px}\r\n    .dep-author span{font-size:14px;opacity:.85}\r\n\r\n    \/* BOT\u00c3O GRADIENTE *\/\r\n    .btn-grad {\r\n      display:inline-block;\r\n      padding:14px 30px;\r\n      background:var(--grad);\r\n      color:#fff;\r\n      font-weight:700;\r\n      border-radius:999px;\r\n      text-decoration:none;\r\n      transition:0.35s ease;\r\n      box-shadow:0 0 16px rgba(142,68,255,.32);\r\n    }\r\n    .btn-grad:hover{\r\n      transform:scale(1.05);\r\n      box-shadow:0 0 26px rgba(255,79,216,.45);\r\n      filter:brightness(1.12);\r\n    }\r\n\r\n    \/* RESPONSIVO *\/\r\n    @media(max-width:1100px){\r\n      .srv-grid{grid-template-columns:repeat(2,1fr)}\r\n      .pf-grid{grid-template-columns:repeat(3,1fr)}\r\n      .dep-grid{grid-template-columns:repeat(2,1fr);}\r\n    }\r\n    @media(max-width:760px){\r\n      .srv-grid,.pf-grid,.dep-grid{grid-template-columns:1fr}\r\n      .pf-card img{height:220px}\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"vbg\">\r\n\r\n    <!-- SERVI\u00c7OS -->\r\n    <section id=\"servicos\" class=\"servicos\">\r\n      <div class=\"container\">\r\n        <div class=\"section-head\">\r\n          <span class=\"kicker\"><i class=\"fa-solid fa-bullseye\"><\/i> O que fazemos<\/span>\r\n          <h2 class=\"section-title\">Servi\u00e7os <span class=\"grad-text\">sob medida<\/span><\/h2>\r\n          <p class=\"section-sub\">Estrat\u00e9gia, cria\u00e7\u00e3o e performance constru\u00eddas lado a lado com a sua equipe.<\/p>\r\n        <\/div>\r\n        <div class=\"srv-grid\">\r\n          <article class=\"srv-card\"><div class=\"srv-icon\"><i class=\"fa-solid fa-shapes\"><\/i><\/div><h3>Branding & Identidade<\/h3><p>Posicionamos sua marca com clareza e impacto.<\/p><ul class=\"srv-list\"><li>Naming & Logo<\/li><li>Sistema visual<\/li><li>Manual de marca<\/li><\/ul><\/article>\r\n          <article class=\"srv-card\"><div class=\"srv-icon\"><i class=\"fa-brands fa-instagram\"><\/i><\/div><h3>Social Media<\/h3><p>Conte\u00fado criativo e estrat\u00e9gico para crescer com consist\u00eancia.<\/p><ul class=\"srv-list\"><li>Planejamento<\/li><li>Design & Reels<\/li><li>Relat\u00f3rios<\/li><\/ul><\/article>\r\n          <article class=\"srv-card\"><div class=\"srv-icon\"><i class=\"fa-solid fa-rocket\"><\/i><\/div><h3>Tr\u00e1fego Pago<\/h3><p>Campanhas inteligentes focadas em resultados.<\/p><ul class=\"srv-list\"><li>Meta & Google Ads<\/li><li>Estrat\u00e9gia de funil<\/li><li>Otimiza\u00e7\u00f5es<\/li><\/ul><\/article>\r\n          <article class=\"srv-card\"><div class=\"srv-icon\"><i class=\"fa-solid fa-globe\"><\/i><\/div><h3>Sites & Landing Pages<\/h3><p>UX moderna e p\u00e1ginas de alta convers\u00e3o.<\/p><ul class=\"srv-list\"><li>Landing pages<\/li><li>SEO on-page<\/li><li>Design responsivo<\/li><\/ul><\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- PORTF\u00d3LIO -->\r\n    <section id=\"portfolio\" class=\"portfolio\">\r\n      <div class=\"container\">\r\n        <div class=\"section-head\">\r\n          <span class=\"kicker\"><i class=\"fa-solid fa-images\"><\/i> Portf\u00f3lio<\/span>\r\n          <h2 class=\"section-title\">Resultados que <span class=\"grad-text\">falam por si<\/span><\/h2>\r\n          <p class=\"section-sub\">Alguns projetos recentes \u2014 veja todos no nosso Behance.<\/p>\r\n        <\/div>\r\n        <div class=\"pf-grid\">\r\n          <a class=\"pf-card\" href=\"https:\/\/www.behance.net\/targetagency_mkt\" target=\"_blank\">\r\n            <img decoding=\"async\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/6a8c1d232608531.Y3JvcCw4NTAsNjY1LDI3NSww.png\" alt=\"Projeto 1\">\r\n            <div class=\"pf-overlay\"><h3>Branding<\/h3><span class=\"pf-tags\">Identidade Visual<\/span><\/div>\r\n          <\/a>\r\n          <a class=\"pf-card\" href=\"https:\/\/www.behance.net\/targetagency_mkt\" target=\"_blank\">\r\n            <img decoding=\"async\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/7b8c95229921697.Y3JvcCw4MDUsNjMwLDAsMTE.png\" alt=\"Projeto 2\">\r\n            <div class=\"pf-overlay\"><h3>Social Media<\/h3><span class=\"pf-tags\">Campanhas Digitais<\/span><\/div>\r\n          <\/a>\r\n          <a class=\"pf-card\" href=\"https:\/\/www.behance.net\/targetagency_mkt\" target=\"_blank\">\r\n            <img decoding=\"async\" src=\"https:\/\/mir-s3-cdn-cf.behance.net\/projects\/404\/eadd7c224695565.Y3JvcCwxMjE0LDk0OSwxNTYsMA.png\" alt=\"Projeto 3\">\r\n            <div class=\"pf-overlay\"><h3>Campanha Criativa<\/h3><span class=\"pf-tags\">Varejo<\/span><\/div>\r\n          <\/a>\r\n        <\/div>\r\n        <div class=\"pf-cta\">\r\n          <a class=\"btn-ghost\" href=\"https:\/\/www.behance.net\/targetagency_mkt\" target=\"_blank\">\r\n            <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i> Ver tudo no Behance\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- DEPOIMENTOS -->\r\n    <section id=\"depoimentos\" class=\"depoimentos\">\r\n      <div class=\"container\">\r\n        <div class=\"section-head\">\r\n          <span class=\"kicker\"><i class=\"fa-solid fa-star\"><\/i> Depoimentos<\/span>\r\n          <h2 class=\"section-title\">O que nossos <span class=\"grad-text\">clientes dizem<\/span><\/h2>\r\n          <p class=\"section-sub\">Avalia\u00e7\u00f5es reais enviadas pelos nossos clientes no Google.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"dep-grid\">\r\n\r\n          <!-- Luciano Trigilio -->\r\n          <article class=\"dep-card\">\r\n            <div class=\"dep-quote\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWkOVVJ6NjkLEkY7sIsHfh4DmN-72Z0xTWuSpOEeG_k_FwHSd05lg=w72-h72-p-rp-mo-br100\" \r\n                 alt=\"Luciano Trigilio\" class=\"dep-avatar\">\r\n\r\n            <div style=\"margin-bottom:12px; font-size:20px; color:#FFD700;\">\r\n              \u2b50\u2b50\u2b50\u2b50\u2b50\r\n            <\/div>\r\n\r\n            <p class=\"dep-text\">\r\n              \u201cConversas que curam: Indico! Servi\u00e7o realizado conforme o combinado. Atendimento correto e pontual!\u201d\r\n            <\/p>\r\n            <div class=\"dep-author\">\r\n              <strong>Luciano Trigilio<\/strong>\r\n              <span>via Google<\/span>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Payto Santos -->\r\n          <article class=\"dep-card\">\r\n            <div class=\"dep-quote\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjXRshzO51itNQiLKXo2SWLKXb8vNfOBH8vG7smdzquA5moYzDdRZw=w72-h72-p-rp-mo-ba3-br100\" \r\n                 alt=\"Payto Santos\" class=\"dep-avatar\">\r\n\r\n            <div style=\"margin-bottom:12px; font-size:20px; color:#FFD700;\">\r\n              \u2b50\u2b50\u2b50\u2b50\u2b50\r\n            <\/div>\r\n\r\n            <p class=\"dep-text\">\r\n              \u201cQuer dar mais credibilidade \u00e0 sua marca? Aqui voc\u00ea consegue. Minha empresa teve mais credibilidade e engajamento com o servi\u00e7o da Target Agency.\u201d\r\n            <\/p>\r\n            <div class=\"dep-author\">\r\n              <strong>Payto Santos<\/strong>\r\n              <span>via Google<\/span>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- Animal\u00edssimo -->\r\n          <article class=\"dep-card\">\r\n            <div class=\"dep-quote\"><i class=\"fa-solid fa-quote-left\"><\/i><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjWYFjA8JxcOvvEWr6fVfRKcHpS8YIddBuT_PNimMdhcdDOJmTeZ=w72-h72-p-rp-mo-br100\" \r\n                 alt=\"Animal\u00edssimo\" class=\"dep-avatar\">\r\n\r\n            <div style=\"margin-bottom:12px; font-size:20px; color:#FFD700;\">\r\n              \u2b50\u2b50\u2b50\u2b50\u2b50\r\n            <\/div>\r\n\r\n            <p class=\"dep-text\">\r\n              \u201cAvalia\u00e7\u00e3o 5 estrelas.\u201d\r\n            <\/p>\r\n            <div class=\"dep-author\">\r\n              <strong>Animal\u00edssimo<\/strong>\r\n              <span>via Google<\/span>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n\r\n        <!-- BOT\u00c3O GRADIENTE -->\r\n        <div style=\"text-align:center; margin-top:50px;\">\r\n          <a \r\n            href=\"https:\/\/share.google\/iL4ECzfOXOkAEZCY1\"\r\n            target=\"_blank\"\r\n            class=\"btn-grad\"\r\n          >\r\n            Ver todas as avalia\u00e7\u00f5es no Google\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94ee831 e-con-full e-flex e-con e-parent\" data-id=\"94ee831\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a7b966 elementor-widget elementor-widget-html\" data-id=\"3a7b966\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CONTATO + FAQ -->\r\n<section id=\"contato-faq\" class=\"contato-faq\">\r\n  <div class=\"container\">\r\n    <div class=\"section-head\">\r\n      <span class=\"kicker\"><i class=\"fa-solid fa-envelope\"><\/i> Contato<\/span>\r\n      <h2 class=\"section-title\">Entre em <span class=\"grad-text\">contato<\/span><\/h2>\r\n      <p class=\"section-sub\">Transforme suas ideias em projetos de impacto. Nossa equipe est\u00e1 pronta para ouvir voc\u00ea.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contato-grid\">\r\n      <!-- Informa\u00e7\u00f5es -->\r\n      <div class=\"contato-info\">\r\n        <h3>Conecte-se com a Target<\/h3>\r\n        <ul>\r\n          <li><span class=\"icon\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/span> <a href=\"https:\/\/wa.me\/5511992373084\" target=\"_blank\">+55 11 99237-3084<\/a><\/li>\r\n          <li><span class=\"icon\"><i class=\"fa-solid fa-envelope\"><\/i><\/span> <a href=\"mailto:contato@targetagency.com.br\">contato@targetagency.com.br<\/a><\/li>\r\n          <li><span class=\"icon\"><i class=\"fa-brands fa-instagram\"><\/i><\/span> <a href=\"https:\/\/www.instagram.com\/target.agency_\" target=\"_blank\">@target.agency_<\/a><\/li>\r\n          <li><span class=\"icon\"><i class=\"fa-brands fa-behance\"><\/i><\/span> <a href=\"https:\/\/www.behance.net\/targetagency_mkt\" target=\"_blank\">Behance Portf\u00f3lio<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Formul\u00e1rio -->\r\n      <form id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/xldpbznb\" method=\"POST\" class=\"contato-form\">\r\n        <div class=\"form-group\"><input type=\"text\" name=\"nome\" placeholder=\"Seu nome\" required><\/div>\r\n        <div class=\"form-group\"><input type=\"email\" name=\"email\" placeholder=\"Seu e-mail\" required><\/div>\r\n        <div class=\"form-group\"><textarea name=\"mensagem\" placeholder=\"Sua mensagem\" rows=\"5\" required><\/textarea><\/div>\r\n        <button type=\"submit\" class=\"btn\"><i class=\"fa-solid fa-paper-plane\"><\/i> Enviar mensagem<\/button>\r\n        <div id=\"formMsg\" class=\"form-msg\"><\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- FAQ -->\r\n  <div class=\"container faq-container\">\r\n    <div class=\"section-head\">\r\n      <span class=\"kicker\"><i class=\"fa-solid fa-circle-question\"><\/i> FAQ<\/span>\r\n      <h2 class=\"section-title\">Perguntas <span class=\"grad-text\">Frequentes<\/span><\/h2>\r\n      <p class=\"section-sub\">Algumas respostas r\u00e1pidas para d\u00favidas comuns sobre a Target.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"faq-list\">\r\n      <!-- Item 1 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>1. Quais servi\u00e7os a Target oferece?<\/span>\r\n          <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <p>Somos marketing 360\u00b0 completo: design, social media, copywriting, capta\u00e7\u00e3o, edi\u00e7\u00e3o e muito mais.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 2 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>2. Qual \u00e9 o valor do investimento?<\/span>\r\n          <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <p>Voc\u00ea precisa ser Target para descobrir \ud83d\ude09 Cada projeto \u00e9 \u00fanico e adaptado ao seu momento e necessidades.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 3 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>3. Como funciona o processo de trabalho?<\/span>\r\n          <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <p>Estudo do segmento e nicho \u2192 cria\u00e7\u00e3o de estrat\u00e9gias \u2192 execu\u00e7\u00e3o com testes e otimiza\u00e7\u00f5es cont\u00ednuas.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 4 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>4. O que diferencia a Target de outras ag\u00eancias?<\/span>\r\n          <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <p>Somos parceiros de verdade: constru\u00edmos estrat\u00e9gias junto com voc\u00ea, como parte da sua equipe.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 5 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>5. Atendem apenas empresas com CNPJ?<\/span>\r\n          <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <p>N\u00e3o! Atendemos tanto pessoas f\u00edsicas quanto jur\u00eddicas \u2014 qualquer um pode ser Target.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 6 -->\r\n      <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n          <span>6. Como sei se a Target \u00e9 a escolha certa?<\/span>\r\n          <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n          <p>No planejamento inicial estudamos seu nicho, testamos estrat\u00e9gias e otimizamos at\u00e9 atingir os melhores resultados.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* CONTATO + FAQ *\/\r\n.contato-faq{\r\n  padding:160px 0;\r\n  background:linear-gradient(180deg,#faf7ff 0%,#ffffff 100%);\r\n  position:relative;overflow:hidden;\r\n}\r\n.contato-faq::before{\r\n  content:\"\";\r\n  position:absolute;top:-120px;left:-100px;\r\n  width:500px;height:500px;\r\n  background:radial-gradient(circle at center,rgba(142,68,255,.15),transparent 70%);\r\n  filter:blur(90px);border-radius:50%;z-index:0;\r\n}\r\n.contato-faq::after{\r\n  content:\"\";\r\n  position:absolute;bottom:-120px;right:-100px;\r\n  width:480px;height:480px;\r\n  background:radial-gradient(circle at center,rgba(255,79,216,.12),transparent 70%);\r\n  filter:blur(100px);border-radius:50%;z-index:0;\r\n}\r\n.contato-faq .container{position:relative;z-index:1;}\r\n\r\n\/* Cabe\u00e7alhos s\u00f3 aqui *\/\r\n.contato-faq .section-head .kicker{\r\n  color:#8E44FF;\r\n  background:rgba(142,68,255,.08);\r\n  border:1px solid rgba(142,68,255,.3);\r\n}\r\n.contato-faq .section-head h2.section-title{\r\n  font-size:clamp(32px,5vw,48px);\r\n  font-weight:900;\r\n  color:#1a1a1a;\r\n}\r\n.contato-faq .section-head .grad-text{\r\n  background:var(--grad);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  color:transparent;\r\n}\r\n.contato-faq .section-head .section-sub{\r\n  font-size:18px;\r\n  color:#444;\r\n  max-width:700px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* Layout Contato *\/\r\n.contato-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1.2fr;\r\n  gap:70px;\r\n  margin-top:70px;\r\n  align-items:start;\r\n}\r\n.contato-info h3{font-size:24px;font-weight:800;margin-bottom:28px;color:#222;}\r\n.contato-info ul{list-style:none;display:flex;flex-direction:column;gap:22px;}\r\n.contato-info li{font-size:16px;color:#333;display:flex;align-items:center;gap:14px;font-weight:600;}\r\n.contato-info .icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:18px;box-shadow:0 6px 16px rgba(142,68,255,.25);}\r\n.contato-info a{color:#6d32d9;transition:.3s;}\r\n.contato-info a:hover{color:#FF4FD8;}\r\n\r\n\/* Form *\/\r\n.contato-form{\r\n  background:rgba(255,255,255,.9);\r\n  border:1px solid rgba(142,68,255,.15);\r\n  border-radius:28px;\r\n  padding:50px 36px;\r\n  box-shadow:0 14px 40px rgba(142,68,255,.12),0 18px 50px rgba(255,79,216,.1);\r\n  backdrop-filter:blur(25px);\r\n}\r\n.form-group{margin-bottom:22px;}\r\n.contato-form input,.contato-form textarea{\r\n  width:100%;padding:16px 18px;\r\n  border-radius:14px;border:1px solid #ddd;\r\n  font-size:15px;font-family:inherit;\r\n  transition:.3s;background:#fff;color:#333;\r\n}\r\n.contato-form input:focus,.contato-form textarea:focus{\r\n  border-color:#8E44FF;\r\n  box-shadow:0 0 0 4px rgba(142,68,255,.15);\r\n  outline:none;\r\n}\r\n.contato-form button{\r\n  width:100%;padding:18px 20px;\r\n  border:none;border-radius:14px;\r\n  font-size:17px;font-weight:800;\r\n  color:#fff;background:var(--grad);\r\n  cursor:pointer;transition:.35s ease;\r\n  display:flex;align-items:center;justify-content:center;gap:10px;\r\n  position:relative;overflow:hidden;\r\n}\r\n.contato-form button::after{\r\n  content:\"\";position:absolute;top:0;left:-100%;\r\n  width:100%;height:100%;\r\n  background:linear-gradient(120deg,rgba(255,255,255,.25),transparent 70%);\r\n  transition:all .6s;opacity:0.7;\r\n}\r\n.contato-form button:hover::after{left:100%;}\r\n.contato-form button:hover{\r\n  transform:translateY(-2px) scale(1.02);\r\n  box-shadow:0 10px 24px rgba(142,68,255,.25),0 14px 34px rgba(255,79,216,.2);\r\n}\r\n\r\n\/* Mensagem do form *\/\r\n.form-msg{margin-top:15px;font-size:15px;font-weight:600;text-align:center;display:none;opacity:1;transition:opacity .6s ease;}\r\n.form-msg.sucesso{color:green;display:block;}\r\n.form-msg.erro{color:red;display:block;}\r\n.form-msg.fade-out{opacity:0;}\r\n\r\n\/* FAQ *\/\r\n.faq-container {\r\n  margin-top: 100px; \/* espa\u00e7amento entre formul\u00e1rio e FAQ *\/\r\n}\r\n.faq-list{display:flex;flex-direction:column;gap:20px;margin-top:50px;}\r\n.faq-question{\r\n  width:100%;background:#fff;border:none;padding:22px 24px;\r\n  font-size:17px;font-weight:700;text-align:left;cursor:pointer;\r\n  display:flex;justify-content:space-between;align-items:center;\r\n  color:#1a1a1a;border-radius:14px;transition:all .35s ease;\r\n  box-shadow:0 4px 12px rgba(0,0,0,.05);\r\n}\r\n.faq-question i{transition:.35s ease;}\r\n.faq-question:hover{background:var(--grad);color:#fff;}\r\n.faq-question:hover span,.faq-question:hover i{color:#fff;}\r\n.faq-item.active .faq-question{background:var(--grad);color:#fff;}\r\n.faq-item.active .faq-question i{transform:rotate(180deg);color:#fff;}\r\n.faq-answer{max-height:0;overflow:hidden;opacity:0;padding:0 18px;transition:all .45s ease;}\r\n.faq-item.active .faq-answer{max-height:300px;opacity:1;padding:18px 18px 28px;}\r\n.faq-answer p{font-size:16px;line-height:1.6;color:#333;}\r\n\r\n\/* Responsivo *\/\r\n@media(max-width:960px){.contato-grid{grid-template-columns:1fr;}}\r\n@media(max-width:700px){.faq-question{font-size:16px;padding:18px 20px;}}\r\n<\/style>\r\n\r\n<script>\r\n\/* FORM CONTATO *\/\r\ndocument.getElementById(\"contactForm\").addEventListener(\"submit\", async function(e){\r\n  e.preventDefault();\r\n  const form = e.target;\r\n  const msg = document.getElementById(\"formMsg\");\r\n  try {\r\n    const data = new FormData(form);\r\n    const response = await fetch(form.action, {method: form.method,body: data,headers: { 'Accept': 'application\/json' }});\r\n    if(response.ok){\r\n      msg.textContent = \"\u2705 Enviado com sucesso, obrigado!\";\r\n      msg.className = \"form-msg sucesso\";\r\n      form.reset();\r\n      setTimeout(() => {\r\n        msg.classList.add(\"fade-out\");\r\n        setTimeout(() => {msg.textContent = \"\";msg.className = \"form-msg\";}, 600);\r\n      }, 2000);\r\n    }else{\r\n      msg.textContent = \"\u274c Ocorreu um erro. Tente novamente.\";\r\n      msg.className = \"form-msg erro\";\r\n    }\r\n  } catch (error) {\r\n    msg.textContent = \"\u274c Erro de conex\u00e3o. Tente mais tarde.\";\r\n    msg.className = \"form-msg erro\";\r\n  }\r\n});\r\n\r\n\/* FAQ *\/\r\ndocument.querySelectorAll(\".faq-question\").forEach(btn=>{\r\n  btn.addEventListener(\"click\",()=>{\r\n    const item = btn.parentElement;\r\n    const list = item.parentElement.querySelectorAll(\".faq-item\");\r\n    list.forEach(i=>{ if(i!==item) i.classList.remove(\"active\"); });\r\n    item.classList.toggle(\"active\");\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c56109 e-con-full e-flex e-con e-parent\" data-id=\"0c56109\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb2ae1a elementor-widget elementor-widget-html\" data-id=\"bb2ae1a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CALL TO ACTION -->\r\n<section id=\"cta\" class=\"cta\">\r\n  <div class=\"container\">\r\n    <div class=\"cta-box\">\r\n      <h2>Pronto para levar sua <span class=\"grad-text\">marca ao pr\u00f3ximo n\u00edvel?<\/span><\/h2>\r\n      <p>Vamos construir juntos estrat\u00e9gias que geram impacto real e resultados que duram.<\/p>\r\n      <div class=\"cta-actions\">\r\n        <a href=\"https:\/\/wa.me\/5511992373084\" target=\"_blank\" class=\"btn\">\r\n          <i class=\"fa-brands fa-whatsapp\"><\/i> Falar agora no WhatsApp\r\n        <\/a>\r\n        <a href=\"#portfolio\" class=\"btn-ghost\">\r\n          <i class=\"fa-solid fa-arrow-up-right-from-square\"><\/i> Ver portf\u00f3lio\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* CTA *\/\r\n.cta{\r\n  padding:120px 0;\r\n  background:transparent; \/* continua fundo escuro da vbg *\/\r\n  text-align:center;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n.cta-box{\r\n  max-width:780px;\r\n  margin:0 auto;\r\n  background:rgba(255,255,255,.04);\r\n  border:1px solid var(--borda);\r\n  border-radius:26px;\r\n  padding:60px 40px;\r\n  backdrop-filter:blur(12px);\r\n  box-shadow:0 12px 32px rgba(0,0,0,.35);\r\n  transition:.4s ease;\r\n}\r\n.cta-box:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 16px 40px rgba(142,68,255,.25),\r\n             0 22px 60px rgba(255,79,216,.18);\r\n  border-color:var(--pink);\r\n}\r\n.cta h2{\r\n  font-size:clamp(28px,4.8vw,42px);\r\n  font-weight:900;\r\n  margin-bottom:18px;\r\n}\r\n.cta p{\r\n  font-size:17px;\r\n  opacity:.9;\r\n  margin-bottom:28px;\r\n  line-height:1.6;\r\n}\r\n.cta-actions{\r\n  display:flex;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  gap:16px;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d1eaed e-con-full e-flex e-con e-parent\" data-id=\"0d1eaed\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3d2da2 elementor-widget elementor-widget-html\" data-id=\"d3d2da2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FOOTER -->\r\n<footer class=\"footer\">\r\n  <div class=\"footer-overlay\"><\/div>\r\n  <div class=\"container footer-grid\">\r\n    \r\n    <!-- COLUNA 1 -->\r\n    <div class=\"footer-brand\">\r\n      <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/zVkpJ40n\/TARGET-LOGO.png\" alt=\"Target Agency Logo\" class=\"footer-logo\" \/>\r\n      <p>Transformando marcas e conectando pessoas atrav\u00e9s do design, estrat\u00e9gia e conte\u00fado de impacto.<\/p>\r\n      <div class=\"socials\">\r\n        <a href=\"https:\/\/www.instagram.com\/deck.artes\" target=\"_blank\"><i class=\"fab fa-instagram\"><\/i><\/a>\r\n        <a href=\"https:\/\/www.behance.net\/targetagency_mkt\" target=\"_blank\"><i class=\"fab fa-behance\"><\/i><\/a>\r\n        <a href=\"https:\/\/wa.me\/5511992373084\" target=\"_blank\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- COLUNA 2 -->\r\n    <div class=\"footer-links\">\r\n      <h4>INSTITUCIONAL<\/h4>\r\n      <ul>\r\n        <li><a href=\"#\">Home<\/a><\/li>\r\n        <li><a href=\"#\">Sobre n\u00f3s<\/a><\/li>\r\n        <li><a href=\"#\">Servi\u00e7os<\/a><\/li>\r\n        <li><a href=\"#\">Portf\u00f3lio<\/a><\/li>\r\n        <li><a href=\"#\">Contato<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- COLUNA 3 -->\r\n    <div class=\"footer-links\">\r\n      <h4>SOLU\u00c7\u00d5ES<\/h4>\r\n      <ul>\r\n        <li><a href=\"#\">Gest\u00e3o de Redes<\/a><\/li>\r\n        <li><a href=\"#\">Design e Identidade Visual<\/a><\/li>\r\n        <li><a href=\"#\">Campanhas Publicit\u00e1rias<\/a><\/li>\r\n        <li><a href=\"#\">Tr\u00e1fego Pago<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- COLUNA 4 -->\r\n    <div class=\"footer-contact\">\r\n      <h4>CONTATOS<\/h4>\r\n      <a href=\"mailto:contato@targetagency.com.br\"><i class=\"fa-solid fa-envelope\"><\/i> contato@targetagency.com.br<\/a>\r\n      <a href=\"https:\/\/wa.me\/5511992373084\"><i class=\"fab fa-whatsapp\"><\/i> +55 11 99237-3084<\/a>\r\n      <p>Guarulhos \u2014 SP<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <p class=\"copy\">\u00a9 2025 Target Agency \u2014 Todos os direitos reservados.<\/p>\r\n<\/footer>\r\n\r\n<style>\r\n  .footer {\r\n    position: relative;\r\n    width: 100%;\r\n    background: #0b0611;\r\n    color: #fff;\r\n    padding: 70px 40px 40px;\r\n    overflow: hidden;\r\n    font-family: \"Poppins\", sans-serif;\r\n  }\r\n\r\n  .footer-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n    gap: 40px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    z-index: 2;\r\n    position: relative;\r\n  }\r\n\r\n  .footer-logo {\r\n    width: 140px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .footer h4 {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .footer ul {\r\n    list-style: none;\r\n    padding: 0;\r\n  }\r\n\r\n  .footer ul li {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .footer ul li a {\r\n    color: rgba(255,255,255,0.8);\r\n    font-size: 14px;\r\n    transition: 0.3s;\r\n  }\r\n\r\n  .footer ul li a:hover {\r\n    color: #fff;\r\n  }\r\n\r\n  .footer-brand p {\r\n    margin-top: 5px;\r\n    color: rgba(255,255,255,0.8);\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    max-width: 280px;\r\n  }\r\n\r\n  .socials {\r\n    display: flex;\r\n    gap: 15px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .socials a {\r\n    font-size: 18px;\r\n    color: rgba(255,255,255,0.8);\r\n    transition: 0.3s;\r\n  }\r\n\r\n  .socials a:hover {\r\n    color: #ff4fd8;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .footer-contact a {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: rgba(255,255,255,0.8);\r\n    font-size: 14px;\r\n    margin-bottom: 8px;\r\n    transition: 0.3s;\r\n  }\r\n\r\n  .footer-contact a:hover {\r\n    color: #fff;\r\n  }\r\n\r\n  .footer-contact p {\r\n    font-size: 13px;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .footer .copy {\r\n    text-align: center;\r\n    font-size: 13px;\r\n    opacity: 0.6;\r\n    margin-top: 40px;\r\n  }\r\n\r\n  \/* Fundo com brilhos *\/\r\n  .footer::before, .footer::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    filter: blur(120px);\r\n    opacity: .5;\r\n    animation: floatGlow 10s ease-in-out infinite alternate;\r\n  }\r\n\r\n  .footer::before {\r\n    width: 400px;\r\n    height: 400px;\r\n    top: -120px;\r\n    left: -120px;\r\n    background: radial-gradient(circle at center, rgba(255,79,216,.3), transparent 70%);\r\n  }\r\n\r\n  .footer::after {\r\n    width: 500px;\r\n    height: 500px;\r\n    bottom: -160px;\r\n    right: -160px;\r\n    background: radial-gradient(circle at center, rgba(142,68,255,.3), transparent 70%);\r\n  }\r\n\r\n  @keyframes floatGlow {\r\n    from { transform: translateY(0); opacity: .7; }\r\n    to { transform: translateY(-30px); opacity: .5; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Target Agency \u2014 Home \ud83d\ude80 Conecte-se com a Target: Ag\u00eancia criativa + estrat\u00e9gica Sua empresa no alvo certo. Estrat\u00e9gia, criatividade e aten\u00e7\u00e3o humana. Na Target, a gente ouve, planeja junto e executa com foco em resultado. Fale pelo WhatsApp Ver servi\u00e7os Sobre a Target Agency Na Target, acreditamos em parcerias de verdade. Mais do que [&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:\/\/targetagency.com.br\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/targetagency.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/targetagency.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/targetagency.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/targetagency.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":136,"href":"https:\/\/targetagency.com.br\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/targetagency.com.br\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/targetagency.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}