{"id":5587,"date":"2026-09-09T16:30:07","date_gmt":"2026-09-09T16:30:07","guid":{"rendered":"https:\/\/parica.agency\/?page_id=5587"},"modified":"2026-09-14T17:44:20","modified_gmt":"2026-09-14T17:44:20","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/parica.agency\/?page_id=5587","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5587\" class=\"elementor elementor-5587\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a90e71 e-flex e-con-boxed e-con e-parent\" data-id=\"8a90e71\" 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-ef1cf82 elementor-widget elementor-widget-site-logo\" data-id=\"ef1cf82\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;align&quot;:&quot;left&quot;,&quot;width&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:52,&quot;sizes&quot;:[]},&quot;space&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:22,&quot;sizes&quot;:[]},&quot;image_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;4&quot;,&quot;right&quot;:&quot;4&quot;,&quot;bottom&quot;:&quot;4&quot;,&quot;left&quot;:&quot;4&quot;,&quot;isLinked&quot;:true},&quot;space_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:50,&quot;sizes&quot;:[]},&quot;width_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;width_mobile&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;space_tablet&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_border_radius_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;image_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;caption_space&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;caption_space_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;caption_space_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;caption_space_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"hfe-site-logo\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a data-elementor-open-lightbox=\"\"  class='elementor-clickable' href=\"https:\/\/parica.agency\/\">\n\t\t\t\t\t\t\t<div class=\"hfe-site-logo-set\">           \n\t\t\t\t<div class=\"hfe-site-logo-container\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" class=\"hfe-site-logo-img elementor-animation-\"  src=\"https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Parica_Full.png\" alt=\"default-logo\"\/>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>  \n\t\t\t\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<div class=\"elementor-element elementor-element-6580f22 e-con e-atomic-element e-flexbox-base e-2cf6242 \" data-id=\"6580f22\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6580f22\">\n    \t\t<div class=\"elementor-element elementor-element-5d0ba33 elementor-widget elementor-widget-html\" data-id=\"5d0ba33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Paric\u00e1\u00ae \u2014 Nossos Projetos<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Fraunces:ital,opsz,wght@1,9..144,400&family=Hanken+Grotesk:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --ink: #0B0006;\n  --magenta: #FF00A2;\n  --paper: #FFFFFF;\n  --display: \"Bricolage Grotesque\", sans-serif;\n  --body: \"Hanken Grotesk\", sans-serif;\n  --serif: \"Fraunces\", Georgia, serif;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nbody { background: var(--ink); color: var(--paper); font-family: var(--body); overflow-x: hidden; }\n::selection { background: var(--magenta); color: #fff; }\n\n.section-header-hero {\n  position: relative;\n  min-height: 75vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-bottom: 1px solid rgba(255, 0, 162, 0.15);\n}\n\n\/* Canvas id\u00eantico ao hero original *\/\n#rings {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* V\u00e9u central para legibilidade de header centralizado *\/\n.veil {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  background: radial-gradient(circle at center, rgba(11, 0, 6, 0.8) 0%, rgba(11, 0, 6, 0.5) 50%, var(--ink) 95%);\n}\n\n.wrap {\n  position: relative;\n  z-index: 2;\n  text-align: center;\n  padding: 0 clamp(20px, 4vw, 60px);\n  max-width: 1100px;\n  width: 100%;\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-weight: 600;\n  font-size: 0.78rem;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.72);\n  margin-bottom: 16px;\n  opacity: 0;\n  animation: rise 0.9s 0.2s ease forwards;\n}\n.eyebrow .dot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--magenta);\n}\n\nh1 {\n  font-family: var(--display);\n  font-weight: 800;\n  letter-spacing: -0.035em;\n  font-size: clamp(3.2rem, 8.5vw, 7.5rem);\n  line-height: 0.95;\n  margin-bottom: 0.2em;\n  opacity: 0;\n  animation: rise 1s 0.35s ease forwards;\n}\n\n.hl {\n  font-family: var(--serif);\n  font-style: italic;\n  font-weight: 400;\n  color: #fff;\n  background-image: linear-gradient(var(--magenta), var(--magenta));\n  background-repeat: no-repeat;\n  background-position: 0 100%;\n  background-size: 100% 3px;\n  padding-bottom: 0.05em;\n}\n\n.sub {\n  max-width: 46ch;\n  margin: 0 auto;\n  font-size: clamp(1rem, 1.4vw, 1.2rem);\n  line-height: 1.55;\n  color: rgba(255, 255, 255, 0.75);\n  opacity: 0;\n  animation: rise 1s 0.5s ease forwards;\n}\n\n@keyframes rise {\n  from { opacity: 0; transform: translateY(24px); }\n  to { opacity: 1; transform: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .eyebrow, h1, .sub { animation: none; opacity: 1; }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"section-header-hero\">\n  <canvas id=\"rings\" aria-hidden=\"true\"><\/canvas>\n  <div class=\"veil\"><\/div>\n\n  <div class=\"wrap\">\n    <div class=\"eyebrow\">\n      <span>Trabalhos Selecionados<\/span>\n      <span class=\"dot\"><\/span>\n      <span>Portf\u00f3lio<\/span>\n    <\/div>\n    <h1>Nossos <span class=\"hl\">Projetos.<\/span><\/h1>\n    <p class=\"sub\">Casos de marcas constru\u00eddas com converg\u00eancia entre vis\u00e3o de neg\u00f3cios, design contempor\u00e2neo e narrativa s\u00f3lida.<\/p>\n  <\/div>\n<\/section>\n\n<script>\n(() => {\n  const canvas = document.getElementById('rings');\n  const ctx = canvas.getContext('2d');\n  const MAG = '#FF00A2';\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  let w, h, dpr, cx, cy, maxR, bgGrad;\n  const N = 30;\n  const SAMPLES = 72;\n  const rings = [];\n  const cracks = [];\n  const ANG = new Float32Array(SAMPLES + 1);\n  const COS = new Float32Array(SAMPLES + 1);\n  const SIN = new Float32Array(SAMPLES + 1);\n  const SHP = new Float32Array(SAMPLES + 1);\n\n  \/\/ Silhueta global bot\u00e2nica org\u00e2nica (mesma do seu script de refer\u00eancia)\n  const shape = a => 1\n      + 0.130 * Math.sin(a + 0.6)\n      + 0.070 * Math.sin(2 * a + 2.1)\n      + 0.038 * Math.sin(3 * a + 4.0)\n      + 0.020 * Math.sin(5 * a + 1.2);\n\n  function buildRings() {\n    rings.length = 0;\n    for (let i = 0; i < N; i++) {\n      const t = i \/ (N - 1);\n      rings.push({\n        base: Math.pow(t, 1.06),\n        f1: 4 + Math.floor(Math.random() * 4),\n        f2: 8 + Math.floor(Math.random() * 6),\n        p1: Math.random() * 6.28,\n        p2: Math.random() * 6.28,\n        amp: 0.012 + Math.random() * 0.022,\n        thick: (i % 6 === 0) ? 1.9 : (0.7 + Math.random() * 0.5),\n        alpha: (i % 6 === 0) ? 0.85 : 0.34 + Math.random() * 0.3\n      });\n    }\n\n    cracks.length = 0;\n    const nc = 6;\n    for (let i = 0; i < nc; i++) {\n      cracks.push({\n        ang: (i \/ nc) * 6.28 + Math.random() * 0.5,\n        wob: 0.06 + Math.random() * 0.1,\n        seed: Math.random() * 6.28\n      });\n    }\n\n    for (let s = 0; s <= SAMPLES; s++) {\n      const a = (s \/ SAMPLES) * 6.283185;\n      ANG[s] = a;\n      COS[s] = Math.cos(a);\n      SIN[s] = Math.sin(a);\n      SHP[s] = shape(a);\n    }\n  }\n\n  function resize() {\n    dpr = Math.min(devicePixelRatio || 1, 1.5);\n    w = canvas.clientWidth;\n    h = canvas.clientHeight;\n    canvas.width = w * dpr;\n    canvas.height = h * dpr;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n\n    \/\/ No header, o n\u00facleo fica equilibrado no centro\n    cx = w * 0.5;\n    cy = h * 0.5;\n\n    const minShape = 0.72;\n    maxR = Math.max(cx, w - cx, cy, h - cy) \/ minShape * 1.05;\n\n    bgGrad = ctx.createRadialGradient(cx, cy, 0, cx, cy, maxR * 0.9);\n    bgGrad.addColorStop(0, 'rgba(255, 0, 162, 0.14)');\n    bgGrad.addColorStop(0.5, 'rgba(255, 0, 162, 0.04)');\n    bgGrad.addColorStop(1, 'rgba(255, 0, 162, 0)');\n  }\n\n  \/\/ Efeito Parallax id\u00eantico ao original\n  let tgX = 0, tgY = 0, offX = 0, offY = 0;\n  window.addEventListener('mousemove', e => {\n    tgX = (e.clientX \/ innerWidth - 0.5) * 28;\n    tgY = (e.clientY \/ innerHeight - 0.5) * 28;\n  });\n\n  const clamp01 = x => x < 0 ? 0 : x > 1 ? 1 : x;\n  const ss = (e0, e1, x) => {\n    const t = clamp01((x - e0) \/ (e1 - e0));\n    return t * t * (3 - 2 * t);\n  };\n\n  let start = null;\n  function frame(now) {\n    if (start === null) start = now;\n    const el = (now - start) \/ 1000;\n\n    const fadeIn  = clamp01(el \/ 1.4);\n    const flow    = reduce ? 0 : el * 0.045;\n    const rot     = reduce ? 0 : el * 0.010;\n    const breathe = reduce ? 1 : 1 + 0.015 * Math.sin(el * 0.5);\n    const morph   = reduce ? 0 : el * 0.11;\n    const sweepR  = reduce ? -1 : (el * 0.12) % 1.6;\n\n    offX += (tgX - offX) * 0.05;\n    offY += (tgY - offY) * 0.05;\n\n    ctx.clearRect(0, 0, w, h);\n    ctx.fillStyle = bgGrad;\n    ctx.fillRect(0, 0, w, h);\n\n    ctx.save();\n    ctx.translate(cx + offX, cy + offY);\n    ctx.rotate(rot);\n    ctx.scale(breathe, breathe);\n    ctx.lineJoin = 'round';\n    ctx.lineCap = 'round';\n\n    \/\/ Fissuras radiais\n    ctx.strokeStyle = 'rgba(255, 0, 162, 0.22)';\n    ctx.lineWidth = 1;\n    cracks.forEach(cr => {\n      ctx.globalAlpha = 0.4 * fadeIn;\n      ctx.beginPath();\n      for (let s = 0; s <= 24; s++) {\n        const rr = (s \/ 24) * maxR;\n        const a = cr.ang + Math.sin(s * 0.6 + cr.seed + morph) * cr.wob;\n        const x = Math.cos(a) * rr * shape(a);\n        const y = Math.sin(a) * rr * shape(a);\n        s ? ctx.lineTo(x, y) : ctx.moveTo(x, y);\n      }\n      ctx.stroke();\n    });\n\n    \/\/ An\u00e9is com renascimento, onda de brilho e tra\u00e7o duplo\n    for (let i = 0; i < N; i++) {\n      const r = rings[i];\n      let nr = r.base + flow;\n      nr -= Math.floor(nr);\n      const life = ss(0, 0.10, nr) * (1 - ss(0.86, 1, nr));\n      if (life <= 0.001) continue;\n\n      let boost = 0;\n      if (sweepR >= 0 && sweepR <= 1) {\n        const d = (nr - sweepR) \/ 0.11;\n        boost = Math.exp(-d * d);\n      }\n\n      const base = r.alpha * fadeIn * life;\n      const bright = base + boost * 0.9;\n      ctx.strokeStyle = (i % 9 === 0) ? '#ff7ad3' : MAG;\n\n      const rr0 = nr * maxR;\n      ctx.beginPath();\n      for (let s = 0; s <= SAMPLES; s++) {\n        const a = ANG[s];\n        const jit = 1 + r.amp * (Math.sin(r.f1 * a + r.p1 + morph) + 0.6 * Math.sin(r.f2 * a + r.p2 - morph));\n        const rr = rr0 * SHP[s] * jit;\n        s ? ctx.lineTo(COS[s] * rr, SIN[s] * rr) : ctx.moveTo(COS[s] * rr, SIN[s] * rr);\n      }\n      ctx.closePath();\n\n      \/\/ Halo\n      ctx.globalAlpha = Math.min(bright * 0.22 + boost * 0.16, 0.6);\n      ctx.lineWidth = r.thick + 4;\n      ctx.stroke();\n\n      \/\/ Linha n\u00edtida\n      ctx.globalAlpha = Math.min(bright, 1);\n      ctx.lineWidth = r.thick + boost * 1.4;\n      ctx.stroke();\n    }\n\n    \/\/ N\u00facleo pulsante central\n    const pulse = reduce ? 2.4 : 2.4 + 1.6 * Math.abs(Math.sin(el * 1.1));\n    ctx.globalAlpha = 0.9 * fadeIn;\n    ctx.fillStyle = '#ffb0e6';\n    ctx.beginPath();\n    ctx.arc(0, 0, pulse, 0, 6.283);\n    ctx.fill();\n\n    ctx.restore();\n\n    if (!reduce) requestAnimationFrame(frame);\n  }\n\n  function init() {\n    resize();\n    buildRings();\n    requestAnimationFrame(frame);\n  }\n\n  let resizeTimer;\n  window.addEventListener('resize', () => {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(() => {\n      resize();\n      if (reduce) frame(performance.now());\n    }, 100);\n  });\n\n  init();\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b6b1f8f e-con e-atomic-element e-flexbox-base e-ff8b5ba \" data-id=\"b6b1f8f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b6b1f8f\">\n    \t\t<div class=\"elementor-element elementor-element-50bd2b2 elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"50bd2b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Case \u2014 Aeroporto de Bras\u00edlia<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Fraunces:ital,opsz,wght@1,9..144,400&family=Hanken+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --ink: #0B0006;\n  --magenta: #FF00A2;\n  --paper: #FFFFFF;\n  --border: rgba(255, 255, 255, 0.12);\n  --display: \"Bricolage Grotesque\", sans-serif;\n  --body: \"Hanken Grotesk\", sans-serif;\n  --serif: \"Fraunces\", Georgia, serif;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nbody {\n  background: var(--ink);\n  color: var(--paper);\n  font-family: var(--body);\n  overflow-x: hidden;\n}\n\n.case-section {\n  position: relative;\n  min-height: 100vh;\n  padding: clamp(60px, 8vw, 120px) 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wrap {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 clamp(20px, 4vw, 60px);\n}\n\n\/* Header Editorial do Case *\/\n.case-header {\n  border-bottom: 1px solid var(--border);\n  padding-bottom: clamp(28px, 4vw, 44px);\n  margin-bottom: clamp(32px, 5vw, 64px);\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 0.78rem;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.7);\n  margin-bottom: 18px;\n}\n\n.eyebrow .dot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--magenta);\n}\n\n.case-title {\n  font-family: var(--display);\n  font-weight: 800;\n  font-size: clamp(2.8rem, 6.5vw, 5.8rem);\n  line-height: 0.95;\n  letter-spacing: -0.04em;\n  margin-bottom: 12px;\n}\n\n.case-scope {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(1.25rem, 2vw, 1.9rem);\n  color: rgba(255, 255, 255, 0.9);\n  display: block;\n}\n\n\/* Grid Principal de Conte\u00fado *\/\n.case-grid {\n  display: grid;\n  grid-template-columns: 1.25fr 0.95fr;\n  gap: clamp(32px, 5vw, 80px);\n  align-items: start;\n}\n\n\/* Coluna de Narrativa *\/\n.narrative-col {\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n}\n\n.narrative-lead {\n  font-size: clamp(1.2rem, 1.8vw, 1.55rem);\n  line-height: 1.45;\n  font-weight: 500;\n  color: #fff;\n}\n\n.narrative-lead strong {\n  color: var(--magenta);\n  font-weight: 600;\n}\n\n.narrative-body {\n  font-size: clamp(1rem, 1.2vw, 1.12rem);\n  line-height: 1.65;\n  color: rgba(255, 255, 255, 0.72);\n}\n\n.duration-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  width: fit-content;\n  padding: 10px 18px;\n  border-radius: 100px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--border);\n  font-size: 0.85rem;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.85);\n  margin-top: 8px;\n}\n\n\/* Coluna de Dados \/ M\u00e9tricas *\/\n.metrics-col {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.metric-panel {\n  position: relative;\n  background: radial-gradient(circle at top right, rgba(255, 0, 162, 0.12), rgba(11, 0, 6, 0.6) 60%);\n  border: 1px solid rgba(255, 0, 162, 0.35);\n  border-radius: 24px;\n  padding: clamp(28px, 4vw, 42px);\n  overflow: hidden;\n}\n\n.metric-panel::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 4px;\n  height: 100%;\n  background: var(--magenta);\n}\n\n.metric-label {\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.18em;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 12px;\n}\n\n.metric-number {\n  font-family: var(--display);\n  font-size: clamp(3.8rem, 7vw, 6.2rem);\n  font-weight: 800;\n  line-height: 0.88;\n  letter-spacing: -0.04em;\n  color: #fff;\n  margin-bottom: 16px;\n}\n\n.metric-number span {\n  color: var(--magenta);\n}\n\n.metric-detail {\n  font-size: 1rem;\n  line-height: 1.5;\n  color: rgba(255, 255, 255, 0.8);\n}\n\n.metric-detail strong {\n  color: #fff;\n}\n\n\/* Sub-card de compara\u00e7\u00e3o num\u00e9rica *\/\n.sub-stats {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.sub-card {\n  border: 1px solid var(--border);\n  border-radius: 18px;\n  padding: 20px 24px;\n  background: rgba(255, 255, 255, 0.02);\n}\n\n.sub-card .val {\n  font-family: var(--display);\n  font-size: 1.8rem;\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 4px;\n}\n\n.sub-card .desc {\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: rgba(255, 255, 255, 0.5);\n}\n\n@media (max-width: 900px) {\n  .case-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"case-section\">\n  <div class=\"wrap\">\n    \n    <!-- Cabe\u00e7alho -->\n    <header class=\"case-header\">\n      <div class=\"eyebrow\">\n        <span>Case Study<\/span>\n        <span class=\"dot\"><\/span>\n        <span>Redes Sociais & Conte\u00fado<\/span>\n      <\/div>\n      <h1 class=\"case-title\">Aeroporto de Bras\u00edlia<\/h1>\n      <span class=\"case-scope\">Estrat\u00e9gia de comunica\u00e7\u00e3o digital<\/span>\n    <\/header>\n\n    <!-- Estrutura Split -->\n    <div class=\"case-grid\">\n      \n      <!-- Narrativa -->\n      <div class=\"narrative-col\">\n        <p class=\"narrative-lead\">\n          Durante <strong>16 meses<\/strong>, conduzimos a estrat\u00e9gia de comunica\u00e7\u00e3o digital do Aeroporto de Bras\u00edlia, tornando sua presen\u00e7a nas redes mais pr\u00f3xima, informativa e conectada \u00e0 experi\u00eancia de quem passa pelo terminal.\n        <\/p>\n\n        <p class=\"narrative-body\">\n          O trabalho fortaleceu o relacionamento com passageiros e usu\u00e1rios, criando uma comunidade mais ativa em torno do ecossistema do aeroporto por meio de di\u00e1logo em tempo real, orienta\u00e7\u00e3o clara e narrativa focada na rotina viva de viagens.\n        <\/p>\n\n        <div class=\"duration-tag\">\n          <span class=\"dot\" style=\"width: 5px; height: 5px; border-radius: 50%; background: var(--magenta);\"><\/span>\n          <span>Per\u00edodo: 16 meses de execu\u00e7\u00e3o cont\u00ednua<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- M\u00e9tricas -->\n      <div class=\"metrics-col\">\n        \n        <div class=\"metric-panel\">\n          <div class=\"metric-label\">Crescimento Org\u00e2nico<\/div>\n          <div class=\"metric-number\">+20<span>%<\/span><\/div>\n          <p class=\"metric-detail\">\n            Expans\u00e3o l\u00edquida de <strong>118 mil<\/strong> para <strong>142 mil seguidores<\/strong>, gerada prioritariamente por engajamento e reten\u00e7\u00e3o de comunidade qualificada.\n          <\/p>\n        <\/div>\n\n        <div class=\"sub-stats\">\n          <div class=\"sub-card\">\n            <div class=\"val\">118K<\/div>\n            <div class=\"desc\">Base Inicial<\/div>\n          <\/div>\n          <div class=\"sub-card\">\n            <div class=\"val\" style=\"color: var(--magenta);\">142K<\/div>\n            <div class=\"desc\">Base Final<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-8fc2117-37ffeb9\" data-interaction-id=\"8fc2117\" id=\"5643\" src=\"https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-1-Aeroporto-1536x600.png\" width=\"1536\" height=\"600\" srcset=\"https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-1-Aeroporto-1536x600.png 1536w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-1-Aeroporto-300x117.png 300w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-1-Aeroporto-1024x400.png 1024w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-1-Aeroporto-768x300.png 768w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-1-Aeroporto.png 1920w\" alt=\"\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-51dda33 e-con e-atomic-element e-flexbox-base e-51dda33-2ca9097 \" data-id=\"51dda33\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"51dda33\">\n    \t\t<div class=\"elementor-element elementor-element-e39c11a elementor-widget elementor-widget-html\" data-id=\"e39c11a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Case \u2014 BRB VIP Club<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Fraunces:ital,opsz,wght@1,9..144,400&family=Hanken+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --ink: #0B0006;\n  --magenta: #FF00A2;\n  --paper: #FFFFFF;\n  --border: rgba(255, 255, 255, 0.12);\n  --display: \"Bricolage Grotesque\", sans-serif;\n  --body: \"Hanken Grotesk\", sans-serif;\n  --serif: \"Fraunces\", Georgia, serif;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nbody {\n  background: var(--ink);\n  color: var(--paper);\n  font-family: var(--body);\n  overflow-x: hidden;\n}\n\n.case-section {\n  position: relative;\n  min-height: 100vh;\n  padding: clamp(60px, 8vw, 120px) 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wrap {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 clamp(20px, 4vw, 60px);\n}\n\n\/* Header Editorial *\/\n.case-header {\n  border-bottom: 1px solid var(--border);\n  padding-bottom: clamp(28px, 4vw, 44px);\n  margin-bottom: clamp(32px, 5vw, 64px);\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 0.78rem;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.7);\n  margin-bottom: 18px;\n}\n\n.eyebrow .dot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--magenta);\n}\n\n.case-title {\n  font-family: var(--display);\n  font-weight: 800;\n  font-size: clamp(2.8rem, 6.5vw, 5.8rem);\n  line-height: 0.95;\n  letter-spacing: -0.04em;\n  margin-bottom: 12px;\n}\n\n.case-scope {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(1.25rem, 2vw, 1.9rem);\n  color: rgba(255, 255, 255, 0.9);\n  display: block;\n}\n\n\/* Grid Principal *\/\n.case-grid {\n  display: grid;\n  grid-template-columns: 1.25fr 0.95fr;\n  gap: clamp(32px, 5vw, 80px);\n  align-items: start;\n}\n\n\/* Narrativa *\/\n.narrative-col {\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n}\n\n.narrative-lead {\n  font-size: clamp(1.2rem, 1.8vw, 1.55rem);\n  line-height: 1.45;\n  font-weight: 500;\n  color: #fff;\n}\n\n.narrative-lead strong {\n  color: var(--magenta);\n  font-weight: 600;\n}\n\n.narrative-body {\n  font-size: clamp(1rem, 1.2vw, 1.12rem);\n  line-height: 1.65;\n  color: rgba(255, 255, 255, 0.72);\n}\n\n.tags-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 8px;\n}\n\n.scope-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border-radius: 100px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--border);\n  font-size: 0.82rem;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n\/* M\u00e9tricas e Resultados *\/\n.metrics-col {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.metric-panel {\n  position: relative;\n  background: radial-gradient(circle at top right, rgba(255, 0, 162, 0.12), rgba(11, 0, 6, 0.6) 60%);\n  border: 1px solid rgba(255, 0, 162, 0.35);\n  border-radius: 24px;\n  padding: clamp(28px, 4vw, 42px);\n  overflow: hidden;\n}\n\n.metric-panel::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 4px;\n  height: 100%;\n  background: var(--magenta);\n}\n\n.metric-label {\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.18em;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 12px;\n}\n\n.metric-number {\n  font-family: var(--display);\n  font-size: clamp(3.8rem, 7vw, 6.2rem);\n  font-weight: 800;\n  line-height: 0.88;\n  letter-spacing: -0.04em;\n  color: #fff;\n  margin-bottom: 16px;\n}\n\n.metric-number span {\n  color: var(--magenta);\n}\n\n.metric-detail {\n  font-size: 1rem;\n  line-height: 1.5;\n  color: rgba(255, 255, 255, 0.8);\n}\n\n.metric-detail strong {\n  color: #fff;\n}\n\n.sub-stats {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.sub-card {\n  border: 1px solid var(--border);\n  border-radius: 18px;\n  padding: 20px 24px;\n  background: rgba(255, 255, 255, 0.02);\n}\n\n.sub-card .val {\n  font-family: var(--display);\n  font-size: 1.8rem;\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 4px;\n}\n\n.sub-card .desc {\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: rgba(255, 255, 255, 0.5);\n}\n\n@media (max-width: 900px) {\n  .case-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"case-section\">\n  <div class=\"wrap\">\n    \n    <!-- Cabe\u00e7alho -->\n    <header class=\"case-header\">\n      <div class=\"eyebrow\">\n        <span>Case Study<\/span>\n        <span class=\"dot\"><\/span>\n        <span>Hospitality & Experience<\/span>\n      <\/div>\n      <h1 class=\"case-title\">BRB VIP Club<\/h1>\n      <span class=\"case-scope\">Posicionamento e estrat\u00e9gia digital<\/span>\n    <\/header>\n\n    <!-- Estrutura Split -->\n    <div class=\"case-grid\">\n      \n      <!-- Narrativa -->\n      <div class=\"narrative-col\">\n        <p class=\"narrative-lead\">\n          Constru\u00edmos uma <strong>nova presen\u00e7a digital<\/strong> para as salas BRB VIP Club do Aeroporto de Bras\u00edlia, transformando uma comunica\u00e7\u00e3o essencialmente expositiva em uma estrat\u00e9gia voltada \u00e0 valoriza\u00e7\u00e3o da experi\u00eancia e \u00e0 comercializa\u00e7\u00e3o do produto.\n        <\/p>\n\n        <p class=\"narrative-body\">\n          O trabalho reuniu posicionamento, cria\u00e7\u00e3o de conte\u00fado intencional, m\u00eddia paga orientada a convers\u00e3o e a\u00e7\u00f5es de branding, fortalecendo a percep\u00e7\u00e3o de exclusividade das salas e consolidando os lounges como espa\u00e7os de desejo no terminal.\n        <\/p>\n\n        <div class=\"tags-list\">\n          <span class=\"scope-pill\">Posicionamento de Marca<\/span>\n          <span class=\"scope-pill\">Estrat\u00e9gia de Conte\u00fado<\/span>\n          <span class=\"scope-pill\">M\u00eddia Paga & Performance<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- M\u00e9tricas -->\n      <div class=\"metrics-col\">\n        \n        <div class=\"metric-panel\">\n          <div class=\"metric-label\">Crescimento de Audi\u00eancia<\/div>\n          <div class=\"metric-number\">3<span>x<\/span><\/div>\n          <p class=\"metric-detail\">\n            Triplica\u00e7\u00e3o da presen\u00e7a digital, expandindo a base do perfil de <strong>7 mil<\/strong> para <strong>21 mil seguidores<\/strong> qualificados e alinhados \u00e0 proposta de valor do espa\u00e7o.\n          <\/p>\n        <\/div>\n\n        <div class=\"sub-stats\">\n          <div class=\"sub-card\">\n            <div class=\"val\">7K<\/div>\n            <div class=\"desc\">Base Inicial<\/div>\n          <\/div>\n          <div class=\"sub-card\">\n            <div class=\"val\" style=\"color: var(--magenta);\">21K<\/div>\n            <div class=\"desc\">Base Final<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"041fbaa\" id=\"5644\" src=\"https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-2-Area-VIP-BRB.png\" width=\"1920\" height=\"750\" srcset=\"https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-2-Area-VIP-BRB.png 1920w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-2-Area-VIP-BRB-300x117.png 300w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-2-Area-VIP-BRB-1024x400.png 1024w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-2-Area-VIP-BRB-768x300.png 768w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-2-Area-VIP-BRB-1536x600.png 1536w\" alt=\"\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c9a6bd3 e-con e-atomic-element e-flexbox-base e-c9a6bd3-c6f0ca9 \" data-id=\"c9a6bd3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c9a6bd3\">\n    \t\t<div class=\"elementor-element elementor-element-f868b98 elementor-widget elementor-widget-html\" data-id=\"f868b98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Case \u2014 Confian\u00e7a FM<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Fraunces:ital,opsz,wght@1,9..144,400&family=Hanken+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --ink: #0B0006;\n  --magenta: #FF00A2;\n  --paper: #FFFFFF;\n  --border: rgba(255, 255, 255, 0.12);\n  --display: \"Bricolage Grotesque\", sans-serif;\n  --body: \"Hanken Grotesk\", sans-serif;\n  --serif: \"Fraunces\", Georgia, serif;\n}\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\nbody {\n  background: var(--ink);\n  color: var(--paper);\n  font-family: var(--body);\n  overflow-x: hidden;\n}\n\n.case-section {\n  position: relative;\n  min-height: 100vh;\n  padding: clamp(60px, 8vw, 120px) 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wrap {\n  width: 100%;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 0 clamp(20px, 4vw, 60px);\n}\n\n\/* Header Editorial *\/\n.case-header {\n  border-bottom: 1px solid var(--border);\n  padding-bottom: clamp(28px, 4vw, 44px);\n  margin-bottom: clamp(32px, 5vw, 64px);\n}\n\n.eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 0.78rem;\n  font-weight: 600;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.7);\n  margin-bottom: 18px;\n}\n\n.eyebrow .dot {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--magenta);\n}\n\n.case-title {\n  font-family: var(--display);\n  font-weight: 800;\n  font-size: clamp(2.8rem, 6.5vw, 5.8rem);\n  line-height: 0.95;\n  letter-spacing: -0.04em;\n  margin-bottom: 12px;\n}\n\n.case-scope {\n  font-family: var(--serif);\n  font-style: italic;\n  font-size: clamp(1.25rem, 2vw, 1.9rem);\n  color: rgba(255, 255, 255, 0.9);\n  display: block;\n}\n\n\/* Grid Principal *\/\n.case-grid {\n  display: grid;\n  grid-template-columns: 1.25fr 0.95fr;\n  gap: clamp(32px, 5vw, 80px);\n  align-items: start;\n}\n\n\/* Narrativa *\/\n.narrative-col {\n  display: flex;\n  flex-direction: column;\n  gap: 28px;\n}\n\n.narrative-lead {\n  font-size: clamp(1.2rem, 1.8vw, 1.55rem);\n  line-height: 1.45;\n  font-weight: 500;\n  color: #fff;\n}\n\n.narrative-lead strong {\n  color: var(--magenta);\n  font-weight: 600;\n}\n\n.narrative-body {\n  font-size: clamp(1rem, 1.2vw, 1.12rem);\n  line-height: 1.65;\n  color: rgba(255, 255, 255, 0.72);\n}\n\n.tags-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-top: 8px;\n}\n\n.scope-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 16px;\n  border-radius: 100px;\n  background: rgba(255, 255, 255, 0.04);\n  border: 1px solid var(--border);\n  font-size: 0.82rem;\n  font-weight: 600;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n\/* M\u00e9tricas e Resultados *\/\n.metrics-col {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.metric-panel {\n  position: relative;\n  background: radial-gradient(circle at top right, rgba(255, 0, 162, 0.12), rgba(11, 0, 6, 0.6) 60%);\n  border: 1px solid rgba(255, 0, 162, 0.35);\n  border-radius: 24px;\n  padding: clamp(28px, 4vw, 42px);\n  overflow: hidden;\n}\n\n.metric-panel::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 4px;\n  height: 100%;\n  background: var(--magenta);\n}\n\n.metric-label {\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.18em;\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.6);\n  margin-bottom: 12px;\n}\n\n.metric-number {\n  font-family: var(--display);\n  font-size: clamp(3.8rem, 7vw, 6.2rem);\n  font-weight: 800;\n  line-height: 0.88;\n  letter-spacing: -0.04em;\n  color: #fff;\n  margin-bottom: 16px;\n}\n\n.metric-number span {\n  color: var(--magenta);\n}\n\n.metric-detail {\n  font-size: 1rem;\n  line-height: 1.5;\n  color: rgba(255, 255, 255, 0.8);\n}\n\n.metric-detail strong {\n  color: #fff;\n}\n\n\/* Sub-cards de m\u00e9tricas *\/\n.sub-stats {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.sub-card {\n  border: 1px solid var(--border);\n  border-radius: 18px;\n  padding: 20px 24px;\n  background: rgba(255, 255, 255, 0.02);\n}\n\n.sub-card .val {\n  font-family: var(--display);\n  font-size: 1.8rem;\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 4px;\n}\n\n.sub-card .desc {\n  font-size: 0.78rem;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  color: rgba(255, 255, 255, 0.5);\n}\n\n@media (max-width: 900px) {\n  .case-grid {\n    grid-template-columns: 1fr;\n    gap: 40px;\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"case-section\">\n  <div class=\"wrap\">\n    \n    <!-- Cabe\u00e7alho -->\n    <header class=\"case-header\">\n      <div class=\"eyebrow\">\n        <span>Case Study<\/span>\n        <span class=\"dot\"><\/span>\n        <span>Rebranding & Ecossistema<\/span>\n      <\/div>\n      <h1 class=\"case-title\">Confian\u00e7a FM<\/h1>\n      <span class=\"case-scope\">Rebranding e comunica\u00e7\u00e3o integrada<\/span>\n    <\/header>\n\n    <!-- Estrutura Split -->\n    <div class=\"case-grid\">\n      \n      <!-- Narrativa -->\n      <div class=\"narrative-col\">\n        <p class=\"narrative-lead\">\n          Conduzimos o <strong>reposicionamento da antiga 91 FM<\/strong> e a constru\u00e7\u00e3o da <strong>Confian\u00e7a FM<\/strong>, desenvolvendo as bases estrat\u00e9gicas e criativas da nova marca.\n        <\/p>\n\n        <p class=\"narrative-body\">\n          O projeto envolveu branding, identidade verbal, direcionamento da identidade visual, posicionamento institucional, linha editorial e integra\u00e7\u00e3o da comunica\u00e7\u00e3o entre r\u00e1dio, portal e redes sociais, al\u00e9m da estrutura\u00e7\u00e3o de processos e diretrizes para a equipe.\n        <\/p>\n\n        <div class=\"tags-list\">\n          <span class=\"scope-pill\">Branding & Identidade Verbal<\/span>\n          <span class=\"scope-pill\">Diretrizes Visuais<\/span>\n          <span class=\"scope-pill\">Comunica\u00e7\u00e3o Cross-channel<\/span>\n          <span class=\"scope-pill\">Processos de Equipe<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- M\u00e9tricas -->\n      <div class=\"metrics-col\">\n        \n        <div class=\"metric-panel\">\n          <div class=\"metric-label\">Alcance 100% Org\u00e2nico<\/div>\n          <div class=\"metric-number\">+2<span>M<\/span><\/div>\n          <p class=\"metric-detail\">\n            Mais de <strong>2 milh\u00f5es de visualiza\u00e7\u00f5es<\/strong> e <strong>50,6 mil intera\u00e7\u00f5es<\/strong> registradas nas redes sociais sem investimento de m\u00eddia paga.\n          <\/p>\n        <\/div>\n\n        <div class=\"sub-stats\">\n          <div class=\"sub-card\">\n            <div class=\"val\">11K<\/div>\n            <div class=\"desc\">Perfil Principal (do zero)<\/div>\n          <\/div>\n          <div class=\"sub-card\">\n            <div class=\"val\" style=\"color: var(--magenta);\">8K<\/div>\n            <div class=\"desc\">Confian\u00e7a Not\u00edcias<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"5d1da4f\" id=\"5645\" src=\"https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-3-Confianca-FM.png\" width=\"1940\" height=\"820\" srcset=\"https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-3-Confianca-FM.png 1940w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-3-Confianca-FM-300x127.png 300w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-3-Confianca-FM-1024x433.png 1024w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-3-Confianca-FM-768x325.png 768w, https:\/\/parica.agency\/wp-content\/uploads\/2026\/09\/Banner-3-Confianca-FM-1536x649.png 1536w\" alt=\"\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-355e7fe e-con e-atomic-element e-flexbox-base e-6719e01 \" data-id=\"355e7fe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"355e7fe\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-b7d4d6e e-flex e-con-boxed e-con e-parent\" data-id=\"b7d4d6e\" 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-1c7f75e elementor-widget elementor-widget-html\" data-id=\"1c7f75e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Paric\u00e1\u00ae \u2014 Podcasts<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n  --ink:#0B0006;\n  --surface:#140811;\n  --paper:#FFFFFF;\n  --mute:#9A8A90;\n  --magenta:#FF00A2;\n  --line:rgba(255,255,255,.1);\n  --display:\"Bricolage Grotesque\",sans-serif;\n  --body:\"Hanken Grotesk\",sans-serif;\n}\n*{box-sizing:border-box;margin:0;padding:0}\nbody{background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}\n::selection{background:var(--magenta);color:#fff}\n\n.pods{max-width:1200px;margin:0 auto;padding:clamp(70px,10vh,120px) clamp(22px,5vw,72px)}\n\n.label{display:flex;align-items:center;gap:14px;margin-bottom:clamp(30px,5vh,46px)}\n.label .idx{font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--magenta)}\n.label .bar{height:1px;width:46px;background:var(--magenta);opacity:.6}\n.label .eyebrow{font-weight:600;text-transform:uppercase;letter-spacing:.24em;font-size:.74rem;color:var(--mute)}\n\n\/* 3 lado a lado -> 1 coluna no mobile *\/\n.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px);align-items:stretch}\n\n.pod{position:relative;overflow:hidden;display:flex;flex-direction:column;\n  background:var(--surface);border:1px solid var(--line);border-radius:22px;\n  padding:clamp(26px,2.4vw,34px);\n  transition:transform .4s ease,border-color .4s ease,background .4s ease}\n.pod:hover{transform:translateY(-6px);border-color:rgba(255,0,162,.5);background:#180a14}\n.pod::before{content:\"\";position:absolute;inset:0;pointer-events:none;\n  background:radial-gradient(120% 70% at 50% 0%,rgba(255,0,162,.09),transparent 60%)}\n\n\/* waveform topo *\/\n.wave{position:relative;z-index:2;height:52px;margin-bottom:22px}\n.wave svg{width:140px;height:52px;overflow:visible}\n.bar{transform-box:fill-box;transform-origin:center bottom;fill:var(--magenta);\n  animation:eq 1.1s ease-in-out infinite}\n@keyframes eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}\n\n.pod .kick{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;\n  font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:.64rem;color:var(--magenta);margin-bottom:14px}\n.pod .kick .d{width:6px;height:6px;border-radius:50%;background:var(--magenta)}\n.pod h3{position:relative;z-index:2;font-family:var(--display);font-weight:800;letter-spacing:-.02em;\n  font-size:clamp(1.4rem,1.9vw,1.7rem);line-height:1.02;margin-bottom:4px}\n.pod .host{position:relative;z-index:2;color:var(--mute);font-size:.92rem;margin-bottom:16px}\n.pod .role{position:relative;z-index:2;font-weight:600;color:#fff;font-size:.9rem;margin-bottom:12px}\n.pod p{position:relative;z-index:2;font-size:.96rem;line-height:1.58;color:rgba(255,255,255,.74);margin-bottom:22px}\n.pod .ph{color:var(--mute);font-style:italic}\n\n.foot{position:relative;z-index:2;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);\n  display:flex;align-items:baseline;gap:10px}\n.foot .n{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:1.5rem;color:var(--magenta)}\n.foot .t{font-size:.82rem;color:var(--mute);line-height:1.3}\n\n@media(max-width:860px){\n  .grid{grid-template-columns:1fr;gap:16px}\n}\n@media(prefers-reduced-motion:reduce){\n  .pod{transition:none}\n  .bar{animation:none;transform:scaleY(.75)}\n}\n<\/style>\n<\/head>\n<body>\n\n  <div class=\"grid\">\n\n    <!-- CMO PLAYBOOK -->\n    <article class=\"pod\">\n      <div class=\"wave\">\n        <svg viewBox=\"0 0 140 52\" aria-hidden=\"true\">\n          <rect class=\"bar\" x=\"6\"  y=\"18\" width=\"6\" height=\"30\" rx=\"3\" style=\"animation-delay:-.2s\"\/>\n          <rect class=\"bar\" x=\"20\" y=\"8\"  width=\"6\" height=\"40\" rx=\"3\" style=\"animation-delay:-.7s\"\/>\n          <rect class=\"bar\" x=\"34\" y=\"24\" width=\"6\" height=\"24\" rx=\"3\" style=\"animation-delay:-.4s\"\/>\n          <rect class=\"bar\" x=\"48\" y=\"2\"  width=\"6\" height=\"46\" rx=\"3\" style=\"animation-delay:-.9s\"\/>\n          <rect class=\"bar\" x=\"62\" y=\"16\" width=\"6\" height=\"32\" rx=\"3\" style=\"animation-delay:-.1s\"\/>\n          <rect class=\"bar\" x=\"76\" y=\"26\" width=\"6\" height=\"22\" rx=\"3\" style=\"animation-delay:-.6s\"\/>\n          <rect class=\"bar\" x=\"90\" y=\"10\" width=\"6\" height=\"38\" rx=\"3\" style=\"animation-delay:-.35s\"\/>\n          <rect class=\"bar\" x=\"104\" y=\"20\" width=\"6\" height=\"28\" rx=\"3\" style=\"animation-delay:-.8s\"\/>\n          <rect class=\"bar\" x=\"118\" y=\"6\" width=\"6\" height=\"42\" rx=\"3\" style=\"animation-delay:-.5s\"\/>\n        <\/svg>\n      <\/div>\n      <span class=\"kick\"><span class=\"d\"><\/span>Podcast<\/span>\n      <h3>CMO Playbook<\/h3>\n      <div class=\"host\">com Rapha Avellar<\/div>\n      <div class=\"role\">Produ\u00e7\u00e3o e revitaliza\u00e7\u00e3o<\/div>\n      <p>Reestruturamos o formato, o fluxo de grava\u00e7\u00e3o e o padr\u00e3o de entrega, elevando a consist\u00eancia e a qualidade do programa.<\/p>\n      <div class=\"foot\"><span class=\"n\">#3<\/span><span class=\"t\">maior podcast do Brasil<\/span><\/div>\n    <\/article>\n\n    <!-- GIRO INDUSTRIAL (rascunho \u2014 confirmar copy) -->\n    <article class=\"pod\">\n      <div class=\"wave\">\n        <svg viewBox=\"0 0 140 52\" aria-hidden=\"true\">\n          <rect class=\"bar\" x=\"6\"  y=\"22\" width=\"6\" height=\"26\" rx=\"3\" style=\"animation-delay:-.5s\"\/>\n          <rect class=\"bar\" x=\"20\" y=\"10\" width=\"6\" height=\"38\" rx=\"3\" style=\"animation-delay:-.15s\"\/>\n          <rect class=\"bar\" x=\"34\" y=\"4\"  width=\"6\" height=\"44\" rx=\"3\" style=\"animation-delay:-.75s\"\/>\n          <rect class=\"bar\" x=\"48\" y=\"20\" width=\"6\" height=\"28\" rx=\"3\" style=\"animation-delay:-.35s\"\/>\n          <rect class=\"bar\" x=\"62\" y=\"8\"  width=\"6\" height=\"40\" rx=\"3\" style=\"animation-delay:-.9s\"\/>\n          <rect class=\"bar\" x=\"76\" y=\"24\" width=\"6\" height=\"24\" rx=\"3\" style=\"animation-delay:-.25s\"\/>\n          <rect class=\"bar\" x=\"90\" y=\"14\" width=\"6\" height=\"34\" rx=\"3\" style=\"animation-delay:-.65s\"\/>\n          <rect class=\"bar\" x=\"104\" y=\"2\" width=\"6\" height=\"46\" rx=\"3\" style=\"animation-delay:-.45s\"\/>\n          <rect class=\"bar\" x=\"118\" y=\"18\" width=\"6\" height=\"30\" rx=\"3\" style=\"animation-delay:-.05s\"\/>\n        <\/svg>\n      <\/div>\n      <span class=\"kick\"><span class=\"d\"><\/span>Podcast<\/span>\n      <h3>Giro Industrial<\/h3>\n      <div class=\"host\">com Max Gehringer<\/div>\n      <div class=\"role\">Produ\u00e7\u00e3o<\/div>\n      <p>Programa de entrevistas conduzido por Max Gehringer com os l\u00edderes das maiores ind\u00fastrias do Brasil. Formato, da capta\u00e7\u00e3o e do padr\u00e3o de entrega, dando ritmo e consist\u00eancia a cada epis\u00f3dio.<\/p>\n      <div class=\"foot\"><span class=\"n\">L\u00edderes<\/span><span class=\"t\">das maiores ind\u00fastrias do Brasil<\/span><\/div>\n    <\/article>\n\n    <!-- CREATOR MODE (placeholder) -->\n    <article class=\"pod\">\n      <div class=\"wave\">\n        <svg viewBox=\"0 0 140 52\" aria-hidden=\"true\">\n          <rect class=\"bar\" x=\"6\"  y=\"12\" width=\"6\" height=\"36\" rx=\"3\" style=\"animation-delay:-.6s\"\/>\n          <rect class=\"bar\" x=\"20\" y=\"24\" width=\"6\" height=\"24\" rx=\"3\" style=\"animation-delay:-.3s\"\/>\n          <rect class=\"bar\" x=\"34\" y=\"6\"  width=\"6\" height=\"42\" rx=\"3\" style=\"animation-delay:-.85s\"\/>\n          <rect class=\"bar\" x=\"48\" y=\"18\" width=\"6\" height=\"30\" rx=\"3\" style=\"animation-delay:-.2s\"\/>\n          <rect class=\"bar\" x=\"62\" y=\"2\"  width=\"6\" height=\"46\" rx=\"3\" style=\"animation-delay:-.7s\"\/>\n          <rect class=\"bar\" x=\"76\" y=\"20\" width=\"6\" height=\"28\" rx=\"3\" style=\"animation-delay:-.4s\"\/>\n          <rect class=\"bar\" x=\"90\" y=\"10\" width=\"6\" height=\"38\" rx=\"3\" style=\"animation-delay:-.95s\"\/>\n          <rect class=\"bar\" x=\"104\" y=\"26\" width=\"6\" height=\"22\" rx=\"3\" style=\"animation-delay:-.1s\"\/>\n          <rect class=\"bar\" x=\"118\" y=\"14\" width=\"6\" height=\"34\" rx=\"3\" style=\"animation-delay:-.55s\"\/>\n        <\/svg>\n      <\/div>\n      <span class=\"kick\"><span class=\"d\"><\/span>Podcast<\/span>\n      <h3>Creator Mode<\/h3>\n      <div class=\"host\">com Rapha Avellar<\/div>\n      <div class=\"role\">Produ\u00e7\u00e3o<\/div>\n      <p>Produ\u00e7\u00e3o do Creator Mode, podcast de Rapha Avellar sobre creator economy e os bastidores de quem transforma conte\u00fado em neg\u00f3cio. Estruturamos formato, capta\u00e7\u00e3o e padr\u00e3o de entrega para manter a r\u00e9gua alta a cada epis\u00f3dio.<\/p>\n      <div class=\"foot\"><span class=\"n\">Creators<\/span><span class=\"t\">a economia da cria\u00e7\u00e3o em pauta<\/span><\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb61110 e-con e-atomic-element e-flexbox-base e-fb61110-2e55a36 \" data-id=\"fb61110\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fb61110\">\n    \t\t<div class=\"elementor-element elementor-element-b04b6c8 elementor-widget elementor-widget-heading\" data-id=\"b04b6c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00a9 2026 Paric\u00e1. All rights reserved.<\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Paric\u00e1\u00ae \u2014 Nossos Projetos Trabalhos Selecionados Portf\u00f3lio Nossos Projetos. Casos de marcas constru\u00eddas com converg\u00eancia entre vis\u00e3o de neg\u00f3cios, design contempor\u00e2neo e narrativa s\u00f3lida. Case \u2014 Aeroporto de Bras\u00edlia Case Study Redes Sociais &#038; Conte\u00fado Aeroporto de Bras\u00edlia Estrat\u00e9gia de comunica\u00e7\u00e3o digital Durante 16 meses, conduzimos a estrat\u00e9gia de comunica\u00e7\u00e3o digital do Aeroporto de Bras\u00edlia, [&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-5587","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/parica.agency\/index.php?rest_route=\/wp\/v2\/pages\/5587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/parica.agency\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/parica.agency\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/parica.agency\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/parica.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5587"}],"version-history":[{"count":26,"href":"https:\/\/parica.agency\/index.php?rest_route=\/wp\/v2\/pages\/5587\/revisions"}],"predecessor-version":[{"id":5665,"href":"https:\/\/parica.agency\/index.php?rest_route=\/wp\/v2\/pages\/5587\/revisions\/5665"}],"wp:attachment":[{"href":"https:\/\/parica.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}