{"id":5514,"date":"2026-06-03T13:13:10","date_gmt":"2026-06-03T13:13:10","guid":{"rendered":"https:\/\/www.companyhero.com\/blog\/?page_id=5514"},"modified":"2026-06-03T14:58:17","modified_gmt":"2026-06-03T14:58:17","slug":"materiais1","status":"publish","type":"page","link":"https:\/\/www.companyhero.com\/blog\/materiais1","title":{"rendered":"materiais1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5514\" class=\"elementor elementor-5514\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39ef4f9 e-grid e-con-boxed e-con e-parent\" data-id=\"39ef4f9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-504ab5a elementor-widget elementor-widget-shortcode\" data-id=\"504ab5a\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- ===== IN\u00cdCIO DO COMPONENTE ===== -->\n<!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>Materiais Hero - Company Hero<\/title>\n\n  <!-- Fonte Asap -->\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=Asap:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n\n  <style>\n    \/* ====== TUDO escopado em .ch-hero-mat ====== *\/\n    .ch-hero-mat, .ch-hero-mat * { box-sizing: border-box; }\n\n    .ch-hero-mat {\n      \/* Vari\u00e1veis Tema Dark Premium SaaS *\/\n      --ch-bg: #050505;\n      --ch-ink-1: #ffffff; \/* Texto principal claro *\/\n      --ch-ink-2: #94A3B8; \/* Texto secund\u00e1rio (Slate) *\/\n      --ch-pink: #FF0267;\n      --ch-pink-glow: rgba(255,2,103,.35);\n      \n      \/* Vari\u00e1veis do Painel Escuro (Board) *\/\n      --ch-board-bg: rgba(15, 10, 12, 0.4);\n      --ch-board-border: rgba(255,255,255,0.08);\n      \n      --ch-ease: cubic-bezier(.16,1,.3,1);\n      \/* Curva Mola para Anima\u00e7\u00f5es do Bento *\/\n      --ch-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n\n      position: relative;\n      width: 100%;\n      overflow: hidden;\n      background: var(--ch-bg);\n      color: var(--ch-ink-1);\n      font-family: 'Asap', ui-sans-serif, system-ui, -apple-system, sans-serif;\n      -webkit-font-smoothing: antialiased;\n      padding: 64px 20px;\n      display: flex;\n      align-items: center;\n      min-height: 700px;\n    }\n\n    @media(min-width:768px){ .ch-hero-mat{padding:80px 32px;} }\n    @media(min-width:1280px){ .ch-hero-mat{padding:100px 48px;} }\n\n    \/* Fundos Premium SaaS *\/\n    .ch-bg { position: absolute; inset: 0; pointer-events: none; }\n    .ch-bg-dots {\n      background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);\n      background-size: 22px 22px;\n      -webkit-mask-image: radial-gradient(ellipse 80% 60% at 30% 40%, #000 30%, transparent 75%);\n      mask-image: radial-gradient(ellipse 80% 60% at 30% 40%, #000 30%, transparent 75%);\n      opacity: .65; z-index: 1;\n    }\n    .ch-bg-spotlight {\n      z-index: 2;\n      background: \n        radial-gradient(1000px circle at var(--ch-mx-bg, 0%) var(--ch-my-bg, 0%), rgba(255,2,103,.12), transparent 60%),\n        radial-gradient(800px circle at 10% 20%, rgba(255,2,103,.15), transparent 70%);\n      transition: background 0.1s ease;\n    }\n\n    .ch-grid {\n      position: relative; z-index: 5;\n      width: 100%; max-width: 1240px; margin: 0 auto;\n      display: grid; grid-template-columns: 1fr; gap: 64px; align-items: center;\n    }\n    @media(min-width:900px){ .ch-grid{grid-template-columns: 1fr 1fr; gap: 48px;} }\n\n    \/* ===== COLUNA ESQUERDA (CONTE\u00daDO) ===== *\/\n    .ch-content { \n      position: relative; z-index: 5; display: flex; flex-direction: column; gap: 20px; max-width: 540px; \n    }\n\n    .ch-badge {\n      position: relative; align-self: flex-start;\n      display: inline-flex; align-items: center; gap: 10px;\n      padding: 7px 14px 7px 12px; border-radius: 999px;\n      background: rgba(255,2,103,.06);\n      border: 1px solid rgba(255,2,103,.22);\n      color: #ffb1ce;\n      font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;\n      white-space: nowrap;\n      -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);\n      overflow: hidden;\n      opacity: 0; transform: translateY(20px);\n      transition: opacity 1s var(--ch-ease), transform 1s var(--ch-ease);\n    }\n    .ch-badge::after {\n      content: ''; position: absolute; inset: 0; border-radius: 999px;\n      background: linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);\n      transform: translateX(-100%);\n      animation: ch-shimmer 4s ease-in-out infinite;\n    }\n    @keyframes ch-shimmer { 0%{transform:translateX(-100%)} 35%,100%{transform:translateX(120%)} }\n    \n    .ch-badge-dot {\n      position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--ch-pink);\n      box-shadow: 0 0 0 0 rgba(255,2,103,.7);\n      animation: ch-pulse 2s infinite;\n    }\n    @keyframes ch-pulse {\n      0%{box-shadow:0 0 0 0 rgba(255,2,103,.7)}\n      70%{box-shadow:0 0 0 8px rgba(255,2,103,0)}\n      100%{box-shadow:0 0 0 0 rgba(255,2,103,0)}\n    }\n    \n    .ch-hero-mat.ch-ready .ch-badge { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }\n\n    .ch-title {\n      font-weight: 700; line-height: 1.1; letter-spacing: -.02em;\n      font-size: clamp(32px, 4vw, 48px); color: var(--ch-ink-1); margin: 0;\n    }\n    \n    .ch-typing-cursor {\n      display: inline-block; width: 3px; height: 1em; background: var(--ch-pink);\n      vertical-align: -2px; margin-left: 4px; border-radius: 2px;\n      box-shadow: 0 0 12px rgba(255,2,103,.7);\n      animation: ch-blink 1s steps(1) infinite;\n    }\n    @keyframes ch-blink { 50%{opacity:0} }\n\n    .ch-sub {\n      color: var(--ch-ink-2); font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; font-weight: 400;\n      margin: 0; margin-top: 8px;\n      opacity: 0; transform: translateY(20px); filter: blur(4px);\n      transition: opacity 1s var(--ch-ease), transform 1s var(--ch-ease), filter 1s var(--ch-ease);\n    }\n    \/* Alterado para reagir apenas ap\u00f3s a classe ch-typed *\/\n    .ch-hero-mat.ch-typed .ch-sub { opacity: 1; transform: translateY(0); filter: blur(0); transition-delay: 0.1s; }\n\n    \/* Novo Input Bar Dark Glassmorphism com Efeitos Neon *\/\n    .ch-search-box {\n      margin-top: 16px;\n      position: relative;\n      display: flex;\n      align-items: center;\n      background: rgba(255, 255, 255, 0.03);\n      border: 1px solid rgba(255, 255, 255, 0.08);\n      border-radius: 999px;\n      padding: 6px 6px 6px 24px;\n      box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.02), 0 0 15px rgba(255,2,103,0.05);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      opacity: 0; transform: translateY(20px); filter: blur(4px);\n      transition: opacity 1s var(--ch-ease), transform 1s var(--ch-ease), filter 1s var(--ch-ease), border-color 0.3s ease, box-shadow 0.3s ease;\n    }\n    \/* Alterado para reagir apenas ap\u00f3s a classe ch-typed *\/\n    .ch-hero-mat.ch-typed .ch-search-box { opacity: 1; transform: translateY(0); filter: blur(0); transition-delay: 0.3s; }\n    \n    .ch-search-box:focus-within {\n      border-color: var(--ch-pink);\n      box-shadow: 0 4px 24px -8px var(--ch-pink-glow), inset 0 1px 0 rgba(255,255,255,0.02), 0 0 25px rgba(255,2,103,0.4);\n    }\n    \n    .ch-search-input {\n      flex: 1; border: none; outline: none; background: transparent;\n      font-family: inherit; font-size: 16px; color: #fff;\n      width: 100%;\n    }\n    .ch-search-input::placeholder { color: #64748B; }\n    \n    .ch-search-btn {\n      background: linear-gradient(180deg,#ff1a73,#e6005c); color: #fff;\n      border: none; border-radius: 999px;\n      padding: 14px 28px; font-weight: 700; font-size: 15px; font-family: inherit;\n      cursor: pointer; transition: transform 0.2s ease, box-shadow 0.3s ease;\n      box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 20px rgba(255,2,103,0.4);\n    }\n    .ch-search-btn:hover { \n      box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 0 35px rgba(255,2,103,0.8); \n      transform: scale(1.02); \n    }\n    .ch-search-btn:active { transform: scale(0.98); }\n\n\n    \/* ===== COLUNA DIREITA (PAINEL ESCURO & BENTO GRID) ===== *\/\n    .ch-media {\n      position: relative; width: 100%; aspect-ratio: 4\/5; max-width: 500px; margin: 0 auto;\n      perspective: 1000px; \/* Para o efeito parallax da grelha *\/\n    }\n    @media(min-width:900px){ .ch-media { margin-right: 0; max-width: none; height: 640px; aspect-ratio: auto; } }\n\n    \/* Brilho de fundo atr\u00e1s do painel *\/\n    .ch-board-glow {\n      position: absolute; top: 10%; right: -10%; width: 80%; height: 80%;\n      background: radial-gradient(circle, rgba(255,2,103,0.15) 0%, transparent 60%);\n      filter: blur(50px); z-index: 0;\n    }\n\n    .ch-board {\n      position: absolute; inset: 0; border-radius: 32px; overflow: hidden;\n      background: var(--ch-board-bg);\n      border: 1px solid var(--ch-board-border);\n      box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.03);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      opacity: 0; transform: translateY(30px) scale(0.98);\n      transition: opacity 1.2s var(--ch-ease), transform 1.2s var(--ch-ease);\n      z-index: 1;\n    }\n    .ch-hero-mat.ch-ready .ch-board { opacity: 1; transform: translateY(0) scale(1); transition-delay: 0.2s; }\n\n    \/* Aurora Effects dentro do painel escuro *\/\n    .ch-board-aurora { position: absolute; inset: 0; z-index: 1; filter: blur(40px); opacity: 0.5; pointer-events: none;}\n    .ch-blob { position: absolute; border-radius: 50%; mix-blend-mode: screen; }\n    .ch-b1 {\n      width: 400px; height: 400px; right: -100px; top: -100px;\n      background: radial-gradient(circle at 50% 50%, rgba(255,2,103,.4) 0%, transparent 70%);\n      animation: ch-drift1 15s ease-in-out infinite alternate;\n    }\n    .ch-b2 {\n      width: 300px; height: 300px; left: -50px; bottom: -50px;\n      background: radial-gradient(circle at 50% 50%, rgba(180,30,140,.3) 0%, transparent 70%);\n      animation: ch-drift2 18s ease-in-out infinite alternate;\n    }\n    @keyframes ch-drift1 { 0%{transform:translate(0,0) scale(1)} 100%{transform:translate(-40px,40px) scale(1.1)} }\n    @keyframes ch-drift2 { 0%{transform:translate(0,0) scale(1)} 100%{transform:translate(40px,-40px) scale(1.2)} }\n\n\n    \/* ===== BENTO GRID ===== *\/\n    .ch-bento-grid {\n      position: absolute; inset: 0; z-index: 5;\n      \/* O movimento do rato altera estas vari\u00e1veis via JS para o Parallax 3D *\/\n      transform: rotateX(calc(var(--ch-my, 0) * 8deg)) rotateY(calc(var(--ch-mx, 0) * -8deg));\n      transform-origin: center;\n      transition: transform 0.4s var(--ch-ease);\n      transform-style: preserve-3d;\n      \n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: 1.2fr 1fr;\n      gap: 16px;\n      padding: 32px;\n    }\n\n    .ch-bento-w1 { grid-column: 1 \/ -1; }\n    .ch-bento-w2 { grid-column: 1; }\n    .ch-bento-w3 { grid-column: 2; }\n\n    .ch-bento-wrapper { \n      opacity: 0; \/* Base oculta para anima\u00e7\u00e3o de mola *\/\n      display: flex;\n    }\n\n    \/* Anima\u00e7\u00e3o de Entrada \"Spring\" inspirada no v\u00eddeo *\/\n    @keyframes bento-enter {\n      0% { opacity: 0; transform: translateY(60px) scale(0.85) translateZ(-40px); }\n      100% { opacity: 1; transform: translateY(0) scale(1) translateZ(0); }\n    }\n\n    \/* Gatilhos de delay escalonados *\/\n    .ch-hero-mat.ch-ready .ch-bento-w1 { animation: bento-enter 0.9s var(--ch-spring) forwards 0.4s; }\n    .ch-hero-mat.ch-ready .ch-bento-w2 { animation: bento-enter 0.9s var(--ch-spring) forwards 0.55s; }\n    .ch-hero-mat.ch-ready .ch-bento-w3 { animation: bento-enter 0.9s var(--ch-spring) forwards 0.7s; }\n\n    .ch-bento-item {\n      position: relative;\n      background: rgba(20, 20, 22, 0.65);\n      border-radius: 20px;\n      padding: 24px;\n      width: 100%;\n      box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.08);\n      -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);\n      border: 1px solid rgba(255,255,255,0.05);\n      display: flex; flex-direction: column;\n      color: #fff;\n      overflow: hidden;\n      cursor: pointer;\n      \/* Transi\u00e7\u00e3o suave focada na f\u00edsica ao interagir *\/\n      transition: transform 0.5s var(--ch-spring), border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;\n    }\n\n    .ch-bento-item.ch-darker { background: rgba(15, 15, 18, 0.85); }\n\n    \/* Glow de fundo interno ao passar o rato *\/\n    .ch-bento-item::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: radial-gradient(circle at center, rgba(255,2,103,0.1) 0%, transparent 70%);\n      opacity: 0;\n      transition: opacity 0.4s ease;\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    \/* Efeito Hover Bento Box *\/\n    .ch-bento-item:hover {\n      transform: translateY(-6px) scale(1.02) translateZ(10px);\n      border-color: rgba(255,2,103,.5);\n      box-shadow: 0 30px 50px -15px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.1), 0 0 30px rgba(255,2,103,0.3);\n      background: rgba(30, 30, 35, 0.85);\n      z-index: 10;\n    }\n    \n    .ch-bento-item:hover::before { opacity: 1; }\n\n    .ch-bento-content {\n      position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; justify-content: space-between;\n    }\n\n    \/* ===== MOCK UIs (Elementos abstratos dentro do Bento) ===== *\/\n    .ch-mock-ui {\n      flex: 1;\n      border-radius: 12px;\n      background: rgba(255,255,255,0.03);\n      border: 1px solid rgba(255,255,255,0.04);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      position: relative;\n      margin-top: 16px;\n      transition: transform 0.5s var(--ch-spring), background 0.4s ease;\n    }\n    \n    \/* Amplia\u00e7\u00e3o (Zoom) org\u00e2nica do conte\u00fado interior ao fazer Hover no Card *\/\n    .ch-bento-item:hover .ch-mock-ui {\n      transform: scale(1.03) translateY(-2px);\n      background: rgba(255,255,255,0.06);\n    }\n\n    \/* Mock Planilha *\/\n    .ch-mock-spreadsheet { padding: 16px; gap: 8px; justify-content: flex-end; min-height: 80px; }\n    .ch-mock-row { height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; width: 100%; }\n    .ch-mock-row:nth-child(1) { width: 100%; }\n    .ch-mock-row:nth-child(2) { width: 75%; background: rgba(255,2,103,0.5); box-shadow: 0 0 10px rgba(255,2,103,0.3);}\n    .ch-mock-row:nth-child(3) { width: 50%; }\n\n    \/* Mock V\u00eddeo \/ Webinar *\/\n    .ch-mock-video { align-items: center; justify-content: center; min-height: 80px; }\n    .ch-play-btn { \n      width: 40px; height: 40px; border-radius: 50%; \n      background: linear-gradient(135deg, #ff1a73, #e6005c);\n      display: flex; align-items: center; justify-content: center;\n      box-shadow: 0 4px 15px rgba(255,2,103,0.4);\n      transition: transform 0.3s ease;\n    }\n    .ch-bento-item:hover .ch-play-btn { transform: scale(1.1); }\n    .ch-play-btn::after {\n      content: ''; border-left: 12px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; margin-left: 4px;\n    }\n\n    \/* Mock Documento \/ Guia *\/\n    .ch-mock-text { padding: 16px; gap: 8px; justify-content: center; min-height: 80px; }\n    .ch-skel-line { height: 6px; border-radius: 4px; background: rgba(255,255,255,0.1); }\n    .ch-skel-line:nth-child(1) { width: 85%; }\n    .ch-skel-line:nth-child(2) { width: 60%; }\n    .ch-skel-line:nth-child(3) { width: 40%; }\n\n\n    \/* ===== TAGS E T\u00cdTULOS ===== *\/\n    .ch-tag {\n      align-self: flex-start;\n      font-size: 10px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase;\n      padding: 4px 10px; border-radius: 999px; display: inline-block;\n    }\n    .ch-tag-pink { background: rgba(255,2,103,.2); color: #ffb1ce; border: 1px solid rgba(255,2,103,.3); }\n    .ch-tag-dark { background: rgba(255,255,255,0.08); color: #fff; border: 1px solid rgba(255,255,255,0.1); }\n    .ch-tag-blue { background: rgba(79, 70, 229, 0.2); color: #a5b4fc; border: 1px solid rgba(79, 70, 229, 0.3); }\n\n    .ch-card-title { font-size: 15px; font-weight: 700; line-height: 1.3; margin-top: 10px; }\n\n\n    \/* ===== PILL DE STATUS (130 MATERIAIS) ===== *\/\n    .ch-status-pill {\n      position: absolute; top: -12px; right: 24px; z-index: 10;\n      background: rgba(15, 15, 18, 0.85);\n      border: 1px solid rgba(255,255,255,0.1);\n      border-radius: 999px; padding: 8px 16px;\n      display: flex; align-items: center; gap: 8px;\n      box-shadow: 0 10px 30px -5px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05);\n      font-size: 13px; font-weight: 700; color: #fff;\n      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n      opacity: 0; transform: translateY(-10px) translateZ(60px); filter: blur(4px);\n      transition: opacity 1s var(--ch-ease), transform 1s var(--ch-ease), filter 1s var(--ch-ease);\n    }\n    .ch-hero-mat.ch-ready .ch-status-pill { opacity: 1; transform: translateY(0) translateZ(60px); filter: blur(0); transition-delay: 1.0s; }\n    \n    .ch-status-dot {\n      width: 8px; height: 8px; border-radius: 50%; background: #10B981;\n      box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);\n      animation: ch-dot-pulse 2s infinite;\n    }\n\n    \/* Responsivo Mobile para o Bento Grid *\/\n    @media(max-width: 640px) {\n      .ch-bento-grid {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto;\n        padding: 20px;\n        gap: 12px;\n      }\n      .ch-bento-w1, .ch-bento-w2, .ch-bento-w3 { grid-column: 1; }\n      .ch-media { height: auto; min-height: 600px; }\n      .ch-status-pill { top: 0; right: 8px; padding: 6px 12px; font-size: 11px; transform: translateZ(20px); }\n      .ch-bento-item { padding: 16px; }\n      .ch-mock-video, .ch-mock-text, .ch-mock-spreadsheet { min-height: 60px; margin-top: 12px; }\n    }\n\n    \/* Acessibilidade *\/\n    @media (prefers-reduced-motion: reduce){\n      .ch-hero-mat *{animation:none !important;transition:none !important}\n      .ch-hero-mat .ch-word, .ch-hero-mat .ch-sub, .ch-hero-mat .ch-badge, .ch-hero-mat .ch-search-box, .ch-hero-mat .ch-board, .ch-hero-mat .ch-bento-wrapper, .ch-hero-mat .ch-status-pill {opacity:1!important;transform:none!important;filter:none!important}\n    }\n  <\/style>\n<\/head>\n<body>\n\n<section class=\"ch-hero-mat\">\n  <!-- Background Premium SaaS adicionado -->\n  <div class=\"ch-bg ch-bg-dots\" aria-hidden=\"true\"><\/div>\n  <div class=\"ch-bg ch-bg-spotlight\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ch-grid\">\n    \n    <!-- COLUNA ESQUERDA: Textos e Input -->\n    <div class=\"ch-content\">\n      <div class=\"ch-badge\">\n        <span class=\"ch-badge-dot\"><\/span>\n        <span>Conte\u00fados Hero<\/span>\n      <\/div>\n      \n      <!-- Atualizado para o alvo da m\u00e1quina de escrever -->\n      <h1 class=\"ch-title\">\n        <span class=\"ch-typewriter-target\" data-typewriter=\"Materiais pr\u00e1ticos para voc\u00ea e seu neg\u00f3cio.\"><\/span>\n      <\/h1>\n      \n      <p class=\"ch-sub\">Planilhas, guias, calculadoras e checklists prontos pra usar hoje. Tudo gratuito, tudo testado por quem opera no dia a dia.<\/p>\n      \n      <div class=\"ch-search-box\">\n        <input type=\"text\" class=\"ch-search-input\" placeholder=\"O que voc\u00ea precisa hoje?\" aria-label=\"Pesquisar materiais\">\n        <button class=\"ch-search-btn\">Buscar<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- COLUNA DIREITA: Painel Dark e BENTO GRID -->\n    <div class=\"ch-media\">\n      <div class=\"ch-board-glow\" aria-hidden=\"true\"><\/div>\n      \n      <div class=\"ch-board\">\n        <!-- Aurora Background do painel -->\n        <div class=\"ch-board-aurora\">\n          <span class=\"ch-blob ch-b1\"><\/span>\n          <span class=\"ch-blob ch-b2\"><\/span>\n        <\/div>\n\n        <!-- Container com perspectiva 3D reagindo ao rato (Bento Grid) -->\n        <div class=\"ch-bento-grid\" id=\"chCardsSpace\">\n          \n          <!-- Bento 1 (Planilha - Wide Top) -->\n          <div class=\"ch-bento-wrapper ch-bento-w1\">\n            <div class=\"ch-bento-item\">\n              <div class=\"ch-bento-content\">\n                <div>\n                  <span class=\"ch-tag ch-tag-pink\">Planilha<\/span>\n                  <div class=\"ch-card-title\">Calculadora de pr\u00f3-labore PJ 2026<\/div>\n                <\/div>\n                <!-- Mock UI Interno (Abstrato e responsivo ao hover) -->\n                <div class=\"ch-mock-ui ch-mock-spreadsheet\">\n                  <div class=\"ch-mock-row\"><\/div>\n                  <div class=\"ch-mock-row\"><\/div>\n                  <div class=\"ch-mock-row\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Bento 2 (Webinar - Square Left) -->\n          <div class=\"ch-bento-wrapper ch-bento-w2\">\n            <div class=\"ch-bento-item ch-darker\">\n              <div class=\"ch-bento-content\">\n                <div>\n                  <span class=\"ch-tag ch-tag-dark\">Webinar<\/span>\n                  <div class=\"ch-card-title\">Reforma tribut\u00e1ria: o que muda pra PJ<\/div>\n                <\/div>\n                <!-- Mock UI Interno -->\n                <div class=\"ch-mock-ui ch-mock-video\">\n                  <div class=\"ch-play-btn\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Bento 3 (Guia - Square Right) -->\n          <div class=\"ch-bento-wrapper ch-bento-w3\">\n            <div class=\"ch-bento-item\">\n              <div class=\"ch-bento-content\">\n                <div>\n                  <span class=\"ch-tag ch-tag-blue\">Guia<\/span>\n                  <div class=\"ch-card-title\">Como abrir uma empresa do zero<\/div>\n                <\/div>\n                <!-- Mock UI Interno -->\n                <div class=\"ch-mock-ui ch-mock-text\">\n                  <div class=\"ch-skel-line\"><\/div>\n                  <div class=\"ch-skel-line\"><\/div>\n                  <div class=\"ch-skel-line\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Pill Contador de Materiais (Flutua por cima da Grid) -->\n          <div class=\"ch-status-pill\">\n            <span class=\"ch-status-dot\"><\/span>\n            <div><span data-count=\"130\" class=\"ch-stat-val\">0<\/span> materiais ativos<\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script data-jetpack-boost=\"ignore\">\n  (function(){\n    \/\/ Seleciona a se\u00e7\u00e3o hero atual\n    var hero = document.querySelector('.ch-hero-mat');\n    if(!hero) return;\n\n    var typewriterTarget = hero.querySelector('.ch-typewriter-target');\n    if(typewriterTarget) typewriterTarget.innerHTML = '';\n\n    \/\/ Fun\u00e7\u00e3o Principal de Disparo das Anima\u00e7\u00f5es\n    function startReveal(){\n      if(hero.classList.contains('ch-ready')) return;\n      hero.classList.add('ch-ready'); \/\/ Dispara a cascata de CSS inicial (Bento, Badge, etc)\n\n      \/\/ Inicia o Typewriter\n      setTimeout(function(){\n        if(typewriterTarget){\n          typeAll([typewriterTarget], 0, function(){\n            \/\/ Quando terminar de digitar, aciona a cascata dos elementos de baixo\n            hero.classList.add('ch-typed'); \n            startCounters();\n          });\n        }\n      }, 300);\n    }\n\n    \/\/ L\u00f3gica da M\u00e1quina de Escrever\n    function typeAll(targets, idx, onDone){\n      if(idx >= targets.length){ onDone && onDone(); return; }\n      var t = targets[idx];\n      var text = t.getAttribute('data-typewriter') || '';\n      var cursor = document.createElement('span');\n      cursor.className = 'ch-typing-cursor';\n      t.appendChild(cursor);\n      var i = 0;\n      function step(){\n        if(i < text.length){\n          var ch = text.charAt(i);\n          var node = document.createTextNode(ch);\n          t.insertBefore(node, cursor);\n          i++;\n          \/\/ Randomiza a velocidade de digita\u00e7\u00e3o\n          var d = 40 + Math.random() * 40; \n          if(ch === ',' || ch === '.') d += 150;\n          setTimeout(step, d);\n        } else {\n          setTimeout(function(){\n            if(idx === targets.length - 1){\n              onDone && onDone();\n            } else {\n              if(cursor.parentNode === t) t.removeChild(cursor);\n              typeAll(targets, idx + 1, onDone);\n            }\n          }, 150);\n        }\n      }\n      step();\n    }\n\n    \/\/ Inicia o contador Num\u00e9rico (130)\n    function startCounters() {\n      hero.querySelectorAll('[data-count]').forEach(function(el){\n        var target = parseInt(el.getAttribute('data-count'), 10);\n        var dur = 2000;\n        \n        setTimeout(function(){\n          var t0 = performance.now();\n          function tick(t){\n            var p = Math.min(1, (t - t0) \/ dur);\n            var eased = 1 - Math.pow(1 - p, 4); \/\/ easeOutQuart\n            el.textContent = Math.round(target * eased);\n            if(p < 1) requestAnimationFrame(tick);\n          }\n          requestAnimationFrame(tick);\n        }, 300); \/\/ 300ms ap\u00f3s terminar de digitar\n      });\n    }\n\n    \/\/ Observer de Interse\u00e7\u00e3o (Dispara quando entra na tela)\n    if('IntersectionObserver' in window){\n      var io = new IntersectionObserver(function(entries){\n        entries.forEach(function(e){\n          if(e.isIntersecting){ \n            startReveal(); \n            io.disconnect(); \n          }\n        });\n      }, {threshold: 0.15});\n      io.observe(hero);\n    } else {\n      \/\/ Fallback\n      setTimeout(startReveal, 500);\n    }\n\n    \/\/ Tracker Global do Rato para o Spotlight de Fundo\n    hero.addEventListener('mousemove', function(e){\n      var r = hero.getBoundingClientRect();\n      var x = ((e.clientX - r.left) \/ r.width) * 100;\n      var y = ((e.clientY - r.top) \/ r.height) * 100;\n      hero.style.setProperty('--ch-mx-bg', x + '%');\n      hero.style.setProperty('--ch-my-bg', y + '%');\n    });\n\n    \/\/ 4. Efeito Parallax 3D com o Mouse (Aplicado ao Bento Container)\n    var mediaSpace = hero.querySelector('.ch-media');\n    var cardsContainer = document.getElementById('chCardsSpace');\n    \n    if(mediaSpace && cardsContainer && !window.matchMedia('(prefers-reduced-motion: reduce)').matches){\n      mediaSpace.addEventListener('mousemove', function(e){\n        var r = mediaSpace.getBoundingClientRect();\n        \/\/ Calcula a posi\u00e7\u00e3o do mouse de -1 a 1 em rela\u00e7\u00e3o ao centro da div\n        var x = (e.clientX - r.left - r.width \/ 2) \/ (r.width \/ 2);\n        var y = (e.clientY - r.top - r.height \/ 2) \/ (r.height \/ 2);\n        \n        \/\/ Limita a intensidade\n        cardsContainer.style.setProperty('--ch-mx', x);\n        cardsContainer.style.setProperty('--ch-my', y);\n      });\n\n      mediaSpace.addEventListener('mouseleave', function(){\n        cardsContainer.style.setProperty('--ch-mx', 0);\n        cardsContainer.style.setProperty('--ch-my', 0);\n      });\n    }\n  })();\n<\/script>\n\n<\/body>\n<\/html>\n<!-- ===== FIM DO COMPONENTE ===== --><\/div>\n\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-a731ec5 e-grid e-con-boxed e-con e-parent\" data-id=\"a731ec5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5858c4d e-con-full e-flex e-con e-child\" data-id=\"5858c4d\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34e83db elementor-widget elementor-widget-search\" data-id=\"34e83db\" data-element_type=\"widget\" data-settings=\"{&quot;submit_trigger&quot;:&quot;click_submit&quot;,&quot;pagination_type_options&quot;:&quot;none&quot;}\" data-widget_type=\"search.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<search class=\"e-search hidden\" role=\"search\">\n\t\t\t<form class=\"e-search-form\" action=\"https:\/\/www.companyhero.com\/blog\" method=\"get\">\n\n\t\t\t\t\n\t\t\t\t<label class=\"e-search-label\" for=\"search-34e83db\">\n\t\t\t\t\t<span class=\"elementor-screen-only\">\n\t\t\t\t\t\tPesquisar\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/label>\n\n\t\t\t\t<div class=\"e-search-input-wrapper\">\n\t\t\t\t\t<input id=\"search-34e83db\" placeholder=\"Busque por tema, formato ou pergunta...\" class=\"e-search-input\" type=\"search\" name=\"s\" value=\"\" autocomplete=\"off\" role=\"combobox\" aria-autocomplete=\"list\" aria-expanded=\"false\" aria-controls=\"results-34e83db\" aria-haspopup=\"listbox\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-times\" viewBox=\"0 0 352 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t<output id=\"results-34e83db\" class=\"e-search-results-container hide-loader\" aria-live=\"polite\" aria-atomic=\"true\" aria-label=\"Resultados da pesquisa\" tabindex=\"0\">\n\t\t\t\t\t\t<div class=\"e-search-results\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/output>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<button class=\"e-search-submit  \" type=\"submit\">\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<span class=\"\">\n\t\t\t\t\t\tBuscar\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t<input type=\"hidden\" name=\"e_search_props\" value=\"34e83db-5514\">\n\t\t\t<\/form>\n\t\t<\/search>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cabf480 e-flex e-con-boxed e-con e-parent\" data-id=\"cabf480\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-018e56e e-con-full e-flex e-con e-child\" data-id=\"018e56e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dacfce9 elementor-widget elementor-widget-filter-widget\" data-id=\"dacfce9\" data-element_type=\"widget\" data-settings=\"{&quot;nothing_found_message&quot;:&quot;It seems we can\\u2019t find what you\\u2019re looking for.&quot;,&quot;target_selector&quot;:&quot;#materiais&quot;,&quot;filter_post_type&quot;:&quot;post&quot;,&quot;group_logic&quot;:&quot;AND&quot;,&quot;filter_custom_handler&quot;:&quot;no&quot;,&quot;optimize_query&quot;:&quot;no&quot;,&quot;no_found_rows&quot;:&quot;no&quot;,&quot;suppress_filters&quot;:&quot;no&quot;,&quot;posts_per_page&quot;:-1,&quot;scroll_to_top&quot;:&quot;yes&quot;}\" data-widget_type=\"filter-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t<div class=\"filter-container\" data-target-post-widget=\"#materiais\">\n\t\t\t<form id=\"filter-dacfce9\" class=\"form-tax elementor-grid \" action=\"\/\" method=\"get\" autocomplete=\"on\">\n\t\t\t<input type=\"hidden\" name=\"bpf_filter_nonce\" value=\"05984423b9\">\n\t\t\t<div class=\"bpfwe-default-filters\" style=\"display:none !important;\"><div class=\"bpfwe-taxonomy-wrapper\" data-logic=\"AND\"><input type=\"checkbox\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"231\" checked><input type=\"checkbox\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"232\" checked><input type=\"checkbox\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"233\" checked><input type=\"checkbox\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"234\" checked><input type=\"checkbox\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"235\" checked><\/div><\/div>\n\t\t\t\t\t\t<div class=\"flex-wrapper category\">\n\t\t\t\t\t\t<div class=\"filter-title\">Filtrar por temas<\/div>\n\t\t\t\t\t\t<div class=\"bpfwe-taxonomy-wrapper elementor-repeater-item-e3ed117  \" data-logic=\"OR\">\n\t\t\t\t\t\t<ul class=\"taxonomy-filter \">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"latam-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"latam-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"237\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">LATAM<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<ul class=\"child-terms\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"chile-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"chile-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"238\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Chile<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li><\/ul><\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"e-books-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"e-books-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"231\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">E-books<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"plano-odontologico-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plano-odontologico-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"225\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Plano odontol\u00f3gico<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"cuidado-com-a-saude-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"cuidado-com-a-saude-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"38\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Cuidado com a sa\u00fade<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<ul class=\"child-terms\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"saude-e-bem-estar-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"saude-e-bem-estar-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"69\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Sa\u00fade e bem-estar<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"seguro-saude-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"seguro-saude-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"68\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Seguro sa\u00fade<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"plano-de-saude-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plano-de-saude-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"67\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Plano de sa\u00fade<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li><\/ul><\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"seguros-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"seguros-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"37\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Seguros<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<ul class=\"child-terms\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"seguro-empresarial-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"seguro-empresarial-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"66\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Seguro empresarial<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"seguro-residencial-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"seguro-residencial-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"65\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Seguro residencial<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"seguro-de-renda-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"seguro-de-renda-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"64\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Seguro de renda \/ DIT<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"seguro-de-vida-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"seguro-de-vida-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"63\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Seguro de vida<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li><\/ul><\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"gestao-de-cnpj-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"gestao-de-cnpj-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"32\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Gest\u00e3o De CNPJ<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<ul class=\"child-terms\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"mei-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"mei-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"61\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">MEI<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"tributacao-pj-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"tributacao-pj-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"60\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Tributa\u00e7\u00e3o PJ<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"crescimento-pj-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"crescimento-pj-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"59\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Crescimento PJ<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"renda-extra-gestao-de-cnpj-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"renda-extra-gestao-de-cnpj-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"58\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Renda extra<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"beneficios-para-pjs-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"beneficios-para-pjs-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"57\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Benef\u00edcios para PJs<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"direitos-e-obrigacoes-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"direitos-e-obrigacoes-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"56\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Direitos e Obriga\u00e7\u00f5es<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"registro-de-marca-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"registro-de-marca-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"35\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Registro De Marca<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li><\/ul><\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"financas-pessoais-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"financas-pessoais-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"31\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Finan\u00e7as Pessoais<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<ul class=\"child-terms\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"organizacao-financeira-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"organizacao-financeira-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"71\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Organiza\u00e7\u00e3o financeira<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"previdencia-privada-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"previdencia-privada-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"70\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Previd\u00eancia Privada<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li><\/ul><\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"carreira-pj-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"carreira-pj-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"29\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Carreira PJ<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<ul class=\"child-terms\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"trabalho-no-exterior-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"trabalho-no-exterior-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"77\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Trabalho no exterior<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"produtividade-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"produtividade-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"75\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Produtividade<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"expansao-de-carreira-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"expansao-de-carreira-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"74\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Expans\u00e3o de carreira<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li><\/ul><\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"contador-hero-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"contador-hero-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"28\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Contador Hero<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<ul class=\"child-terms\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"plataforma-hero-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plataforma-hero-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"34\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Plataforma Hero<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"cases-de-sucesso-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"cases-de-sucesso-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"27\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Cases de sucesso<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li><\/ul><\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"primeiros-passos-do-pj-dacfce9\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"primeiros-passos-do-pj-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"1\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Primeiros passos do PJ<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<ul class=\"child-terms\">\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"tipos-de-cnpj-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"tipos-de-cnpj-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"54\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Tipos de CNPJ<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"contabilidade-pj-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"contabilidade-pj-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"53\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Contabilidade PJ<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"abertura-de-empresa-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"abertura-de-empresa-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"51\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Abertura de empresa<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"inscricao-estadual-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"inscricao-estadual-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"33\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Inscri\u00e7\u00e3o Estadual<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li class=\"child-term depth-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"escritorio-virtual-dacfce9\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"escritorio-virtual-dacfce9\" class=\"bpfwe-filter-item\" name=\"category\" data-taxonomy=\"category\" value=\"30\" \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Escrit\u00f3rio Virtual<\/span><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\">+<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/label><\/li><\/ul><\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/form><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-124863a elementor-widget elementor-widget-filter-widget\" data-id=\"124863a\" data-element_type=\"widget\" data-settings=\"{&quot;nothing_found_message&quot;:&quot;It seems we can\\u2019t find what you\\u2019re looking for.&quot;,&quot;filter_post_type&quot;:&quot;targeted_widget&quot;,&quot;group_logic&quot;:&quot;AND&quot;,&quot;filter_custom_handler&quot;:&quot;no&quot;,&quot;optimize_query&quot;:&quot;no&quot;,&quot;no_found_rows&quot;:&quot;no&quot;,&quot;suppress_filters&quot;:&quot;no&quot;,&quot;posts_per_page&quot;:-1,&quot;scroll_to_top&quot;:&quot;yes&quot;}\" data-widget_type=\"filter-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t<div class=\"filter-container\" data-target-post-widget=\"\">\n\t\t\t<form id=\"filter-124863a\" class=\"form-tax elementor-grid \" action=\"\/\" method=\"get\" autocomplete=\"on\">\n\t\t\t<input type=\"hidden\" name=\"bpf_filter_nonce\" value=\"05984423b9\">\n\t\t\t<div class=\"bpfwe-default-filters\" style=\"display:none !important;\"><\/div>\n\t\t\t\t\t\t<div class=\"flex-wrapper post_tag\">\n\t\t\t\t\t\t<div class=\"filter-title\">Filtrar por temas<\/div>\n\t\t\t\t\t\t<div class=\"bpfwe-taxonomy-wrapper elementor-repeater-item-e3ed117  \" data-logic=\"OR\">\n\t\t\t\t\t\t<ul class=\"taxonomy-filter \">\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"pj-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"pj-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"240\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">PJ<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"principal-ev-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"principal-ev-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"236\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">principal-EV<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"plano-odontologico-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plano-odontologico-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"226\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">plano odontol\u00f3gico<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"gndi-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"gndi-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"223\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">GNDI<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"notredame-intermedica-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"notredame-intermedica-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"222\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">notredame interm\u00e9dica<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"plano-de-saude-notredame-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plano-de-saude-notredame-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"221\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">plano de sa\u00fade notredame<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"plano-de-saude-notredame-intermedica-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plano-de-saude-notredame-intermedica-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"220\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">plano de sa\u00fade notredame interm\u00e9dica<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"omint-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"omint-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"219\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">omint<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"plano-de-saude-omint-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plano-de-saude-omint-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"218\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">plano de sa\u00fade omint<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"plano-de-saude-porto-seguro-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plano-de-saude-porto-seguro-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"217\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">plano de sa\u00fade porto seguro<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"plano-de-saude-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"plano-de-saude-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"216\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">plano de sa\u00fade<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"requisitos-para-ser-mei-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"requisitos-para-ser-mei-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"215\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">requisitos para ser mei<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"regras-do-mei-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"regras-do-mei-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"214\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">regras do mei<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"das-mei-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"das-mei-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"208\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">das-mei<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"parcelamento-das-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"parcelamento-das-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"102\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">parcelamento das<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"regularizacao-mei-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"regularizacao-mei-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"101\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">regulariza\u00e7\u00e3o MEI<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"baixa-no-mei-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"baixa-no-mei-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"100\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">baixa no MEI<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"mei-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"mei-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"99\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">MEI<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"artigos-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"artigos-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"92\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Artigos<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"para-sua-seguranca-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"para-sua-seguranca-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"91\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Para sua seguran\u00e7a<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"para-sua-saude-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"para-sua-saude-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"90\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Para sua sa\u00fade<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"para-sua-empresa-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"para-sua-empresa-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"89\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Para sua empresa<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"vitrine-2-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"vitrine-2-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"88\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Vitrine 2<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<li class=\"parent-term\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<label for=\"vitrine-1-124863a\">\n\t\t\t\t\t\t\t\t<input type=\"checkbox\" id=\"vitrine-1-124863a\" class=\"bpfwe-filter-item\" name=\"post_tag\" data-taxonomy=\"post_tag\" value=\"87\" \/>\n\t\t\t\t\t\t\t\t<span><span class=\"label-text\">Vitrine 1<\/span><\/span>\n\t\t\t\t\t\t\t\t<span class=\"low-group-trigger\" role=\"button\" aria-expanded=\"false\">+<\/span>\n\t\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/form><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-651e89d elementor-widget__width-initial materiais elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient load-more-align-center elementor-widget elementor-widget-posts\" data-id=\"651e89d\" data-element_type=\"widget\" data-settings=\"{&quot;pagination_type&quot;:&quot;load_more_on_click&quot;,&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;load_more_spinner&quot;:{&quot;value&quot;:&quot;fas fa-spinner&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5931 post type-post status-publish format-standard has-post-thumbnail hentry category-e-books tag-pj\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/i0.wp.com\/www.companyhero.com\/blog\/wp-content\/uploads\/2026\/06\/EBOOK-GUIA-PRTICO-DO-MEI.webp?fit=300%2C300&amp;ssl=1\" class=\"attachment-medium size-medium wp-image-5938\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/www.companyhero.com\/blog\/wp-content\/uploads\/2026\/06\/EBOOK-GUIA-PRTICO-DO-MEI.webp?w=600&amp;ssl=1 600w, https:\/\/i0.wp.com\/www.companyhero.com\/blog\/wp-content\/uploads\/2026\/06\/EBOOK-GUIA-PRTICO-DO-MEI.webp?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.companyhero.com\/blog\/wp-content\/uploads\/2026\/06\/EBOOK-GUIA-PRTICO-DO-MEI.webp?resize=150%2C150&amp;ssl=1 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">E-books<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" >\n\t\t\t\tGuia Pr\u00e1tico do MEI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t\t<div class=\"elementor-post__read-more-wrapper\">\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" aria-label=\"Leia mais sobre Guia Pr\u00e1tico do MEI\" tabindex=\"-1\" >\n\t\t\tVer mais  \u2192\t\t<\/a>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\t\t\t<span class=\"e-load-more-spinner\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-spinner\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\n\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-0972067 e-flex e-con-boxed e-con e-parent\" data-id=\"0972067\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ed8267 elementor-widget elementor-widget-heading\" data-id=\"0ed8267\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mais acessados.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85d0701 e-con-full e-flex e-con e-child\" data-id=\"85d0701\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0afd073 e-grid e-con-full e-con e-child\" data-id=\"0afd073\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7c8d54e e-con-full e-flex e-con e-child\" data-id=\"7c8d54e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00c3a01 elementor-widget elementor-widget-heading\" data-id=\"00c3a01\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Planilha<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f05c756 elementor-grid-1 elementor-posts--thumbnail-none elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-posts\" data-id=\"f05c756\" data-element_type=\"widget\" data-settings=\"{&quot;classic_columns&quot;:&quot;1&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5931 post type-post status-publish format-standard has-post-thumbnail hentry category-e-books tag-pj\" role=\"listitem\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" >\n\t\t\t\tGuia Pr\u00e1tico do MEI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" aria-label=\"Leia mais sobre Guia Pr\u00e1tico do MEI\" tabindex=\"-1\" >\n\t\t\t\u2192\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7b2703 e-con-full e-flex e-con e-child\" data-id=\"d7b2703\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d6c59 elementor-widget elementor-widget-heading\" data-id=\"07d6c59\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">E-book<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1d2173 elementor-grid-1 elementor-posts--thumbnail-none elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-posts\" data-id=\"a1d2173\" data-element_type=\"widget\" data-settings=\"{&quot;classic_columns&quot;:&quot;1&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5931 post type-post status-publish format-standard has-post-thumbnail hentry category-e-books tag-pj\" role=\"listitem\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" >\n\t\t\t\tGuia Pr\u00e1tico do MEI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" aria-label=\"Leia mais sobre Guia Pr\u00e1tico do MEI\" tabindex=\"-1\" >\n\t\t\t\u2192\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0bda80 e-con-full e-flex e-con e-child\" data-id=\"c0bda80\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f2156a elementor-widget elementor-widget-heading\" data-id=\"1f2156a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Webinar<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7947e7b elementor-grid-1 elementor-posts--thumbnail-none elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-posts\" data-id=\"7947e7b\" data-element_type=\"widget\" data-settings=\"{&quot;classic_columns&quot;:&quot;1&quot;,&quot;classic_columns_tablet&quot;:&quot;2&quot;,&quot;classic_columns_mobile&quot;:&quot;1&quot;,&quot;classic_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;classic_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;classic_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.classic\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-5931 post type-post status-publish format-standard has-post-thumbnail hentry category-e-books tag-pj\" role=\"listitem\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" >\n\t\t\t\tGuia Pr\u00e1tico do MEI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/www.companyhero.com\/blog\/guia-pratico-do-mei\" aria-label=\"Leia mais sobre Guia Pr\u00e1tico do MEI\" tabindex=\"-1\" >\n\t\t\t\u2192\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5825b92 elementor-widget elementor-widget-shortcode\" data-id=\"5825b92\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- ===== IN\u00cdCIO DA SE\u00c7\u00c3O DE FERRAMENTAS ===== -->\n<!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>Ferramentas Hero<\/title>\n\n  <!-- Fonte Asap -->\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=Asap:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n\n  <style>\n    \/* ====== TUDO escopado em .ch-tools-section ====== *\/\n    .ch-tools-section, .ch-tools-section * { box-sizing: border-box; }\n\n    .ch-tools-section {\n      \/* Vari\u00e1veis Tema Light Premium SaaS *\/\n      --ch-bg: #ffffff;\n      --ch-ink-1: #1A1A1A; \/* Texto escuro *\/\n      --ch-ink-2: #64748B; \/* Cinza m\u00e9dio *\/\n      --ch-pink: #FF0267;\n      --ch-pink-glow: rgba(255,2,103,.15); \/* Brilho mais suave *\/\n      \n      --ch-ease: cubic-bezier(.16,1,.3,1);\n      --ch-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n\n      position: relative;\n      width: 100%;\n      background: var(--ch-bg);\n      color: var(--ch-ink-1);\n      font-family: 'Asap', ui-sans-serif, system-ui, -apple-system, sans-serif;\n      -webkit-font-smoothing: antialiased;\n      padding: 100px 20px;\n      overflow: hidden;\n    }\n\n    @media(min-width:768px){ .ch-tools-section{padding: 120px 32px;} }\n    @media(min-width:1280px){ .ch-tools-section{padding: 140px 48px;} }\n\n    \/* Fundos *\/\n    .ch-t-bg { position: absolute; inset: 0; pointer-events: none; }\n    .ch-t-bg-dots {\n      \/* Pontos cinzentos muito suaves *\/\n      background-image: radial-gradient(rgba(0,0,0,.06) 1px, transparent 1px);\n      background-size: 24px 24px;\n      -webkit-mask-image: linear-gradient(to bottom, #000, transparent 90%);\n      mask-image: linear-gradient(to bottom, #000, transparent 90%);\n      z-index: 1;\n    }\n    .ch-t-bg-spotlight {\n      z-index: 2;\n      \/* Luz subtil cor-de-rosa no canto *\/\n      background: radial-gradient(1200px circle at 80% 50%, rgba(255,2,103,.04), transparent 50%);\n    }\n\n    \/* Layout Principal (Grid 40\/60) *\/\n    .ch-t-container {\n      position: relative; z-index: 5;\n      width: 100%; max-width: 1240px; margin: 0 auto;\n      display: grid; grid-template-columns: 1fr; gap: 64px;\n      align-items: start;\n    }\n    @media(min-width:1024px){ \n      .ch-t-container { grid-template-columns: 4fr 6fr; gap: 80px; } \n    }\n\n    \/* ===== COLUNA ESQUERDA (STICKY) ===== *\/\n    .ch-t-sidebar {\n      display: flex; flex-direction: column; gap: 24px;\n      position: sticky; top: 120px; \/* Mant\u00e9m na tela durante o scroll *\/\n    }\n\n    .ch-t-badge {\n      align-self: flex-start;\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 6px 14px; border-radius: 999px;\n      \/* Fundo branco e borda suave no tema light *\/\n      background: #ffffff;\n      border: 1px solid rgba(0,0,0,.08);\n      box-shadow: 0 4px 12px rgba(0,0,0,.03);\n      color: var(--ch-pink); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;\n      opacity: 0; transform: translateY(20px); transition: opacity 0.8s var(--ch-ease), transform 0.8s var(--ch-ease);\n    }\n    .ch-t-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ch-pink); box-shadow: 0 0 10px rgba(255,2,103,.4); }\n\n    .ch-t-title {\n      font-weight: 700; line-height: 1.1; letter-spacing: -.02em; margin: 0;\n      font-size: clamp(36px, 4vw, 52px); color: var(--ch-ink-1);\n      opacity: 0; transform: translateY(20px); transition: opacity 0.8s var(--ch-ease) 0.1s, transform 0.8s var(--ch-ease) 0.1s;\n    }\n\n    .ch-t-desc {\n      color: var(--ch-ink-2); font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; margin: 0; max-width: 420px;\n      opacity: 0; transform: translateY(20px); transition: opacity 0.8s var(--ch-ease) 0.2s, transform 0.8s var(--ch-ease) 0.2s;\n    }\n\n    \/* Estilos do Novo Banner MEI *\/\n    .ch-t-banner {\n      margin-top: 8px;\n      background: linear-gradient(145deg, rgba(255,2,103,0.03), rgba(255,2,103,0.08));\n      border: 1px solid rgba(255,2,103,0.15);\n      border-radius: 24px;\n      padding: 32px 24px;\n      display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px;\n      box-shadow: 0 10px 30px -10px rgba(255,2,103,0.1);\n      opacity: 0; transform: translateY(20px); transition: opacity 0.8s var(--ch-ease) 0.3s, transform 0.8s var(--ch-ease) 0.3s;\n    }\n    \n    .ch-banner-title { font-size: 22px; font-weight: 800; color: var(--ch-ink-1); margin: 0; line-height: 1.2; }\n    \n    .ch-banner-desc { font-size: 15px; color: var(--ch-ink-2); line-height: 1.5; margin: 0; max-width: 95%; }\n    \n    .ch-banner-btn {\n      margin-top: 8px;\n      display: inline-flex; align-items: center; gap: 8px;\n      background: var(--ch-pink); color: #fff;\n      font-weight: 700; font-size: 15px; text-decoration: none;\n      padding: 14px 28px; border-radius: 999px;\n      box-shadow: 0 4px 15px rgba(255,2,103,0.3);\n      transition: transform 0.3s var(--ch-ease), box-shadow 0.3s ease, background 0.3s ease;\n    }\n    \n    .ch-banner-btn:hover {\n      transform: translateY(-2px); background: #E6005C; box-shadow: 0 8px 25px rgba(255,2,103,0.4);\n    }\n    \n    .ch-banner-btn svg { transition: transform 0.3s var(--ch-ease); }\n    .ch-banner-btn:hover svg { transform: translateX(4px); }\n\n    \/* Estados ativados pelo Intersection Observer *\/\n    .ch-tools-section.ch-visible .ch-t-badge,\n    .ch-tools-section.ch-visible .ch-t-title,\n    .ch-tools-section.ch-visible .ch-t-desc,\n    .ch-tools-section.ch-visible .ch-t-banner {\n      opacity: 1; transform: translateY(0);\n    }\n\n    \/* ===== COLUNA DIREITA (GRID DE FERRAMENTAS) ===== *\/\n    .ch-t-grid {\n      display: grid; grid-template-columns: 1fr; gap: 24px;\n    }\n    @media(min-width:640px){ .ch-t-grid { grid-template-columns: repeat(2, 1fr); } }\n\n    .ch-tool-card {\n      position: relative;\n      \/* Fundo branco transl\u00facido *\/\n      background: rgba(255, 255, 255, 0.8);\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 24px;\n      padding: 32px 24px;\n      display: flex; flex-direction: column; gap: 16px;\n      text-decoration: none; color: inherit;\n      overflow: hidden;\n      -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);\n      box-shadow: 0 10px 30px -10px rgba(0,0,0,0.04);\n      \n      opacity: 0; transform: translateY(40px);\n      transition: opacity 0.8s var(--ch-spring), transform 0.8s var(--ch-spring), border-color 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;\n    }\n\n    \/* Entrada animada em cascata *\/\n    .ch-tools-section.ch-visible .ch-tool-card { opacity: 1; transform: translateY(0); }\n    .ch-tools-section.ch-visible .ch-tool-card:nth-child(1) { transition-delay: 0.3s; }\n    .ch-tools-section.ch-visible .ch-tool-card:nth-child(2) { transition-delay: 0.45s; }\n    .ch-tools-section.ch-visible .ch-tool-card:nth-child(3) { transition-delay: 0.6s; }\n    .ch-tools-section.ch-visible .ch-tool-card:nth-child(4) { transition-delay: 0.75s; }\n\n    \/* Efeito Glow Interno - Ajustado para light mode *\/\n    .ch-tool-card::before {\n      content: ''; position: absolute; inset: 0;\n      \/* Gradiente mais subtil no claro *\/\n      background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255,2,103,0.04), transparent 40%);\n      opacity: 0; transition: opacity 0.4s ease; z-index: 0; pointer-events: none;\n    }\n\n    .ch-tool-card:hover {\n      border-color: rgba(255,2,103,.3);\n      background: rgba(255, 255, 255, 1);\n      \/* Sombra mais marcante e brilhante no claro *\/\n      box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08), 0 0 20px rgba(255,2,103,0.08);\n      transform: translateY(-8px);\n    }\n    .ch-tool-card:hover::before { opacity: 1; }\n\n    \/* Conte\u00fado do Card *\/\n    .ch-tool-icon-wrapper {\n      position: relative; z-index: 1;\n      width: 56px; height: 56px; border-radius: 16px;\n      \/* Fundo claro para o \u00edcone *\/\n      background: #ffffff;\n      border: 1px solid rgba(0,0,0,0.06);\n      box-shadow: 0 4px 12px rgba(0,0,0,.03);\n      display: flex; align-items: center; justify-content: center;\n      color: var(--ch-pink);\n      transition: transform 0.5s var(--ch-spring), background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n    }\n    .ch-tool-card:hover .ch-tool-icon-wrapper {\n      transform: scale(1.1) rotate(-5deg);\n      background: rgba(255,2,103,0.05); border-color: rgba(255,2,103,0.2);\n      box-shadow: 0 8px 16px rgba(255,2,103,.1);\n    }\n\n    .ch-tool-info { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 8px; flex: 1; }\n    \/* T\u00edtulo escuro no card *\/\n    .ch-tool-title { font-size: 20px; font-weight: 700; margin: 0; color: var(--ch-ink-1); line-height: 1.2; }\n    .ch-tool-p { font-size: 14px; color: var(--ch-ink-2); line-height: 1.5; margin: 0; }\n\n    .ch-tool-link {\n      position: relative; z-index: 1;\n      margin-top: 16px; font-size: 14px; font-weight: 700; color: var(--ch-pink);\n      display: flex; align-items: center; gap: 6px;\n      transition: gap 0.3s var(--ch-ease);\n    }\n    .ch-tool-card:hover .ch-tool-link { gap: 12px; }\n\n    \/* Acessibilidade *\/\n    @media (prefers-reduced-motion: reduce){\n      .ch-tools-section * { animation: none !important; transition: none !important; }\n      .ch-t-badge, .ch-t-title, .ch-t-desc, .ch-tool-card { opacity: 1 !important; transform: none !important; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<section class=\"ch-tools-section\" id=\"ch-tools\">\n  <!-- Fundos da Se\u00e7\u00e3o -->\n  <div class=\"ch-t-bg ch-t-bg-dots\" aria-hidden=\"true\"><\/div>\n  <div class=\"ch-t-bg ch-t-bg-spotlight\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ch-t-container\">\n    \n    <!-- COLUNA ESQUERDA: Texto Fixo -->\n    <div class=\"ch-t-sidebar\">\n      <div class=\"ch-t-badge\">\n        <span class=\"ch-t-badge-dot\"><\/span>\n        <span>Apoio ao Empreendedor<\/span>\n      <\/div>\n      \n      <h2 class=\"ch-t-title\">Ferramentas para sua jornada<\/h2>\n      <p class=\"ch-t-desc\">Recursos gratuitos e pr\u00e1ticos, elaborados por especialistas para descomplicar a gest\u00e3o, as finan\u00e7as e o dia a dia do seu neg\u00f3cio PJ.<\/p>\n      \n      <!-- NOVO BANNER MEI -->\n      <div class=\"ch-t-banner\">\n        <h3 class=\"ch-banner-title\">Quer abrir seu MEI?<\/h3>\n        <p class=\"ch-banner-desc\">A Hero cuida de toda a burocracia para voc\u00ea focar no que realmente importa:<\/p>\n        <a href=\"#\" class=\"ch-banner-btn\">\n          Conhecer a Hero \n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n            <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n          <\/svg>\n        <\/a>\n      <\/div>\n      \n    <\/div>\n\n    <!-- COLUNA DIREITA: Grelha de Ferramentas -->\n    <div class=\"ch-t-grid\">\n      \n      <!-- Card 1 -->\n      <a href=\"#\" class=\"ch-tool-card\">\n        <div class=\"ch-tool-icon-wrapper\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"><\/line><line x1=\"16\" y1=\"14\" x2=\"16\" y2=\"14.01\"><\/line><line x1=\"12\" y1=\"14\" x2=\"12\" y2=\"14.01\"><\/line><line x1=\"8\" y1=\"14\" x2=\"8\" y2=\"14.01\"><\/line><line x1=\"16\" y1=\"18\" x2=\"16\" y2=\"18.01\"><\/line><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"18.01\"><\/line><line x1=\"8\" y1=\"18\" x2=\"8\" y2=\"18.01\"><\/line><\/svg>\n        <\/div>\n        <div class=\"ch-tool-info\">\n          <h3 class=\"ch-tool-title\">Calculadora PJ x CLT<\/h3>\n          <p class=\"ch-tool-p\">Compare cen\u00e1rios, calcule impostos e descubra qual modelo de contrata\u00e7\u00e3o compensa mais para o seu bolso.<\/p>\n        <\/div>\n        <div class=\"ch-tool-link\">Acessar ferramenta <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div>\n      <\/a>\n\n      <!-- Card 2 -->\n      <a href=\"#\" class=\"ch-tool-card\">\n        <div class=\"ch-tool-icon-wrapper\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"><\/line><line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n        <\/div>\n        <div class=\"ch-tool-info\">\n          <h3 class=\"ch-tool-title\">Planilha de Precifica\u00e7\u00e3o<\/h3>\n          <p class=\"ch-tool-p\">Descubra exatamente quanto cobrar pelos seus servi\u00e7os para garantir lucro e cobrir todos os seus custos ocultos.<\/p>\n        <\/div>\n        <div class=\"ch-tool-link\">Acessar planilha <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div>\n      <\/a>\n\n      <!-- Card 3 -->\n      <a href=\"#\" class=\"ch-tool-card\">\n        <div class=\"ch-tool-icon-wrapper\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\n        <\/div>\n        <div class=\"ch-tool-info\">\n          <h3 class=\"ch-tool-title\">Template de Or\u00e7amento<\/h3>\n          <p class=\"ch-tool-p\">Envie propostas comerciais bonitas, profissionais e que aumentam consideravelmente as suas taxas de convers\u00e3o.<\/p>\n        <\/div>\n        <div class=\"ch-tool-link\">Baixar template <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div>\n      <\/a>\n\n      <!-- Card 4 -->\n      <a href=\"#\" class=\"ch-tool-card\">\n        <div class=\"ch-tool-icon-wrapper\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"><\/path><polyline points=\"13 2 13 9 20 9\"><\/polyline><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"><\/line><\/svg>\n        <\/div>\n        <div class=\"ch-tool-info\">\n          <h3 class=\"ch-tool-title\">Emissor de Recibos<\/h3>\n          <p class=\"ch-tool-p\">Gere recibos de pagamento em PDF na hora, prontos para enviar ao seu cliente de forma r\u00e1pida e segura.<\/p>\n        <\/div>\n        <div class=\"ch-tool-link\">Gerar recibo <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script data-jetpack-boost=\"ignore\">\n  (function(){\n    var section = document.getElementById('ch-tools');\n    if(!section) return;\n\n    \/\/ 1. Observer de Interse\u00e7\u00e3o para animar a entrada (Scroll Reveal)\n    if('IntersectionObserver' in window){\n      var io = new IntersectionObserver(function(entries){\n        entries.forEach(function(e){\n          \/\/ Dispara quando 15% da se\u00e7\u00e3o est\u00e1 vis\u00edvel\n          if(e.isIntersecting){ \n            section.classList.add('ch-visible'); \n            io.disconnect(); \/\/ Anima apenas uma vez\n          }\n        });\n      }, { threshold: 0.15, rootMargin: \"0px 0px -50px 0px\" });\n      \n      io.observe(section);\n    } else {\n      \/\/ Fallback\n      section.classList.add('ch-visible');\n    }\n\n    \/\/ 2. Efeito de Lanterna Radial (Glow) que segue o mouse nos cards\n    var cards = section.querySelectorAll('.ch-tool-card');\n    \n    cards.forEach(function(card){\n      card.addEventListener('mousemove', function(e){\n        var rect = card.getBoundingClientRect();\n        \/\/ Calcula a posi\u00e7\u00e3o do cursor dentro do card espec\u00edfico\n        var x = e.clientX - rect.left;\n        var y = e.clientY - rect.top;\n        \n        \/\/ Passa as coordenadas reais em pixels para o gradiente de fundo do card\n        card.style.setProperty('--mouse-x', x + 'px');\n        card.style.setProperty('--mouse-y', y + 'px');\n      });\n    });\n  })();\n<\/script>\n\n<\/body>\n<\/html>\n<!-- ===== FIM DA SE\u00c7\u00c3O DE FERRAMENTAS ===== --><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62882c1 e-con-full e-flex e-con e-child\" data-id=\"62882c1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51e511c elementor-widget elementor-widget-shortcode\" data-id=\"51e511c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- ===== IN\u00cdCIO DO CARROSSEL PREMIUM ===== -->\n<!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>Carrossel Destaques - Company Hero<\/title>\n\n  <!-- Fonte Asap -->\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=Asap:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n\n  <style>\n    \/* ====== ESCOPO .ch-carousel-section ====== *\/\n    .ch-carousel-section, .ch-carousel-section * { box-sizing: border-box; }\n\n    .ch-carousel-section {\n      \/* Vari\u00e1veis Tema Dark Premium SaaS *\/\n      --ch-bg: #050505;\n      --ch-ink-1: #ffffff;\n      --ch-ink-2: #94A3B8;\n      --ch-pink: #FF0267;\n      --ch-pink-glow: rgba(255,2,103,.35);\n      \n      --ch-ease: cubic-bezier(.16,1,.3,1);\n      --ch-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n\n      position: relative;\n      width: 100%;\n      background: var(--ch-bg);\n      color: var(--ch-ink-1);\n      font-family: 'Asap', ui-sans-serif, system-ui, sans-serif;\n      -webkit-font-smoothing: antialiased;\n      padding: 80px 20px;\n      overflow: hidden;\n      display: flex;\n      justify-content: center;\n    }\n\n    \/* Fundos *\/\n    .ch-c-bg { position: absolute; inset: 0; pointer-events: none; }\n    .ch-c-bg-dots {\n      background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px);\n      background-size: 24px 24px;\n      -webkit-mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, #000 30%, transparent 80%);\n      mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, #000 30%, transparent 80%);\n      z-index: 1;\n    }\n\n    \/* Container Principal *\/\n    .ch-carousel-container {\n      position: relative; z-index: 5;\n      width: 100%; max-width: 1240px;\n    }\n\n    \/* \u00c1rea de visualiza\u00e7\u00e3o (Viewport) *\/\n    .ch-carousel-viewport {\n      position: relative;\n      width: 100%;\n      background: rgba(20, 20, 22, 0.4);\n      border: 1px solid rgba(255,255,255,0.06);\n      border-radius: 32px;\n      overflow: hidden;\n      -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);\n      box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.03);\n      \n      \/* O Grid permite que todos os slides ocupem o mesmo espa\u00e7o sem position: absolute que quebra a altura *\/\n      display: grid;\n      grid-template-columns: 1fr;\n      grid-template-rows: 1fr;\n    }\n\n    \/* Aurora Glows no fundo do Viewport *\/\n    .ch-c-aurora { position: absolute; inset: 0; z-index: 0; filter: blur(60px); opacity: 0.4; pointer-events: none;}\n    .ch-blob { position: absolute; border-radius: 50%; mix-blend-mode: screen; transition: all 1s ease;}\n    .ch-b1 { width: 400px; height: 400px; right: -50px; top: -100px; background: radial-gradient(circle, rgba(255,2,103,.5) 0%, transparent 70%); }\n    .ch-b2 { width: 300px; height: 300px; left: -100px; bottom: -50px; background: radial-gradient(circle, rgba(180,30,140,.4) 0%, transparent 70%); }\n\n    \/* ========================================= *\/\n    \/* SLIDES                                    *\/\n    \/* ========================================= *\/\n    .ch-slide {\n      grid-area: 1 \/ 1; \/* Todos os slides na mesma c\u00e9lula da grid *\/\n      position: relative; z-index: 1;\n      display: flex;\n      flex-direction: column-reverse;\n      opacity: 0;\n      transform: scale(0.96) translateY(20px);\n      transition: opacity 0.8s var(--ch-ease), transform 0.8s var(--ch-spring);\n      pointer-events: none;\n      visibility: hidden;\n    }\n\n    @media (min-width: 900px) {\n      .ch-slide { flex-direction: row; align-items: center; min-height: 480px; }\n    }\n\n    \/* Estado Ativo do Slide *\/\n    .ch-slide.ch-active {\n      opacity: 1;\n      transform: scale(1) translateY(0);\n      pointer-events: auto;\n      visibility: visible;\n      z-index: 2;\n    }\n\n    \/* Conte\u00fado Textual (Esquerda) *\/\n    .ch-slide-content {\n      flex: 1;\n      padding: 40px 32px;\n      display: flex; flex-direction: column; justify-content: center; align-items: flex-start;\n    }\n    @media (min-width: 900px) { .ch-slide-content { padding: 64px; } }\n\n    .ch-badge {\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 6px 14px; border-radius: 999px;\n      background: rgba(255,2,103,.08); border: 1px solid rgba(255,2,103,.2);\n      color: #ffb1ce; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;\n      margin-bottom: 24px;\n    }\n    .ch-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ch-pink); box-shadow: 0 0 10px var(--ch-pink); }\n\n    .ch-slide-title {\n      font-size: clamp(32px, 3.5vw, 48px); font-weight: 700; line-height: 1.1; letter-spacing: -.02em;\n      margin: 0 0 16px 0; color: #fff;\n    }\n\n    .ch-slide-desc {\n      font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; color: var(--ch-ink-2);\n      margin: 0 0 32px 0; max-width: 460px;\n    }\n\n    .ch-cta {\n      display: inline-flex; align-items: center; gap: 8px;\n      background: linear-gradient(180deg,#ff1a73,#e6005c); color: #fff;\n      padding: 16px 32px; border-radius: 999px; font-weight: 700; font-size: 16px; text-decoration: none;\n      box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 10px 20px -10px var(--ch-pink-glow);\n      transition: transform 0.3s var(--ch-ease), box-shadow 0.3s ease;\n    }\n    .ch-cta:hover { transform: translateY(-2px); box-shadow: 0 1px 0 rgba(255,255,255,.22) inset, 0 12px 24px -8px rgba(255,2,103,.6); }\n    .ch-cta svg { transition: transform 0.3s ease; }\n    .ch-cta:hover svg { transform: translateX(4px); }\n\n    \/* \u00c1rea da Imagem (Direita) *\/\n    .ch-slide-media {\n      flex: 1;\n      width: 100%;\n      min-height: 240px;\n      position: relative;\n      padding: 24px;\n      display: flex; align-items: center; justify-content: center;\n    }\n    @media (min-width: 900px) { .ch-slide-media { min-height: 100%; padding: 48px; } }\n\n    \/* Mockup\/Placeholder da Imagem (At\u00e9 enviar as reais) *\/\n    .ch-mock-image {\n      width: 100%; height: 100%; max-width: 400px; aspect-ratio: 4\/3;\n      background: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.01));\n      border: 1px solid rgba(255,255,255,0.08);\n      border-radius: 24px;\n      display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px;\n      color: rgba(255,255,255,0.3);\n      box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5);\n      \/* Efeito Parallax no conte\u00fado ao aparecer *\/\n      opacity: 0; transform: translateX(40px) scale(0.95);\n      transition: opacity 0.8s var(--ch-ease), transform 0.8s var(--ch-spring);\n      transition-delay: 0.1s;\n    }\n    \n    .ch-slide.ch-active .ch-mock-image {\n      opacity: 1; transform: translateX(0) scale(1);\n    }\n\n    \/* Imagem real (escondida por enquanto) *\/\n    .ch-slide-img {\n      position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 24px;\n      opacity: 0; \/* Mude para 1 quando tiver as imagens reais e remova o .ch-mock-image *\/\n    }\n\n    \/* ========================================= *\/\n    \/* NAVEGA\u00c7\u00c3O E BARRAS DE PROGRESSO           *\/\n    \/* ========================================= *\/\n    .ch-carousel-nav {\n      position: absolute; bottom: 32px; left: 32px; z-index: 10;\n      display: flex; gap: 8px; align-items: center;\n    }\n    @media (min-width: 900px) { .ch-carousel-nav { left: 64px; bottom: 40px; } }\n\n    .ch-nav-dot {\n      position: relative;\n      width: 48px; height: 4px; border-radius: 2px;\n      background: rgba(255,255,255,0.15);\n      cursor: pointer; overflow: hidden;\n      transition: width 0.4s var(--ch-ease), background 0.4s ease;\n    }\n    \n    .ch-nav-dot:hover { background: rgba(255,255,255,0.3); }\n    \n    \/* Ponto Ativo fica mais largo *\/\n    .ch-nav-dot.ch-active { width: 80px; background: rgba(255,255,255,0.1); }\n\n    \/* Barra de progresso preenchendo dentro do ponto ativo *\/\n    .ch-nav-progress {\n      position: absolute; left: 0; top: 0; bottom: 0; width: 0%;\n      background: var(--ch-pink);\n      border-radius: 2px;\n      box-shadow: 0 0 10px rgba(255,2,103,0.8);\n    }\n\n  <\/style>\n<\/head>\n<body>\n\n<section class=\"ch-carousel-section\" id=\"destaques-hero\">\n  <!-- Fundo -->\n  <div class=\"ch-c-bg ch-c-bg-dots\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ch-carousel-container\">\n    \n    <div class=\"ch-carousel-viewport\">\n      <!-- Glows do fundo que se movem subtilmente -->\n      <div class=\"ch-c-aurora\">\n        <span class=\"ch-blob ch-b1\"><\/span>\n        <span class=\"ch-blob ch-b2\"><\/span>\n      <\/div>\n\n      <!-- SLIDE 1 -->\n      <div class=\"ch-slide ch-active\">\n        <div class=\"ch-slide-content\">\n          <div class=\"ch-badge\"><span class=\"ch-badge-dot\"><\/span><span>Novo Lan\u00e7amento<\/span><\/div>\n          <h2 class=\"ch-slide-title\">Calculadora de<br>Pr\u00f3-labore 2026<\/h2>\n          <p class=\"ch-slide-desc\">Ajuste seu sal\u00e1rio como PJ, calcule impostos atualizados e garanta que voc\u00ea n\u00e3o est\u00e1 perdendo dinheiro na sua retirada mensal.<\/p>\n          <a href=\"#\" class=\"ch-cta\">\n            Acessar\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"ch-slide-media\">\n          <!-- Espa\u00e7o reservado para a imagem 1 -->\n          <div class=\"ch-mock-image\">\n            <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\n            <span style=\"font-weight: 600; font-size: 14px;\">Imagem 1 aqui<\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"\" alt=\"\" class=\"ch-slide-img\">\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 2 -->\n      <div class=\"ch-slide\">\n        <div class=\"ch-slide-content\">\n          <div class=\"ch-badge\"><span class=\"ch-badge-dot\"><\/span><span>Webinar Exclusivo<\/span><\/div>\n          <h2 class=\"ch-slide-title\">Reforma Tribut\u00e1ria:<br>O que muda pra PJ<\/h2>\n          <p class=\"ch-slide-desc\">Assista ao aul\u00e3o com nossos especialistas tribut\u00e1rios e prepare o seu neg\u00f3cio para as novas regras sem dor de cabe\u00e7a.<\/p>\n          <a href=\"#\" class=\"ch-cta\">\n            Acessar\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"ch-slide-media\">\n          <!-- Espa\u00e7o reservado para a imagem 2 -->\n          <div class=\"ch-mock-image\">\n            <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"2.18\" ry=\"2.18\"><\/rect><line x1=\"7\" y1=\"2\" x2=\"7\" y2=\"22\"><\/line><line x1=\"17\" y1=\"2\" x2=\"17\" y2=\"22\"><\/line><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line><line x1=\"2\" y1=\"7\" x2=\"7\" y2=\"7\"><\/line><line x1=\"2\" y1=\"17\" x2=\"7\" y2=\"17\"><\/line><line x1=\"17\" y1=\"17\" x2=\"22\" y2=\"17\"><\/line><line x1=\"17\" y1=\"7\" x2=\"22\" y2=\"7\"><\/line><\/svg>\n            <span style=\"font-weight: 600; font-size: 14px;\">Imagem 2 aqui<\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"\" alt=\"\" class=\"ch-slide-img\">\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 3 -->\n      <div class=\"ch-slide\">\n        <div class=\"ch-slide-content\">\n          <div class=\"ch-badge\"><span class=\"ch-badge-dot\"><\/span><span>Guia Definitivo<\/span><\/div>\n          <h2 class=\"ch-slide-title\">Como abrir a sua<br>empresa do zero<\/h2>\n          <p class=\"ch-slide-desc\">Passo a passo descomplicado para voc\u00ea obter o seu CNPJ, emitir notas fiscais e operar de forma 100% legalizada.<\/p>\n          <a href=\"#\" class=\"ch-cta\">\n            Acessar\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"ch-slide-media\">\n          <!-- Espa\u00e7o reservado para a imagem 3 -->\n          <div class=\"ch-mock-image\">\n            <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n            <span style=\"font-weight: 600; font-size: 14px;\">Imagem 3 aqui<\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"\" alt=\"\" class=\"ch-slide-img\">\n        <\/div>\n      <\/div>\n\n      <!-- SLIDE 4 -->\n      <div class=\"ch-slide\">\n        <div class=\"ch-slide-content\">\n          <div class=\"ch-badge\"><span class=\"ch-badge-dot\"><\/span><span>Kit Ferramentas<\/span><\/div>\n          <h2 class=\"ch-slide-title\">Template Comercial<br>de Alto Impacto<\/h2>\n          <p class=\"ch-slide-desc\">Modelos de propostas comerciais e contratos prontos para voc\u00ea fechar mais clientes e transmitir autoridade.<\/p>\n          <a href=\"#\" class=\"ch-cta\">\n            Acessar\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"ch-slide-media\">\n          <!-- Espa\u00e7o reservado para a imagem 4 -->\n          <div class=\"ch-mock-image\">\n            <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg>\n            <span style=\"font-weight: 600; font-size: 14px;\">Imagem 4 aqui<\/span>\n          <\/div>\n          <img decoding=\"async\" src=\"\" alt=\"\" class=\"ch-slide-img\">\n        <\/div>\n      <\/div>\n\n      <!-- BARRAS DE NAVEGA\u00c7\u00c3O -->\n      <div class=\"ch-carousel-nav\" id=\"ch-nav\">\n        <!-- Criados via JS para sincronizar com a quantidade de slides -->\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script data-jetpack-boost=\"ignore\">\n  (function(){\n    const section = document.getElementById('destaques-hero');\n    if(!section) return;\n\n    const slides = section.querySelectorAll('.ch-slide');\n    const navContainer = document.getElementById('ch-nav');\n    \n    let currentIndex = 0;\n    const slideDuration = 6000; \/\/ 6 segundos por slide\n    let timer;\n    let startTime;\n    let isPaused = false;\n    let progress = 0;\n    let animationFrameId;\n\n    \/\/ Inicializar Navega\u00e7\u00e3o (Dots)\n    slides.forEach((_, index) => {\n      const dot = document.createElement('div');\n      dot.className = index === 0 ? 'ch-nav-dot ch-active' : 'ch-nav-dot';\n      dot.addEventListener('click', () => goToSlide(index));\n      \n      const bar = document.createElement('div');\n      bar.className = 'ch-nav-progress';\n      dot.appendChild(bar);\n      \n      navContainer.appendChild(dot);\n    });\n\n    const dots = navContainer.querySelectorAll('.ch-nav-dot');\n    const progressBars = navContainer.querySelectorAll('.ch-nav-progress');\n\n    \/\/ Fun\u00e7\u00e3o de Troca de Slide\n    function goToSlide(index) {\n      \/\/ Remove classes ativas\n      slides[currentIndex].classList.remove('ch-active');\n      dots[currentIndex].classList.remove('ch-active');\n      progressBars[currentIndex].style.width = '0%';\n      \n      currentIndex = index;\n      \n      \/\/ Adiciona classes ativas\n      slides[currentIndex].classList.add('ch-active');\n      dots[currentIndex].classList.add('ch-active');\n      \n      \/\/ Reseta a anima\u00e7\u00e3o\n      resetTimer();\n    }\n\n    \/\/ L\u00f3gica da Barra de Progresso\n    function animateProgress(timestamp) {\n      if (!startTime) startTime = timestamp;\n      \n      if (!isPaused) {\n        const elapsedTime = timestamp - startTime;\n        progress = (elapsedTime \/ slideDuration) * 100;\n        \n        \/\/ Atualiza a barra do slide atual\n        if (progress <= 100) {\n          progressBars[currentIndex].style.width = `${progress}%`;\n        } else {\n          \/\/ Muda para o pr\u00f3ximo slide ao atingir 100%\n          let nextIndex = (currentIndex + 1) % slides.length;\n          goToSlide(nextIndex);\n        }\n      } else {\n        \/\/ Se pausado, ajusta o startTime para manter o progresso congelado\n        startTime = timestamp - (progress \/ 100 * slideDuration);\n      }\n      \n      animationFrameId = requestAnimationFrame(animateProgress);\n    }\n\n    function resetTimer() {\n      cancelAnimationFrame(animationFrameId);\n      startTime = null;\n      progress = 0;\n      progressBars.forEach(bar => bar.style.width = '0%');\n      animationFrameId = requestAnimationFrame(animateProgress);\n    }\n\n    \/\/ Iniciar a anima\u00e7\u00e3o\n    resetTimer();\n\n    \/\/ Pausar no Hover\n    const viewport = section.querySelector('.ch-carousel-viewport');\n    \n    viewport.addEventListener('mouseenter', () => { isPaused = true; });\n    viewport.addEventListener('mouseleave', () => { isPaused = false; });\n    \n    \/\/ Suporte para touch (mobile)\n    viewport.addEventListener('touchstart', () => { isPaused = true; });\n    viewport.addEventListener('touchend', () => { \n      setTimeout(() => { isPaused = false; }, 500); \n    });\n\n    \/\/ Anima\u00e7\u00e3o abstrata dos blobs no fundo (opcional)\n    viewport.addEventListener('mousemove', (e) => {\n      if(window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n      const rect = viewport.getBoundingClientRect();\n      const x = (e.clientX - rect.left) \/ rect.width;\n      const y = (e.clientY - rect.top) \/ rect.height;\n      \n      const b1 = viewport.querySelector('.ch-b1');\n      const b2 = viewport.querySelector('.ch-b2');\n      \n      if(b1) b1.style.transform = `translate(${x * -30}px, ${y * -30}px)`;\n      if(b2) b2.style.transform = `translate(${x * 30}px, ${y * 30}px)`;\n    });\n\n  })();\n<\/script>\n\n<\/body>\n<\/html>\n<!-- ===== FIM DO CARROSSEL PREMIUM ===== --><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b15869 e-con-full e-flex e-con e-child\" data-id=\"3b15869\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2afe67c elementor-widget elementor-widget-shortcode\" data-id=\"2afe67c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- ===== IN\u00cdCIO DA SE\u00c7\u00c3O YOUTUBE TIMELINE ===== -->\n<!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>YouTube Timeline - Company Hero<\/title>\n\n  <!-- Fonte Asap -->\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=Asap:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n\n  <style>\n    \/* ====== ESCOPO .ch-yt-section ====== *\/\n    .ch-yt-section, .ch-yt-section * { box-sizing: border-box; }\n\n    .ch-yt-section {\n      \/* Vari\u00e1veis Tema Light Premium SaaS *\/\n      --ch-bg: #FAFAFA;\n      --ch-ink-1: #1A1A1A;\n      --ch-ink-2: #64748B;\n      --ch-pink: #FF0267;\n      --ch-pink-glow: rgba(255,2,103,.2);\n      --ch-ease: cubic-bezier(.16,1,.3,1);\n      --ch-spring: cubic-bezier(0.34, 1.56, 0.64, 1);\n\n      position: relative;\n      width: 100%;\n      background: var(--ch-bg);\n      color: var(--ch-ink-1);\n      font-family: 'Asap', ui-sans-serif, system-ui, sans-serif;\n      -webkit-font-smoothing: antialiased;\n      padding: 100px 20px 120px 20px;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    \/* Fundos Subtis *\/\n    .ch-yt-bg { position: absolute; inset: 0; pointer-events: none; }\n    .ch-yt-bg-dots {\n      background-image: radial-gradient(rgba(0,0,0,.04) 1px, transparent 1px);\n      background-size: 24px 24px;\n      -webkit-mask-image: linear-gradient(to bottom, #000, transparent 90%);\n      mask-image: linear-gradient(to bottom, #000, transparent 90%);\n      z-index: 1;\n    }\n    \n    \/* Cabe\u00e7alho da Se\u00e7\u00e3o *\/\n    .ch-yt-header {\n      text-align: center;\n      max-width: 600px;\n      margin-bottom: 56px;\n      position: relative;\n      z-index: 5;\n    }\n    \n    .ch-yt-badge {\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 6px 16px; border-radius: 999px;\n      background: #ffffff; border: 1px solid rgba(0,0,0,.08);\n      box-shadow: 0 4px 12px rgba(0,0,0,.03);\n      color: var(--ch-pink); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;\n      margin-bottom: 24px;\n    }\n    .ch-yt-badge svg { fill: var(--ch-pink); width: 14px; height: 14px; }\n    \n    .ch-yt-title {\n      font-size: clamp(32px, 4vw, 48px); font-weight: 800; line-height: 1.1; letter-spacing: -.02em;\n      margin: 0 0 16px 0; color: var(--ch-ink-1);\n    }\n    \n    .ch-yt-desc {\n      font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; color: var(--ch-ink-2); margin: 0;\n    }\n\n    \/* ========================================= *\/\n    \/* TIMELINE & CARDS (BLINDADO)               *\/\n    \/* ========================================= *\/\n    .ch-yt-timeline-container {\n      width: 100%;\n      max-width: 1240px;\n      position: relative;\n      z-index: 5;\n    }\n\n    \/* Usando Flexbox blindado contra quebras *\/\n    .ch-yt-track {\n      display: flex;\n      flex-wrap: nowrap;\n      gap: 20px;\n      padding: 20px 0 40px 0; \/* Espa\u00e7o para a sombra do hover n\u00e3o cortar *\/\n      overflow-x: auto;\n      scroll-behavior: smooth;\n      -ms-overflow-style: none;  scrollbar-width: none;\n    }\n    .ch-yt-track::-webkit-scrollbar { display: none; }\n    \n    \/* No Desktop, centralizamos perfeitamente sem scroll *\/\n    @media (min-width: 1024px) {\n      .ch-yt-track { justify-content: center; overflow-x: visible; }\n    }\n\n    .ch-yt-card {\n      flex: 0 0 280px;\n      background: #ffffff;\n      border: 1px solid rgba(0,0,0,0.06);\n      border-radius: 20px;\n      padding: 16px;\n      display: flex; flex-direction: column; gap: 16px;\n      text-decoration: none; color: inherit;\n      \n      \/* Estado Inativo Base *\/\n      opacity: 0.6;\n      transform: scale(0.95);\n      filter: grayscale(30%) blur(1px);\n      transition: all 0.4s var(--ch-spring);\n      cursor: pointer;\n    }\n    @media (min-width: 1024px) { .ch-yt-card { flex: 0 1 280px; } }\n\n    \/* Estado Ativo (Destacado) *\/\n    .ch-yt-card.ch-active {\n      opacity: 1;\n      transform: scale(1.08) translateY(-8px);\n      filter: grayscale(0%) blur(0);\n      border-color: rgba(255,2,103,.3);\n      box-shadow: 0 25px 50px -15px rgba(0,0,0,0.1), 0 0 30px rgba(255,2,103,.12);\n      z-index: 10;\n    }\n\n    \/* Thumbnail do V\u00eddeo *\/\n    .ch-yt-thumb {\n      width: 100%;\n      aspect-ratio: 16\/9;\n      background: linear-gradient(145deg, #f1f5f9, #e2e8f0);\n      border-radius: 12px;\n      position: relative;\n      overflow: hidden;\n      display: flex; align-items: center; justify-content: center;\n    }\n    \n    .ch-yt-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }\n\n    \/* \u00cdcone de Play Animado *\/\n    .ch-yt-play-btn {\n      width: 48px; height: 48px; border-radius: 50%;\n      background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);\n      display: flex; align-items: center; justify-content: center;\n      color: #fff; opacity: 0; transform: scale(0.8);\n      transition: all 0.3s ease; z-index: 2;\n    }\n    .ch-yt-play-btn svg { width: 24px; height: 24px; fill: currentColor; margin-left: 4px; }\n    \n    .ch-yt-card.ch-active .ch-yt-play-btn { opacity: 1; transform: scale(1); }\n    .ch-yt-card.ch-active:hover .ch-yt-play-btn { background: var(--ch-pink); transform: scale(1.1); box-shadow: 0 0 20px var(--ch-pink-glow); }\n\n    \/* Tempo (Badge) *\/\n    .ch-yt-duration {\n      position: absolute; bottom: 8px; right: 8px; z-index: 2;\n      background: rgba(0,0,0,0.8); color: #fff;\n      font-size: 11px; font-weight: 700; padding: 4px 6px; border-radius: 4px;\n      letter-spacing: 0.5px;\n    }\n\n    \/* Info *\/\n    .ch-yt-info { display: flex; flex-direction: column; gap: 8px; }\n    .ch-yt-video-title { \n      font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0; color: var(--ch-ink-1);\n      display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;\n    }\n    .ch-yt-channel { font-size: 13px; color: var(--ch-ink-2); font-weight: 500; }\n\n\n    \/* ========================================= *\/\n    \/* PLAYER CONTROLS                           *\/\n    \/* ========================================= *\/\n    .ch-player-bar {\n      margin-top: 16px;\n      background: #18181B; \/* Preto carv\u00e3o UI *\/\n      border-radius: 999px;\n      padding: 16px 24px;\n      display: flex; align-items: center; gap: 16px;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n      position: relative; z-index: 10;\n      width: 100%; max-width: 680px; \/* Aumentado para caber o bot\u00e3o de inscri\u00e7\u00e3o *\/\n    }\n    @media (min-width: 640px) { .ch-player-bar { padding: 16px 32px; gap: 24px; } }\n\n    .ch-player-controls { display: flex; align-items: center; gap: 12px; }\n\n    .ch-btn-icon {\n      background: transparent; border: none; cursor: pointer; color: #fff;\n      display: flex; align-items: center; justify-content: center;\n      padding: 0; transition: transform 0.2s ease, color 0.2s ease;\n    }\n    .ch-btn-icon:hover { transform: scale(1.1); color: var(--ch-pink); }\n    .ch-btn-icon svg { width: 22px; height: 22px; fill: currentColor; }\n\n    \/* Barra de Progresso Customizada *\/\n    .ch-slider-wrapper {\n      flex: 1; position: relative; display: flex; align-items: center; height: 24px; cursor: pointer;\n    }\n\n    .ch-slider-track {\n      position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);\n      height: 4px; background: rgba(255,255,255,0.2); border-radius: 2px; pointer-events: none;\n    }\n    .ch-slider-fill {\n      position: absolute; left: 0; top: 50%; transform: translateY(-50%);\n      height: 4px; background: var(--ch-pink); border-radius: 2px;\n      width: 0%; pointer-events: none;\n      box-shadow: 0 0 10px rgba(255,2,103,0.5);\n    }\n\n    .ch-yt-range {\n      -webkit-appearance: none; appearance: none;\n      width: 100%; background: transparent; outline: none; margin: 0;\n      position: relative; z-index: 2; cursor: pointer;\n    }\n    \n    .ch-yt-range::-webkit-slider-thumb {\n      -webkit-appearance: none; appearance: none;\n      width: 16px; height: 16px; border-radius: 50%; background: var(--ch-pink);\n      cursor: pointer; transition: transform 0.1s; margin-top: -6px; \n    }\n    .ch-yt-range::-webkit-slider-runnable-track { height: 4px; background: transparent; }\n    .ch-yt-range:active::-webkit-slider-thumb { transform: scale(1.3); }\n\n    \/* Tempo do V\u00eddeo *\/\n    .ch-player-time {\n      color: #fff; font-size: 13px; font-weight: 600; font-family: ui-monospace, SFMono-Regular, monospace;\n      letter-spacing: 0.5px; min-width: 85px; text-align: right;\n    }\n\n    \/* Bot\u00e3o Inscrever-se (Loop Animado) *\/\n    .ch-yt-subscribe-btn {\n      position: relative;\n      width: 130px;\n      height: 36px;\n      border-radius: 999px;\n      border: none;\n      font-family: inherit;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      overflow: hidden;\n      flex-shrink: 0;\n      animation: ch-sub-bg 8s infinite, ch-sub-pop 8s infinite;\n    }\n\n    .ch-sub-unsub, .ch-sub-subbed {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n    }\n\n    .ch-sub-subbed svg {\n      width: 16px;\n      height: 16px;\n      fill: currentColor;\n    }\n\n    \/* Anima\u00e7\u00f5es do Loop (8 segundos) *\/\n    @keyframes ch-sub-bg {\n      0%, 45% { background: #0f0f0f; color: #ffffff; }\n      50%, 95% { background: #f2f2f2; color: #0f0f0f; }\n      100% { background: #0f0f0f; color: #ffffff; }\n    }\n\n    @keyframes ch-sub-pop {\n      0%, 45% { transform: scale(1); }\n      47.5% { transform: scale(0.92); }\n      50%, 95% { transform: scale(1); }\n      97.5% { transform: scale(0.92); }\n      100% { transform: scale(1); }\n    }\n\n    .ch-yt-subscribe-btn .ch-sub-unsub { animation: ch-sub-unsub-anim 8s infinite; }\n    .ch-yt-subscribe-btn .ch-sub-subbed { animation: ch-sub-subbed-anim 8s infinite; }\n\n    @keyframes ch-sub-unsub-anim {\n      0%, 45% { opacity: 1; transform: translateY(0); }\n      47.5%, 97.5% { opacity: 0; transform: translateY(-10px); }\n      100% { opacity: 1; transform: translateY(0); }\n    }\n\n    @keyframes ch-sub-subbed-anim {\n      0%, 45% { opacity: 0; transform: translateY(10px); }\n      47.5% { opacity: 0; }\n      50%, 95% { opacity: 1; transform: translateY(0); }\n      100% { opacity: 0; transform: translateY(10px); }\n    }\n\n    \/* Ajustes Mobile da Barra *\/\n    @media (max-width: 500px) {\n      .ch-btn-icon[aria-label=\"Volume\"] { display: none; }\n      .ch-yt-subscribe-btn { width: 115px; font-size: 13px; }\n      .ch-player-time { min-width: auto; font-size: 12px; }\n    }\n\n    \/* CTA Final *\/\n    .ch-yt-cta {\n      margin-top: 48px;\n      display: inline-flex; align-items: center; gap: 8px;\n      padding: 14px 28px; border-radius: 999px;\n      background: transparent; border: 2px solid var(--ch-pink);\n      color: var(--ch-pink); font-weight: 700; font-size: 15px; text-decoration: none;\n      transition: all 0.3s ease; position: relative; z-index: 5;\n    }\n    .ch-yt-cta:hover { background: var(--ch-pink); color: #fff; box-shadow: 0 8px 25px var(--ch-pink-glow); }\n\n  <\/style>\n<\/head>\n<body>\n\n<section class=\"ch-yt-section\">\n  <div class=\"ch-yt-bg ch-yt-bg-dots\" aria-hidden=\"true\"><\/div>\n\n  <!-- Cabe\u00e7alho -->\n  <div class=\"ch-yt-header\">\n    <div class=\"ch-yt-badge\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z\"\/><\/svg>\n      Hero no YouTube\n    <\/div>\n    <h2 class=\"ch-yt-title\">Assista e aprenda na pr\u00e1tica<\/h2>\n    <p class=\"ch-yt-desc\">Explore nossa biblioteca de v\u00eddeos. Dicas, tutoriais e novidades sobre o mundo PJ, tudo direto ao ponto.<\/p>\n  <\/div>\n\n  <!-- Container dos 4 V\u00eddeos -->\n  <div class=\"ch-yt-timeline-container\">\n    <div class=\"ch-yt-track\" id=\"yt-track\">\n      \n      <!-- V\u00eddeo 1 -->\n      <a href=\"https:\/\/www.youtube.com\/watch?v=XTV-K1DUouc\" target=\"_blank\" class=\"ch-yt-card ch-active\" data-time=\"0:00\" rel=\"noopener\">\n        <div class=\"ch-yt-thumb\">\n          <div class=\"ch-yt-play-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n          <span class=\"ch-yt-duration\">1:36<\/span>\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/i.ytimg.com\/an_webp\/XTV-K1DUouc\/mqdefault_6s.webp?w=800&#038;ssl=1\" alt=\"Thumbnail Gest\u00e3o PJ\">\n        <\/div>\n        <div class=\"ch-yt-info\">\n          <h3 class=\"ch-yt-video-title\">Gest\u00e3o PJ | Plataforma completa para gest\u00e3o de prestadores PJ<\/h3>\n          <span class=\"ch-yt-channel\">278 mil visualiza\u00e7\u00f5es \u2022 h\u00e1 1 m\u00eas<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- V\u00eddeo 2 -->\n      <a href=\"https:\/\/www.youtube.com\/watch?v=8Rmr8tqfVw4\" target=\"_blank\" class=\"ch-yt-card\" data-time=\"1:36\" rel=\"noopener\">\n        <div class=\"ch-yt-thumb\">\n          <div class=\"ch-yt-play-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n          <span class=\"ch-yt-duration\">3:50<\/span>\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/i.ytimg.com\/an_webp\/8Rmr8tqfVw4\/mqdefault_6s.webp?w=800&#038;ssl=1\" alt=\"Thumbnail Novas Regras MEI\">\n        <\/div>\n        <div class=\"ch-yt-info\">\n          <h3 class=\"ch-yt-video-title\">Novas REGRAS MEI 2025: Valor do DAS, Nota Fiscal e CFOP | Company Hero<\/h3>\n          <span class=\"ch-yt-channel\">310 visualiza\u00e7\u00f5es \u2022 h\u00e1 1 ano<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- V\u00eddeo 3 -->\n      <a href=\"https:\/\/www.youtube.com\/watch?v=xu4y5vaSnKw\" target=\"_blank\" class=\"ch-yt-card\" data-time=\"5:26\" rel=\"noopener\">\n        <div class=\"ch-yt-thumb\">\n          <div class=\"ch-yt-play-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n          <span class=\"ch-yt-duration\">3:22<\/span>\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/i.ytimg.com\/an_webp\/xu4y5vaSnKw\/mqdefault_6s.webp?w=800&#038;ssl=1\" alt=\"Thumbnail Declara\u00e7\u00e3o Anual MEI\">\n        <\/div>\n        <div class=\"ch-yt-info\">\n          <h3 class=\"ch-yt-video-title\">DECLARA\u00c7\u00c3O ANUAL MEI 2025: como fazer a DASN sem erros | Company Hero<\/h3>\n          <span class=\"ch-yt-channel\">83 visualiza\u00e7\u00f5es \u2022 h\u00e1 1 ano<\/span>\n        <\/div>\n      <\/a>\n\n      <!-- V\u00eddeo 4 -->\n      <a href=\"https:\/\/www.youtube.com\/watch?v=d_06M24PflU\" target=\"_blank\" class=\"ch-yt-card\" data-time=\"8:48\" rel=\"noopener\">\n        <div class=\"ch-yt-thumb\">\n          <div class=\"ch-yt-play-btn\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/div>\n          <span class=\"ch-yt-duration\">2:27<\/span>\n          <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/i.ytimg.com\/an_webp\/d_06M24PflU\/mqdefault_6s.webp?w=800&#038;ssl=1\" alt=\"Thumbnail DPS Nota Fiscal\">\n        <\/div>\n        <div class=\"ch-yt-info\">\n          <h3 class=\"ch-yt-video-title\">O QUE \u00c9 DPS NA NOTA FISCAL? | Company Hero<\/h3>\n          <span class=\"ch-yt-channel\">8,4 mil visualiza\u00e7\u00f5es \u2022 h\u00e1 1 ano<\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n\n  <!-- Player Controls Baseado na Refer\u00eancia -->\n  <div class=\"ch-player-bar\">\n    <div class=\"ch-player-controls\">\n      <!-- Play\/Pause -->\n      <button class=\"ch-btn-icon\" id=\"yt-play-btn\" aria-label=\"Play\/Pause\">\n        <svg id=\"icon-pause\" viewBox=\"0 0 24 24\" style=\"display:none;\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/><\/svg>\n        <svg id=\"icon-play\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n      <\/button>\n      \n      <!-- Volume Decorativo -->\n      <button class=\"ch-btn-icon\" aria-label=\"Volume\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>\n      <\/button>\n    <\/div>\n\n    <!-- Barra Range (Slider) -->\n    <div class=\"ch-slider-wrapper\">\n      <div class=\"ch-slider-track\"><\/div>\n      <div class=\"ch-slider-fill\" id=\"yt-slider-fill\"><\/div>\n      <!-- Max 1000 para fluidez -->\n      <input type=\"range\" min=\"0\" max=\"1000\" value=\"0\" class=\"ch-yt-range\" id=\"yt-range\">\n    <\/div>\n\n    <!-- Tempo Display -->\n    <div class=\"ch-player-time\" id=\"yt-time\">0:00 \/ 11:15<\/div>\n\n    <!-- Bot\u00e3o Inscrever-se (Novo) -->\n    <a href=\"https:\/\/www.youtube.com\/@CompanyHero\" target=\"_blank\" class=\"ch-yt-subscribe-btn\" aria-label=\"Inscrever-se no Canal\" rel=\"noopener\">\n      <div class=\"ch-sub-unsub\">Inscrever-se<\/div>\n      <div class=\"ch-sub-subbed\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z\"\/><\/svg>\n        Inscrito\n        <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"\/><\/svg>\n      <\/div>\n    <\/a>\n  <\/div>\n\n  <a href=\"https:\/\/www.youtube.com\/@CompanyHero\" target=\"_blank\" class=\"ch-yt-cta\" rel=\"noopener\">\n    Acessar canal\n    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33 2.78 2.78 0 0 0 1.94 2c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33z\"><\/path><polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon><\/svg>\n  <\/a>\n\n<\/section>\n\n<script data-jetpack-boost=\"ignore\">\n  (function(){\n    const range = document.getElementById('yt-range');\n    const fill = document.getElementById('yt-slider-fill');\n    const cards = document.querySelectorAll('.ch-yt-card');\n    const timeDisplay = document.getElementById('yt-time');\n    const playBtn = document.getElementById('yt-play-btn');\n    const iconPlay = document.getElementById('icon-play');\n    const iconPause = document.getElementById('icon-pause');\n    const track = document.getElementById('yt-track');\n\n    if(!range || cards.length === 0) return;\n\n    let activeIndex = 0;\n    let isDragging = false;\n    let isPlaying = false;\n    let playInterval;\n    const TOTAL_TIME = \"11:15\";\n\n    \/\/ 1. Ativa um Card espec\u00edfico\n    function activateCard(index) {\n      if (index === activeIndex && cards[index].classList.contains('ch-active')) return;\n      \n      cards.forEach(c => c.classList.remove('ch-active'));\n      cards[index].classList.add('ch-active');\n      activeIndex = index;\n      \n      const timeStr = cards[index].getAttribute('data-time') || \"0:00\";\n      timeDisplay.textContent = `${timeStr} \/ ${TOTAL_TIME}`;\n\n      \/\/ No mobile, faz scroll suave para o card ativo\n      if (window.innerWidth < 1024) {\n        cards[index].scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });\n      }\n    }\n\n    \/\/ 2. Atualiza a UI do Slider\n    function updateSliderUI(value) {\n      fill.style.width = `${(value \/ 1000) * 100}%`;\n    }\n\n    \/\/ 3. Slider Controla os Cards\n    range.addEventListener('input', (e) => {\n      isDragging = true;\n      const val = parseInt(e.target.value);\n      updateSliderUI(val);\n      \n      \/\/ Mapeia o valor de 0-1000 para os 4 cards (0-249 = card 0, etc)\n      let calculatedIndex = Math.min(3, Math.floor(val \/ 250));\n      activateCard(calculatedIndex);\n      \n      if(isPlaying) togglePlay();\n    });\n\n    range.addEventListener('change', () => { isDragging = false; });\n\n    \/\/ 4. Hover nos Cards atualiza o Slider (M\u00e1gica da Interatividade)\n    cards.forEach((card, index) => {\n      card.addEventListener('mouseenter', () => {\n        if(isDragging) return;\n        activateCard(index);\n        \n        \/\/ Move o slider para o \"centro\" da sec\u00e7\u00e3o correspondente a esse v\u00eddeo\n        const targetValue = (index * 250) + 125; \n        range.value = targetValue;\n        updateSliderUI(targetValue);\n        \n        if(isPlaying) togglePlay();\n      });\n    });\n\n    \/\/ 5. Fun\u00e7\u00e3o Play Autom\u00e1tica\n    function togglePlay() {\n      isPlaying = !isPlaying;\n      \n      if(isPlaying) {\n        iconPlay.style.display = 'none';\n        iconPause.style.display = 'block';\n        \n        playInterval = setInterval(() => {\n          let currentVal = parseInt(range.value);\n          if (currentVal >= 1000) {\n            currentVal = 0; \/\/ Volta ao in\u00edcio se chegou ao fim\n          } else {\n            currentVal += 2; \/\/ Velocidade da barra\n          }\n          range.value = currentVal;\n          updateSliderUI(currentVal);\n          \n          let calcIndex = Math.min(3, Math.floor(currentVal \/ 250));\n          activateCard(calcIndex);\n          \n        }, 30);\n      } else {\n        iconPlay.style.display = 'block';\n        iconPause.style.display = 'none';\n        clearInterval(playInterval);\n      }\n    }\n\n    playBtn.addEventListener('click', togglePlay);\n\n    \/\/ Inicializa\u00e7\u00e3o Visual\n    updateSliderUI(0);\n    activateCard(0);\n\n  })();\n<\/script>\n\n<\/body>\n<\/html>\n<!-- ===== FIM DA SE\u00c7\u00c3O YOUTUBE TIMELINE ===== --><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21b74b5 e-flex e-con-boxed e-con e-parent\" data-id=\"21b74b5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd5a0c2 elementor-widget elementor-widget-shortcode\" data-id=\"dd5a0c2\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- ===== COPIE A PARTIR DAQUI ===== -->\n\n<!-- Fonte Asap -->\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=Asap:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n\n<style>\n  \/* ==========================================================================\n     HEADER MEI PREMIUM - HERO SECTION (Spotlight, Magn\u00e9tico & SVG Animado)\n     ========================================================================== *\/\n\n  :root {\n    --ch-brand-pink: #FF0267;\n    --ch-brand-pink-hover: #FF1A75;\n    --ch-bg-dark: #050505;\n\n    \/* Paleta de Textos e Cores *\/\n    --ch-ink-1: #FFFFFF;\n    --ch-ink-2: #FFFFFF;\n\n    \/* Curvas de anima\u00e7\u00e3o e suavidade *\/\n    --ch-ease: cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  \/* Escopo Isolado *\/\n  .ch-hero, .ch-hero * {\n    box-sizing: border-box;\n    font-family: 'Asap', sans-serif !important;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  .ch-hero {\n    position: relative;\n    background-color: var(--ch-bg-dark);\n\n    \/* AJUSTE DE ALTURA: Removido o 100vh. Agora a altura \u00e9 definida pelo padding,\n       ficando com o mesmo tamanho da se\u00e7\u00e3o do link original *\/\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 5.5rem 1.5rem;\n    overflow: hidden;\n\n    \/* Vari\u00e1veis din\u00e2micas para o Spotlight *\/\n    --ch-mx: 50%;\n    --ch-my: 50%;\n  }\n\n  \/* --- Camadas de Fundo Premium --- *\/\n  .ch-bg {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  .ch-bg-dots {\n    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n    background-size: 24px 24px;\n    opacity: 0.8;\n  }\n\n  .ch-bg-aurora {\n    mix-blend-mode: screen;\n    filter: blur(80px);\n    opacity: 0.45;\n  }\n\n  .ch-blob {\n    position: absolute;\n    border-radius: 50%;\n    background: var(--ch-brand-pink);\n  }\n\n  .ch-b1 { width: 350px; height: 350px; left: -10%; top: -10%; opacity: 0.3; }\n  .ch-b2 { width: 450px; height: 450px; right: -5%; bottom: -5%; opacity: 0.25; background: #86203D; }\n  .ch-b3 { width: 250px; height: 250px; left: 45%; top: 30%; opacity: 0.15; }\n\n  \/* EFEITO SPOTLIGHT INTERATIVO *\/\n  .ch-bg-spotlight {\n    background: radial-gradient(circle 600px at var(--ch-mx) var(--ch-my), rgba(255, 2, 103, 0.12) 0%, transparent 70%);\n    transition: background 0.1s ease;\n  }\n\n  .ch-bg-vignette {\n    background: radial-gradient(circle, transparent 40%, #000000 110%);\n  }\n\n  .ch-bg-noise {\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n    opacity: 0.015;\n  }\n\n  \/* --- Grid de Conte\u00fado --- *\/\n  .ch-grid {\n    position: relative;\n    z-index: 5;\n\n    \/* AJUSTE DE LARGURA: Container com 1140px, que \u00e9 o padr\u00e3o exato do site da Company Hero *\/\n    max-width: 1140px;\n    margin: 0 auto;\n\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 4rem;\n    align-items: center;\n  }\n\n  @media (min-width: 1024px) {\n    .ch-grid {\n      grid-template-columns: 1.1fr 0.9fr;\n      gap: 5rem;\n    }\n  }\n\n  \/* --- L\u00f3gica de Anima\u00e7\u00f5es --- *\/\n  .ch-anim {\n    opacity: 0;\n    will-change: transform, opacity;\n  }\n\n  .ch-reveal-up { transform: translateY(30px); transition: opacity 0.8s var(--ch-ease), transform 0.8s var(--ch-ease); }\n\n  .is-visible .ch-reveal-up {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Delays *\/\n  .ch-delay-1 { transition-delay: 0.1s; }\n  .ch-delay-2 { transition-delay: 0.2s; }\n  .ch-delay-3 { transition-delay: 0.3s; }\n  .ch-delay-4 { transition-delay: 0.4s; }\n  .ch-delay-5 { transition-delay: 0.5s; }\n\n  \/* --- Coluna de Texto (Esquerda) --- *\/\n  .ch-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1.5rem;\n  }\n\n  \/* Tag animada *\/\n  .ch-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 6px 16px;\n    border-radius: 99px;\n    border: 1px solid rgba(255, 2, 103, 0.3);\n    background: rgba(255, 2, 103, 0.04);\n    color: var(--ch-brand-pink);\n    font-size: 0.8rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n\n  .ch-badge-dot {\n    width: 6px;\n    height: 6px;\n    background-color: var(--ch-brand-pink);\n    border-radius: 50%;\n    animation: pulse-dot 2s infinite;\n  }\n\n  @keyframes pulse-dot {\n    0% { box-shadow: 0 0 0 0 rgba(255, 2, 103, 0.5); }\n    70% { box-shadow: 0 0 0 6px rgba(255, 2, 103, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(255, 2, 103, 0); }\n  }\n\n  .ch-title {\n    font-size: 2.25rem;\n    font-weight: 900;\n    line-height: 1.15;\n    letter-spacing: -0.03em;\n    color: var(--ch-ink-1);\n    margin: 0;\n  }\n\n  @media (min-width: 768px) {\n    .ch-title { font-size: 3.2rem; }\n  }\n\n  \/* Utilit\u00e1rio para evitar quebra de linha *\/\n  .ch-nowrap {\n    white-space: nowrap;\n  }\n\n  \/* Efeito de Sublinhado SVG Animado *\/\n  .ch-highlight-wrapper {\n    position: relative;\n    display: inline-block;\n    color: var(--ch-brand-pink);\n    text-shadow: 0 0 20px rgba(255, 2, 103, 0.25);\n  }\n\n  .ch-underline {\n    position: absolute;\n    bottom: -6px;\n    left: 0;\n    width: 100%;\n    height: 12px;\n    pointer-events: none;\n    overflow: visible;\n  }\n\n  .ch-underline-path {\n    fill: none;\n    stroke: var(--ch-brand-pink);\n    stroke-width: 4;\n    stroke-linecap: round;\n    stroke-dasharray: 200;\n    stroke-dashoffset: 200;\n    transition: stroke-dashoffset 1s var(--ch-ease) 0.6s;\n    filter: drop-shadow(0 0 6px rgba(255, 2, 103, 0.5));\n  }\n\n  .is-visible .ch-underline-path {\n    stroke-dashoffset: 0;\n  }\n\n  .ch-desc {\n    font-size: 1.15rem;\n    line-height: 1.6;\n    color: var(--ch-ink-2);\n    margin: 0;\n    max-width: 520px;\n  }\n\n  \/* --- Bot\u00e3o Principal Magn\u00e9tico --- *\/\n  .ch-btn {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.75rem;\n    background-color: var(--ch-brand-pink);\n    color: #ffffff !important;\n    padding: 1.1rem 2.5rem;\n    border-radius: 12px;\n    font-weight: 700;\n    font-size: 1.1rem;\n    text-decoration: none;\n    box-shadow: 0 10px 25px rgba(255, 2, 103, 0.25);\n    border: none;\n    cursor: pointer;\n    --tx: 0px;\n    --ty: 0px;\n    transform: translate(var(--tx), var(--ty));\n    transition: transform 0.1s linear, background-color 0.3s ease, box-shadow 0.3s ease;\n  }\n\n  .ch-btn:hover, .ch-btn:focus, .ch-btn:active {\n    background-color: var(--ch-brand-pink-hover);\n    box-shadow: 0 15px 30px rgba(255, 2, 103, 0.35);\n  }\n\n  .ch-btn svg {\n    transition: transform 0.3s var(--ch-ease);\n  }\n\n  .ch-btn:hover svg {\n    transform: translateX(4px);\n  }\n\n  \/* --- Se\u00e7\u00e3o de Prova Social --- *\/\n  .ch-join-us {\n    display: flex;\n    align-items: center;\n    gap: 1.25rem;\n    margin-top: 0.75rem;\n  }\n\n  .ch-join-us img {\n    height: 42px;\n    width: auto;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .ch-join-us span {\n    font-size: 0.95rem;\n    color: var(--ch-ink-2);\n    font-weight: 500;\n    line-height: 1.4;\n    max-width: 280px;\n  }\n\n  \/* --- Coluna da Imagem e Box (Direita) --- *\/\n  .ch-mockup-wrapper {\n    position: relative;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2.5rem;\n  }\n\n  .ch-frame {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  @keyframes float-img {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(-15px); }\n    100% { transform: translateY(0px); }\n  }\n\n  .ch-main-img {\n    width: 50%;\n    max-width: 320px;\n    height: auto;\n    object-fit: contain;\n    filter: drop-shadow(0 25px 40px rgba(0, 0, 0, 0.6));\n    animation: float-img 6s ease-in-out infinite;\n  }\n\n  \/* ==========================================================================\n     NOVO BOX PROMOCIONAL\n     ========================================================================== *\/\n\n  .ch-promo-box {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 1.5rem;\n    width: 100%;\n    max-width: 540px;\n    height: auto;\n    min-height: 120px;\n\n    background: rgba(22, 22, 22, 0.85);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 20px;\n\n    padding: 0.75rem 1.5rem 0.75rem 0.75rem;\n    text-decoration: #ffffff;\n    color: #ffffff;\n    z-index: 5;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);\n    overflow: hidden;\n\n    transition: transform 0.3s var(--ch-ease), box-shadow 0.3s var(--ch-ease), border-color 0.3s ease;\n  }\n\n  .ch-promo-box::after {\n    content: '';\n    position: absolute;\n    inset: -2px;\n    border-radius: 22px;\n    background: #ffffff );\n    z-index: -1;\n    filter: blur(15px);\n    opacity: 0;\n    transition: opacity 0.4s ease;\n  }\n\n  .ch-promo-box::before {\n    content: '';\n    position: absolute;\n    top: 0; left: -150%;\n    width: 50%; height: 100%;\n    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.15), rgba(255,255,255,0));\n    transform: skewX(-25deg);\n    animation: shimmer-sweep 5s infinite;\n    pointer-events: none;\n    z-index: 10;\n  }\n\n  @keyframes shimmer-sweep {\n    0% { left: -150%; }\n    15% { left: 200%; }\n    100% { left: 200%; }\n  }\n\n  .ch-promo-box:hover {\n    transform: translateY(-5px);\n    border-color: rgba(255, 2, 103, 0.4);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);\n    text-decoration: #ffffff;\n    color: #ffffff;\n\n  }\n\n  .ch-promo-box:hover::after {\n    text-decoration: none;\n    color: #ffffff;\n    opacity: 0.25;\n  }\n\n  \/* Lado Esquerdo: BLOCO DE PRE\u00c7O ROSA *\/\n  .ch-promo-price {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    flex-shrink: 0;\n\n    background: linear-gradient(135deg, var(--ch-brand-pink) 0%, #A30041 100%);\n    border-radius: 14px;\n    padding: 1.25rem 1.5rem;\n    box-shadow: 0 8px 20px rgba(255, 2, 103, 0.25);\n  }\n\n  .ch-promo-price span {\n    display: block;\n    margin: 0;\n  }\n\n  .ch-promo-price .currency {\n    font-size: 1rem;\n    font-weight: 700;\n    line-height: 1;\n    opacity: 0.9;\n  }\n\n  .ch-promo-price .value {\n    font-size: 2.8rem;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.04em;\n    text-shadow: 0 4px 10px rgba(0,0,0,0.15);\n  }\n\n  .ch-promo-price .period {\n    font-size: 0.95rem;\n    font-weight: 500;\n    line-height: 1;\n    opacity: 0.9;\n  }\n\n  \/* Lado Direito: TEXTO PROMOCIONAL (Cinza Escuro) *\/\n  .ch-promo-text {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.6rem;\n    text-align: left;\n  }\n\n  .ch-promo-text p {\n    margin: 0;\n    font-size: 1.05rem;\n    line-height: 1.4;\n    font-weight: 500;\n    color: #ffffff;\n  }\n\n  .ch-promo-action {\n    font-size: 0.85rem;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: #ffffff;\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    transition: gap 0.3s ease;\n  }\n\n  .ch-promo-box:hover .ch-promo-action {\n    gap: 8px;\n  }\n\n  \/* Ajustes para Telas Mobile *\/\n  @media (max-width: 768px) {\n    .ch-hero {\n      padding: 5rem 1rem 3rem 1rem;\n    }\n    .ch-grid { gap: 3rem; }\n    .ch-content { align-items: center; text-align: center; }\n    .ch-join-us { flex-direction: column; text-align: center; gap: 0.75rem; margin-top: 1.5rem; }\n    .ch-btn { width: 100%; }\n\n    .ch-mockup-wrapper { gap: 2rem; }\n    .ch-main-img { width: 65%; max-width: 260px; }\n\n    .ch-promo-box {\n      flex-direction: column;\n      gap: 1.25rem;\n      padding: 0.75rem;\n      width: 100%;\n    }\n\n    .ch-promo-price {\n      width: 100%;\n      padding: 1.5rem;\n    }\n\n    .ch-promo-text {\n      text-align: center;\n      align-items: center;\n      padding: 0 1rem 1rem 1rem;\n    }\n  }\n<\/style>\n\n<section class=\"ch-hero\">\n  <!-- Camadas de fundo est\u00e1ticas e interativas -->\n  <div class=\"ch-bg ch-bg-dots\" aria-hidden=\"true\"><\/div>\n  <div class=\"ch-bg ch-bg-aurora\" aria-hidden=\"true\">\n    <span class=\"ch-blob ch-b1\"><\/span>\n    <span class=\"ch-blob ch-b2\"><\/span>\n    <span class=\"ch-blob ch-b3\"><\/span>\n  <\/div>\n  <div class=\"ch-bg ch-bg-spotlight\" aria-hidden=\"true\"><\/div>\n  <div class=\"ch-bg ch-bg-vignette\" aria-hidden=\"true\"><\/div>\n  <div class=\"ch-bg ch-bg-noise\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ch-grid\">\n    <!-- COLUNA DE CONTE\u00daDO (Esquerda) -->\n    <div class=\"ch-content\">\n      <div class=\"ch-badge ch-anim ch-reveal-up\">\n        <span class=\"ch-badge-dot\"><\/span>\n        <span>Feito para quem \u00e9 MEI<\/span>\n      <\/div>\n\n      <!-- Sublinhado SVG Integrado e Texto Isolado em Linha \u00danica -->\n      <h1 class=\"ch-title ch-anim ch-reveal-up ch-delay-1\">\n        Seu CNPJ irregular pode te custar caro. <br \/>\n        <span class=\"ch-nowrap\">\n          <span class=\"ch-highlight-wrapper\">\n            Todo m\u00eas.\n            <svg class=\"ch-underline\" viewBox=\"0 0 120 15\" preserveAspectRatio=\"none\">\n              <path class=\"ch-underline-path\" d=\"M2,10 Q60,0 118,12\" \/>\n            <\/svg>\n          <\/span>\n        <\/span>\n      <\/h1>\n\n      <p class=\"ch-desc ch-anim ch-reveal-up ch-delay-2\">DAS atrasado vira multa. Multa vira d\u00edvida. D\u00edvida vira desenquadramento.<\/p>\n\n      <a href=\"https:\/\/www.companyhero.com\/checkout\/tudo-mei\" class=\"ch-btn ch-anim ch-reveal-up ch-delay-3\">\n        Regularizar meu MEI agora\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"m12 5 7 7-7 7\"><\/path>\n        <\/svg>\n      <\/a>\n\n      <!-- Bloco de Prova Social Atualizado -->\n      <div class=\"ch-join-us ch-anim ch-reveal-up ch-delay-4\">\n        <img decoding=\"async\" src=\"https:\/\/cdn.builder.io\/api\/v1\/image\/assets%2F235b4cde44b74d199ec58678b35117aa%2F958fe0f70e1c4916b61df7f790d05c58?format=webp&width=2000\" alt=\"Avatares de clientes\" \/>\n        <span>Junte-se aos mais de 40 mil PJs apoiados mensalmente pela Hero.<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- COLUNA DA IMAGEM E BOX DE PRE\u00c7O (Direita) -->\n    <div class=\"ch-mockup-wrapper ch-anim ch-reveal-up ch-delay-5\">\n      <div class=\"ch-frame\">\n        <img decoding=\"async\" src=\"https:\/\/cdn.builder.io\/api\/v1\/image\/assets%2F235b4cde44b74d199ec58678b35117aa%2F4274f514038f463ba6a2e692da796843?format=webp&format=webp&width=2000\" alt=\"Destaque MEI Company Hero\" class=\"ch-main-img\" \/>\n      <\/div>\n\n      <!-- NOVO BOX PROMOCIONAL -->\n      <a href=\"https:\/\/www.companyhero.com\/checkout\/tudo-mei\" class=\"ch-promo-box\">\n        <!-- BLOCO DE PRE\u00c7O (Rosa) -->\n        <div class=\"ch-promo-price\">\n          <span class=\"currency\">R$<\/span>\n          <span class=\"value\">9,90<\/span>\n          <span class=\"period\">\/m\u00eas<\/span>\n        <\/div>\n\n        <!-- BLOCO DE TEXTO (Fundo herdado cinza escuro) -->\n        <div class=\"ch-promo-text\">\n          <p>A Company Hero cuida do seu CNPJ enquanto voc\u00ea cuida do seu neg\u00f3cio.<\/p>\n          <span class=\"ch-promo-action\">Garantir oferta \u2794<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- L\u00f3gica de Intera\u00e7\u00f5es e Anima\u00e7\u00f5es -->\n<script data-jetpack-boost=\"ignore\">\n  (function() {\n    var hero = document.querySelector('.ch-hero');\n    if (!hero) return;\n\n    function startReveal() {\n      hero.classList.add('is-visible');\n    }\n\n    function inView() {\n      var r = hero.getBoundingClientRect();\n      return r.top < (window.innerHeight || 0) && r.bottom > 0;\n    }\n\n    requestAnimationFrame(function() {\n      if (inView()) startReveal();\n    });\n\n    if ('IntersectionObserver' in window) {\n      var io = new IntersectionObserver(function(entries) {\n        entries.forEach(function(e) {\n          if (e.isIntersecting) {\n            startReveal();\n            io.disconnect();\n          }\n        });\n      }, { threshold: 0.15 });\n      io.observe(hero);\n    }\n\n    setTimeout(startReveal, 1200);\n\n    hero.addEventListener('mousemove', function(e) {\n      var r = hero.getBoundingClientRect();\n      var x = ((e.clientX - r.left) \/ r.width) * 100;\n      var y = ((e.clientY - r.top) \/ r.height) * 100;\n      hero.style.setProperty('--ch-mx', x + '%');\n      hero.style.setProperty('--ch-my', y + '%');\n    });\n\n    var cta = hero.querySelector('.ch-btn');\n    if (cta) {\n      cta.addEventListener('mousemove', function(e) {\n        var r = cta.getBoundingClientRect();\n        var x = e.clientX - r.left, y = e.clientY - r.top;\n        var dx = (x - r.width \/ 2) \/ r.width;\n        var dy = (y - r.height \/ 2) \/ r.height;\n        cta.style.setProperty('--tx', (dx * 15) + 'px');\n        cta.style.setProperty('--ty', (dy * 15) + 'px');\n      });\n\n      cta.addEventListener('mouseleave', function() {\n        cta.style.setProperty('--tx', '0px');\n        cta.style.setProperty('--ty', '0px');\n      });\n    }\n  })();\n<\/script>\n<\/div>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Materiais Hero &#8211; Company Hero Conte\u00fados Hero Planilhas, guias, calculadoras e checklists prontos pra usar hoje. Tudo gratuito, tudo testado por quem opera no dia<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-5514","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/pages\/5514","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/comments?post=5514"}],"version-history":[{"count":45,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/pages\/5514\/revisions"}],"predecessor-version":[{"id":5972,"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/pages\/5514\/revisions\/5972"}],"wp:attachment":[{"href":"https:\/\/www.companyhero.com\/blog\/wp-json\/wp\/v2\/media?parent=5514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}