{"id":1307,"date":"2026-02-21T13:30:09","date_gmt":"2026-02-21T13:30:09","guid":{"rendered":"https:\/\/ramoadigital.com\/?page_id=1307"},"modified":"2026-05-13T06:51:46","modified_gmt":"2026-05-13T06:51:46","slug":"home","status":"publish","type":"page","link":"https:\/\/ramoadigital.com\/fr\/","title":{"rendered":"ACCUEIL"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1307\" class=\"elementor elementor-1307\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-200ba577 e-con-full e-flex e-con e-parent\" data-id=\"200ba577\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-bg-ramoa\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a2aff1 elementor-widget elementor-widget-html\" data-id=\"0a2aff1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n  (function () {\n    function getHeroBackgroundUrl(hero) {\n      var bg = window.getComputedStyle(hero).backgroundImage;\n\n      if (!bg || bg === \"none\") return null;\n\n      var match = bg.match(\/url\\([\"']?(.*?)[\"']?\\)\/);\n      return match ? match[1] : null;\n    }\n\n    function revealHero() {\n      requestAnimationFrame(function () {\n        requestAnimationFrame(function () {\n          document.body.classList.add(\"ramoa-hero-loaded\");\n        });\n      });\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      var hero = document.querySelector(\"#hero-bg-ramoa\");\n\n      if (!hero) {\n        revealHero();\n        return;\n      }\n\n      var imageUrl = getHeroBackgroundUrl(hero);\n\n      if (!imageUrl) {\n        revealHero();\n        return;\n      }\n\n      var img = new Image();\n\n      img.onload = function () {\n        if (img.decode) {\n          img.decode()\n            .then(function () {\n              setTimeout(revealHero, 120);\n            })\n            .catch(function () {\n              setTimeout(revealHero, 120);\n            });\n        } else {\n          setTimeout(revealHero, 120);\n        }\n      };\n\n      img.onerror = function () {\n        revealHero();\n      };\n\n      img.src = imageUrl;\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1924931 e-con-full e-flex e-con e-child\" data-id=\"1924931\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_mouse&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-591771e elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"591771e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"subtitulo1-id\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Ajudamos voc\u00ea a crescer<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b116d6 elementor-widget elementor-widget-html\" data-id=\"8b116d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ramoa-hero-typing\">\n  <div class=\"ramoa-title-line\">\n    <h1 class=\"ramoa-main-title\">\n      <span id=\"ramoa-title-source\" class=\"ramoa-source-hidden\">A SUA MARCA NO DIGITAL<\/span>\n      <span id=\"ramoa-title-text\" data-no-translation><\/span><span id=\"ramoa-cursor\" class=\"ramoa-cursor\" data-no-translation>|<\/span>\n    <\/h1>\n  <\/div>\n\n  <div class=\"ramoa-subtitle-line\">\n    <p class=\"ramoa-subtitle\">\n      <span id=\"ramoa-subtitle-source\" class=\"ramoa-source-hidden\">Criaremos a estrat\u00e9gia certa para fazer o seu neg\u00f3cio evoluir em 2026<\/span>\n      <span id=\"ramoa-subtitle-text\" data-no-translation><\/span>\n    <\/p>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  let typingTimeouts = [];\n  let currentRunId = 0;\n\n  const translations = {\n    pt: {\n      title: \"A SUA MARCA NO DIGITAL\",\n      subtitle: \"Criaremos a estrat\u00e9gia certa para fazer o seu neg\u00f3cio evoluir em 2026\"\n    },\n    en: {\n      title: \"YOUR BRAND IN THE DIGITAL WORLD\",\n      subtitle: \"We\u2019ll create the right strategy to help your business grow in 2026.\"\n    },\n    es: {\n      title: \"TU MARCA EN EL MUNDO DIGITAL\",\n      subtitle: \"Crearemos la estrategia adecuada para que tu negocio evolucione en 2026.\"\n    },\n    fr: {\n      title: \"VOTRE MARQUE DANS LE MONDE NUM\u00c9RIQUE\",\n      subtitle: \"Nous cr\u00e9erons la strat\u00e9gie adapt\u00e9e pour faire \u00e9voluer votre entreprise en 2026.\"\n    },\n    de: {\n      title: \"IHRE MARKE IN DER DIGITALEN WELT\",\n      subtitle: \"Wir entwickeln die richtige Strategie, damit Ihr Unternehmen 2026 wachsen kann.\"\n    }\n  };\n\n  function getCurrentLanguage() {\n    const path = window.location.pathname;\n\n    if (path.startsWith(\"\/en\/\")) return \"en\";\n    if (path.startsWith(\"\/es\/\")) return \"es\";\n    if (path.startsWith(\"\/fr\/\")) return \"fr\";\n    if (path.startsWith(\"\/de\/\")) return \"de\";\n\n    return \"pt\";\n  }\n\n  function applyTranslationByUrl() {\n    const lang = getCurrentLanguage();\n    const selectedTranslation = translations[lang] || translations.pt;\n\n    const titleSource = document.getElementById(\"ramoa-title-source\");\n    const subtitleSource = document.getElementById(\"ramoa-subtitle-source\");\n\n    if (titleSource) titleSource.textContent = selectedTranslation.title;\n    if (subtitleSource) subtitleSource.textContent = selectedTranslation.subtitle;\n  }\n\n  function cancelPreviousTyping() {\n    typingTimeouts.forEach(clearTimeout);\n    typingTimeouts = [];\n    currentRunId++;\n  }\n\n  function getSourceText(id) {\n    const el = document.getElementById(id);\n    return el ? el.textContent.trim() : \"\";\n  }\n\n  function runTypingAnimation() {\n    cancelPreviousTyping();\n    const runId = currentRunId;\n\n    const titleTarget = document.getElementById(\"ramoa-title-text\");\n    const subtitleTarget = document.getElementById(\"ramoa-subtitle-text\");\n    const cursor = document.getElementById(\"ramoa-cursor\");\n\n    if (!titleTarget || !subtitleTarget || !cursor) return;\n\n    applyTranslationByUrl();\n\n    const titleText = getSourceText(\"ramoa-title-source\");\n    const subtitleText = getSourceText(\"ramoa-subtitle-source\");\n\n    if (!titleText || !subtitleText) return;\n\n    titleTarget.textContent = \"\";\n    subtitleTarget.textContent = \"\";\n    cursor.classList.remove(\"cursor-on-subtitle\");\n    titleTarget.parentNode.insertBefore(cursor, titleTarget.nextSibling);\n\n    let titleIndex = 0;\n    let subtitleIndex = 0;\n\n    const titleSpeed = 65;\n    const subtitleSpeed = 48;\n    const pauseBetweenLines = 450;\n\n    function typeTitle() {\n      if (runId !== currentRunId) return;\n\n      if (titleIndex < titleText.length) {\n        titleTarget.textContent = titleText.substring(0, titleIndex + 1);\n        titleIndex++;\n        typingTimeouts.push(setTimeout(typeTitle, titleSpeed));\n      } else {\n        typingTimeouts.push(setTimeout(moveCursorToSubtitle, pauseBetweenLines));\n      }\n    }\n\n    function moveCursorToSubtitle() {\n      if (runId !== currentRunId) return;\n\n      subtitleTarget.parentNode.appendChild(cursor);\n      cursor.classList.add(\"cursor-on-subtitle\");\n      typeSubtitle();\n    }\n\n    function typeSubtitle() {\n      if (runId !== currentRunId) return;\n\n      if (subtitleIndex < subtitleText.length) {\n        subtitleTarget.textContent = subtitleText.substring(0, subtitleIndex + 1);\n        subtitleIndex++;\n        typingTimeouts.push(setTimeout(typeSubtitle, subtitleSpeed));\n      }\n    }\n\n    typingTimeouts.push(setTimeout(typeTitle, 500));\n  }\n\n  function initHeroTyping() {\n    applyTranslationByUrl();\n    runTypingAnimation();\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initHeroTyping);\n  } else {\n    initHeroTyping();\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08f8287 e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"08f8287\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:375}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c46a99e elementor-align-center elementor-mobile-align-justify elementor-button-info elementor-widget elementor-widget-button\" data-id=\"c46a99e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"btn-hero-1\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#nosso-processo\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Entenda o Processo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1475dbc elementor-align-center elementor-mobile-align-justify elementor-button-info elementor-widget elementor-widget-button\" data-id=\"1475dbc\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"btn-hero-2\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/wa.me\/4915229536966?text=Ol\u00e1,%20gostaria%20de%20entender%20como%20a%20RAMOA%20Digital%20pode%20ajudar%20minha%20marca%20a%20crescer%20no%20digital.\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">    Planejar Meu Projeto<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-711da7a e-con-full e-flex e-con e-parent\" data-id=\"711da7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-269393c elementor-widget elementor-widget-html\" data-id=\"269393c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  RAMOA \u2014 LETREIRO 1 (apenas HTML)\n  \n  Pr\u00e9-requisito: o CSS+JS global da marquee precisa estar carregado\n  na p\u00e1gina (ramoa-marquee-global.html).\n  \n  Para variar a lista de termos, basta editar os <span> abaixo \u2014\n  n\u00e3o precisa mexer em CSS ou JS.\n-->\n<div class=\"ramoa-marquee\" aria-label=\"Servi\u00e7os RAMOA\">\n  <div class=\"ramoa-marquee-track\">\n    <span>DESENVOLVIMENTO WEB<\/span>\n    <span>IDENTIDADE VISUAL<\/span>\n    <span>SOFTWARE SOB MEDIDA<\/span>\n    <span>LOJA VIRTUAL<\/span>\n    <span>TR\u00c1FEGO PAGO<\/span>\n    <span>WORDPRESS<\/span>\n    <span>REDES SOCIAIS<\/span>\n    <span>LANDING PAGES<\/span>\n    <span>SEO<\/span>\n    <span>INFRAESTRUTURA DIGITAL<\/span>\n    <span>CRM &amp; ERP<\/span>\n    <span>GOOGLE ADS<\/span>\n  <\/div>\n<\/div>\n\n<!--\n  RAMOA \u2014 MARQUEE \/ SERVICES STRIP \u2014 CSS GLOBAL (v2)\n  \n  COLE ESTE BLOCO UMA \u00daNICA VEZ na p\u00e1gina (em \"Custom CSS\" do tema,\n  Elementor \u2192 Site Settings \u2192 Custom CSS, ou no header HTML widget).\n  \n  Ele serve TODOS os letreiros da p\u00e1gina (.ramoa-marquee), bastando\n  cada letreiro ter sua pr\u00f3pria <div class=\"ramoa-marquee\">\u2026<\/div>\n  com a lista de termos espec\u00edfica.\n  \n  Por que separar:\n  - DRY: lista de estilos definida uma vez, manuten\u00e7\u00e3o centralizada\n  - Performance: o CSS \u00e9 cacheado pelo browser (se inserido via tema)\n  - Visual consistente entre todos os letreiros da p\u00e1gina\n-->\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RAMOA \u2014 MARQUEE \/ SERVICES STRIP (estilos globais)\n   Dark tech + neon magenta\/purple\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ramoa-marquee {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(1, 17, 41, 0.85) 0%,\n      rgba(85, 50, 96, 0.85) 45%,\n      rgba(1, 17, 41, 0.85) 100%\n    );\n  padding: 14px 0;\n  border-top: 1px solid rgba(241, 131, 199, 0.28);\n  border-bottom: 1px solid rgba(241, 131, 199, 0.28);\n  box-shadow:\n    0 0 18px rgba(241, 131, 199, 0.10),\n    inset 0 1px 0 rgba(255, 255, 255, 0.04),\n    inset 0 -1px 0 rgba(255, 255, 255, 0.03);\n  \/* Isola reflow\/paint da marquee do resto da p\u00e1gina. *\/\n  contain: layout paint style;\n}\n\n\/* brilho horizontal sutil *\/\n.ramoa-marquee::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(241, 131, 199, 0.10) 50%,\n      transparent 100%\n    );\n  opacity: 0.45;\n  pointer-events: none;\n}\n\n\/* fade nas laterais *\/\n.ramoa-marquee::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    linear-gradient(\n      90deg,\n      rgba(1, 17, 41, 0.95) 0%,\n      transparent 12%,\n      transparent 88%,\n      rgba(1, 17, 41, 0.95) 100%\n    );\n  pointer-events: none;\n  z-index: 2;\n}\n\n.ramoa-marquee-track {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  width: max-content;\n  animation: ramoaMarqueeMove 26s linear infinite;\n  will-change: transform;\n  \/* Pausada por padr\u00e3o; s\u00f3 roda quando .is-visible (controlado por JS). *\/\n  animation-play-state: paused;\n}\n\n\/* Track s\u00f3 anima quando a marquee est\u00e1 vis\u00edvel na viewport. *\/\n.ramoa-marquee.is-visible .ramoa-marquee-track {\n  animation-play-state: running;\n}\n\n.ramoa-marquee-track span {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-right: 46px;\n  color: #F183C7;\n  font-family: \"Inter\", sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n  white-space: nowrap;\n  \/* Sombra simplificada (era dupla) \u2014 visual quase igual, custo bem menor. *\/\n  text-shadow: 0 0 12px rgba(241, 131, 199, 0.32);\n}\n\n.ramoa-marquee-track span::after {\n  content: \"\u2022\";\n  margin-left: 46px;\n  color: #AE5EB5;\n  text-shadow:\n    0 0 8px rgba(174, 94, 181, 0.65),\n    0 0 14px rgba(241, 131, 199, 0.35);\n  opacity: 0.85;\n}\n\n@keyframes ramoaMarqueeMove {\n  from { transform: translate3d(0, 0, 0); }\n  to   { transform: translate3d(-50%, 0, 0); }\n}\n\n\/* Pausa no hover \u2014 opcional, melhora UX *\/\n.ramoa-marquee:hover .ramoa-marquee-track {\n  animation-play-state: paused;\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .ramoa-marquee {\n    padding: 12px 0;\n  }\n  .ramoa-marquee-track {\n    animation-duration: 22s;\n  }\n  .ramoa-marquee-track span {\n    font-size: 12px;\n    letter-spacing: 0.10em;\n    margin-right: 34px;\n  }\n  .ramoa-marquee-track span::after {\n    margin-left: 34px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ramoa-marquee-track {\n    animation: none !important;\n  }\n}\n<\/style>\n\n<!--\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n  JS GLOBAL \u2014 tamb\u00e9m cole UMA \u00daNICA VEZ na p\u00e1gina.\n  Ele inicializa TODOS os .ramoa-marquee da p\u00e1gina automaticamente.\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n<script>\n(function(){\n  \/\/ Espera o DOM estar pronto antes de procurar pelos letreiros.\n  \/\/ Importante: este <script> pode estar inserido ANTES dos\n  \/\/ .ramoa-marquee na p\u00e1gina (ex: cole o CSS+JS no header e os\n  \/\/ letreiros nas sections do meio). Sem este wait, o querySelectorAll\n  \/\/ retornaria 0 elementos e nenhum letreiro seria inicializado.\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n  function init(){\n    var marquees = document.querySelectorAll('.ramoa-marquee');\n    if (!marquees.length) return;\n\n  \/\/ Fallback p\/ browsers sem IntersectionObserver: anima sempre.\n  var hasIO = ('IntersectionObserver' in window);\n  var io = null;\n\n  if (hasIO) {\n    io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n        } else {\n          entry.target.classList.remove('is-visible');\n        }\n      });\n    }, { rootMargin: '120px 0px', threshold: 0 });\n  }\n\n  marquees.forEach(function(marquee){\n    var track = marquee.querySelector('.ramoa-marquee-track');\n    if (!track) return;\n\n    \/\/ ===== 1) Duplica\u00e7\u00e3o autom\u00e1tica da lista para o loop visual =====\n    \/\/ S\u00f3 duplica se ainda n\u00e3o foi duplicado (evita rodar 2x se o script\n    \/\/ for chamado mais de uma vez por algum motivo).\n    if (!marquee.dataset.ramoaCloned) {\n      var originals = Array.prototype.slice.call(track.children);\n      originals.forEach(function(node){\n        var clone = node.cloneNode(true);\n        clone.setAttribute('aria-hidden', 'true');\n        track.appendChild(clone);\n      });\n      marquee.dataset.ramoaCloned = '1';\n    }\n\n    \/\/ ===== 2) Pause-offscreen via IntersectionObserver =====\n    if (hasIO) {\n      io.observe(marquee);\n    } else {\n      marquee.classList.add('is-visible');\n    }\n  });\n\n  \/\/ ===== 3) Pause em aba inativa (Page Visibility API) =====\n  \/\/ Aplica a TODOS os tracks da p\u00e1gina de uma vez.\n  document.addEventListener('visibilitychange', function(){\n    var tracks = document.querySelectorAll('.ramoa-marquee-track');\n    tracks.forEach(function(track){\n      if (document.hidden) {\n        track.style.animationPlayState = 'paused';\n      } else {\n        track.style.animationPlayState = '';\n      }\n    });\n  });\n  } \/\/ end of init()\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5939e40 e-con-full e-flex e-con e-parent\" data-id=\"5939e40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ace0abe elementor-widget elementor-widget-html\" data-id=\"ace0abe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ramoa-discovery-section\" aria-labelledby=\"ramoa-discovery-title\">\n  <div class=\"ramoa-discovery-bg\" aria-hidden=\"true\">\n    <div class=\"ramoa-discovery-bg__grid\"><\/div>\n    <div class=\"ramoa-discovery-bg__glow ramoa-discovery-bg__glow--purple\"><\/div>\n    <div class=\"ramoa-discovery-bg__glow ramoa-discovery-bg__glow--pink\"><\/div>\n    <div class=\"ramoa-discovery-bg__glow ramoa-discovery-bg__glow--blue\"><\/div>\n  <\/div>\n\n  <div class=\"ramoa-discovery-shell\">\n    <!-- ======= TEXT ======= -->\n    <div class=\"ramoa-discovery-copy\">\n      <span class=\"ramoa-discovery-badge\">\n        <span class=\"ramoa-discovery-badge__dot\" aria-hidden=\"true\"><\/span>\n        Seus clientes j\u00e1 est\u00e3o online\n      <\/span>\n\n      <h2 id=\"ramoa-discovery-title\" class=\"ramoa-discovery-title\">\n        Sua marca est\u00e1 pronta<br>\n        para ser <span class=\"ramoa-discovery-title__hl\">encontrada?<\/span>\n      <\/h2>\n\n      <div class=\"ramoa-discovery-divider\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"ramoa-discovery-text\">\n        <p>\n          A RAMOA estrutura sua presen\u00e7a digital para que seu neg\u00f3cio seja encontrado,\n          compreendido e escolhido nos canais onde as decis\u00f5es acontecem:\n          redes sociais, Google, sites, an\u00fancios e ferramentas de intelig\u00eancia artificial.\n        <\/p>\n        <p>\n          N\u00e3o dependa apenas de indica\u00e7\u00f5es. Posicione sua marca para alcan\u00e7ar a pessoa certa,\n          no momento certo e transformar presen\u00e7a online em oportunidades reais de venda.\n        <\/p>\n      <\/div>\n\n      <ul class=\"ramoa-discovery-meta\" aria-hidden=\"true\">\n        <li><span><\/span> Presen\u00e7a ativa<\/li>\n        <li><span><\/span> Encontrabilidade<\/li>\n        <li><span><\/span> Convers\u00e3o<\/li>\n      <\/ul>\n    <\/div>\n\n    <!-- ======= ECOSYSTEM VISUAL ======= -->\n    <div class=\"ramoa-discovery-visual\">\n      <div class=\"ramoa-discovery-stage\" id=\"ramoaDiscoveryStage\">\n\n        <!-- SVG: connection lines -->\n        <svg class=\"ramoa-discovery-lines\" viewBox=\"0 0 600 600\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">\n          <defs>\n            <radialGradient id=\"ramoaDiscoveryNodeGlow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n              <stop offset=\"0%\" stop-color=\"#ff2fda\" stop-opacity=\"1\"\/>\n              <stop offset=\"100%\" stop-color=\"#ff2fda\" stop-opacity=\"0\"\/>\n            <\/radialGradient>\n            <linearGradient id=\"ramoaDiscoveryWire\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n              <stop offset=\"0%\"  stop-color=\"#ff2fda\" stop-opacity=\".95\"\/>\n              <stop offset=\"50%\" stop-color=\"#a855f7\" stop-opacity=\".75\"\/>\n              <stop offset=\"100%\" stop-color=\"#2dd4ff\" stop-opacity=\".55\"\/>\n            <\/linearGradient>\n            <filter id=\"ramoaDiscoveryWireGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n              <feGaussianBlur stdDeviation=\"2.2\" result=\"b\"\/>\n              <feMerge><feMergeNode in=\"b\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\n            <\/filter>\n          <\/defs>\n\n          <!-- Wires -->\n          <g class=\"ramoa-discovery-wires\" stroke=\"url(#ramoaDiscoveryWire)\" stroke-width=\"1.4\" fill=\"none\" filter=\"url(#ramoaDiscoveryWireGlow)\">\n            <!-- Generated by JS to follow node positions exactly -->\n          <\/g>\n\n          <!-- Animated dots traveling along wires -->\n          <g class=\"ramoa-discovery-pulses\" fill=\"#ff7be9\"><\/g>\n        <\/svg>\n\n        <!-- Dedicated Google wire: keeps the top connection visible and aligned -->\n        <span class=\"ramoa-discovery-google-wire\" aria-hidden=\"true\"><\/span>\n\n        <!-- Concentric rings -->\n        <div class=\"ramoa-discovery-rings\" aria-hidden=\"true\">\n          <span class=\"ramoa-discovery-ring ramoa-discovery-ring--1\"><\/span>\n          <span class=\"ramoa-discovery-ring ramoa-discovery-ring--2\"><\/span>\n          <span class=\"ramoa-discovery-ring ramoa-discovery-ring--3\"><\/span>\n          <span class=\"ramoa-discovery-ring ramoa-discovery-ring--spin\"><\/span>\n        <\/div>\n\n        <!-- Particles -->\n        <div class=\"ramoa-discovery-particles\" aria-hidden=\"true\"><\/div>\n\n        <!-- CORE \/ HUB -->\n        <a class=\"ramoa-discovery-core\"\n           href=\"https:\/\/wa.me\/4915229536966?text=Ol%C3%A1%2C%20quero%20entender%20como%20a%20RAMOA%20pode%20ajudar%20minha%20marca%20a%20ser%20encontrada%20no%20digital.\"\n           target=\"_blank\" rel=\"noopener\"\n           aria-label=\"Falar com a RAMOA no WhatsApp\">\n          <span class=\"ramoa-discovery-core__halo\" aria-hidden=\"true\"><\/span>\n          <span class=\"ramoa-discovery-core__halo ramoa-discovery-core__halo--2\" aria-hidden=\"true\"><\/span>\n          <span class=\"ramoa-discovery-core__inner\">\n            <svg class=\"ramoa-discovery-core__icon\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n              <path d=\"M10 26l4-12h36l4 12\" stroke=\"currentColor\" stroke-width=\"2.2\" fill=\"none\" stroke-linejoin=\"round\"\/>\n              <path d=\"M10 26v26h44V26\" stroke=\"currentColor\" stroke-width=\"2.2\" fill=\"none\" stroke-linejoin=\"round\"\/>\n              <path d=\"M26 52V36h12v16\" stroke=\"currentColor\" stroke-width=\"2.2\" fill=\"none\" stroke-linejoin=\"round\"\/>\n              <path d=\"M10 26c0 5 4 8 8 8s8-3 8-8M26 26c0 5 4 8 8 8s8-3 8-8M42 26c0 5 4 8 8 8s4-3 4-8\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\n            <\/svg>\n            <span class=\"ramoa-discovery-core__label\">SUA MARCA<\/span>\n            <span class=\"ramoa-discovery-core__sub\">Falar no WhatsApp<\/span>\n          <\/span>\n        <\/a>\n\n        <!-- Satellite nodes -->\n        <div class=\"ramoa-discovery-nodes\" id=\"ramoaDiscoveryNodes\">\n          <!-- Nodes injected via data attributes; rendered with CSS variables -->\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"google\"   style=\"--rd-x:50%; --rd-y:6%;\"   aria-label=\"Google\">\n            <svg viewBox=\"0 0 24 24\"><path fill=\"#4285F4\" d=\"M22 12.2c0-.7-.1-1.4-.2-2.1H12v4h5.6a4.8 4.8 0 0 1-2.1 3.2v2.6h3.4c2-1.8 3.1-4.5 3.1-7.7z\"\/><path fill=\"#34A853\" d=\"M12 22c2.7 0 5-.9 6.9-2.4l-3.4-2.6c-.9.6-2.1 1-3.5 1a6 6 0 0 1-5.6-4.1H3v2.6A10 10 0 0 0 12 22z\"\/><path fill=\"#FBBC05\" d=\"M6.4 13.9a6 6 0 0 1 0-3.8V7.5H3a10 10 0 0 0 0 9l3.4-2.6z\"\/><path fill=\"#EA4335\" d=\"M12 6.1c1.5 0 2.8.5 3.8 1.5l2.9-2.9A10 10 0 0 0 3 7.5l3.4 2.6A6 6 0 0 1 12 6.1z\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">Google<\/span>\n          <\/button>\n\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"pink\" style=\"--rd-x:84%; --rd-y:14%;\" aria-label=\"Instagram\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\" stroke=\"#ff2fda\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"#ff2fda\" stroke-width=\"1.8\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1.1\" fill=\"#ff2fda\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">Instagram<\/span>\n          <\/button>\n\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"blue\" style=\"--rd-x:92%; --rd-y:42%;\" aria-label=\"An\u00fancios\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 10v4l11 5V5L3 10z\" stroke=\"#2dd4ff\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M14 9c1.5 1 1.5 5 0 6\" stroke=\"#2dd4ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><path d=\"M17 7c3 2 3 8 0 10\" stroke=\"#2dd4ff\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">An\u00fancios<\/span>\n          <\/button>\n\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"green\" style=\"--rd-x:88%; --rd-y:72%;\" aria-label=\"WhatsApp\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 20l1.4-4.3A8 8 0 1 1 8.5 19L4 20z\" stroke=\"#25d366\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M9 9c0 4 2 6 6 6 .8-.1 1.4-.4 1.6-1l.1-.6-2-1-.7.8c-1-.3-1.7-1-2-2l.8-.7-1-2-.6.1C9.4 8.6 9.1 9 9 9z\" fill=\"#25d366\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">WhatsApp<\/span>\n          <\/button>\n\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"purple\" style=\"--rd-x:62%; --rd-y:92%;\" aria-label=\"IA & Automa\u00e7\u00e3o\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 4h6v3a4 4 0 0 1 0 10v3H9v-3a4 4 0 0 1 0-10V4z\" stroke=\"#a855f7\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><path d=\"M9 10h6M9 14h6M12 7v10\" stroke=\"#a855f7\" stroke-width=\"1.6\" stroke-linecap=\"round\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">IA<\/span>\n          <\/button>\n\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"pink\" style=\"--rd-x:30%; --rd-y:92%;\" aria-label=\"Localiza\u00e7\u00e3o\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 22s7-7 7-12a7 7 0 1 0-14 0c0 5 7 12 7 12z\" stroke=\"#ff2fda\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\" stroke=\"#ff2fda\" stroke-width=\"1.8\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">Localiza\u00e7\u00e3o<\/span>\n          <\/button>\n\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"purple\" style=\"--rd-x:9%; --rd-y:76%;\" aria-label=\"Avalia\u00e7\u00f5es\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1L3.2 9.5l6.1-.9L12 3z\" fill=\"#a855f7\" stroke=\"#ff7be9\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">Avalia\u00e7\u00f5es<\/span>\n          <\/button>\n\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"blue\" style=\"--rd-x:8%; --rd-y:42%;\" aria-label=\"Site\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" stroke=\"#2dd4ff\" stroke-width=\"1.8\"\/><path d=\"M3 9h18\" stroke=\"#2dd4ff\" stroke-width=\"1.8\"\/><circle cx=\"6\" cy=\"6.5\" r=\".7\" fill=\"#2dd4ff\"\/><circle cx=\"8.5\" cy=\"6.5\" r=\".7\" fill=\"#2dd4ff\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">Site<\/span>\n          <\/button>\n\n          <button class=\"ramoa-discovery-node\" type=\"button\" data-color=\"pink\" style=\"--rd-x:16%; --rd-y:14%;\" aria-label=\"Redes sociais\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"6\" cy=\"12\" r=\"3\" stroke=\"#ff2fda\" stroke-width=\"1.8\"\/><circle cx=\"18\" cy=\"6\" r=\"3\" stroke=\"#ff2fda\" stroke-width=\"1.8\"\/><circle cx=\"18\" cy=\"18\" r=\"3\" stroke=\"#ff2fda\" stroke-width=\"1.8\"\/><path d=\"M8.5 10.5l7-3M8.5 13.5l7 3\" stroke=\"#ff2fda\" stroke-width=\"1.6\"\/><\/svg>\n            <span class=\"ramoa-discovery-node__tag\">Social<\/span>\n          <\/button>\n        <\/div>\n\n        <!-- Floating chips -->\n        <span class=\"ramoa-discovery-chip ramoa-discovery-chip--top\">\n          <span class=\"ramoa-discovery-chip__dot\"><\/span> Online agora\n        <\/span>\n        <span class=\"ramoa-discovery-chip ramoa-discovery-chip--bottom\">\n          <span class=\"ramoa-discovery-chip__plus\" aria-hidden=\"true\">+<\/span>\n          vendas\n        <\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   RAMOA DISCOVERY \u00b7 Scoped styles (PERFORMANCE-OPTIMIZED v2)\n   Mudan\u00e7as vs v1:\n   - Anima\u00e7\u00f5es pausam quando section sai da viewport (via .is-visible)\n   - Particulas reduzidas de 14 \u2192 6\n   - <animateMotion> SVG removido (custo CPU alto), substitu\u00eddo por\n     pulses CSS leves em traveling-dot\n   - Ring --spin sem mask radial (mask em rota\u00e7\u00e3o \u00e9 caro)\n   - backdrop-filter trocado por background rgba mais opaco\n     em badge\/nodes\/chips (visual praticamente igual, custo bem menor)\n   - filter: drop-shadow triplos reduzidos a \u00fanico nos wires SVG\n   - contain: layout paint na section (isola reflow do resto da p\u00e1gina)\n   ========================================================= *\/\n.ramoa-discovery-section{\n  --rd-bg-1:#070210;\n  --rd-bg-2:#0c0420;\n  --rd-pink:#ff2fda;\n  --rd-purple:#a855f7;\n  --rd-blue:#2dd4ff;\n  --rd-green:#25d366;\n  --rd-text:#f3eaff;\n  --rd-mute:#b9a8d4;\n  --rd-radius:24px;\n  --rd-ease:cubic-bezier(.22,.8,.2,1);\n\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  contain:layout paint;\n  width:100% !important;\n  max-width:100% !important;\n  box-sizing:border-box !important;\n  padding:clamp(72px,8vw,124px) clamp(24px,6vw,96px);\n  background:\n    radial-gradient(120% 80% at 80% 10%, color-mix(in oklab, var(--rd-purple) 18%, transparent), transparent 60%),\n    radial-gradient(80% 60% at 10% 90%, color-mix(in oklab, var(--rd-pink) 14%, transparent), transparent 60%),\n    linear-gradient(180deg, var(--rd-bg-1), var(--rd-bg-2));\n  color:var(--rd-text);\n  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n}\n.ramoa-discovery-section *{box-sizing:border-box}\n\n\/* PAUSE-OFFSCREEN: por padr\u00e3o tudo pausado.\n   Quando .is-visible (adicionado via IntersectionObserver), anima\u00e7\u00f5es rodam. *\/\n.ramoa-discovery-section :where(*){\n  animation-play-state:paused !important;\n}\n.ramoa-discovery-section.is-visible :where(*){\n  animation-play-state:running !important;\n}\n\n\/* ==== Background ==== *\/\n.ramoa-discovery-bg{position:absolute;inset:0;z-index:0;pointer-events:none}\n.ramoa-discovery-bg__grid{\n  position:absolute;inset:0;opacity:.18;\n  background-image:\n    linear-gradient(transparent 95%, color-mix(in oklab, var(--rd-purple) 60%, transparent) 95%),\n    linear-gradient(90deg, transparent 95%, color-mix(in oklab, var(--rd-purple) 60%, transparent) 95%);\n  background-size:48px 48px;\n  mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);\n}\n.ramoa-discovery-bg__glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen;will-change:transform}\n.ramoa-discovery-bg__glow--purple{width:520px;height:520px;background:var(--rd-purple);top:-120px;right:-120px}\n.ramoa-discovery-bg__glow--pink{width:460px;height:460px;background:var(--rd-pink);bottom:-160px;left:30%;opacity:.45}\n.ramoa-discovery-bg__glow--blue{width:420px;height:420px;background:var(--rd-blue);top:30%;left:-160px;opacity:.35}\n\n\/* ==== Layout ==== *\/\n.ramoa-discovery-shell{\n  position:relative;z-index:2;\n  width:100%;max-width:1320px;margin:0 auto;\n  display:grid;grid-template-columns:.86fr 1.24fr;gap:clamp(32px,4.5vw,72px);\n  align-items:center;\n}\n@media (max-width:980px){\n  .ramoa-discovery-section{\n    overflow:hidden !important;\n    width:100% !important;\n    max-width:100% !important;\n    padding:clamp(56px,12vw,84px) 22px !important;\n  }\n\n  .ramoa-discovery-shell{\n    grid-template-columns:1fr;\n    gap:0;\n    width:100%;\n    max-width:100%;\n    margin:0 auto;\n  }\n\n  .ramoa-discovery-copy{\n    text-align:center;\n    max-width:620px;\n    margin:0 auto;\n  }\n\n  .ramoa-discovery-badge,\n  .ramoa-discovery-meta{\n    justify-content:center;\n  }\n\n  .ramoa-discovery-divider{\n    margin-left:auto;\n    margin-right:auto;\n  }\n\n  .ramoa-discovery-text p{\n    max-width:none;\n  }\n\n  .ramoa-discovery-visual{\n    display:none !important;\n  }\n}\n\n\/* ==== Copy ==== *\/\n.ramoa-discovery-badge{\n  display:inline-flex;align-items:center;gap:10px;\n  padding:8px 16px;border-radius:999px;\n  background:rgba(168,85,247,.16);\n  border:1px solid color-mix(in oklab, var(--rd-pink) 35%, transparent);\n  font-size:13px;letter-spacing:.04em;color:#f7d7ff;\n}\n.ramoa-discovery-badge__dot{\n  width:8px;height:8px;border-radius:50%;background:#22ff8e;\n  box-shadow:0 0 12px #22ff8e, 0 0 24px rgba(34,255,142,.55);\n  animation:ramoa-discovery-pulse 1.8s ease-in-out infinite;\n}\n@keyframes ramoa-discovery-pulse{50%{opacity:.4;transform:scale(.85)}}\n\n.ramoa-discovery-title{\n  margin:22px 0 0;\n  font-family:'Inter',sans-serif;\n  font-weight:800;\n  font-size:clamp(34px,4.6vw,60px);\n  line-height:1.05;letter-spacing:-.02em;\n  color:#fff;\n}\n.ramoa-discovery-title__hl{\n  background:linear-gradient(90deg,var(--rd-pink),var(--rd-purple) 60%,var(--rd-blue));\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n}\n.ramoa-discovery-divider{\n  width:84px;height:2px;margin:24px 0;\n  background:linear-gradient(90deg,var(--rd-pink),transparent);\n  border-radius:2px;\n}\n.ramoa-discovery-text p{\n  margin:0 0 14px;color:var(--rd-mute);\n  font-size:clamp(15px,1.1vw,17px);line-height:1.7;max-width:54ch;\n}\n.ramoa-discovery-meta{\n  list-style:none;margin:28px 0 0;padding:0;\n  display:flex;flex-wrap:wrap;gap:10px;\n}\n.ramoa-discovery-meta li{\n  display:inline-flex;align-items:center;gap:8px;\n  padding:8px 14px;border-radius:999px;font-size:13px;\n  color:#e9ddff;\n  background:color-mix(in oklab, var(--rd-purple) 12%, transparent);\n  border:1px solid color-mix(in oklab, var(--rd-purple) 35%, transparent);\n}\n.ramoa-discovery-meta li span{\n  width:6px;height:6px;border-radius:50%;\n  background:var(--rd-pink);box-shadow:0 0 8px var(--rd-pink);\n}\n\n\/* ==== Visual stage ==== *\/\n.ramoa-discovery-visual{\n  position:relative !important;\n  display:flex !important;align-items:center;justify-content:center;\n  min-width:0 !important;\n  min-height:clamp(520px,42vw,680px) !important;\n  \/* Padding interno em todas as dire\u00e7\u00f5es para criar respiro entre o\n     stage e as bordas do container\/grid. Sem isso, os nodes laterais\n     (Site, An\u00fancios) e inferiores (Localiza\u00e7\u00e3o, IA) ficam cortados.\n     !important para sobrepor qualquer reset do tema\/Elementor. *\/\n  padding:clamp(24px, 3vw, 44px) clamp(24px, 3vw, 44px) !important;\n  overflow:visible !important;\n  box-sizing:border-box !important;\n}\n.ramoa-discovery-stage{\n  position:relative !important;\n  width:min(100%, 620px) !important;\n  aspect-ratio:1\/1 !important;\n  --rd-active:0;\n  \/* Trocado de \"layout paint\" para apenas \"layout\":\n     - \"paint\" corta visualmente qualquer node que ultrapasse a borda\n       do stage. Como os nodes ficam em 4%\/96% (perto das bordas),\n       ele cortava as bordas dos \u00edcones laterais e inferiores.\n     - \"layout\" mant\u00e9m o isolamento de reflow para performance,\n       mas permite que o conte\u00fado \"vaze\" visualmente sem ser cortado. *\/\n  contain:layout !important;\n  overflow:visible !important;\n  box-sizing:border-box !important;\n}\n\n\/* SVG lines layer *\/\n.ramoa-discovery-lines{\n  position:absolute;inset:0;width:100%;height:100%;\n  z-index:1;pointer-events:none;\n  opacity:.85;\n  transition:opacity .5s var(--rd-ease);\n}\n.ramoa-discovery-stage.is-active .ramoa-discovery-lines{opacity:1}\n\n.ramoa-discovery-lines .ramoa-discovery-wires line,\n.ramoa-discovery-lines .ramoa-discovery-wires path{\n  stroke-width:1.75 !important;\n  opacity:.92 !important;\n  stroke-dasharray:6 8;\n  stroke-linecap:round;\n  vector-effect:non-scaling-stroke;\n  animation:ramoa-discovery-flow 7s linear infinite;\n  \/* Reduzido de 2 drop-shadows para 1 *\/\n  filter:drop-shadow(0 0 6px rgba(255,47,218,.6));\n}\n\n.ramoa-discovery-lines .ramoa-discovery-wires .ramoa-discovery-wire--google{\n  stroke-width:2.25 !important;\n  opacity:1 !important;\n  stroke-dasharray:6 8;\n  stroke-linecap:round;\n  vector-effect:non-scaling-stroke;\n  filter:drop-shadow(0 0 8px rgba(255,47,218,.85));\n}\n\n.ramoa-discovery-stage.is-active .ramoa-discovery-lines .ramoa-discovery-wires line,\n.ramoa-discovery-stage.is-active .ramoa-discovery-lines .ramoa-discovery-wires path{\n  opacity:1 !important;\n  stroke-width:2.05 !important;\n  filter:drop-shadow(0 0 8px rgba(255,47,218,.78));\n}\n\n.ramoa-discovery-google-wire{\n  position:absolute;\n  left:50%;\n  top:12%;\n  width:2.2px;\n  height:38%;\n  transform:translateX(-50%);\n  z-index:3;\n  pointer-events:none;\n  opacity:.95;\n  border-radius:999px;\n  background:repeating-linear-gradient(\n    to bottom,\n    rgba(168,85,247,.88) 0 6px,\n    rgba(255,47,218,.64) 6px 8px,\n    transparent 8px 15px\n  );\n  \/* Reduzido de 2 drop-shadows para 1 *\/\n  filter:drop-shadow(0 0 8px rgba(168,85,247,.7));\n  animation:ramoa-discovery-google-wire-flow 2.8s linear infinite;\n}\n\n@keyframes ramoa-discovery-google-wire-flow{\n  to{background-position-y:30px;}\n}\n\n.ramoa-discovery-stage.is-active .ramoa-discovery-google-wire{\n  width:2.7px;\n  opacity:1;\n}\n\n@keyframes ramoa-discovery-flow{to{stroke-dashoffset:-140}}\n\n\/* Concentric rings *\/\n.ramoa-discovery-rings{\n  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\n  pointer-events:none;z-index:2;\n}\n.ramoa-discovery-ring{\n  position:absolute;border-radius:50%;\n  border:1px solid color-mix(in oklab, var(--rd-pink) 45%, transparent);\n  box-shadow:\n    inset 0 0 30px color-mix(in oklab, var(--rd-purple) 35%, transparent),\n    0 0 30px color-mix(in oklab, var(--rd-pink) 25%, transparent);\n  transition:transform .6s var(--rd-ease), box-shadow .6s var(--rd-ease), opacity .6s var(--rd-ease);\n}\n.ramoa-discovery-ring--1{width:38%;height:38%}\n.ramoa-discovery-ring--2{width:54%;height:54%;opacity:.7;border-color:color-mix(in oklab, var(--rd-purple) 50%, transparent)}\n.ramoa-discovery-ring--3{width:72%;height:72%;opacity:.5;border-color:color-mix(in oklab, var(--rd-blue) 45%, transparent)}\n\n\/* Ring spinner: SEM mask radial (era custoso). Agora \u00e9 s\u00f3 uma borda dashed que rotaciona. *\/\n.ramoa-discovery-ring--spin{\n  width:46%;height:46%;\n  border:1px dashed color-mix(in oklab, var(--rd-pink) 60%, transparent);\n  background:transparent;\n  animation:ramoa-discovery-spin 14s linear infinite;\n  will-change:transform;\n}\n@keyframes ramoa-discovery-spin{to{transform:rotate(360deg)}}\n\n.ramoa-discovery-stage.is-active .ramoa-discovery-ring--1{transform:scale(1.06)}\n.ramoa-discovery-stage.is-active .ramoa-discovery-ring--2{transform:scale(1.04)}\n.ramoa-discovery-stage.is-active .ramoa-discovery-ring{\n  box-shadow:\n    inset 0 0 50px color-mix(in oklab, var(--rd-purple) 60%, transparent),\n    0 0 60px color-mix(in oklab, var(--rd-pink) 55%, transparent);\n}\n\n\/* Particles (reduzidas de 14 \u2192 6 via JS) *\/\n.ramoa-discovery-particles{position:absolute;inset:0;z-index:1;pointer-events:none}\n.ramoa-discovery-particles span{\n  position:absolute;width:4px;height:4px;border-radius:50%;\n  background:var(--rd-pink);box-shadow:0 0 8px var(--rd-pink);\n  opacity:.7;\n  animation:ramoa-discovery-float 6s ease-in-out infinite;\n  will-change:transform, opacity;\n}\n\n@keyframes ramoa-discovery-float{\n  0%,100%{transform:translate(0,0);opacity:.3}\n  50%{transform:translate(8px,-10px);opacity:.9}\n}\n\n\/* ==== CORE \/ HUB ==== *\/\n.ramoa-discovery-core{\n  position:absolute;left:50%;top:50%;\n  transform:translate(-50%,-50%);\n  width:34%;aspect-ratio:1\/1;\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  text-decoration:none;color:#fff;\n  z-index:5;\n  cursor:pointer;\n  transition:transform .5s var(--rd-ease);\n}\n.ramoa-discovery-core__halo{\n  position:absolute;inset:-18%;border-radius:50%;\n  background:radial-gradient(circle at center, color-mix(in oklab, var(--rd-pink) 70%, transparent), transparent 60%);\n  filter:blur(18px);opacity:.85;\n  transition:opacity .5s var(--rd-ease), transform .5s var(--rd-ease);\n}\n.ramoa-discovery-core__halo--2{\n  inset:-6%;\n  background:conic-gradient(from 0deg,\n    var(--rd-pink), var(--rd-purple), var(--rd-blue), var(--rd-pink));\n  filter:blur(2px);\n  -webkit-mask:radial-gradient(circle, transparent 62%, #000 63%, #000 70%, transparent 71%);\n          mask:radial-gradient(circle, transparent 62%, #000 63%, #000 70%, transparent 71%);\n  animation:ramoa-discovery-spin 9s linear infinite;\n  opacity:.85;\n  will-change:transform;\n}\n.ramoa-discovery-core__inner{\n  position:relative;z-index:2;\n  width:84%;height:84%;border-radius:50%;\n  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;\n  background:\n    radial-gradient(circle at 50% 35%, color-mix(in oklab, var(--rd-pink) 35%, transparent), transparent 65%),\n    linear-gradient(160deg, #1a0726 0%, #0a0214 100%);\n  border:1px solid color-mix(in oklab, var(--rd-pink) 60%, transparent);\n  box-shadow:\n    inset 0 0 40px color-mix(in oklab, var(--rd-pink) 30%, transparent),\n    0 0 50px color-mix(in oklab, var(--rd-pink) 35%, transparent);\n  transition:box-shadow .5s var(--rd-ease), border-color .5s var(--rd-ease);\n}\n.ramoa-discovery-core__icon{\n  width:38%;height:auto;color:#ffd6f4;\n  filter:drop-shadow(0 0 8px color-mix(in oklab, var(--rd-pink) 80%, transparent));\n}\n.ramoa-discovery-core__label{\n  font-weight:800;letter-spacing:.18em;font-size:clamp(11px,1.1vw,14px);\n  color:#fff;text-shadow:0 0 12px color-mix(in oklab, var(--rd-pink) 70%, transparent);\n}\n.ramoa-discovery-core__sub{\n  font-size:clamp(9px,.85vw,11px);letter-spacing:.06em;color:#f7c1ec;opacity:.85;\n}\n\n.ramoa-discovery-core:hover,\n.ramoa-discovery-core:focus-visible{outline:none;transform:translate(-50%,-50%) scale(1.04)}\n.ramoa-discovery-core:hover .ramoa-discovery-core__inner,\n.ramoa-discovery-core:focus-visible .ramoa-discovery-core__inner{\n  border-color:#ffb3ec;\n  box-shadow:\n    inset 0 0 60px color-mix(in oklab, var(--rd-pink) 60%, transparent),\n    0 0 90px color-mix(in oklab, var(--rd-pink) 65%, transparent),\n    0 0 140px color-mix(in oklab, var(--rd-purple) 50%, transparent);\n}\n.ramoa-discovery-core:hover .ramoa-discovery-core__halo{transform:scale(1.08);opacity:1}\n\n\/* ==== Satellite nodes ==== *\/\n.ramoa-discovery-nodes{position:absolute;inset:0;z-index:4;pointer-events:none}\n.ramoa-discovery-node{\n  position:absolute;left:var(--rd-x);top:var(--rd-y);\n  --rd-tx:0px; --rd-ty:0px;\n  transform:translate(-50%,-50%) translate(var(--rd-tx), var(--rd-ty));\n  width:clamp(56px, 9.5%, 78px);aspect-ratio:1\/1;\n  display:flex;align-items:center;justify-content:center;\n  background:rgba(14,3,28,.92);\n  border:1px solid color-mix(in oklab, var(--rd-pink) 45%, transparent);\n  border-radius:18px;\n  color:#fff;cursor:pointer;\n  pointer-events:auto;\n  box-shadow:\n    inset 0 0 18px color-mix(in oklab, var(--rd-pink) 22%, transparent),\n    0 0 22px color-mix(in oklab, var(--rd-pink) 25%, transparent);\n  transition:transform .55s var(--rd-ease), box-shadow .4s var(--rd-ease), border-color .4s var(--rd-ease);\n  animation:ramoa-discovery-bob 6s ease-in-out infinite;\n  animation-delay:var(--rd-bob, 0s);\n  will-change:transform;\n}\n.ramoa-discovery-node svg{\n  width:58% !important;\n  height:58% !important;\n  display:block !important;\n  overflow:visible !important;\n  position:relative !important;\n  z-index:2 !important;\n}\n.ramoa-discovery-node svg *{\n  vector-effect:non-scaling-stroke;\n}\n.ramoa-discovery-node__tag{\n  position:absolute;bottom:-22px;left:50%;transform:translateX(-50%) translateY(4px);\n  font-size:11px;letter-spacing:.04em;color:#e6d3ff;opacity:0;\n  white-space:nowrap;\n  transition:opacity .3s var(--rd-ease), transform .3s var(--rd-ease);\n  pointer-events:none;\n  text-shadow:\n    0 0 10px rgba(255,47,218,.38),\n    0 2px 8px rgba(0,0,0,.65);\n}\n.ramoa-discovery-node:hover{\n  border-color:#ffb3ec;\n  box-shadow:\n    inset 0 0 26px color-mix(in oklab, var(--rd-pink) 40%, transparent),\n    0 0 40px color-mix(in oklab, var(--rd-pink) 50%, transparent);\n}\n.ramoa-discovery-node:hover .ramoa-discovery-node__tag,\n.ramoa-discovery-stage.is-active .ramoa-discovery-node__tag{\n  opacity:1;\n  transform:translateX(-50%) translateY(0);\n}\n\n.ramoa-discovery-node[data-color=\"blue\"]  {border-color:color-mix(in oklab, var(--rd-blue) 55%, transparent);  box-shadow:inset 0 0 18px color-mix(in oklab, var(--rd-blue) 25%, transparent), 0 0 22px color-mix(in oklab, var(--rd-blue) 25%, transparent)}\n.ramoa-discovery-node[data-color=\"purple\"]{border-color:color-mix(in oklab, var(--rd-purple) 60%, transparent);box-shadow:inset 0 0 18px color-mix(in oklab, var(--rd-purple) 25%, transparent), 0 0 22px color-mix(in oklab, var(--rd-purple) 28%, transparent)}\n.ramoa-discovery-node[data-color=\"green\"] {border-color:color-mix(in oklab, var(--rd-green) 55%, transparent); box-shadow:inset 0 0 18px color-mix(in oklab, var(--rd-green) 25%, transparent), 0 0 22px color-mix(in oklab, var(--rd-green) 28%, transparent)}\n.ramoa-discovery-node[data-color=\"google\"]{border-color:rgba(255,255,255,.35); box-shadow:inset 0 0 18px rgba(255,255,255,.12), 0 0 24px rgba(66,133,244,.35)}\n\n\/* RAMOA \u2014 prote\u00e7\u00e3o contra estilos globais do WordPress\/Elementor em bot\u00f5es e SVGs *\/\n.ramoa-discovery-section .ramoa-discovery-node{\n  appearance:none !important;\n  -webkit-appearance:none !important;\n  padding:0 !important;\n  margin:0 !important;\n  min-width:0 !important;\n  min-height:0 !important;\n  line-height:1 !important;\n  font:inherit !important;\n  text-align:center !important;\n  text-transform:none !important;\n  background:rgba(14,3,28,.92) !important;\n  border-width:1px !important;\n  border-style:solid !important;\n  border-radius:18px !important;\n  color:#fff !important;\n  outline:none !important;\n  overflow:visible !important;\n}\n\n.ramoa-discovery-section .ramoa-discovery-node[data-color=\"blue\"]{\n  border-color:color-mix(in oklab, var(--rd-blue) 55%, transparent) !important;\n  box-shadow:inset 0 0 18px color-mix(in oklab, var(--rd-blue) 25%, transparent), 0 0 22px color-mix(in oklab, var(--rd-blue) 25%, transparent) !important;\n}\n\n.ramoa-discovery-section .ramoa-discovery-node[data-color=\"purple\"]{\n  border-color:color-mix(in oklab, var(--rd-purple) 60%, transparent) !important;\n  box-shadow:inset 0 0 18px color-mix(in oklab, var(--rd-purple) 25%, transparent), 0 0 22px color-mix(in oklab, var(--rd-purple) 28%, transparent) !important;\n}\n\n.ramoa-discovery-section .ramoa-discovery-node[data-color=\"green\"]{\n  border-color:color-mix(in oklab, var(--rd-green) 55%, transparent) !important;\n  box-shadow:inset 0 0 18px color-mix(in oklab, var(--rd-green) 25%, transparent), 0 0 22px color-mix(in oklab, var(--rd-green) 28%, transparent) !important;\n}\n\n.ramoa-discovery-section .ramoa-discovery-node[data-color=\"google\"]{\n  border-color:rgba(255,255,255,.35) !important;\n  box-shadow:inset 0 0 18px rgba(255,255,255,.12), 0 0 24px rgba(66,133,244,.35) !important;\n}\n\n.ramoa-discovery-section .ramoa-discovery-node svg,\n.ramoa-discovery-section .ramoa-discovery-node svg *{\n  max-width:none !important;\n  transform-box:fill-box;\n}\n\n@keyframes ramoa-discovery-bob{\n  0%,100%{transform:translate(-50%,-50%) translate(var(--rd-tx), var(--rd-ty))}\n  50%{transform:translate(-50%,-50%) translate(calc(var(--rd-tx) + 0px), calc(var(--rd-ty) - 6px))}\n}\n\n\/* Convergence: when stage active, push every node toward center *\/\n.ramoa-discovery-stage.is-active .ramoa-discovery-node{\n  --rd-tx:calc((50% - var(--rd-x)) * 0.32);\n  --rd-ty:calc((50% - var(--rd-y)) * 0.32);\n  animation-play-state:paused;\n  border-color:#ffb3ec;\n}\n\n\/* Pulses CSS leves substituindo <animateMotion> SVG *\/\n.ramoa-discovery-pulses-css{\n  position:absolute;inset:0;z-index:3;pointer-events:none;\n}\n.ramoa-discovery-pulses-css span{\n  position:absolute;left:50%;top:50%;\n  width:6px;height:6px;border-radius:50%;\n  background:#ff7be9;box-shadow:0 0 8px #ff7be9;\n  opacity:0;\n  animation:ramoa-discovery-pulse-travel 3.5s ease-in-out infinite;\n  animation-delay:var(--rd-pulse-delay, 0s);\n  will-change:transform, opacity;\n}\n@keyframes ramoa-discovery-pulse-travel{\n  0%   {transform:translate(-50%,-50%) translate(0,0); opacity:0}\n  10%  {opacity:1}\n  90%  {opacity:1}\n  100% {transform:translate(-50%,-50%) translate(var(--rd-pulse-x,0), var(--rd-pulse-y,0)); opacity:0}\n}\n\n\/* ==== Floating chips ==== *\/\n.ramoa-discovery-chip{\n  position:absolute;z-index:6;\n  display:inline-flex;align-items:center;gap:8px;\n  padding:8px 14px;border-radius:999px;\n  font-size:12px;letter-spacing:.04em;color:#fff;\n  background:rgba(15,5,30,.88);\n  border:1px solid color-mix(in oklab, var(--rd-pink) 45%, transparent);\n  box-shadow:0 8px 30px rgba(0,0,0,.35), 0 0 24px color-mix(in oklab, var(--rd-pink) 25%, transparent);\n}\n.ramoa-discovery-chip__dot{\n  width:8px;height:8px;border-radius:50%;background:#22ff8e;box-shadow:0 0 10px #22ff8e;\n  animation:ramoa-discovery-pulse 1.6s ease-in-out infinite;\n}\n.ramoa-discovery-chip__plus{\n  width:14px;\n  height:14px;\n  flex:0 0 14px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  color:#ffd7f6;\n  font-size:11px;\n  line-height:1;\n  font-weight:800;\n  background:rgba(255,47,218,.14);\n  border:1px solid rgba(255,47,218,.42);\n  box-shadow:\n    0 0 8px rgba(255,47,218,.48),\n    inset 0 0 8px rgba(255,255,255,.06);\n  animation:ramoa-discovery-chip-plus-pulse 1.7s ease-in-out infinite;\n}\n\n@keyframes ramoa-discovery-chip-plus-pulse{\n  0%,100%{opacity:.95;transform:scale(1);}\n  50%{opacity:.48;transform:scale(.88);}\n}\n.ramoa-discovery-chip--top   {top:-1%;left:8%}\n.ramoa-discovery-chip--bottom{bottom:6%;right:6%}\n\n\/* ==== Mobile ==== *\/\n@media (max-width:560px){\n  .ramoa-discovery-section{\n    padding:54px 22px 64px !important;\n    overflow:hidden !important;\n    width:100% !important;\n    max-width:100% !important;\n  }\n\n  .ramoa-discovery-title{\n    font-size:clamp(31px,8.8vw,40px);\n  }\n\n  .ramoa-discovery-text p{\n    font-size:15px;\n    line-height:1.65;\n  }\n\n  .ramoa-discovery-meta{\n    gap:9px;\n  }\n\n  .ramoa-discovery-meta li{\n    font-size:12px;\n    padding:8px 12px;\n  }\n}\n@media (prefers-reduced-motion: reduce){\n  .ramoa-discovery-section *{animation:none !important;transition:none !important}\n}\n\n\/* =========================================================================\n   BLINDAGEM CONTRA WORDPRESS \/ ELEMENTOR\n   =========================================================================\n   O Elementor envolve cada widget HTML em uma cadeia de containers:\n     .elementor \u2192 .e-con \u2192 .e-con-inner \u2192 .elementor-widget-wrap \u2192\n     .elementor-widget \u2192 .elementor-widget-container\n   Qualquer um deles pode ter overflow:hidden, padding, max-height ou\n   flex-shrink injetados pelo tema\/kit, cortando nossos nodes laterais.\n\n   Esta se\u00e7\u00e3o for\u00e7a overflow:visible e remove paddings\/max-height que\n   esmagam a section, SOMENTE quando esses containers est\u00e3o dentro de\n   uma .ramoa-discovery-section ou cont\u00eam nossos elementos.\n   ========================================================================= *\/\n\n\/* 1) A pr\u00f3pria section: manter a largura controlada para n\u00e3o gerar scroll horizontal *\/\n.ramoa-discovery-section{\n  overflow:hidden !important;\n  max-height:none !important;\n  contain:none !important;\n  width:100% !important;\n  max-width:100% !important;\n}\n\n\/* 2) N\u00e3o for\u00e7ar overflow nos ancestrais do Elementor.\n      Isso evitava cortes internos, mas tamb\u00e9m alargava o layout e criava\n      scroll horizontal no desktop e no mobile. O controle agora fica apenas\n      dentro da pr\u00f3pria section. *\/\n\n\/* 4) Shell e visual: blindagem extra contra resets do tema *\/\n.ramoa-discovery-section .ramoa-discovery-shell{\n  overflow:hidden !important;\n  max-height:none !important;\n  contain:none !important;\n}\n\n.ramoa-discovery-section .ramoa-discovery-visual{\n  overflow:hidden !important;\n  max-height:none !important;\n  contain:none !important;\n}\n\n.ramoa-discovery-section .ramoa-discovery-stage{\n  overflow:visible !important;\n  max-height:none !important;\n}\n\n\/* 5) Garantir que os bot\u00f5es dos nodes n\u00e3o tenham nada do reset\n      Elementor cortando-os (j\u00e1 faz\u00edamos isto antes, mantendo) *\/\n.ramoa-discovery-section .ramoa-discovery-node{\n  overflow:visible !important;\n  max-width:none !important;\n  max-height:none !important;\n}\n\n\/* 6) NODES no posicionamento absoluto n\u00e3o devem ser afetados por\n      flex-shrink, min-width:0 ou similares aplicados pelo tema *\/\n.ramoa-discovery-section .ramoa-discovery-nodes{\n  overflow:visible !important;\n  pointer-events:none;\n}\n\n\/* RAMOA \u2014 esconder visual\/hub no mobile\n   Precisa ficar no final do CSS para vencer o display:flex !important\n   declarado anteriormente em .ramoa-discovery-visual. *\/\n@media (max-width:980px){\n  .ramoa-discovery-section .ramoa-discovery-visual{\n    display:none !important;\n  }\n}\n<\/style>\n\n\n<script>\n(function(){\n  var section = document.querySelector('.ramoa-discovery-section');\n  var stage = document.getElementById('ramoaDiscoveryStage');\n  if(!section || !stage) return;\n\n  \/\/ ===== Build SVG wires from each node center to the hub center =====\n  var wires = stage.querySelector('.ramoa-discovery-wires');\n  var nodes = stage.querySelectorAll('.ramoa-discovery-node');\n  var VB = 600;\n  function pctToVB(v){ return (parseFloat(v) \/ 100) * VB; }\n\n  \/\/ Container para os pulses CSS (substitui <animateMotion> SVG)\n  var pulsesCSS = document.createElement('div');\n  pulsesCSS.className = 'ramoa-discovery-pulses-css';\n  stage.appendChild(pulsesCSS);\n\n  nodes.forEach(function(node, i){\n    var xPct = parseFloat(node.style.getPropertyValue('--rd-x'));\n    var yPct = parseFloat(node.style.getPropertyValue('--rd-y'));\n    var x = (xPct \/ 100) * VB;\n    var y = (yPct \/ 100) * VB;\n\n    \/\/ SVG line do hub at\u00e9 o node (visual igual ao original)\n    var line = document.createElementNS('http:\/\/www.w3.org\/2000\/svg','line');\n    line.setAttribute('x1', VB\/2); line.setAttribute('y1', VB\/2);\n    line.setAttribute('x2', x);    line.setAttribute('y2', y);\n    line.setAttribute('stroke-linecap','round');\n    if ((node.getAttribute('aria-label') || '').toLowerCase() === 'google') {\n      line.classList.add('ramoa-discovery-wire--google');\n      line.setAttribute('opacity', '0.08');\n    }\n    wires.appendChild(line);\n\n    \/\/ Stagger do bob\n    node.style.setProperty('--rd-bob', (i * 0.4) + 's');\n\n    \/\/ Pulse CSS leve (substitui <animateMotion>)\n    \/\/ Calcula o deslocamento do centro at\u00e9 a posi\u00e7\u00e3o do node em % do stage\n    var dxPct = (xPct - 50) + '%';\n    var dyPct = (yPct - 50) + '%';\n    var dot = document.createElement('span');\n    dot.style.setProperty('--rd-pulse-x', dxPct);\n    dot.style.setProperty('--rd-pulse-y', dyPct);\n    dot.style.setProperty('--rd-pulse-delay', (i * 0.32) + 's');\n    pulsesCSS.appendChild(dot);\n  });\n\n  \/\/ ===== Particles (reduzidas de 14 \u2192 6) =====\n  var particles = stage.querySelector('.ramoa-discovery-particles');\n  for(var p=0; p<6; p++){\n    var s = document.createElement('span');\n    s.style.left = (Math.random()*100) + '%';\n    s.style.top  = (Math.random()*100) + '%';\n    s.style.animationDelay = (Math.random()*6) + 's';\n    s.style.animationDuration = (4 + Math.random()*5) + 's';\n    s.style.background = ['#ff2fda','#a855f7','#2dd4ff'][p%3];\n    s.style.boxShadow = '0 0 8px ' + s.style.background;\n    particles.appendChild(s);\n  }\n\n  \/\/ ===== Hover convergence on the CORE =====\n  var core = stage.querySelector('.ramoa-discovery-core');\n  function activate(){ stage.classList.add('is-active'); }\n  function deactivate(){ stage.classList.remove('is-active'); }\n  core.addEventListener('mouseenter', activate);\n  core.addEventListener('mouseleave', deactivate);\n  core.addEventListener('focus', activate);\n  core.addEventListener('blur', deactivate);\n  core.addEventListener('touchstart', function(){\n    activate(); setTimeout(deactivate, 1200);\n  }, {passive:true});\n\n  \/\/ ===== PAUSE-OFFSCREEN: anima\u00e7\u00f5es s\u00f3 rodam quando section vis\u00edvel =====\n  \/\/ Maior ganho de performance: enquanto a section est\u00e1 fora da viewport,\n  \/\/ todas as 10+ anima\u00e7\u00f5es infinitas ficam pausadas.\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting) {\n          section.classList.add('is-visible');\n        } else {\n          section.classList.remove('is-visible');\n        }\n      });\n    }, { rootMargin: '120px 0px', threshold: 0 });\n    io.observe(section);\n  } else {\n    \/\/ Fallback para browsers antigos: sempre vis\u00edvel\n    section.classList.add('is-visible');\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4aa169a e-flex e-con-boxed e-con e-parent\" data-id=\"4aa169a\" data-element_type=\"container\" data-e-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\t\t<div class=\"elementor-element elementor-element-508e676 elementor-widget elementor-widget-html\" data-id=\"508e676\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ramoa-segment-intro\" aria-labelledby=\"ramoaSegmentIntroTitle\">\n  <span class=\"ramoa-carousel-eyebrow\">N\u00e3o importa o que voc\u00ea faz<\/span>\n  <h2 id=\"ramoaSegmentIntroTitle\" class=\"ramoa-carousel-heading\">\n    Do atendimento local ao servi\u00e7o especializado:<br>\n    <strong>seu neg\u00f3cio precisa ser encontrado<\/strong>\n  <\/h2>\n<\/section>\n\n<div class=\"ramoa-netflix-carousel\" id=\"ramoaSegmentCarousel\">\n  <div class=\"ramoa-carousel-layout\">\n    <!-- Palco principal -->\n    <article class=\"ramoa-feature-card\">\n      <div class=\"ramoa-feature-image\"><\/div>\n      <video class=\"ramoa-feature-video\" muted playsinline loop preload=\"metadata\"><\/video>\n\n      <div class=\"ramoa-feature-overlay\">\n        <div class=\"ramoa-feature-kicker\">Solu\u00e7\u00e3o em destaque<\/div>\n        <h2 class=\"ramoa-feature-title\"><\/h2>\n        <div class=\"ramoa-feature-meta\"><\/div>\n        <p class=\"ramoa-feature-description\"><\/p>\n\n        <div class=\"ramoa-feature-tags\"><\/div>\n\n        <a id=\"ramoa-segment-feature-button\" class=\"ramoa-feature-button\" href=\"#contato\">\n          Planejar meu projeto\n        <\/a>\n      <\/div>\n    <\/article>\n\n    <!-- Fila lateral -->\n    <div class=\"ramoa-side-queue\"><\/div>\n  <\/div>\n\n\n  <!-- Navega\u00e7\u00e3o -->\n  <div class=\"ramoa-carousel-controls\" aria-label=\"Navega\u00e7\u00e3o do carrossel\">\n    <div class=\"ramoa-carousel-dots\" aria-label=\"Selecionar segmento\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n  html,\n  body {\n    margin: 0;\n    background: #0B0218;\n  }\n  .ramoa-netflix-carousel {\n    width: 100%;\n    max-width: none;\n    margin: 0;\n    padding: 36px clamp(16px, 2vw, 28px);\n    background: #0B0218;\n    color: #ffffff;\n    font-family: inherit;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ramoa-netflix-carousel * {\n    box-sizing: border-box;\n  }\n\n  .ramoa-segment-intro {\n    width: 100%;\n    margin: 0;\n    padding: 70px clamp(16px, 5vw, 72px) 46px;\n    background: #0B0218;\n    color: #ffffff;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n  }\n\n  .ramoa-segment-intro > * {\n    position: relative;\n    z-index: 2;\n  }\n\n  .ramoa-segment-intro::before {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 28px;\n    width: min(620px, 70vw);\n    height: 1px;\n    transform: translateX(-50%);\n    background: linear-gradient(90deg, transparent, rgba(241, 131, 199, 0.64), rgba(89, 75, 231, 0.54), transparent);\n    box-shadow: 0 0 24px rgba(241, 131, 199, 0.22);\n    pointer-events: none;\n  }\n\n  .ramoa-segment-intro::after {\n    content: \"\";\n    position: absolute;\n    inset: auto 0 0;\n    height: 90px;\n    background: linear-gradient(180deg, transparent, #0B0218 78%);\n    pointer-events: none;\n    z-index: -1;\n  }\n\n  .ramoa-segment-intro .ramoa-carousel-eyebrow {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .ramoa-segment-intro .ramoa-carousel-heading {\n    max-width: 1080px;\n    margin: 0 auto;\n  }\n\n  .ramoa-segment-intro .ramoa-carousel-subheading {\n    width: fit-content;\n    max-width: min(760px, 92vw);\n    margin: 26px auto 0;\n    padding: 17px 28px;\n    position: relative;\n    border-radius: 18px;\n    border: 1px solid rgba(241, 131, 199, 0.24);\n    background:\n      linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(241, 131, 199, 0.045)),\n      rgba(5, 0, 11, 0.24);\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.07),\n      0 18px 46px rgba(0, 0, 0, 0.18),\n      inset 0 0 22px rgba(255, 255, 255, 0.025);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n  }\n\n  .ramoa-segment-intro .ramoa-carousel-subheading::before {\n    content: \"\";\n    position: absolute;\n    inset: -1px;\n    border-radius: inherit;\n    padding: 1px;\n    background: linear-gradient(115deg, rgba(241, 131, 199, 0.42), rgba(89, 75, 231, 0.18), rgba(255, 255, 255, 0.07));\n    -webkit-mask:\n      linear-gradient(#000 0 0) content-box,\n      linear-gradient(#000 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    pointer-events: none;\n  }\n\n  .ramoa-netflix-carousel::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: transparent;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .ramoa-carousel-layout,\n  .ramoa-carousel-info,\n  .ramoa-carousel-controls {\n    position: relative;\n    z-index: 1;\n  }\n\n\n  .ramoa-carousel-eyebrow {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    margin-bottom: 10px;\n    padding: 7px 13px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 47, 218, 0.76);\n    color: rgba(255, 255, 255, 0.94);\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.38), rgba(255, 47, 218, 0.22));\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.34),\n      0 0 30px rgba(89, 75, 231, 0.18),\n      inset 0 0 14px rgba(255, 255, 255, 0.05);\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .ramoa-carousel-heading {\n    max-width: 1080px;\n    margin: 0 auto;\n    color: #ffffff;\n    font-size: clamp(28px, 3.2vw, 52px);\n    line-height: 0.98;\n    font-weight: 900;\n    letter-spacing: -0.065em;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.36),\n      0 0 28px rgba(241, 131, 199, 0.20),\n      0 2px 16px rgba(5, 0, 11, 0.78);\n  }\n\n  .ramoa-carousel-heading strong {\n    color: #ffffff;\n    font-weight: 900;\n    background: linear-gradient(90deg, #f7eaff 0%, #ff4fe1 32%, #c96dff 56%, #745CFF 78%, #0088ff 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    padding-right: 5px;\n        filter:\n      drop-shadow(0 2px 8px rgba(2, 1, 18, 0.58))\n      drop-shadow(0 0 8px rgba(255, 47, 218, 0.14));\n  }\n\n  .ramoa-carousel-subheading {\n    max-width: 760px;\n    margin: 18px auto 0;\n    color: rgba(255, 255, 255, 0.76);\n    font-size: clamp(14px, 1.05vw, 16px);\n    line-height: 1.55;\n    font-weight: 500;\n    letter-spacing: -0.01em;\n    text-wrap: balance;\n  }\n\n  .ramoa-carousel-layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.65fr) minmax(420px, 1.35fr);\n    gap: 24px;\n    align-items: stretch;\n  }\n\n  .ramoa-feature-card {\n    min-height: 386px;\n    border-radius: 20px;\n    overflow: hidden;\n    position: relative;\n    border: 1px solid rgba(255, 47, 218, 0.72);\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.28),\n      0 0 34px rgba(255, 47, 218, 0.34),\n      0 0 64px rgba(89, 75, 231, 0.24),\n      0 0 80px rgba(0, 136, 255, 0.10),\n      0 24px 90px rgba(0, 0, 0, 0.68),\n      inset 0 0 38px rgba(255, 47, 218, 0.06);\n    background: #05000B;\n    isolation: isolate;\n  }\n\n  .ramoa-feature-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 78% 20%, rgba(255, 47, 218, 0.30), transparent 32%),\n      radial-gradient(circle at 42% 58%, rgba(89, 75, 231, 0.24), transparent 34%),\n      radial-gradient(circle at 92% 86%, rgba(0, 136, 255, 0.16), transparent 30%),\n      linear-gradient(90deg, rgba(5, 0, 13, 0.94) 0%, rgba(5, 0, 13, 0.70) 38%, rgba(5, 0, 13, 0.10) 100%),\n      linear-gradient(0deg, rgba(5, 0, 13, 0.74), transparent 50%);\n    z-index: 3;\n    pointer-events: none;\n  }\n\n  .ramoa-feature-image,\n  .ramoa-feature-video {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    background-size: cover;\n    background-position: center;\n    transform: scale(1.02);\n  }\n\n  .ramoa-feature-image {\n    z-index: 1;\n    transition: background-image 0.9s ease, transform 1.4s ease, opacity 0.8s ease;\n  }\n\n  .ramoa-feature-video {\n    display: block;\n    opacity: 0;\n    z-index: 2;\n    transition: opacity 0.8s ease, transform 1.4s ease;\n  }\n\n  .ramoa-feature-video.is-ready {\n    opacity: 1;\n  }\n\n  .ramoa-feature-card.is-changing .ramoa-feature-image {\n    opacity: 1;\n    transform: scale(1.025);\n  }\n\n  .ramoa-feature-card.is-changing .ramoa-feature-video {\n    opacity: 0;\n    transform: scale(1.025);\n  }\n\n  .ramoa-feature-overlay {\n    transition: opacity 0.32s ease, transform 0.32s ease;\n  }\n\n  .ramoa-feature-card.is-leaving-next .ramoa-feature-image,\n  .ramoa-feature-card.is-leaving-next .ramoa-feature-video {\n    opacity: 0;\n    transform: translateX(-34%) scale(1.035);\n  }\n\n  .ramoa-feature-card.is-leaving-next .ramoa-feature-overlay {\n    opacity: 0;\n    transform: translateX(-22px);\n  }\n\n  .ramoa-feature-card.is-leaving-prev .ramoa-feature-image,\n  .ramoa-feature-card.is-leaving-prev .ramoa-feature-video {\n    opacity: 0;\n    transform: translateX(34%) scale(1.035);\n  }\n\n  .ramoa-feature-card.is-leaving-prev .ramoa-feature-overlay {\n    opacity: 0;\n    transform: translateX(22px);\n  }\n\n  .ramoa-feature-card.is-entering-next .ramoa-feature-image,\n  .ramoa-feature-card.is-entering-next .ramoa-feature-video {\n    animation: ramoaEnterFromRight 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;\n  }\n\n  .ramoa-feature-card.is-entering-next .ramoa-feature-overlay {\n    animation: ramoaTextEnterFromRight 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;\n  }\n\n  .ramoa-feature-card.is-entering-prev .ramoa-feature-image,\n  .ramoa-feature-card.is-entering-prev .ramoa-feature-video {\n    animation: ramoaEnterFromLeft 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;\n  }\n\n  .ramoa-feature-card.is-entering-prev .ramoa-feature-overlay {\n    animation: ramoaTextEnterFromLeft 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;\n  }\n\n  @keyframes ramoaEnterFromRight {\n    from {\n      opacity: 0;\n      transform: translateX(42%) scale(1.035);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0) scale(1.02);\n    }\n  }\n\n  @keyframes ramoaEnterFromLeft {\n    from {\n      opacity: 0;\n      transform: translateX(-42%) scale(1.035);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0) scale(1.02);\n    }\n  }\n\n  @keyframes ramoaTextEnterFromRight {\n    from {\n      opacity: 0;\n      transform: translateX(34px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes ramoaTextEnterFromLeft {\n    from {\n      opacity: 0;\n      transform: translateX(-34px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  .ramoa-feature-overlay {\n    position: relative;\n    z-index: 4;\n    width: min(620px, 72%);\n    min-height: 386px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: clamp(18px, 3vw, 34px);\n  }\n\n  .ramoa-feature-kicker {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    padding: 7px 14px;\n    margin-bottom: 10px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 47, 218, 0.86);\n    color: #ffffff;\n    background:\n      linear-gradient(135deg, rgba(89, 75, 231, 0.40), rgba(255, 47, 218, 0.24));\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.16),\n      0 0 22px rgba(255, 47, 218, 0.36),\n      0 0 30px rgba(89, 75, 231, 0.14),\n      inset 0 0 14px rgba(255, 255, 255, 0.05);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    font-size: 12px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.16em;\n  }\n\n  .ramoa-feature-title {\n    margin: 0 0 10px;\n    color: #ffffff;\n    font-size: clamp(26px, 3.4vw, 46px);\n    line-height: 0.94;\n    font-weight: 900;\n    letter-spacing: -0.06em;\n    text-transform: uppercase;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.36),\n      0 0 28px rgba(241, 131, 199, 0.20),\n      0 2px 16px rgba(5, 0, 11, 0.78);\n  }\n\n  .ramoa-feature-meta,\n  .ramoa-info-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-bottom: 9px;\n    color: rgba(255, 255, 255, 0.86);\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  .ramoa-feature-description,\n  .ramoa-info-text {\n    margin: 0;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: clamp(13px, 1.1vw, 15px);\n    line-height: 1.45;\n  }\n\n  .ramoa-feature-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 9px;\n    margin-top: 14px;\n  }\n\n  .ramoa-feature-tags span {\n    padding: 6px 10px;\n    border-radius: 999px;\n    color: #ffffff;\n    background:\n      linear-gradient(135deg, rgba(89, 75, 231, 0.48), rgba(255, 47, 218, 0.24));\n    border: 1px solid rgba(255, 47, 218, 0.48);\n    box-shadow:\n      0 0 14px rgba(255, 47, 218, 0.18),\n      0 0 18px rgba(89, 75, 231, 0.08),\n      inset 0 0 12px rgba(255, 255, 255, 0.04);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.04em;\n  }\n\n  #ramoaSegmentCarousel #ramoa-segment-feature-button.ramoa-feature-button {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    gap: 9px;\n    cursor: pointer;\n    margin-top: 16px;\n    padding: 7px 13px 7px 15px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 47, 218, 0.90);\n    color: #ffffff !important;\n    text-decoration: none;\n    background:\n      linear-gradient(135deg, rgba(89, 75, 231, 0.42), rgba(255, 47, 218, 0.26));\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.18),\n      0 0 24px rgba(255, 47, 218, 0.34),\n      0 0 34px rgba(89, 75, 231, 0.14),\n      0 8px 24px rgba(5, 0, 11, 0.28),\n      inset 0 0 14px rgba(255, 255, 255, 0.05);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    font-size: 12px;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 0.16em;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\n  }\n\n  #ramoaSegmentCarousel #ramoa-segment-feature-button.ramoa-feature-button::after {\n    content: \"\u2192\";\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 999px;\n    color: #ffffff;\n    background: rgba(241, 131, 199, 0.18);\n    border: 1px solid rgba(241, 131, 199, 0.42);\n    box-shadow:\n      0 0 10px rgba(241, 131, 199, 0.26),\n      inset 0 0 8px rgba(255, 255, 255, 0.05);\n    font-size: 12px;\n    line-height: 1;\n    transform: translateX(0);\n    transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n  }\n\n\n\n  #ramoaSegmentCarousel #ramoa-segment-feature-button.ramoa-feature-button:hover {\n    transform: translateY(-2px) scale(1.015);\n    border-color: rgba(241, 131, 199, 0.96);\n    color: #ffffff !important;\n    background:\n      linear-gradient(135deg, rgba(89, 75, 231, 0.34), rgba(241, 131, 199, 0.24));\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.16),\n      0 0 22px rgba(241, 131, 199, 0.34),\n      0 0 34px rgba(89, 75, 231, 0.18),\n      0 10px 28px rgba(5, 0, 11, 0.34),\n      inset 0 0 14px rgba(255, 255, 255, 0.055);\n  }\n\n  #ramoaSegmentCarousel #ramoa-segment-feature-button.ramoa-feature-button:hover::after {\n    transform: translateX(3px);\n    background: rgba(241, 131, 199, 0.28);\n    border-color: rgba(241, 131, 199, 0.72);\n    box-shadow:\n      0 0 14px rgba(241, 131, 199, 0.38),\n      0 0 22px rgba(89, 75, 231, 0.18),\n      inset 0 0 8px rgba(255, 255, 255, 0.06);\n  }\n\n\n  .ramoa-side-queue {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n\n  .ramoa-queue-card {\n    min-height: 386px;\n    border-radius: 18px;\n    overflow: hidden;\n    position: relative;\n    cursor: pointer;\n    background: #05000B;\n    border: 1px solid rgba(255, 47, 218, 0.34);\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.12),\n      0 0 18px rgba(255, 47, 218, 0.10),\n      0 16px 44px rgba(0, 0, 0, 0.38);\n    transform: translateX(0) scale(1);\n    opacity: 1;\n    transition:\n      transform 0.8s ease,\n      opacity 0.75s ease,\n      border-color 0.45s ease,\n      box-shadow 0.45s ease;\n  }\n\n  .ramoa-queue-card:hover {\n    transform: translateY(-4px) scale(1.018);\n    border-color: rgba(255, 47, 218, 0.82);\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.28),\n      0 0 28px rgba(255, 47, 218, 0.34),\n      0 0 42px rgba(89, 75, 231, 0.18),\n      0 18px 52px rgba(0, 0, 0, 0.52);\n  }\n\n  .ramoa-queue-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(0deg, rgba(5, 0, 13, 0.92) 0%, rgba(5, 0, 13, 0.14) 58%),\n      radial-gradient(circle at 70% 20%, rgba(255, 47, 218, 0.24), transparent 38%),\n      radial-gradient(circle at 20% 76%, rgba(89, 75, 231, 0.20), transparent 34%),\n      radial-gradient(circle at 92% 88%, rgba(0, 136, 255, 0.12), transparent 28%);\n    z-index: 2;\n  }\n\n  .ramoa-queue-image {\n    position: absolute;\n    inset: 0;\n    background-size: cover;\n    background-position: center;\n    transition: transform 1.1s ease;\n    z-index: 1;\n  }\n\n  .ramoa-queue-card:hover .ramoa-queue-image {\n    transform: scale(1.06);\n  }\n\n  .ramoa-queue-content {\n    position: absolute;\n    left: 18px;\n    right: 18px;\n    bottom: 16px;\n    z-index: 3;\n  }\n\n  .ramoa-queue-title {\n    margin: 0 0 10px;\n    color: #ffffff;\n    font-size: clamp(18px, 1.55vw, 24px);\n    line-height: 0.96;\n    font-weight: 900;\n    letter-spacing: -0.05em;\n    text-transform: uppercase;\n    text-shadow:\n      0 0 14px rgba(122, 77, 255, 0.28),\n      0 0 20px rgba(255, 87, 200, 0.16),\n      0 2px 14px rgba(5, 0, 11, 0.80);\n  }\n\n  .ramoa-queue-chip {\n    display: inline-flex;\n    padding: 7px 10px;\n    border-radius: 999px;\n    color: #ffffff;\n    background:\n      linear-gradient(135deg, rgba(122, 77, 255, 0.34), rgba(255, 87, 200, 0.22));\n    border: 1px solid rgba(255, 87, 200, 0.42);\n    box-shadow:\n      0 0 14px rgba(255, 87, 200, 0.18),\n      inset 0 0 12px rgba(255, 255, 255, 0.035);\n    font-size: 11px;\n    font-weight: 800;\n  }\n\n  .ramoa-carousel-info {\n    display: none;\n  }\n\n  .ramoa-carousel-controls {\n    position: absolute;\n    right: 28px;\n    bottom: 12px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 20;\n    padding: 8px;\n    background: transparent;\n    border: 0;\n    box-shadow: none;\n    backdrop-filter: none;\n    -webkit-backdrop-filter: none;\n    pointer-events: auto;\n  }\n\n\n  .ramoa-carousel-dots {\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    padding: 0;\n    position: relative;\n    z-index: 21;\n    pointer-events: auto;\n  }\n\n  .ramoa-carousel-dot {\n    width: 7px;\n    height: 7px;\n    padding: 0;\n    border: 0;\n    border-radius: 999px;\n    cursor: pointer;\n    background: rgba(255, 255, 255, 0.22);\n    box-shadow: none;\n    opacity: 0.72;\n    transition: width 0.28s ease, background 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease, opacity 0.28s ease;\n    pointer-events: auto;\n    touch-action: manipulation;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  .ramoa-carousel-dot:hover {\n    transform: scale(1.08);\n    background: rgba(255, 255, 255, 0.48);\n    opacity: 0.95;\n  }\n\n  .ramoa-carousel-dot.is-active {\n    width: 34px;\n    background: linear-gradient(90deg, rgba(255, 47, 218, 0.96), rgba(89, 75, 231, 0.90), rgba(0, 136, 255, 0.72));\n    opacity: 1;\n    box-shadow:\n      0 0 16px rgba(255, 47, 218, 0.38),\n      0 0 24px rgba(89, 75, 231, 0.20),\n      0 0 30px rgba(0, 136, 255, 0.10);\n  }\n\n  .ramoa-fade-in {\n    animation: ramoaFadeIn 0.9s ease both;\n  }\n\n  @keyframes ramoaFadeIn {\n    from {\n      opacity: 0;\n      transform: translateY(14px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .ramoa-carousel-layout {\n      grid-template-columns: 1fr;\n    }\n\n    .ramoa-side-queue {\n      grid-template-columns: repeat(2, minmax(220px, 1fr));\n    }\n\n    .ramoa-queue-card {\n      min-height: 288px;\n    }\n\n    .ramoa-carousel-controls {\n      position: static;\n      margin-top: 18px;\n      justify-content: flex-end;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-netflix-carousel {\n      padding: 29px 14px;\n    }\n\n    .ramoa-segment-intro {\n      padding: 52px 14px 34px;\n    }\n\n    .ramoa-carousel-eyebrow {\n      font-size: 10px;\n      letter-spacing: 0.12em;\n    }\n\n    .ramoa-carousel-heading {\n      font-size: clamp(27px, 9vw, 38px);\n      line-height: 1.02;\n      letter-spacing: -0.055em;\n    }\n\n    .ramoa-carousel-subheading {\n      font-size: 14px;\n      line-height: 1.45;\n    }\n\n    .ramoa-segment-intro .ramoa-carousel-subheading {\n      width: auto;\n      max-width: 94%;\n      margin-top: 22px;\n      padding: 15px 16px;\n      border-radius: 16px;\n    }\n\n    .ramoa-carousel-layout {\n      position: relative;\n      overflow: hidden;\n      width: 100%;\n    }\n\n    .ramoa-feature-card {\n      width: 100%;\n      max-width: 100%;\n      min-height: 562px;\n      transform: translateX(0);\n      transition: none;\n    }\n\n    .ramoa-feature-overlay {\n      width: 100%;\n      min-height: 562px;\n      padding: 20px;\n    }\n\n    .ramoa-feature-card::after {\n      background:\n        radial-gradient(circle at 70% 18%, rgba(241, 131, 199, 0.2), transparent 34%),\n        linear-gradient(0deg, rgba(5, 0, 13, 0.96) 0%, rgba(5, 0, 13, 0.78) 54%, rgba(5, 0, 13, 0.22) 100%);\n    }\n\n    .ramoa-side-queue {\n      display: none;\n    }\n\n    .ramoa-carousel-info {\n      display: none;\n    }\n\n    .ramoa-carousel-controls {\n      display: flex;\n      position: static;\n      width: 100%;\n      justify-content: center;\n      margin: 14px auto 0;\n      padding: 6px 0 0;\n      background: transparent;\n      border: 0;\n      box-shadow: none;\n      transform: none;\n    }\n\n    .ramoa-feature-card {\n      cursor: grab;\n      touch-action: pan-y;\n      user-select: none;\n      -webkit-user-select: none;\n    }\n\n    .ramoa-feature-card:active {\n      cursor: grabbing;\n    }\n\n    .ramoa-feature-card.ramoa-card-clone {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 562px;\n      min-height: 562px;\n      z-index: 8;\n      pointer-events: none;\n      will-change: transform, opacity;\n    }\n\n    .ramoa-feature-card.is-mobile-entering {\n      position: relative;\n      z-index: 7;\n      will-change: transform, opacity;\n    }\n\n    .ramoa-feature-card.is-leaving-next {\n      animation: ramoaMobileCardLeaveToLeft 0.54s cubic-bezier(0.22, 1, 0.36, 1) both;\n    }\n\n    .ramoa-feature-card.is-leaving-prev {\n      animation: ramoaMobileCardLeaveToRight 0.54s cubic-bezier(0.22, 1, 0.36, 1) both;\n    }\n\n    .ramoa-feature-card.is-entering-next {\n      animation: ramoaMobileCardEnterFromRight 0.54s cubic-bezier(0.22, 1, 0.36, 1) both;\n    }\n\n    .ramoa-feature-card.is-entering-prev {\n      animation: ramoaMobileCardEnterFromLeft 0.54s cubic-bezier(0.22, 1, 0.36, 1) both;\n    }\n\n    .ramoa-feature-card.is-leaving-next .ramoa-feature-image,\n    .ramoa-feature-card.is-leaving-prev .ramoa-feature-image,\n    .ramoa-feature-card.is-entering-next .ramoa-feature-image,\n    .ramoa-feature-card.is-entering-prev .ramoa-feature-image {\n      opacity: 1;\n      transform: scale(1.02);\n      animation: none;\n    }\n\n    .ramoa-feature-card.is-leaving-next .ramoa-feature-video,\n    .ramoa-feature-card.is-leaving-prev .ramoa-feature-video,\n    .ramoa-feature-card.is-entering-next .ramoa-feature-video,\n    .ramoa-feature-card.is-entering-prev .ramoa-feature-video {\n      transform: scale(1.02);\n      animation: none;\n    }\n\n    .ramoa-feature-card.is-leaving-next .ramoa-feature-video.is-ready,\n    .ramoa-feature-card.is-leaving-prev .ramoa-feature-video.is-ready,\n    .ramoa-feature-card.is-entering-next .ramoa-feature-video.is-ready,\n    .ramoa-feature-card.is-entering-prev .ramoa-feature-video.is-ready {\n      opacity: 1;\n    }\n\n    .ramoa-feature-card.is-leaving-next .ramoa-feature-overlay,\n    .ramoa-feature-card.is-leaving-prev .ramoa-feature-overlay,\n    .ramoa-feature-card.is-entering-next .ramoa-feature-overlay,\n    .ramoa-feature-card.is-entering-prev .ramoa-feature-overlay {\n      opacity: 1;\n      transform: none;\n      animation: none;\n    }\n\n    @keyframes ramoaMobileCardLeaveToLeft {\n      from {\n        opacity: 1;\n        transform: translateX(0);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(-112%);\n      }\n    }\n\n    @keyframes ramoaMobileCardLeaveToRight {\n      from {\n        opacity: 1;\n        transform: translateX(0);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(112%);\n      }\n    }\n\n    @keyframes ramoaMobileCardEnterFromRight {\n      from {\n        opacity: 1;\n        transform: translateX(112%);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n\n    @keyframes ramoaMobileCardEnterFromLeft {\n      from {\n        opacity: 1;\n        transform: translateX(-112%);\n      }\n      to {\n        opacity: 1;\n        transform: translateX(0);\n      }\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const root = document.getElementById(\"ramoaSegmentCarousel\");\n    if (!root) return;\n\n    const items = [\n      {\n        title: \"Restaurantes & Bares\",\n        meta: [\"Food Business\", \"2026\", \"Websites + Google Ads\"],\n        description:\n          \"Criamos presen\u00e7a digital para restaurantes, bares e neg\u00f3cios gastron\u00f4micos que precisam ser encontrados, apresentar seu card\u00e1pio e transformar buscas locais em reservas, pedidos e novos clientes.\",\n        tags: [\"SEO Local\", \"Google Ads\", \"Card\u00e1pio Digital\", \"Reservas\"],\n        videoLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/restaurantes-bares-marketing-digital-ramoa.mp4\",\n        imageLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/restaurantes-bares-marketing-ramoa-fallback.jpg\",\n        imageThumb: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/restaurantes-bares-presenca-digital-ramoa-capa-scaled.jpg\",\n        link: \"#contato\"\n      },\n      {\n        title: \"Cl\u00ednicas & Consult\u00f3rios\",\n        meta: [\"Health & Care\", \"Autoridade\", \"Capta\u00e7\u00e3o\"],\n        description:\n          \"Estruturamos sites, p\u00e1ginas de servi\u00e7o e campanhas para profissionais da sa\u00fade comunicarem confian\u00e7a, explicarem seus servi\u00e7os com clareza e receberem contatos mais qualificados.\",\n        tags: [\"Site Profissional\", \"Google Search\", \"Landing Pages\", \"Autoridade\"],\n        videoLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/clinicas-consultorios-presenca-digital-ramoa.mp4\",\n        imageLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/clinicas-consultorios-presenca-digital-ramoa-fallback.jpg\",\n        imageThumb: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/clinicas-consultorios-marketing-digital-ramoa-capa.jpeg\",\n        link: \"#contato\"\n      },\n      {\n        title: \"Escrit\u00f3rios & Consultorias\",\n        meta: [\"Professional Services\", \"Confian\u00e7a\", \"SEO\"],\n        description:\n          \"Criamos presen\u00e7a digital para escrit\u00f3rios, consultores e profissionais especializados que precisam transmitir credibilidade, explicar sua atua\u00e7\u00e3o com clareza e gerar contatos mais qualificados.\",\n        tags: [\"SEO\", \"Institucional\", \"Conte\u00fado\", \"Google Business\"],\n        videoLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/escritorios-consultorias-presenca-digital-ramoa.mp4\",\n        imageLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/escritorios-consultorias-presenca-digital-ramoa-fallback.jpg\",\n        imageThumb: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/escritorios-consultorias-marketing-digital-ramoa-capa.jpg\",\n        link: \"#contato\"\n      },\n      {\n        title: \"Lojas & E-commerce\",\n        meta: [\"Retail\", \"Vendas Online\", \"Performance\"],\n        description:\n          \"Desenvolvemos lojas virtuais, vitrines digitais e estruturas de campanha para transformar produtos em uma experi\u00eancia clara, confi\u00e1vel e preparada para vender mais.\",\n        tags: [\"Loja Virtual\", \"Meta Ads\", \"Google Shopping\", \"Convers\u00e3o\"],\n        videoLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/lojas-ecommerce-vendas-online-ramoa.mp4\",\n        imageLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/lojas-ecommerce-vendas-online-ramoa-fallback-scaled.jpg\",\n        imageThumb: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/lojas-ecommerce-marketing-digital-ramoa-capa.jpg\",\n        link: \"#contato\"\n      },\n      {\n        title: \"Academias & Est\u00fadios\",\n        meta: [\"Fitness & Wellness\", \"Comunidade\", \"Capta\u00e7\u00e3o\"],\n        description:\n          \"Estruturamos presen\u00e7a digital para academias, est\u00fadios, personal trainers e neg\u00f3cios de wellness que precisam atrair alunos, mostrar sua experi\u00eancia e transformar interesse em novos agendamentos.\",\n        tags: [\"Google Local\", \"Instagram\", \"Landing Pages\", \"Capta\u00e7\u00e3o\"],\n        videoLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-studios-captacao-alunos-ramoa.mp4\",\n        imageLarge: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-captacao-alunos-ramoa-fallback.jpg\",\n        imageThumb: \"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-marketing-digital-ramoa-capa.jpg\",\n        link: \"#contato\"\n      }\n    ];\n\n    const preloadedImages = new Set();\n    const preloadedVideos = new Set();\n\n    function preloadImage(url) {\n      if (!url || preloadedImages.has(url)) return;\n\n      preloadedImages.add(url);\n\n      const image = new Image();\n      image.decoding = \"async\";\n      image.src = url;\n    }\n\n    function preloadVideo(url) {\n      if (!url || preloadedVideos.has(url)) return;\n\n      preloadedVideos.add(url);\n\n      const video = document.createElement(\"video\");\n      video.muted = true;\n      video.playsInline = true;\n      video.preload = \"metadata\";\n      video.src = url;\n      video.load();\n    }\n\n    function preloadCarouselAssets() {\n      items.forEach((item) => {\n        preloadImage(item.imageThumb);\n        preloadImage(item.imageLarge);\n      });\n    }\n\n    function preloadNearbyVideos() {\n      const nextIndex = (activeIndex + 1) % items.length;\n      preloadVideo(items[nextIndex].videoLarge);\n    }\n\n    let activeIndex = 0;\n    let autoTimer = null;\n    let isAnimating = false;\n    const AUTOPLAY_DELAY = 10000;\n\n    const featureCard = root.querySelector(\".ramoa-feature-card\");\n    const featureImage = root.querySelector(\".ramoa-feature-image\");\n    const featureVideo = root.querySelector(\".ramoa-feature-video\");\n    const featureTitle = root.querySelector(\".ramoa-feature-title\");\n    const featureMeta = root.querySelector(\".ramoa-feature-meta\");\n    const featureDescription = root.querySelector(\".ramoa-feature-description\");\n    const featureTags = root.querySelector(\".ramoa-feature-tags\");\n    const featureButton = root.querySelector(\".ramoa-feature-button\");\n    const queue = root.querySelector(\".ramoa-side-queue\");\n    const dotsContainer = root.querySelector(\".ramoa-carousel-dots\");\n\n    let touchStartX = 0;\n    let touchStartY = 0;\n    let touchEndX = 0;\n    let touchEndY = 0;\n    let pointerStartX = 0;\n    let pointerStartY = 0;\n    let pointerEndX = 0;\n    let pointerEndY = 0;\n    let isPointerDown = false;\n    const SWIPE_THRESHOLD = 48;\n    const SWIPE_VERTICAL_LIMIT = 70;\n\n    function isMobileCarousel() {\n      return window.matchMedia(\"(max-width: 767px)\").matches;\n    }\n\n    function getVisibleQueueItems() {\n      const result = [];\n\n      for (let i = 1; i <= 2; i++) {\n        result.push((activeIndex + i) % items.length);\n      }\n\n      return result;\n    }\n\n    function createMeta(meta) {\n      return meta.map((item) => `<span>${item}<\/span>`).join(\"<span>\u2022<\/span>\");\n    }\n\n    function createTags(tags) {\n      return tags.map((tag) => `<span>${tag}<\/span>`).join(\"\");\n    }\n\n    function render(direction) {\n      const item = items[activeIndex];\n      const hasHorizontalDirection = direction === \"next\" || direction === \"prev\";\n      const leavingClass = direction === \"next\" ? \"is-leaving-next\" : \"is-leaving-prev\";\n      const enteringClass = direction === \"next\" ? \"is-entering-next\" : \"is-entering-prev\";\n\n      function applyContent() {\n        featureImage.style.backgroundImage = `url(\"${item.imageLarge}\")`;\n\n        featureVideo.classList.remove(\"is-ready\");\n        featureVideo.pause();\n        featureVideo.removeAttribute(\"src\");\n        featureVideo.load();\n\n        if (item.videoLarge) {\n          featureVideo.src = item.videoLarge;\n          featureVideo.load();\n          featureVideo.oncanplay = () => {\n            featureVideo.classList.add(\"is-ready\");\n            featureVideo.play().catch(() => {\n              featureVideo.classList.remove(\"is-ready\");\n            });\n          };\n        } else {\n          featureVideo.classList.remove(\"is-ready\");\n        }\n\n        featureTitle.textContent = item.title;\n        featureMeta.innerHTML = createMeta(item.meta);\n        featureDescription.textContent = item.description;\n        featureTags.innerHTML = createTags(item.tags);\n        featureButton.href = item.link;\n\n        queue.innerHTML = \"\";\n\n        dotsContainer.innerHTML = \"\";\n        items.forEach((dotItem, index) => {\n          const dot = document.createElement(\"button\");\n          dot.type = \"button\";\n          dot.className = `ramoa-carousel-dot${index === activeIndex ? \" is-active\" : \"\"}`;\n          dot.dataset.index = String(index);\n          dot.setAttribute(\"aria-label\", `Ver segmento: ${dotItem.title}`);\n          dot.setAttribute(\"aria-current\", index === activeIndex ? \"true\" : \"false\");\n\n          dotsContainer.appendChild(dot);\n        });\n\n        getVisibleQueueItems().forEach((index) => {\n          const queueItem = items[index];\n\n          const card = document.createElement(\"article\");\n          card.className = \"ramoa-queue-card ramoa-fade-in\";\n          card.setAttribute(\"role\", \"button\");\n          card.setAttribute(\"tabindex\", \"0\");\n          card.innerHTML = `\n            <div class=\"ramoa-queue-image\" style=\"background-image:url('${queueItem.imageThumb}')\"><\/div>\n            <div class=\"ramoa-queue-content\">\n              <h3 class=\"ramoa-queue-title\">${queueItem.title}<\/h3>\n              <span class=\"ramoa-queue-chip\">${queueItem.tags[0]}<\/span>\n            <\/div>\n          `;\n\n          card.addEventListener(\"click\", () => {\n            goTo(index);\n          });\n\n          card.addEventListener(\"keydown\", (event) => {\n            if (event.key === \"Enter\" || event.key === \" \") {\n              event.preventDefault();\n              goTo(index);\n            }\n          });\n\n          queue.appendChild(card);\n        });\n\n        featureTitle.classList.remove(\"ramoa-fade-in\");\n        featureDescription.classList.remove(\"ramoa-fade-in\");\n        featureTags.classList.remove(\"ramoa-fade-in\");\n\n        void featureTitle.offsetWidth;\n\n        featureTitle.classList.add(\"ramoa-fade-in\");\n        featureDescription.classList.add(\"ramoa-fade-in\");\n        featureTags.classList.add(\"ramoa-fade-in\");\n      }\n\n      featureCard.classList.remove(\n        \"is-changing\",\n        \"is-leaving-next\",\n        \"is-leaving-prev\",\n        \"is-entering-next\",\n        \"is-entering-prev\",\n        \"is-mobile-entering\"\n      );\n\n      if (!hasHorizontalDirection) {\n        applyContent();\n        isAnimating = false;\n        preloadNearbyVideos();\n        restartAutoplay();\n        return;\n      }\n\n      if (isMobileCarousel()) {\n        const oldCard = featureCard.cloneNode(true);\n        oldCard.classList.remove(\n          \"is-changing\",\n          \"is-leaving-next\",\n          \"is-leaving-prev\",\n          \"is-entering-next\",\n          \"is-entering-prev\",\n          \"is-mobile-entering\"\n        );\n        oldCard.classList.add(\"ramoa-card-clone\", leavingClass);\n        oldCard.setAttribute(\"aria-hidden\", \"true\");\n\n        featureCard.parentElement.appendChild(oldCard);\n\n        applyContent();\n\n        featureCard.classList.add(\"is-mobile-entering\", enteringClass);\n\n        setTimeout(() => {\n          oldCard.remove();\n          featureCard.classList.remove(\"is-mobile-entering\", enteringClass);\n          isAnimating = false;\n          preloadNearbyVideos();\n          restartAutoplay();\n        }, 560);\n\n        return;\n      }\n\n      featureCard.classList.add(\"is-changing\");\n\n      setTimeout(() => {\n        applyContent();\n\n        requestAnimationFrame(() => {\n          featureCard.classList.remove(\"is-changing\");\n          isAnimating = false;\n          preloadNearbyVideos();\n          restartAutoplay();\n        });\n      }, 80);\n    }\n\n    function next() {\n      if (isAnimating) return;\n      stopAutoplay();\n      isAnimating = true;\n      activeIndex = (activeIndex + 1) % items.length;\n      render(\"next\");\n    }\n\n    function prev() {\n      if (isAnimating) return;\n      stopAutoplay();\n      isAnimating = true;\n      activeIndex = (activeIndex - 1 + items.length) % items.length;\n      render(\"prev\");\n    }\n\n    function goTo(index) {\n      const targetIndex = Number(index);\n      if (!Number.isInteger(targetIndex)) return;\n      if (targetIndex < 0 || targetIndex >= items.length) return;\n      if (targetIndex === activeIndex) return;\n\n      stopAutoplay();\n      isAnimating = true;\n      activeIndex = targetIndex;\n      render(\"goto\");\n    }\n\n    dotsContainer.addEventListener(\"click\", (event) => {\n      const dot = event.target.closest(\".ramoa-carousel-dot\");\n      if (!dot || !dotsContainer.contains(dot)) return;\n\n      event.preventDefault();\n      event.stopPropagation();\n\n      goTo(dot.dataset.index);\n    });\n\n    function startAutoplay() {\n      if (autoTimer) return;\n\n      autoTimer = setTimeout(() => {\n        autoTimer = null;\n        next();\n      }, AUTOPLAY_DELAY);\n    }\n\n    function stopAutoplay() {\n      if (autoTimer) {\n        clearTimeout(autoTimer);\n        autoTimer = null;\n      }\n    }\n\n    function restartAutoplay() {\n      stopAutoplay();\n      startAutoplay();\n    }\n\n\n    function handleSwipe(deltaX, deltaY) {\n      if (Math.abs(deltaX) < SWIPE_THRESHOLD) return;\n      if (Math.abs(deltaY) > SWIPE_VERTICAL_LIMIT) return;\n\n      if (deltaX < 0) {\n        next();\n      } else {\n        prev();\n      }\n    }\n\n\n    featureCard.addEventListener(\"touchstart\", (event) => {\n      if (!event.changedTouches || !event.changedTouches.length) return;\n\n      touchStartX = event.changedTouches[0].clientX;\n      touchStartY = event.changedTouches[0].clientY;\n    }, { passive: true });\n\n    featureCard.addEventListener(\"touchend\", (event) => {\n      if (!event.changedTouches || !event.changedTouches.length) return;\n\n      touchEndX = event.changedTouches[0].clientX;\n      touchEndY = event.changedTouches[0].clientY;\n\n      handleSwipe(touchEndX - touchStartX, touchEndY - touchStartY);\n    }, { passive: true });\n\n    featureCard.addEventListener(\"pointerdown\", (event) => {\n      if (event.pointerType === \"mouse\") return;\n\n      isPointerDown = true;\n      pointerStartX = event.clientX;\n      pointerStartY = event.clientY;\n    });\n\n    featureCard.addEventListener(\"pointerup\", (event) => {\n      if (!isPointerDown || event.pointerType === \"mouse\") return;\n\n      isPointerDown = false;\n      pointerEndX = event.clientX;\n      pointerEndY = event.clientY;\n\n      handleSwipe(pointerEndX - pointerStartX, pointerEndY - pointerStartY);\n    });\n\n    featureCard.addEventListener(\"pointercancel\", () => {\n      isPointerDown = false;\n    });\n\n    preloadCarouselAssets();\n    render();\n  })();\n<\/script>\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-6a07e53 e-con-full e-flex e-con e-parent\" data-id=\"6a07e53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eac091 elementor-widget elementor-widget-html\" data-id=\"3eac091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  RAMOA \u2014 LETREIRO 1 (apenas HTML)\n  \n  Pr\u00e9-requisito: o CSS+JS global da marquee precisa estar carregado\n  na p\u00e1gina (ramoa-marquee-global.html).\n  \n  Para variar a lista de termos, basta editar os <span> abaixo \u2014\n  n\u00e3o precisa mexer em CSS ou JS.\n-->\n<div class=\"ramoa-marquee\" aria-label=\"Servi\u00e7os RAMOA\">\n  <div class=\"ramoa-marquee-track\">\n    <span>1\u00aa Reuni\u00e3o Gratuita<\/span>\n    <span>ENTRE EM CONTATO<\/span>\n    <span>1\u00aa Reuni\u00e3o Gratuita<\/span>\n    <span>ENTRE EM CONTATO<\/span>\n    <span>1\u00aa Reuni\u00e3o Gratuita<\/span>\n    <span>ENTRE EM CONTATO<\/span>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8108a8a e-con-full e-flex e-con e-parent\" data-id=\"8108a8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87918f6 elementor-widget elementor-widget-html\" data-id=\"87918f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rdig-svc-section\" id=\"rdigSvcSection\" aria-labelledby=\"rdigSvcTitle\">\n  <div class=\"rdig-svc-edge-fade\" aria-hidden=\"true\"><\/div>\n  <div class=\"rdig-svc-inner\">\n    <div class=\"rdig-svc-header\">\n      <span class=\"rdig-svc-eyebrow\">O pr\u00f3ximo passo da sua marca<\/span>\n      <h2 id=\"rdigSvcTitle\" class=\"rdig-svc-title\">\n        Nossas solu\u00e7\u00f5es digitais<br>\n        <strong>Criamos a estrat\u00e9gia certa para a sua marca<\/strong>\n      <\/h2>\n      <p class=\"rdig-svc-lead\">\n        Entendemos seu momento, identificamos o pr\u00f3ximo passo e estruturamos os canais digitais que ajudam sua marca a ser encontrada, entendida e escolhida\n      <\/p>\n    <\/div>\n\n    <div class=\"rdig-svc-grid\" aria-label=\"Servi\u00e7os da RAMOA Digital\">\n      <article class=\"rdig-svc-card is-featured\" data-service=\"brand\">\n        <a class=\"rdig-svc-open\" href=\"https:\/\/ramoadigital.com\/services\/visual-identity\/\" aria-label=\"Saiba mais sobre Identidade Visual\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9 7h8v8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <div class=\"rdig-svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M4 5.5h16v13H4v-13Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M8 9h8M8 12h5M8 15h7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"rdig-svc-content\">\n          <span class=\"rdig-svc-kicker\">Identidade visual<\/span>\n          <h3>Marca profissional<\/h3>\n          <p>Logos, paletas, elementos visuais e dire\u00e7\u00e3o criativa para sua marca parecer t\u00e3o profissional quanto o servi\u00e7o que entrega.<\/p>\n          <ul>\n            <li>Logo e identidade<\/li>\n            <li>Paleta e tipografia<\/li>\n            <li>Dire\u00e7\u00e3o visual para redes e site<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <article class=\"rdig-svc-card\" data-service=\"web\">\n        <a class=\"rdig-svc-open\" href=\"https:\/\/ramoadigital.com\/services\/web-dev\/\" aria-label=\"Saiba mais sobre Desenvolvimento Web\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9 7h8v8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <div class=\"rdig-svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M4 6h16v11H4V6Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M9 20h6M12 17v3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"rdig-svc-content\">\n          <span class=\"rdig-svc-kicker\">Desenvolvimento web<\/span>\n          <h3>Sites & Landing Pages<\/h3>\n          <p>Sites institucionais, landing pages e lojas virtuais pensadas para explicar, gerar confian\u00e7a e transformar visitas em contatos.<\/p>\n          <ul>\n            <li>Sites e landing pages<\/li>\n            <li>Design responsivo<\/li>\n            <li>Estrutura para convers\u00e3o<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <article class=\"rdig-svc-card\" data-service=\"infra\">\n        <a class=\"rdig-svc-open\" href=\"https:\/\/ramoadigital.com\/services\/infrastructure\/\" aria-label=\"Saiba mais sobre Infraestrutura Digital\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9 7h8v8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <div class=\"rdig-svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 5h12v4H6V5ZM6 10h12v4H6v-4ZM6 15h12v4H6v-4Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M8 7h.01M8 12h.01M8 17h.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"rdig-svc-content\">\n          <span class=\"rdig-svc-kicker\">Infraestrutura digital<\/span>\n          <h3>Dom\u00ednios, e-mails & hosting<\/h3>\n          <p>Dom\u00ednios, hospedagem, e-mails corporativos, acessos e configura\u00e7\u00f5es para seu neg\u00f3cio operar com estabilidade.<\/p>\n          <ul>\n            <li>Dom\u00ednio e hospedagem<\/li>\n            <li>Google Workspace<\/li>\n            <li>Microsoft Office 365<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <article class=\"rdig-svc-card\" data-service=\"social\">\n        <a class=\"rdig-svc-open\" href=\"https:\/\/ramoadigital.com\/services\/social-media\/\" aria-label=\"Saiba mais sobre Redes Sociais\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9 7h8v8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <div class=\"rdig-svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 7h14v10H5V7Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"m8 15 3-3 2 2 3-4\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M8 4h8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"rdig-svc-content\">\n          <span class=\"rdig-svc-kicker\">Redes sociais<\/span>\n          <h3>Conte\u00fado para Redes Sociais<\/h3>\n          <p>Curadoria, posts, v\u00eddeos e dire\u00e7\u00e3o de conte\u00fado para sua marca manter presen\u00e7a consistente no Instagram, Facebook e TikTok.<\/p>\n          <ul>\n            <li>Planejamento de conte\u00fado<\/li>\n            <li>Posts e v\u00eddeos<\/li>\n            <li>Reposicionamento visual<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <article class=\"rdig-svc-card\" data-service=\"traffic\">\n        <a class=\"rdig-svc-open\" href=\"https:\/\/ramoadigital.com\/services\/seo-and-ads\/\" aria-label=\"Saiba mais sobre SEO e Tr\u00e1fego Pago\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9 7h8v8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <div class=\"rdig-svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M20 12.2a8 8 0 1 1-2.35-5.65\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n            <path d=\"M20 5v5h-5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M12 8v4l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"rdig-svc-content\">\n          <span class=\"rdig-svc-kicker\">SEO & tr\u00e1fego pago<\/span>\n          <h3>Google, Meta & visibilidade<\/h3>\n          <p>Estrat\u00e9gias para aparecer quando o cliente procura, com campanhas e otimiza\u00e7\u00f5es focadas em inten\u00e7\u00e3o, clareza e resultado.<\/p>\n          <ul>\n            <li>Google Ads<\/li>\n            <li>Meta Ads<\/li>\n            <li>SEO local e t\u00e9cnico<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <article class=\"rdig-svc-card is-featured\" data-service=\"code\">\n        <a class=\"rdig-svc-open\" href=\"https:\/\/ramoadigital.com\/services\/consulting\/\" aria-label=\"Saiba mais sobre Code & Consulting\">\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"M9 7h8v8\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n        <div class=\"rdig-svc-icon\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"m8 9-3 3 3 3M16 9l3 3-3 3\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <path d=\"m14 6-4 12\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"rdig-svc-content\">\n          <span class=\"rdig-svc-kicker\">Code & consulting<\/span>\n          <h3>Sistemas & automa\u00e7\u00f5es<\/h3>\n          <p>Automatiza\u00e7\u00f5es, sistemas, integra\u00e7\u00f5es e consultoria t\u00e9cnica para transformar opera\u00e7\u00e3o manual em processos mais inteligentes.<\/p>\n          <ul>\n            <li>Automa\u00e7\u00f5es e integra\u00e7\u00f5es<\/li>\n            <li>Sistemas web<\/li>\n            <li>Consultoria t\u00e9cnica<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  \/* RAMOA \u2014 Section de Servi\u00e7os\n     1) Classes\/IDs renomeados de \"ramoa-services-*\" para \"rdig-svc-*\"\n        para evitar colis\u00e3o com CSS global do tema\/Elementor\/plugins do WordPress.\n     2) Tipografia do H2 alinhada com o Elementor Kit (typography 5d167aa):\n          font-family: \"Outfit\", Sans-serif\n          font-size: 39px (mobile: 32px)\n          font-weight: 600\n          line-height: 1.2em\n          letter-spacing: -0.5px\n        Esses valores s\u00e3o for\u00e7ados com !important para garantir consist\u00eancia mesmo\n        quando a section \u00e9 colocada fora de um container Elementor que aplique o kit. *\/\n  .rdig-svc-section,\n  .rdig-svc-section * {\n    box-sizing: border-box;\n  }\n\n  .rdig-svc-section {\n    width: 100%;\n    margin: 0;\n    padding: clamp(56px, 8vh, 96px) clamp(16px, 5vw, 72px);\n    position: relative;\n    overflow: hidden;\n    color: #ffffff;\n    font-family: inherit;\n\n    background:\n      radial-gradient(ellipse at 12% 22%, rgba(255, 47, 218, 0.34) 0%, rgba(255, 47, 218, 0.18) 18%, rgba(255, 47, 218, 0) 48%),\n      radial-gradient(ellipse at 88% 18%, rgba(89, 75, 231, 0.34) 0%, rgba(89, 75, 231, 0.16) 20%, rgba(89, 75, 231, 0) 50%),\n      radial-gradient(circle at 52% 92%, rgba(0, 136, 255, 0.16) 0%, rgba(0, 136, 255, 0.08) 22%, rgba(0, 136, 255, 0) 48%),\n      radial-gradient(ellipse at 50% 50%, rgba(11, 2, 24, 0.76) 0%, rgba(8, 1, 18, 0.46) 46%, rgba(2, 1, 1, 0) 78%),\n      #020101;\n  }\n\n  .rdig-svc-section::before {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 34px;\n    width: min(680px, 74vw);\n    height: 1px;\n    transform: translateX(-50%);\n    background: linear-gradient(90deg, transparent, rgba(255, 47, 218, 0.80), rgba(89, 75, 231, 0.74), rgba(0, 136, 255, 0.50), transparent);\n    box-shadow:\n      0 0 18px rgba(255, 47, 218, 0.48),\n      0 0 34px rgba(89, 75, 231, 0.28);\n    pointer-events: none;\n  }\n\n  .rdig-svc-section::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: min(980px, 78vw);\n    height: min(980px, 78vw);\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background:\n      radial-gradient(circle, transparent 0 34%, rgba(255, 47, 218, 0.13) 35%, transparent 38%),\n      radial-gradient(circle, transparent 0 48%, rgba(89, 75, 231, 0.12) 49%, transparent 53%),\n      radial-gradient(circle, transparent 0 64%, rgba(0, 136, 255, 0.07) 65%, transparent 68%);\n    filter: blur(1px) drop-shadow(0 0 18px rgba(255, 47, 218, 0.20));\n    opacity: 0.46;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .rdig-svc-section .rdig-svc-edge-fade {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n    background:\n      radial-gradient(ellipse at 50% 48%, rgba(2, 1, 1, 0) 0%, rgba(2, 1, 1, 0) 58%, rgba(2, 1, 1, 0.34) 82%, #020101 100%);\n  }\n\n  .rdig-svc-inner {\n    width: min(1440px, 85%);\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  .rdig-svc-header {\n    max-width: 1040px;\n    margin: 0 auto clamp(34px, 5vh, 52px);\n    padding-top: 22px;\n    text-align: center;\n  }\n\n  .rdig-svc-eyebrow {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    margin-bottom: 10px;\n    padding: 7px 13px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 47, 218, 0.78);\n    color: rgba(255, 255, 255, 0.94);\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.42), rgba(255, 47, 218, 0.22));\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.38),\n      0 0 34px rgba(89, 75, 231, 0.20),\n      inset 0 0 14px rgba(255, 255, 255, 0.055);\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .rdig-svc-title {\n    max-width: 1080px;\n    margin: 0 auto;\n    color: #ffffff;\n    font-family: \"Outfit\", Sans-serif;\n    font-size: 39px;\n    line-height: 1.2em;\n    font-weight: 600;\n    letter-spacing: -0.5px;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.34),\n      0 0 34px rgba(241, 131, 199, 0.24),\n      0 2px 16px rgba(5, 0, 11, 0.80);\n  }\n\n  .rdig-svc-title strong {\n    color: #ffffff;\n    font-weight: 900;\n    background: linear-gradient(90deg, #f7eaff 0%, #ff4fe1 32%, #c96dff 56%, #745CFF 78%, #0088ff 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    padding-right: 5px;\n        filter:\n      drop-shadow(0 2px 8px rgba(2, 1, 18, 0.58))\n      drop-shadow(0 0 8px rgba(255, 47, 218, 0.14));\n  }\n\n  .rdig-svc-lead {\n    max-width: 760px;\n    margin: 14px auto 0;\n    color: rgba(255, 255, 255, 0.70);\n    font-size: clamp(13px, 1vw, 16px);\n    line-height: 1.45;\n    font-weight: 500;\n  }\n\n  .rdig-svc-grid {\n    display: grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: clamp(12px, 1.3vw, 18px);\n  }\n\n  .rdig-svc-card[data-service=\"brand\"],\n  .rdig-svc-card[data-service=\"social\"] {\n    grid-column: span 4;\n  }\n\n  .rdig-svc-card[data-service=\"web\"],\n  .rdig-svc-card[data-service=\"traffic\"] {\n    grid-column: span 4;\n  }\n\n  .rdig-svc-card[data-service=\"infra\"],\n  .rdig-svc-card[data-service=\"code\"] {\n    grid-column: span 4;\n  }\n\n\n  .rdig-svc-card {\n    min-height: clamp(250px, 27vh, 310px);\n    padding: clamp(16px, 1.6vw, 22px);\n    border-radius: 22px;\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n    background:\n      radial-gradient(circle at 88% 12%, rgba(255, 47, 218, 0.16), transparent 30%),\n      radial-gradient(circle at 12% 88%, rgba(89, 75, 231, 0.18), transparent 34%),\n      linear-gradient(180deg, rgba(18, 28, 77, 0.52), rgba(1, 17, 41, 0.58)),\n      #05000B;\n    border: 1px solid rgba(255, 47, 218, 0.34);\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.16),\n      0 0 22px rgba(255, 47, 218, 0.12),\n      0 16px 42px rgba(0, 0, 0, 0.32),\n      inset 0 0 30px rgba(255, 255, 255, 0.03);\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;\n  }\n\n  .rdig-svc-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 16px;\n    border-radius: 18px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);\n    background-size: 52px 52px;\n    opacity: 0.42;\n    pointer-events: none;\n  }\n\n  .rdig-svc-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 82% 12%, rgba(241, 131, 199, 0.16), transparent 34%),\n      radial-gradient(circle at 18% 88%, rgba(89, 75, 231, 0.14), transparent 34%),\n      linear-gradient(0deg, rgba(5, 0, 11, 0.18), transparent 44%);\n    opacity: 0;\n    transition: opacity 0.35s ease;\n    pointer-events: none;\n  }\n\n  .rdig-svc-card:hover,\n  .rdig-svc-card.is-active {\n    border-color: rgba(255, 47, 218, 0.72);\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.30),\n      0 0 30px rgba(255, 47, 218, 0.34),\n      0 0 48px rgba(89, 75, 231, 0.22),\n      0 24px 70px rgba(0, 0, 0, 0.48),\n      inset 0 0 38px rgba(255, 47, 218, 0.045);\n  }\n\n  .rdig-svc-card:hover,\n  .rdig-svc-card.is-active {\n    transform: translateY(-8px);\n  }\n\n  .rdig-svc-card:hover::after,\n  .rdig-svc-card.is-active::after {\n    opacity: 1;\n  }\n\n  .rdig-svc-card.is-featured {\n    min-height: clamp(250px, 27vh, 310px);\n  }\n\n  .rdig-svc-icon,\n  .rdig-svc-content {\n    position: relative;\n    z-index: 2;\n  }\n\n  .rdig-svc-content {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n  }\n\n  .rdig-svc-open {\n    position: absolute;\n    top: 22px;\n    right: 22px;\n    width: 40px;\n    height: 40px;\n    border-radius: 999px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: #ffffff !important;\n    text-decoration: none;\n    background:\n      radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.20), transparent 32%),\n      linear-gradient(135deg, rgba(89, 75, 231, 0.42), rgba(255, 47, 218, 0.26));\n    border: 1px solid rgba(255, 47, 218, 0.50);\n    box-shadow:\n      0 0 18px rgba(255, 47, 218, 0.22),\n      0 0 24px rgba(89, 75, 231, 0.12),\n      inset 0 0 12px rgba(255, 255, 255, 0.04);\n    opacity: 0;\n    pointer-events: none;\n    transform: translate3d(6px, -6px, 0) scale(0.86);\n    transition: opacity 0.28s ease, transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;\n    z-index: 4;\n  }\n\n  .rdig-svc-open svg {\n    width: 19px;\n    height: 19px;\n    display: block;\n    color: currentColor;\n    transform: translate(1px, -1px);\n  }\n\n  .rdig-svc-card:hover .rdig-svc-open,\n  .rdig-svc-card.is-active .rdig-svc-open,\n  .rdig-svc-open:focus-visible {\n    opacity: 1;\n    pointer-events: auto;\n    transform: translate3d(0, 0, 0) scale(1);\n    border-color: rgba(255, 47, 218, 0.86);\n    box-shadow:\n      0 0 24px rgba(255, 47, 218, 0.42),\n      0 0 36px rgba(89, 75, 231, 0.22),\n      inset 0 0 14px rgba(255, 255, 255, 0.055);\n  }\n\n  .rdig-svc-icon {\n    width: clamp(42px, 3.2vw, 50px);\n    height: clamp(42px, 3.2vw, 50px);\n    margin-bottom: clamp(14px, 1.8vh, 20px);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: #ff4de3;\n    border-radius: 15px;\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.42), rgba(255, 47, 218, 0.24));\n    border: 1px solid rgba(255, 47, 218, 0.58);\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.38),\n      0 0 32px rgba(89, 75, 231, 0.18),\n      inset 0 0 16px rgba(255, 255, 255, 0.055);\n  }\n\n  .rdig-svc-icon svg {\n    width: clamp(24px, 2vw, 28px);\n    height: clamp(24px, 2vw, 28px);\n  }\n\n  .rdig-svc-kicker {\n    display: block;\n    margin-bottom: 8px;\n    color: rgba(255, 77, 227, 0.88);\n    font-size: 11px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    text-shadow:\n      0 0 10px rgba(255, 47, 218, 0.34),\n      0 0 18px rgba(89, 75, 231, 0.16);\n  }\n\n  .rdig-svc-content h3 {\n    margin: 0 0 10px;\n    color: #ffffff;\n    font-size: clamp(20px, 1.7vw, 28px);\n    line-height: 0.98;\n    font-weight: 900;\n    letter-spacing: -0.055em;\n    text-transform: none;\n    text-shadow:\n      0 0 16px rgba(89, 75, 231, 0.26),\n      0 0 18px rgba(255, 47, 218, 0.16),\n      0 2px 14px rgba(5, 0, 11, 0.78);\n  }\n\n  .rdig-svc-content p {\n    max-width: 430px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.72);\n    font-size: clamp(12px, 0.95vw, 14px);\n    line-height: 1.42;\n  }\n\n  .rdig-svc-content ul {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-end;\n    gap: 7px;\n    list-style: none;\n    padding: 0;\n    margin: auto 0 0;\n    padding-top: clamp(14px, 1.8vh, 18px);\n  }\n\n  .rdig-svc-content li {\n    padding: 6px 9px;\n    border-radius: 999px;\n    color: rgba(255, 255, 255, 0.92);\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.48), rgba(255, 47, 218, 0.24));\n    border: 1px solid rgba(255, 47, 218, 0.42);\n    box-shadow: 0 0 14px rgba(255, 47, 218, 0.14);\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 800;\n  }\n\n  .rdig-svc-footer {\n    margin-top: clamp(14px, 2.2vh, 24px);\n    padding: 18px 22px;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    background:\n      linear-gradient(135deg, rgba(89, 75, 231, 0.22), rgba(241, 131, 199, 0.12)),\n      rgba(5, 0, 11, 0.30);\n    border: 1px solid rgba(241, 131, 199, 0.26);\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.08),\n      0 0 22px rgba(241, 131, 199, 0.08),\n      0 16px 40px rgba(0, 0, 0, 0.26);\n  }\n\n  .rdig-svc-footer p {\n    max-width: 760px;\n    margin: 0;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: clamp(13px, 1vw, 16px);\n    line-height: 1.4;\n    font-weight: 600;\n  }\n\n  .rdig-svc-cta {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;    \n    justify-content: center;\n    min-height: 40px;\n    padding: 0 16px;\n    border-radius: 999px;\n    color: #ffffff !important;\n    text-decoration: none;\n    background: linear-gradient(90deg, #594BE7 0%, #ff2fda 48%, #F183C7 72%, #ff9b72 100%);\n    box-shadow:\n      0 0 24px rgba(255, 47, 218, 0.46),\n      0 0 34px rgba(89, 75, 231, 0.22),\n      0 12px 30px rgba(0, 0, 0, 0.24);\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .rdig-svc-cta:hover {\n    transform: translateY(-2px);\n    box-shadow:\n      0 0 24px rgba(241, 131, 199, 0.36),\n      0 14px 34px rgba(0, 0, 0, 0.28);\n  }\n\n  @media (max-width: 1024px) {\n    .rdig-svc-section {\n      min-height: auto;\n      overflow: visible;\n    }\n\n    .rdig-svc-inner {\n      width: min(100%, 92%);\n    }\n\n    .rdig-svc-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .rdig-svc-card,\n    .rdig-svc-card[data-service=\"brand\"],\n    .rdig-svc-card[data-service=\"web\"],\n    .rdig-svc-card[data-service=\"infra\"],\n    .rdig-svc-card[data-service=\"social\"],\n    .rdig-svc-card[data-service=\"traffic\"],\n    .rdig-svc-card[data-service=\"code\"] {\n      grid-column: auto;\n      transform: none;\n    }\n\n    .rdig-svc-footer {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .rdig-svc-section {\n      min-height: auto;\n      padding: 64px 14px 72px;\n      overflow: visible;\n    }\n\n    .rdig-svc-inner {\n      width: 100%;\n    }\n\n    .rdig-svc-header {\n      margin-bottom: 34px;\n    }\n\n    .rdig-svc-eyebrow {\n      font-size: 10px;\n      letter-spacing: 0.12em;\n    }\n\n    .rdig-svc-title {\n      font-size: 32px;\n      line-height: 1.2em;\n      letter-spacing: -0.5px;\n    }\n\n    .rdig-svc-lead {\n      font-size: 14px;\n    }\n\n    .rdig-svc-grid {\n      grid-template-columns: 1fr;\n      gap: 14px;\n    }\n\n    .rdig-svc-card,\n    .rdig-svc-card.is-featured {\n      min-height: auto;\n      padding: 22px;\n      border-radius: 20px;\n    }\n\n    .rdig-svc-card:hover,\n    .rdig-svc-card.is-active {\n      transform: none;\n    }\n\n    .rdig-svc-icon {\n      width: 48px;\n      height: 48px;\n      margin-bottom: 18px;\n    }\n\n    .rdig-svc-open {\n      top: 18px;\n      right: 18px;\n      width: 38px;\n      height: 38px;\n    }\n\n    .rdig-svc-content h3 {\n      font-size: 24px;\n    }\n\n    .rdig-svc-footer {\n      margin-top: 20px;\n      padding: 22px;\n      border-radius: 20px;\n    }\n\n    .rdig-svc-cta {\n      width: 100%;\n    }\n  }\n  \/* RAMOA \u2014 garantia final: tamanhos dos textos do header iguais ao template oficial *\/\n  .rdig-svc-section .rdig-svc-eyebrow {\n    font-size: 10px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.16em !important;\n  }\n\n  .rdig-svc-section .rdig-svc-title {\n    font-family: \"Outfit\", Sans-serif !important;\n    font-size: 39px !important;\n    line-height: 1.2em !important;\n    font-weight: 600 !important;\n    letter-spacing: -0.5px !important;\n  }\n\n  .rdig-svc-section .rdig-svc-title strong {\n    font-family: \"Outfit\", Sans-serif !important;\n    font-size: inherit !important;\n    line-height: inherit !important;\n    font-weight: 600 !important;\n    letter-spacing: inherit !important;\n  }\n\n  .rdig-svc-section .rdig-svc-lead {\n    font-size: clamp(13px, 1vw, 16px) !important;\n    line-height: 1.45 !important;\n    font-weight: 500 !important;\n  }\n\n  @media (max-width: 767px) {\n    .rdig-svc-section .rdig-svc-eyebrow {\n      font-size: 10px !important;\n      letter-spacing: 0.12em !important;\n    }\n\n    .rdig-svc-section .rdig-svc-title {\n      font-family: \"Outfit\", Sans-serif !important;\n      font-size: 32px !important;\n      line-height: 1.2em !important;\n      font-weight: 600 !important;\n      letter-spacing: -0.5px !important;\n    }\n\n    .rdig-svc-section .rdig-svc-title strong {\n      font-family: \"Outfit\", Sans-serif !important;\n      font-size: inherit !important;\n      line-height: inherit !important;\n      font-weight: 600 !important;\n      letter-spacing: inherit !important;\n    }\n\n    .rdig-svc-section .rdig-svc-lead {\n      font-size: 14px !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function () {\n    const section = document.getElementById(\"rdigSvcSection\");\n    if (!section) return;\n\n    const cards = Array.from(section.querySelectorAll(\".rdig-svc-card\"));\n    let activeIndex = 0;\n    let timer = null;\n\n    function setActiveCard(index) {\n      cards.forEach((card, cardIndex) => {\n        card.classList.toggle(\"is-active\", cardIndex === index);\n      });\n    }\n\n    function startSoftFocus() {\n      if (window.matchMedia(\"(max-width: 767px)\").matches) return;\n      if (timer) return;\n\n      timer = setInterval(() => {\n        activeIndex = (activeIndex + 1) % cards.length;\n        setActiveCard(activeIndex);\n      }, 2600);\n    }\n\n    function stopSoftFocus() {\n      if (!timer) return;\n      clearInterval(timer);\n      timer = null;\n    }\n\n    cards.forEach((card, index) => {\n      card.addEventListener(\"click\", (event) => {\n        if (event.target.closest(\"a\")) return;\n        const link = card.querySelector(\".rdig-svc-open\");\n        if (link) window.location.href = link.href;\n      });\n\n      card.addEventListener(\"keydown\", (event) => {\n        if (event.key !== \"Enter\" && event.key !== \" \") return;\n        if (event.target.closest(\"a\")) return;\n        const link = card.querySelector(\".rdig-svc-open\");\n        if (!link) return;\n        event.preventDefault();\n        window.location.href = link.href;\n      });\n\n      card.setAttribute(\"tabindex\", \"0\");\n      card.addEventListener(\"mouseenter\", () => {\n        stopSoftFocus();\n        activeIndex = index;\n        setActiveCard(index);\n      });\n\n      card.addEventListener(\"mouseleave\", () => {\n        startSoftFocus();\n      });\n\n      card.addEventListener(\"focusin\", () => {\n        stopSoftFocus();\n        activeIndex = index;\n        setActiveCard(index);\n      });\n    });\n\n    setActiveCard(activeIndex);\n    startSoftFocus();\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-791a0fe e-con-full e-flex e-con e-parent\" data-id=\"791a0fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61991db e-con-full e-flex e-con e-parent\" data-id=\"61991db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d62733 elementor-widget elementor-widget-html\" data-id=\"1d62733\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ramoa-portfolio-section rdig-pf-section\" id=\"rdigPfSection\" aria-labelledby=\"ramoa-portfolio-title\">\n  <div class=\"rdig-pf-edge-fade\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ramoa-portfolio__container rdig-pf-inner\">\n    <header class=\"ramoa-portfolio__header rdig-pf-header\">\n      <span class=\"rdig-pf-eyebrow\">PORTF\u00d3LIO RAMOA DIGITAL<\/span>\n      <h2 id=\"ramoa-portfolio-title\" class=\"rdig-pf-title\">\n        Projetos em Destaque<br>\n        <strong>Primeira reuni\u00e3o gratuita para entender sua ideia<\/strong>\n      <\/h2>\n      <p class=\"rdig-pf-lead\">\n        Criamos sites, p\u00e1ginas de venda, automa\u00e7\u00f5es e solu\u00e7\u00f5es com IA pensadas para cada cliente.\n        A primeira reuni\u00e3o \u00e9 gratuita para entendermos sua necessidade e criarmos uma proposta sob medida.\n      <\/p>\n    <\/header>\n\n    <div class=\"ramoa-portfolio__grid-cards\" role=\"list\">\n\n      <!-- CARD 1 \u2014 Koelln Advocacia -->\n      <article class=\"ramoa-card ramoa-card--koelln\" role=\"listitem\"\n        style=\"\n          --c-accent-1:#B69561;\n          --c-accent-2:#FFF3D6;\n          --c-deep:#2B2118;\n          --c-bg-1:#3a2a18;\n          --c-bg-2:#13090a;\n          --c-tag-bg:rgba(182,149,97,.18);\n          --c-tag-border:rgba(255,243,214,.22);\n          --c-cat:#F3DFBA;\n          --photo-pos:75% 18%;\n          --photo-scale:.86;\n        \">\n        <a class=\"ramoa-card__link\" href=\"https:\/\/koellnadvogada.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Abrir projeto Koelln Advocacia\">\n          <span class=\"ramoa-card__open\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\n          <\/span>\n\n          <div class=\"ramoa-card__media\">\n            <img decoding=\"async\" class=\"ramoa-card__mark\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/sandra-koelln-advocacia-monograma-sk.png\" alt=\"\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"ramoa-card__photo\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/sandra-koelln-advogada.png\" alt=\"Sandra Koelln, advogada\">\n            <div class=\"ramoa-card__panel\">\n              <span class=\"ramoa-card__panel-eyebrow\">Advocacia internacional<\/span>\n              <span class=\"ramoa-card__panel-title\">Brasil \u00b7 Alemanha \u00b7 Portugal<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ramoa-card__body\">\n            <span class=\"ramoa-card__category\">Site institucional<\/span>\n            <h3 class=\"ramoa-card__title\">Koelln Advocacia<\/h3>\n            <p class=\"ramoa-card__desc\">A RAMOA criou o site institucional e organiza a presen\u00e7a digital da Koelln, ajudando a advocacia a ser encontrada por quem procura apoio jur\u00eddico internacional.<\/p>\n            <ul class=\"ramoa-card__tags\">\n              <li>Site institucional<\/li>\n              <li>Identidade visual<\/li>\n              <li>Blog<\/li>\n              <li>Encontrada no Google<\/li>\n            <\/ul>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- CARD 2 \u2014 Mari Hoffmann \/ Liebe -->\n      <article class=\"ramoa-card ramoa-card--mari\" role=\"listitem\"\n        style=\"\n          --c-accent-1:#E36813;\n          --c-accent-2:#FFC53F;\n          --c-deep:#512E24;\n          --c-bg-1:#3a1f1a;\n          --c-bg-2:#181313;\n          --c-tag-bg:rgba(227,104,19,.16);\n          --c-tag-border:rgba(255,197,63,.25);\n          --c-cat:#FFC53F;\n          --photo-pos:78% center;\n          --photo-scale:.92;\n        \">\n        <a class=\"ramoa-card__link\" href=\"https:\/\/mari-hoffmann.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Abrir projeto Liebe \u2014 Die Grundlage f\u00fcr alles\">\n          <span class=\"ramoa-card__open\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\n          <\/span>\n\n          <div class=\"ramoa-card__media\">\n            <img decoding=\"async\" class=\"ramoa-card__mark\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/marca-mari-hoffmann.png\" alt=\"\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"ramoa-card__photo ramoa-card__photo--contain\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/exemplar-livro-liebe.png\" alt=\"Livro Liebe \u2014 Die Grundlage f\u00fcr alles\">\n            <div class=\"ramoa-card__panel\">\n              <span class=\"ramoa-card__panel-eyebrow\">Livro autoral<\/span>\n              <span class=\"ramoa-card__panel-title\">Identidade, mensagem e compra<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ramoa-card__body\">\n            <span class=\"ramoa-card__category\">Landing page<\/span>\n            <h3 class=\"ramoa-card__title\">Liebe \u2014 Die Grundlage f\u00fcr alles<\/h3>\n            <p class=\"ramoa-card__desc\">Landing page criada para apresentar o livro, fortalecer a identidade da autora e direcionar leitores para os canais de compra.<\/p>\n            <ul class=\"ramoa-card__tags\">\n              <li>Landing page<\/li>\n              <li>Identidade visual<\/li>\n              <li>SEO<\/li>\n              <li>Amazon \u00b7 Novum \u00b7 Thalia<\/li>\n            <\/ul>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- CARD 3 \u2014 Gabrielle Coelho -->\n      <article class=\"ramoa-card ramoa-card--gabi\" role=\"listitem\"\n        style=\"\n          --c-accent-1:#6F2F79;\n          --c-accent-2:#E4B2D3;\n          --c-deep:#2B1744;\n          --c-bg-1:#3a1f5a;\n          --c-bg-2:#150a2e;\n          --c-tag-bg:rgba(172,191,221,.16);\n          --c-tag-border:rgba(228,178,211,.28);\n          --c-cat:#E4B2D3;\n          --photo-pos:78% 18%;\n          --photo-scale:.82;\n        \">\n        <a class=\"ramoa-card__link\" href=\"https:\/\/psicogabriellecoelho.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Abrir projeto Psic\u00f3loga Gabrielle Coelho\">\n          <span class=\"ramoa-card__open\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\n          <\/span>\n\n          <div class=\"ramoa-card__media\">\n            <img decoding=\"async\" class=\"ramoa-card__mark\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/marca-psicologa-gabriele-coelho-scaled.png\" alt=\"\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"ramoa-card__photo\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/psicologa-gabriele-coelho-livros.png\" alt=\"Psic\u00f3loga Gabrielle Coelho\">\n            <div class=\"ramoa-card__panel\">\n              <span class=\"ramoa-card__panel-eyebrow\">Cuidado emocional<\/span>\n              <span class=\"ramoa-card__panel-title\">Clareza, acolhimento e confian\u00e7a<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ramoa-card__body\">\n            <span class=\"ramoa-card__category\">Landing page<\/span>\n            <h3 class=\"ramoa-card__title\">Psic\u00f3loga Gabrielle Coelho<\/h3>\n            <p class=\"ramoa-card__desc\">A RAMOA criou uma landing page profissional para apresentar o atendimento psicol\u00f3gico online com clareza, acolhimento e posicionamento de autoridade.<\/p>\n            <ul class=\"ramoa-card__tags\">\n              <li>Landing page<\/li>\n              <li>Identidade visual<\/li>\n              <li>Capta\u00e7\u00e3o qualificada<\/li>\n            <\/ul>\n          <\/div>\n        <\/a>\n      <\/article>\n\n      <!-- CARD 4 \u2014 Portal Despertar Essencial -->\n      <article class=\"ramoa-card ramoa-card--portal\" role=\"listitem\"\n        style=\"\n          --c-accent-1:#205074;\n          --c-accent-2:#5BBE6B;\n          --c-deep:#0E084E;\n          --c-bg-1:#143a5a;\n          --c-bg-2:#08102a;\n          --c-tag-bg:rgba(32,80,116,.28);\n          --c-tag-border:rgba(243,223,186,.22);\n          --c-cat:#F3DFBA;\n          --photo-pos:78% 18%;\n          --photo-scale:.72;\n        \">\n        <a class=\"ramoa-card__link\" href=\"https:\/\/portaldespertaressencial.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Abrir projeto Portal Despertar Essencial\">\n          <span class=\"ramoa-card__open\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7\"\/><path d=\"M8 7h9v9\"\/><\/svg>\n          <\/span>\n\n          <div class=\"ramoa-card__media\">\n            <img decoding=\"async\" class=\"ramoa-card__mark\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/marca-portal-despertar-essencial.png\" alt=\"\" aria-hidden=\"true\">\n            <img decoding=\"async\" class=\"ramoa-card__photo\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/cida-gomes-teraputa-holistica.png\" alt=\"Cida Gomes, terapeuta hol\u00edstica\">\n            <div class=\"ramoa-card__panel\">\n              <span class=\"ramoa-card__panel-eyebrow\">Portal terap\u00eautico<\/span>\n              <span class=\"ramoa-card__panel-title\">Cuidado, equil\u00edbrio e presen\u00e7a digital<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"ramoa-card__body\">\n            <span class=\"ramoa-card__category\">Site + conte\u00fado<\/span>\n            <h3 class=\"ramoa-card__title\">Portal Despertar Essencial<\/h3>\n            <p class=\"ramoa-card__desc\">A RAMOA estruturou a presen\u00e7a digital da Cida Gomes, criando um site claro, acolhedor e preparado para apresentar seus servi\u00e7os terap\u00eauticos com confian\u00e7a.<\/p>\n            <ul class=\"ramoa-card__tags\">\n              <li>Site profissional<\/li>\n              <li>Redes sociais<\/li>\n              <li>Identidade visual<\/li>\n            <\/ul>\n          <\/div>\n        <\/a>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .ramoa-portfolio-section{\n    --rp-black:#020101;\n    --rp-purple-deep:#0B0218;\n    --rp-purple:#594BE7;\n    --rp-magenta:#FF2FDA;\n    --rp-pink:#F183C7;\n    --rp-white:#FFFFFF;\n\n    position:relative;\n    isolation:isolate;\n    overflow:hidden;\n    padding:clamp(64px,8vw,120px) 0;\n    background:\n      radial-gradient(120% 80% at 50% 0%, rgba(89,75,231,.18), transparent 60%),\n      radial-gradient(80% 60% at 100% 100%, rgba(255,47,218,.12), transparent 60%),\n      linear-gradient(180deg, var(--rp-purple-deep) 0%, var(--rp-black) 100%);\n    color:var(--rp-white);\n    font-family: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n    -webkit-font-smoothing:antialiased;\n  }\n\n  .ramoa-portfolio__bg{position:absolute;inset:0;z-index:0;pointer-events:none;}\n  .ramoa-portfolio__glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;}\n  .ramoa-portfolio__glow--a{width:520px;height:520px;left:-120px;top:-120px;background:radial-gradient(circle, rgba(89,75,231,.55), transparent 60%);}\n  .ramoa-portfolio__glow--b{width:560px;height:560px;right:-160px;bottom:-160px;background:radial-gradient(circle, rgba(255,47,218,.45), transparent 60%);}\n  .ramoa-portfolio__grid{\n    position:absolute;inset:0;\n    background-image:\n      linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);\n    background-size: 48px 48px, 48px 48px;\n    mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);\n    opacity:.35;\n  }\n\n  .ramoa-portfolio__container{\n    position:relative;z-index:1;\n    width:100%;\n    max-width:1280px;\n    margin:0 auto;\n    padding:0 clamp(16px,3vw,32px);\n  }\n\n  .ramoa-portfolio__header{text-align:center;max-width:820px;margin:0 auto clamp(40px,5vw,64px);}\n  .ramoa-portfolio__eyebrow{\n    display:inline-block;\n    padding:8px 18px;\n    border-radius:999px;\n    font-size:12px;letter-spacing:.18em;font-weight:600;\n    color:#fff;\n    background:linear-gradient(135deg, rgba(89,75,231,.35), rgba(255,47,218,.35));\n    border:1px solid rgba(255,255,255,.18);\n    backdrop-filter: blur(8px);\n  }\n  .ramoa-portfolio__title{\n    margin:18px 0 10px;\n    font-size:clamp(32px,4.4vw,52px);\n    font-weight:700;letter-spacing:-.02em;line-height:1.1;\n  }\n  .ramoa-portfolio__highlight{\n    margin:0 0 18px;\n    font-size:clamp(22px,2.6vw,32px);\n    font-weight:700;letter-spacing:-.01em;\n    background:linear-gradient(90deg,#594BE7 0%,#AE5EB5 40%,#FF2FDA 70%,#F183C7 100%);\n    -webkit-background-clip:text;background-clip:text;color:transparent;\n  }\n  .ramoa-portfolio__lead{\n    margin:0 auto;max-width:680px;\n    font-size:clamp(14px,1.1vw,16px);line-height:1.65;\n    color:rgba(255,255,255,.72);\n  }\n\n  .ramoa-portfolio__grid-cards{\n    display:grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap:clamp(16px,1.6vw,24px);\n  }\n  @media (max-width: 1180px){ .ramoa-portfolio__grid-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); } }\n  @media (max-width: 640px){ .ramoa-portfolio__grid-cards{ grid-template-columns: 1fr; } }\n\n  \/* ============= CARD ============= *\/\n  .ramoa-card{\n    position:relative;\n    border-radius:22px;\n    background:\n      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),\n      linear-gradient(180deg, #14092B 0%, #0A0418 100%);\n    border:1px solid rgba(255,255,255,.08);\n    overflow:hidden;\n    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;\n    box-shadow: 0 10px 30px -18px rgba(0,0,0,.6);\n  }\n  .ramoa-card::before{\n    content:\"\";position:absolute;inset:0;border-radius:inherit;padding:1px;\n    background:linear-gradient(135deg, var(--c-accent-1), transparent 40%, var(--c-accent-2));\n    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    -webkit-mask-composite: xor; mask-composite: exclude;\n    opacity:.45; transition: opacity .35s ease;\n    pointer-events:none;\n  }\n  .ramoa-card::after{\n    content:\"\";position:absolute;inset:-1px;border-radius:inherit;\n    box-shadow: 0 0 0 0 transparent;\n    transition: box-shadow .35s ease;\n    pointer-events:none;\n  }\n  .ramoa-card:hover{ transform:translateY(-6px); border-color:rgba(255,255,255,.16); }\n  .ramoa-card:hover::before{ opacity:.95; }\n  .ramoa-card:hover::after{ box-shadow: 0 30px 60px -30px color-mix(in oklab, var(--c-accent-1) 65%, transparent); }\n\n  .ramoa-card__link{\n    display:flex;flex-direction:column;height:100%;\n    color:inherit;text-decoration:none;\n  }\n\n  .ramoa-card__open{\n    position:absolute;top:14px;right:14px;z-index:5;\n    width:36px;height:36px;border-radius:50%;\n    display:inline-flex;align-items:center;justify-content:center;\n    background:linear-gradient(135deg, var(--c-accent-1), var(--c-accent-2));\n    color:#fff;\n    box-shadow: 0 6px 20px -6px color-mix(in oklab, var(--c-accent-2) 70%, transparent);\n    transition: transform .35s ease;\n  }\n  .ramoa-card:hover .ramoa-card__open{ transform:scale(1.08) rotate(-4deg); }\n\n  \/* ============ MEDIA ============ *\/\n  .ramoa-card__media{\n    position:relative;\n    aspect-ratio: 4 \/ 3.2;\n    overflow:hidden;\n    background:\n      radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, var(--c-accent-1) 55%, transparent), transparent 60%),\n      radial-gradient(120% 90% at 100% 100%, color-mix(in oklab, var(--c-accent-2) 28%, transparent), transparent 65%),\n      linear-gradient(160deg, var(--c-bg-1) 0%, var(--c-deep) 55%, var(--c-bg-2) 100%);\n    border-bottom:1px solid rgba(255,255,255,.06);\n  }\n  \/* grade discreta + borda interna *\/\n  .ramoa-card__media::before{\n    content:\"\";position:absolute;inset:0;\n    background-image:\n      linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\n    background-size: 32px 32px;\n    mask-image: radial-gradient(ellipse at 30% 30%, black 20%, transparent 75%);\n    opacity:.35;pointer-events:none;\n  }\n  .ramoa-card__media::after{\n    content:\"\";position:absolute;inset:8px;border-radius:14px;\n    border:1px solid rgba(255,255,255,.06);\n    pointer-events:none;\n  }\n\n  \/* MARCA grande no fundo (top-left), parcialmente cortada *\/\n  .ramoa-card__mark{\n    position:absolute;\n    top:-8%;left:-10%;\n    width:67%;height:auto;max-height:115%;\n    object-fit:contain;object-position:left top;\n    opacity:.18;\n    filter: drop-shadow(0 4px 18px rgba(0,0,0,.5));\n    pointer-events:none;\n    z-index:1;\n    mix-blend-mode: screen;\n  }\n  .ramoa-card--koelln .ramoa-card__mark{ opacity:.28; mix-blend-mode: normal; filter: drop-shadow(0 4px 18px rgba(0,0,0,.55)) brightness(1.1); }\n  .ramoa-card--mari .ramoa-card__mark{ opacity:.22; }\n  .ramoa-card--gabi .ramoa-card__mark{ opacity:.20; }\n  .ramoa-card--portal .ramoa-card__mark{ opacity:.22; }\n\n  \/* PESSOA \/ LIVRO em primeiro plano, com menos zoom e respiro *\/\n  .ramoa-card__photo{\n    position:absolute;inset:0;\n    width:100%;height:100%;\n    object-fit:contain;\n    object-position: var(--photo-pos, center bottom);\n    transform: scale(var(--photo-scale, .85));\n    transform-origin: right bottom;\n    display:block;\n    z-index:2;\n    transition: transform .6s ease;\n  }\n  .ramoa-card__photo--contain{\n    \/* livro *\/\n    object-fit:contain;\n    transform-origin: right center;\n  }\n  .ramoa-card:hover .ramoa-card__photo{\n    transform: scale(calc(var(--photo-scale, .85) * 1.04));\n  }\n\n  \/* PAINEL de texto sobreposto (canto inferior esquerdo) *\/\n  .ramoa-card__panel{\n    position:absolute;\n    left:14px;bottom:14px;\n    z-index:3;max-width:72%;\n    padding:10px 14px 12px;\n    border-radius:14px;\n    background:\n      linear-gradient(135deg, color-mix(in oklab, var(--c-deep) 88%, transparent), color-mix(in oklab, var(--c-bg-2) 92%, transparent));\n    border:1px solid color-mix(in oklab, var(--c-accent-2) 40%, rgba(255,255,255,.1));\n    backdrop-filter: blur(10px);\n    box-shadow: 0 10px 30px -14px rgba(0,0,0,.6);\n    display:flex;flex-direction:column;gap:4px;\n  }\n  .ramoa-card__panel-eyebrow{\n    font-size:10.5px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;\n    color: var(--c-accent-2);\n    opacity:.95;\n  }\n  .ramoa-card__panel-title{\n    font-size:14px;line-height:1.25;font-weight:700;color:#fff;letter-spacing:-.005em;\n  }\n\n  \/* ============= BODY ============= *\/\n  .ramoa-card__body{\n    padding:20px 20px 22px;\n    display:flex;flex-direction:column;gap:10px;\n    flex:1;\n  }\n  .ramoa-card__category{\n    font-size:11px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;\n    color: var(--c-cat, #FF2FDA);\n  }\n  .ramoa-card__title{\n    margin:0;\n    font-size:clamp(18px,1.4vw,21px);\n    font-weight:700;letter-spacing:-.01em;line-height:1.25;color:#fff;\n  }\n  .ramoa-card__desc{\n    margin:0;\n    font-size:13.5px;line-height:1.55;\n    color:rgba(255,255,255,.7);\n  }\n  .ramoa-card__tags{\n    list-style:none;margin:8px 0 0;padding:0;\n    display:flex;flex-wrap:wrap;gap:6px;\n  }\n  .ramoa-card__tags li{\n    font-size:11.5px;font-weight:600;\n    padding:6px 11px;border-radius:999px;\n    color:#fff;\n    background: var(--c-tag-bg, rgba(89,75,231,.22));\n    border:1px solid var(--c-tag-border, rgba(255,255,255,.1));\n  }\n\n  @media (max-width: 480px){\n    .ramoa-card__panel{ max-width:84%; }\n    .ramoa-card__panel-title{ font-size:13px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .ramoa-card, .ramoa-card__photo, .ramoa-card__open{ transition:none; }\n  }\n  \/* RAMOA \u2014 Portf\u00f3lio Lovable: heran\u00e7a visual do c\u00f3digo antigo\n     Cores, tipografia e transi\u00e7\u00f5es baseadas em ramoa-portifolio.html *\/\n\n  .ramoa-portfolio-section,\n  .ramoa-portfolio-section * {\n    box-sizing: border-box;\n  }\n\n  .ramoa-portfolio-section {\n    min-height: 100svh !important;\n    padding: clamp(42px, 6vh, 72px) clamp(16px, 5vw, 72px) clamp(38px, 5vh, 62px) !important;\n    background:\n      radial-gradient(ellipse at 15% 16%, rgba(255, 47, 218, 0.28) 0%, rgba(255, 47, 218, 0.14) 18%, rgba(255, 47, 218, 0) 48%),\n      radial-gradient(ellipse at 86% 12%, rgba(89, 75, 231, 0.32) 0%, rgba(89, 75, 231, 0.15) 22%, rgba(89, 75, 231, 0) 52%),\n      radial-gradient(circle at 50% 95%, rgba(0, 136, 255, 0.14) 0%, rgba(0, 136, 255, 0.06) 22%, rgba(0, 136, 255, 0) 50%),\n      radial-gradient(ellipse at 50% 50%, rgba(11, 2, 24, 0.74) 0%, rgba(8, 1, 18, 0.42) 46%, rgba(2, 1, 1, 0) 78%),\n      #020101 !important;\n    font-family: inherit !important;\n  }\n\n  .ramoa-portfolio-section::before {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 34px;\n    width: min(680px, 74vw);\n    height: 1px;\n    transform: translateX(-50%);\n    background: linear-gradient(90deg, transparent, rgba(255, 47, 218, 0.72), rgba(89, 75, 231, 0.62), rgba(0, 136, 255, 0.42), transparent);\n    box-shadow:\n      0 0 18px rgba(255, 47, 218, 0.36),\n      0 0 30px rgba(89, 75, 231, 0.20);\n    pointer-events: none;\n  }\n\n  .ramoa-portfolio-section::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 54%;\n    width: min(920px, 76vw);\n    height: min(920px, 76vw);\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background:\n      radial-gradient(circle, transparent 0 34%, rgba(255, 47, 218, 0.10) 35%, transparent 38%),\n      radial-gradient(circle, transparent 0 50%, rgba(89, 75, 231, 0.10) 51%, transparent 54%),\n      radial-gradient(circle, transparent 0 66%, rgba(0, 136, 255, 0.06) 67%, transparent 70%);\n    filter: blur(1px) drop-shadow(0 0 18px rgba(255, 47, 218, 0.18));\n    opacity: 0.48;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .ramoa-portfolio__container {\n    max-width: 1440px !important;\n    width: min(1440px, 85%) !important;\n    padding: 0 !important;\n  }\n\n  .ramoa-portfolio__header {\n    max-width: 1040px !important;\n    margin: 0 auto clamp(28px, 4.5vh, 42px) !important;\n    padding-top: 22px !important;\n  }\n\n  .ramoa-portfolio__eyebrow {\n    display: inline-flex !important;\n    width: fit-content !important;\n    align-items: center !important;\n    margin-bottom: 10px !important;\n    padding: 7px 13px !important;\n    border-radius: 999px !important;\n    border: 1px solid rgba(255, 47, 218, 0.72) !important;\n    color: rgba(255, 255, 255, 0.94) !important;\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.38), rgba(255, 47, 218, 0.20)) !important;\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.32),\n      0 0 30px rgba(89, 75, 231, 0.16),\n      inset 0 0 14px rgba(255, 255, 255, 0.05) !important;\n    font-size: 10px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.16em !important;\n    text-transform: uppercase !important;\n  }\n\n  .ramoa-portfolio__title {\n    max-width: 1100px !important;\n    margin: 0 auto !important;\n    color: #ffffff !important;\n    font-size: clamp(32px, 4.2vw, 66px) !important;\n    line-height: 0.96 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.07em !important;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.32),\n      0 0 32px rgba(255, 47, 218, 0.20),\n      0 2px 16px rgba(5, 0, 11, 0.80) !important;\n  }\n\n  .ramoa-portfolio__highlight {\n    margin: 0 0 18px !important;\n    color: #ffffff !important;\n    font-size: clamp(32px, 4.2vw, 66px) !important;\n    line-height: 0.96 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.07em !important;\n    background: linear-gradient(90deg, #ffffff 0%, #ff2fda 34%, #F183C7 58%, #594BE7 86%, #0088ff 100%) !important;\n    -webkit-background-clip: text !important;\n    background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    filter: drop-shadow(0 0 16px rgba(255, 47, 218, 0.32)) !important;\n  }\n\n  .ramoa-portfolio__lead {\n    max-width: 820px !important;\n    margin: 10px auto 0 !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-size: clamp(13px, 1vw, 16px) !important;\n    line-height: 1.45 !important;\n    font-weight: 500 !important;\n  }\n\n  .ramoa-portfolio__grid-cards {\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\n    gap: clamp(14px, 1.35vw, 22px) !important;\n  }\n\n  .ramoa-card {\n    height: clamp(540px, 64vh, 690px) !important;\n    border-radius: 24px !important;\n    background:\n      radial-gradient(circle at 88% 12%, rgba(255, 47, 218, 0.14), transparent 30%),\n      radial-gradient(circle at 12% 88%, rgba(89, 75, 231, 0.16), transparent 34%),\n      linear-gradient(180deg, rgba(18, 28, 77, 0.46), rgba(1, 17, 41, 0.56)),\n      #05000B !important;\n    border: 1px solid rgba(255, 47, 218, 0.30) !important;\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.13),\n      0 0 20px rgba(255, 47, 218, 0.10),\n      0 18px 48px rgba(0, 0, 0, 0.34),\n      inset 0 0 30px rgba(255, 255, 255, 0.025) !important;\n    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;\n  }\n\n  .ramoa-card:hover {\n    transform: translateY(-8px) !important;\n    border-color: rgba(255, 47, 218, 0.70) !important;\n    box-shadow:\n      0 0 0 1px rgba(89, 75, 231, 0.28),\n      0 0 30px rgba(255, 47, 218, 0.30),\n      0 0 46px rgba(89, 75, 231, 0.20),\n      0 24px 70px rgba(0, 0, 0, 0.48),\n      inset 0 0 36px rgba(255, 47, 218, 0.04) !important;\n  }\n\n  .ramoa-card::before {\n    inset: 16px !important;\n    border-radius: 18px !important;\n    border: 1px solid rgba(255, 255, 255, 0.075) !important;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, 0.038) 1px, transparent 1px) !important;\n    background-size: 52px 52px !important;\n    opacity: 0.38 !important;\n    z-index: 1 !important;\n  }\n\n  .ramoa-card::after {\n    background:\n      radial-gradient(circle at 78% 15%, rgba(255, 47, 218, 0.22), transparent 32%),\n      radial-gradient(circle at 20% 82%, rgba(89, 75, 231, 0.16), transparent 34%),\n      linear-gradient(180deg, rgba(5, 0, 13, 0.08), rgba(5, 0, 13, 0.28)) !important;\n    transition: opacity 0.35s ease !important;\n  }\n\n  .ramoa-card:hover::after { opacity: 0.55 !important; }\n\n  .ramoa-card--koelln {\n    background:\n      radial-gradient(circle at 82% 16%, rgba(255, 243, 214, 0.18), transparent 30%),\n      radial-gradient(circle at 18% 88%, rgba(182, 149, 97, 0.18), transparent 34%),\n      linear-gradient(180deg, rgba(30, 21, 13, 0.84), rgba(5, 0, 11, 0.92)),\n      #020101 !important;\n    border-color: rgba(182, 149, 97, 0.46) !important;\n    box-shadow:\n      0 0 0 1px rgba(255, 243, 214, 0.08),\n      0 0 28px rgba(182, 149, 97, 0.16),\n      0 18px 48px rgba(0, 0, 0, 0.34),\n      inset 0 0 30px rgba(255, 243, 214, 0.025) !important;\n  }\n\n  .ramoa-card--koelln:hover {\n    border-color: rgba(255, 243, 214, 0.62) !important;\n    box-shadow:\n      0 0 0 1px rgba(182, 149, 97, 0.28),\n      0 0 34px rgba(182, 149, 97, 0.26),\n      0 0 48px rgba(255, 243, 214, 0.10),\n      0 24px 70px rgba(0, 0, 0, 0.48),\n      inset 0 0 36px rgba(255, 243, 214, 0.04) !important;\n  }\n\n  .ramoa-card--mari {\n    background:\n      radial-gradient(circle at 86% 18%, rgba(255, 197, 63, 0.16), transparent 30%),\n      radial-gradient(circle at 18% 86%, rgba(227, 104, 19, 0.14), transparent 34%),\n      linear-gradient(180deg, rgba(81, 46, 36, 0.62), rgba(24, 19, 19, 0.88)),\n      #181313 !important;\n    border-color: rgba(255, 197, 63, 0.28) !important;\n    box-shadow:\n      0 0 0 1px rgba(227, 104, 19, 0.10),\n      0 0 24px rgba(255, 146, 11, 0.10),\n      0 18px 48px rgba(0, 0, 0, 0.34),\n      inset 0 0 30px rgba(255, 197, 63, 0.022) !important;\n  }\n\n  .ramoa-card--mari:hover {\n    border-color: rgba(255, 197, 63, 0.56) !important;\n    box-shadow:\n      0 0 0 1px rgba(227, 104, 19, 0.22),\n      0 0 32px rgba(255, 146, 11, 0.26),\n      0 0 46px rgba(255, 197, 63, 0.10),\n      0 24px 70px rgba(0, 0, 0, 0.48),\n      inset 0 0 36px rgba(255, 197, 63, 0.04) !important;\n  }\n\n  .ramoa-card--portal {\n    background:\n      radial-gradient(circle at 84% 16%, rgba(243, 223, 186, 0.16), transparent 30%),\n      radial-gradient(circle at 18% 86%, rgba(32, 80, 116, 0.22), transparent 34%),\n      linear-gradient(180deg, rgba(32, 80, 116, 0.62), rgba(14, 8, 78, 0.78)),\n      #0E084E !important;\n    border-color: rgba(243, 223, 186, 0.28) !important;\n    box-shadow:\n      0 0 0 1px rgba(171, 121, 60, 0.10),\n      0 0 24px rgba(32, 80, 116, 0.18),\n      0 18px 48px rgba(0, 0, 0, 0.34),\n      inset 0 0 30px rgba(243, 223, 186, 0.025) !important;\n  }\n\n  .ramoa-card--portal:hover {\n    border-color: rgba(243, 223, 186, 0.56) !important;\n    box-shadow:\n      0 0 0 1px rgba(171, 121, 60, 0.22),\n      0 0 32px rgba(32, 80, 116, 0.30),\n      0 0 42px rgba(243, 223, 186, 0.12),\n      0 24px 70px rgba(0, 0, 0, 0.48),\n      inset 0 0 36px rgba(243, 223, 186, 0.04) !important;\n  }\n\n  .ramoa-card--gabi {\n    background:\n      radial-gradient(circle at 78% 14%, rgba(228, 178, 211, 0.48), transparent 32%),\n      radial-gradient(circle at 16% 84%, rgba(161, 202, 228, 0.34), transparent 38%),\n      linear-gradient(180deg, rgba(208, 178, 213, 0.36), rgba(111, 47, 121, 0.46) 48%, rgba(14, 8, 78, 0.78)),\n      #2b1744 !important;\n    border-color: rgba(228, 178, 211, 0.68) !important;\n    box-shadow:\n      0 0 0 1px rgba(172, 191, 221, 0.22),\n      0 0 30px rgba(228, 178, 211, 0.28),\n      0 18px 48px rgba(0, 0, 0, 0.34),\n      inset 0 0 34px rgba(228, 178, 211, 0.08) !important;\n  }\n\n  .ramoa-card--gabi:hover {\n    border-color: rgba(228, 178, 211, 0.88) !important;\n    box-shadow:\n      0 0 0 1px rgba(172, 191, 221, 0.34),\n      0 0 34px rgba(228, 178, 211, 0.46),\n      0 0 44px rgba(161, 202, 228, 0.20),\n      0 24px 70px rgba(0, 0, 0, 0.48),\n      inset 0 0 40px rgba(228, 178, 211, 0.10) !important;\n  }\n\n  .ramoa-card__media {\n    flex: 0 0 46% !important;\n    min-height: 0 !important;\n    border-bottom: 1px solid rgba(255, 47, 218, 0.16) !important;\n  }\n\n  .ramoa-card--koelln .ramoa-card__media {\n    background:\n      radial-gradient(circle at 12% 18%, rgba(255, 243, 214, 0.18), transparent 30%),\n      radial-gradient(circle at 86% 86%, rgba(182, 149, 97, 0.22), transparent 32%),\n      linear-gradient(135deg, rgba(2, 1, 1, 0.98), rgba(45, 31, 18, 0.88) 52%, rgba(2, 1, 1, 0.96)) !important;\n  }\n\n  .ramoa-card--mari .ramoa-card__media {\n    background:\n      radial-gradient(circle at 22% 20%, rgba(255, 197, 63, 0.22), transparent 32%),\n      radial-gradient(circle at 82% 84%, rgba(227, 104, 19, 0.20), transparent 34%),\n      linear-gradient(135deg, rgba(24, 19, 19, 0.98), rgba(81, 46, 36, 0.88) 54%, rgba(24, 19, 19, 0.96)) !important;\n  }\n\n  .ramoa-card--portal .ramoa-card__media {\n    background:\n      radial-gradient(circle at 20% 18%, rgba(243, 223, 186, 0.22), transparent 32%),\n      radial-gradient(circle at 84% 86%, rgba(91, 190, 107, 0.14), transparent 34%),\n      linear-gradient(135deg, rgba(14, 8, 78, 0.98), rgba(32, 80, 116, 0.92) 55%, rgba(14, 8, 78, 0.96)) !important;\n  }\n\n  .ramoa-card--gabi .ramoa-card__media {\n    background:\n      radial-gradient(circle at 18% 16%, rgba(172, 191, 221, 0.36), transparent 34%),\n      radial-gradient(circle at 86% 80%, rgba(228, 178, 211, 0.46), transparent 38%),\n      linear-gradient(135deg, rgba(14, 8, 78, 0.86), rgba(111, 47, 121, 0.60) 48%, rgba(208, 178, 213, 0.34)) !important;\n  }\n\n  .ramoa-card__media::before {\n    inset: 14px !important;\n    border-radius: 18px !important;\n    background-size: 42px 42px !important;\n    opacity: 0.52 !important;\n  }\n\n  .ramoa-card__media::after {\n    background:\n      linear-gradient(180deg, rgba(5, 0, 13, 0.12), rgba(5, 0, 13, 0.54)),\n      radial-gradient(circle at 78% 18%, rgba(255, 47, 218, 0.20), transparent 34%),\n      radial-gradient(circle at 18% 88%, rgba(89, 75, 231, 0.18), transparent 34%) !important;\n  }\n\n  .ramoa-card__body {\n    padding: clamp(18px, 1.6vw, 24px) clamp(18px, 1.6vw, 24px) clamp(28px, 2.4vw, 36px) !important;\n    gap: 0 !important;\n  }\n\n  .ramoa-card__category {\n    display: block !important;\n    margin-bottom: 8px !important;\n    color: rgba(255, 77, 227, 0.92) !important;\n    font-size: 11px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.14em !important;\n    text-transform: uppercase !important;\n    text-shadow:\n      0 0 10px rgba(255, 47, 218, 0.30),\n      0 0 18px rgba(89, 75, 231, 0.14) !important;\n  }\n\n  .ramoa-card__title {\n    margin: 0 0 10px !important;\n    color: #ffffff !important;\n    font-size: clamp(22px, 1.7vw, 30px) !important;\n    line-height: 0.98 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.055em !important;\n    text-shadow:\n      0 0 16px rgba(89, 75, 231, 0.24),\n      0 0 18px rgba(255, 47, 218, 0.14),\n      0 2px 14px rgba(5, 0, 11, 0.78) !important;\n  }\n\n  .ramoa-card__desc {\n    max-width: 430px !important;\n    margin: 0 !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-size: clamp(12px, 0.95vw, 14px) !important;\n    line-height: 1.42 !important;\n  }\n\n  .ramoa-card__tags {\n    margin: auto 0 0 !important;\n    padding-top: clamp(14px, 1.8vh, 18px) !important;\n    gap: 7px !important;\n  }\n\n  .ramoa-card__tags li {\n    padding: 7px 10px !important;\n    border-radius: 999px !important;\n    color: rgba(255, 255, 255, 0.92) !important;\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.44), rgba(255, 47, 218, 0.22)) !important;\n    border: 1px solid rgba(255, 47, 218, 0.38) !important;\n    box-shadow: 0 0 14px rgba(255, 47, 218, 0.12) !important;\n    font-size: 11.5px !important;\n    line-height: 1 !important;\n    font-weight: 800 !important;\n  }\n\n  .ramoa-card__panel {\n    left: 22px !important;\n    bottom: 18px !important;\n    z-index: 6 !important;\n    padding: 10px 12px !important;\n    border-radius: 14px !important;\n    backdrop-filter: blur(12px) !important;\n    -webkit-backdrop-filter: blur(12px) !important;\n    transition: border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease, transform 0.35s ease !important;\n  }\n\n  .ramoa-card__panel-eyebrow {\n    display: block !important;\n    margin-bottom: 4px !important;\n    font-size: 8.5px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.12em !important;\n    text-transform: uppercase !important;\n  }\n\n  .ramoa-card__panel-title {\n    display: block !important;\n    font-size: clamp(12px, 0.92vw, 15px) !important;\n    line-height: 1.12 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.035em !important;\n  }\n\n  .ramoa-card--koelln .ramoa-card__panel {\n    width: 54% !important;\n    border: 1px solid rgba(255, 243, 214, 0.44) !important;\n    background:\n      radial-gradient(circle at 78% 18%, rgba(255, 243, 214, 0.14), transparent 38%),\n      linear-gradient(135deg, rgba(35, 21, 12, 0.78), rgba(2, 1, 1, 0.76)) !important;\n    box-shadow:\n      0 14px 30px rgba(0, 0, 0, 0.34),\n      0 0 0 1px rgba(182, 149, 97, 0.14),\n      0 0 18px rgba(182, 149, 97, 0.13),\n      inset 0 0 20px rgba(255, 243, 214, 0.055) !important;\n  }\n\n  .ramoa-card--koelln .ramoa-card__panel-eyebrow { color: rgba(255, 243, 214, 0.84) !important; }\n  .ramoa-card--koelln .ramoa-card__panel-title { color: #fff3d6 !important; }\n\n  .ramoa-card--mari .ramoa-card__panel {\n    width: 48% !important;\n    border: 1px solid rgba(255, 197, 63, 0.36) !important;\n    background:\n      radial-gradient(circle at 78% 18%, rgba(255, 197, 63, 0.14), transparent 38%),\n      linear-gradient(135deg, rgba(81, 46, 36, 0.78), rgba(24, 19, 19, 0.76)) !important;\n    box-shadow:\n      0 14px 30px rgba(0, 0, 0, 0.34),\n      0 0 0 1px rgba(227, 104, 19, 0.12),\n      0 0 18px rgba(255, 146, 11, 0.12),\n      inset 0 0 20px rgba(255, 197, 63, 0.05) !important;\n  }\n\n  .ramoa-card--mari .ramoa-card__panel-eyebrow { color: rgba(255, 197, 63, 0.88) !important; }\n  .ramoa-card--mari .ramoa-card__panel-title { color: #fff3d6 !important; }\n\n  .ramoa-card--portal .ramoa-card__panel {\n    width: 50% !important;\n    border: 1px solid rgba(243, 223, 186, 0.36) !important;\n    background:\n      radial-gradient(circle at 78% 18%, rgba(243, 223, 186, 0.14), transparent 38%),\n      linear-gradient(135deg, rgba(32, 80, 116, 0.78), rgba(14, 8, 78, 0.76)) !important;\n    box-shadow:\n      0 14px 30px rgba(0, 0, 0, 0.34),\n      0 0 0 1px rgba(171, 121, 60, 0.12),\n      0 0 18px rgba(243, 223, 186, 0.12),\n      inset 0 0 20px rgba(243, 223, 186, 0.05) !important;\n  }\n\n  .ramoa-card--portal .ramoa-card__panel-eyebrow { color: rgba(243, 223, 186, 0.90) !important; }\n  .ramoa-card--portal .ramoa-card__panel-title { color: #F3DFBA !important; }\n\n  .ramoa-card--gabi .ramoa-card__panel {\n    width: 56% !important;\n    border: 1px solid rgba(228, 178, 211, 0.68) !important;\n    background:\n      radial-gradient(circle at 78% 18%, rgba(228, 178, 211, 0.28), transparent 38%),\n      linear-gradient(135deg, rgba(111, 47, 121, 0.76), rgba(14, 8, 78, 0.70)) !important;\n    box-shadow:\n      0 14px 30px rgba(0, 0, 0, 0.34),\n      0 0 0 1px rgba(172, 191, 221, 0.18),\n      0 0 20px rgba(228, 178, 211, 0.26),\n      inset 0 0 22px rgba(228, 178, 211, 0.08) !important;\n  }\n\n  .ramoa-card--gabi .ramoa-card__panel-eyebrow { color: rgba(218, 186, 210, 0.88) !important; }\n  .ramoa-card--gabi .ramoa-card__panel-title { color: #F7F3ED !important; }\n\n  .ramoa-card__open {\n    width: 40px !important;\n    height: 40px !important;\n    top: 18px !important;\n    right: 18px !important;\n    background:\n      radial-gradient(circle at 34% 26%, rgba(255, 255, 255, 0.20), transparent 32%),\n      linear-gradient(135deg, rgba(89, 75, 231, 0.42), rgba(255, 47, 218, 0.26)) !important;\n    border: 1px solid rgba(255, 47, 218, 0.50) !important;\n    box-shadow:\n      0 0 18px rgba(255, 47, 218, 0.22),\n      0 0 24px rgba(89, 75, 231, 0.12),\n      inset 0 0 12px rgba(255, 255, 255, 0.04) !important;\n    opacity: 0 !important;\n    transform: translate3d(6px, -6px, 0) scale(0.86) !important;\n    transition: opacity 0.28s ease, transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important;\n  }\n\n  .ramoa-card:hover .ramoa-card__open {\n    opacity: 1 !important;\n    transform: translate3d(0, 0, 0) scale(1) !important;\n    border-color: rgba(255, 47, 218, 0.86) !important;\n    box-shadow:\n      0 0 12px rgba(255, 47, 218, 0.40),\n      0 0 18px rgba(89, 75, 231, 0.20),\n      inset 0 0 14px rgba(255, 255, 255, 0.055) !important;\n  }\n\n  .ramoa-card__photo,\n  .ramoa-card__mark {\n    transition: transform 0.55s ease, filter 0.55s ease, opacity 0.55s ease !important;\n  }\n\n  .ramoa-card:hover .ramoa-card__photo {\n    filter: saturate(1.08) contrast(1.07) brightness(0.82) !important;\n    transform: scale(calc(var(--photo-scale, .85) * 1.025)) translateY(-3px) !important;\n  }\n\n  .ramoa-card:hover .ramoa-card__mark {\n    opacity: 0.22 !important;\n    transform: scale(1.03) !important;\n  }\n\n  @media (max-width: 1180px) {\n    .ramoa-portfolio__container { width: min(100%, 92%) !important; }\n    .ramoa-portfolio__grid-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }\n    .ramoa-card { height: 620px !important; }\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-portfolio-section {\n      min-height: auto !important;\n      padding: 64px 14px 72px !important;\n      overflow: visible !important;\n      align-items: flex-start !important;\n    }\n\n    .ramoa-portfolio__container { width: 100% !important; }\n    .ramoa-portfolio__header { margin-bottom: 34px !important; }\n\n    .ramoa-portfolio__eyebrow {\n      font-size: 10px !important;\n      letter-spacing: 0.12em !important;\n    }\n\n    .ramoa-portfolio__title,\n    .ramoa-portfolio__highlight {\n      font-size: clamp(31px, 10vw, 42px) !important;\n      line-height: 1.02 !important;\n      letter-spacing: -0.06em !important;\n    }\n\n    .ramoa-portfolio__lead { font-size: 14px !important; }\n    .ramoa-portfolio__grid-cards { grid-template-columns: 1fr !important; gap: 14px !important; }\n    .ramoa-card { height: auto !important; min-height: 0 !important; border-radius: 20px !important; }\n    .ramoa-card:hover { transform: none !important; }\n    .ramoa-card__media { flex: 0 0 260px !important; min-height: 260px !important; }\n    .ramoa-card__body { padding-bottom: 30px !important; }\n  }\n  \/* RAMOA \u2014 Header do portf\u00f3lio: CSS exato do c\u00f3digo antigo adaptado ao HTML novo *\/\n  .ramoa-portfolio__header {\n    max-width: 1040px !important;\n    margin: 0 auto clamp(28px, 4.5vh, 42px) !important;\n    padding-top: 22px !important;\n    text-align: center !important;\n  }\n\n  .ramoa-portfolio__eyebrow {\n    display: inline-flex !important;\n    width: fit-content !important;\n    align-items: center !important;\n    margin-bottom: 10px !important;\n    padding: 7px 13px !important;\n    border-radius: 999px !important;\n    border: 1px solid rgba(255, 47, 218, 0.72) !important;\n    color: rgba(255, 255, 255, 0.94) !important;\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.38), rgba(255, 47, 218, 0.20)) !important;\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.32),\n      0 0 30px rgba(89, 75, 231, 0.16),\n      inset 0 0 14px rgba(255, 255, 255, 0.05) !important;\n    font-size: 10px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.16em !important;\n    text-transform: uppercase !important;\n  }\n\n  .ramoa-portfolio__title {\n    max-width: 1100px !important;\n    margin: 0 auto !important;\n    color: #ffffff !important;\n    font-size: clamp(32px, 4.2vw, 66px) !important;\n    line-height: 0.96 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.07em !important;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.32),\n      0 0 32px rgba(255, 47, 218, 0.20),\n      0 2px 16px rgba(5, 0, 11, 0.80) !important;\n  }\n\n  .ramoa-portfolio__highlight {\n    max-width: 1100px !important;\n    margin: 0 auto !important;\n    color: #ffffff !important;\n    font-size: clamp(32px, 4.2vw, 66px) !important;\n    line-height: 0.96 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.07em !important;\n    background: linear-gradient(90deg, #ffffff 0%, #ff2fda 34%, #F183C7 58%, #594BE7 86%, #0088ff 100%) !important;\n    -webkit-background-clip: text !important;\n    background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    filter: drop-shadow(0 0 16px rgba(255, 47, 218, 0.32)) !important;\n  }\n\n  .ramoa-portfolio__lead {\n    max-width: 820px !important;\n    margin: 15px auto 0 !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-size: clamp(13px, 1vw, 16px) !important;\n    line-height: 1.45 !important;\n    font-weight: 500 !important;\n  }\n  \/* RAMOA \u2014 ajuste FINAL do header para copiar o visual antigo *\/\n  .ramoa-portfolio__header {\n    max-width: 1040px !important;\n    margin: 0 auto clamp(28px, 4.5vh, 42px) !important;\n    padding-top: 22px !important;\n    text-align: center !important;\n  }\n\n  .ramoa-portfolio__eyebrow {\n    display: inline-flex !important;\n    width: fit-content !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin: 0 auto 10px !important;\n    padding: 7px 13px !important;\n    border-radius: 999px !important;\n    border: 1px solid rgba(255, 47, 218, 0.72) !important;\n    color: rgba(255, 255, 255, 0.94) !important;\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.38), rgba(255, 47, 218, 0.20)) !important;\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.32),\n      0 0 30px rgba(89, 75, 231, 0.16),\n      inset 0 0 14px rgba(255, 255, 255, 0.05) !important;\n    font-size: 10px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.16em !important;\n    text-transform: uppercase !important;\n  }\n\n  .ramoa-portfolio__title {\n    max-width: 1100px !important;\n    margin: 0 auto !important;\n    color: #ffffff !important;\n    font-family: inherit !important;\n    font-size: clamp(32px, 4.2vw, 66px) !important;\n    line-height: 0.96 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.07em !important;\n    text-align: center !important;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.32),\n      0 0 32px rgba(255, 47, 218, 0.20),\n      0 2px 16px rgba(5, 0, 11, 0.80) !important;\n    filter: none !important;\n  }\n\n  .ramoa-portfolio__highlight {\n    display: block !important;\n    max-width: 1100px !important;\n    margin: 0 auto !important;\n    padding: 4px !important;\n    color: #ffffff !important;\n    font-family: inherit !important;\n    font-size: clamp(32px, 4.2vw, 66px) !important;\n    line-height: 0.96 !important;\n    font-weight: 900 !important;\n    letter-spacing: -0.07em !important;\n    text-align: center !important;\n    background: linear-gradient(90deg, #ffffff 0%, #ff2fda 34%, #F183C7 58%, #594BE7 86%, #0088ff 100%) !important;\n    -webkit-background-clip: text !important;\n    background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    filter: drop-shadow(0 0 16px rgba(255, 47, 218, 0.32)) !important;\n    text-shadow: none !important;\n  }\n\n  .ramoa-portfolio__lead {\n    max-width: 820px !important;\n    margin: 15px auto 0 !important;\n    padding: 0 !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-family: inherit !important;\n    font-size: clamp(13px, 1vw, 16px) !important;\n    line-height: 1.45 !important;\n    font-weight: 500 !important;\n    text-align: center !important;\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-portfolio__title,\n    .ramoa-portfolio__highlight {\n      font-size: clamp(31px, 10vw, 42px) !important;\n      line-height: 1.02 !important;\n      letter-spacing: -0.06em !important;\n    }\n  }\n  \/* RAMOA \u2014 Card Koelln, Gabrielle e Portal: manter foto sempre ancorada no canto inferior direito *\/\n  .ramoa-card--koelln .ramoa-card__photo,\n  .ramoa-card--gabi .ramoa-card__photo,\n  .ramoa-card--portal .ramoa-card__photo {\n    object-position: right bottom !important;\n    transform-origin: right bottom !important;\n  }\n\n  \/* RAMOA \u2014 Gabrielle: colar imagem no canto inferior direito da \u00e1rea visual *\/\n  .ramoa-card--gabi .ramoa-card__photo {\n    inset: auto 0 0 auto !important;\n    width: auto !important;\n    height: 100% !important;\n    max-width: none !important;\n    object-fit: contain !important;\n    object-position: right bottom !important;\n    transform: scale(var(--photo-scale, .82)) !important;\n    transform-origin: right bottom !important;\n  }\n\n  .ramoa-card--gabi:hover .ramoa-card__photo {\n    transform: scale(calc(var(--photo-scale, .82) * 1.025)) !important;\n  }\n\n  \/* RAMOA \u2014 Portal\/Cida: colar imagem no canto inferior direito da \u00e1rea visual *\/\n  .ramoa-card--portal .ramoa-card__photo {\n    inset: auto 0 0 auto !important;\n    width: auto !important;\n    height: 100% !important;\n    max-width: none !important;\n    object-fit: contain !important;\n    object-position: right bottom !important;\n    transform: scale(var(--photo-scale, .78)) !important;\n    transform-origin: right bottom !important;\n  }\n\n  .ramoa-card--portal:hover .ramoa-card__photo {\n    transform: scale(calc(var(--photo-scale, .78) * 1.025)) !important;\n  }\n  \/* RAMOA \u2014 ampliar widgets\/pain\u00e9is de texto dos cards para evitar quebra em 3 linhas *\/\n  .ramoa-card__panel {\n    max-width: 78% !important;\n    min-width: 0 !important;\n  }\n\n  .ramoa-card--koelln .ramoa-card__panel {\n    width: 68% !important;\n  }\n\n  .ramoa-card--mari .ramoa-card__panel {\n    width: 62% !important;\n  }\n\n  .ramoa-card--gabi .ramoa-card__panel {\n    width: 68% !important;\n  }\n\n  .ramoa-card--portal .ramoa-card__panel {\n    width: 68% !important;\n  }\n\n  .ramoa-card__panel-title {\n    max-width: 100% !important;\n  }\n\n  \/* RAMOA \u2014 deixar pain\u00e9is de texto mais transparentes para revelar melhor a imagem de fundo *\/\n  .ramoa-card__panel {\n    background:\n      linear-gradient(135deg, rgba(8, 3, 18, 0.48), rgba(20, 8, 34, 0.34)) !important;\n    backdrop-filter: blur(8px) !important;\n    -webkit-backdrop-filter: blur(8px) !important;\n  }\n\n  .ramoa-card--koelln .ramoa-card__panel {\n    background:\n      radial-gradient(circle at 78% 18%, rgba(255, 243, 214, 0.08), transparent 38%),\n      linear-gradient(135deg, rgba(35, 21, 12, 0.48), rgba(2, 1, 1, 0.38)) !important;\n  }\n\n  .ramoa-card--mari .ramoa-card__panel {\n    background:\n      radial-gradient(circle at 78% 18%, rgba(255, 197, 63, 0.08), transparent 38%),\n      linear-gradient(135deg, rgba(81, 46, 36, 0.46), rgba(24, 19, 19, 0.36)) !important;\n  }\n\n  .ramoa-card--gabi .ramoa-card__panel {\n    background:\n      radial-gradient(circle at 78% 18%, rgba(228, 178, 211, 0.14), transparent 38%),\n      linear-gradient(135deg, rgba(111, 47, 121, 0.46), rgba(14, 8, 78, 0.36)) !important;\n  }\n\n  .ramoa-card--portal .ramoa-card__panel {\n    background:\n      radial-gradient(circle at 78% 18%, rgba(243, 223, 186, 0.08), transparent 38%),\n      linear-gradient(135deg, rgba(32, 80, 116, 0.46), rgba(14, 8, 78, 0.36)) !important;\n  }\n  \/* RAMOA \u2014 remover escurecimento\/filtro sobre a \u00e1rea de textos dos cards *\/\n  .ramoa-card::after {\n    z-index: 0 !important;\n    pointer-events: none !important;\n  }\n\n  .ramoa-card__link {\n    position: relative !important;\n    z-index: 2 !important;\n  }\n\n  .ramoa-card__body {\n    position: relative !important;\n    z-index: 5 !important;\n    filter: none !important;\n    opacity: 1 !important;\n    mix-blend-mode: normal !important;\n  }\n\n  .ramoa-card__category,\n  .ramoa-card__title,\n  .ramoa-card__desc,\n  .ramoa-card__tags,\n  .ramoa-card__tags li {\n    filter: none !important;\n    opacity: 1 !important;\n    mix-blend-mode: normal !important;\n  }\n\n  .ramoa-card__title {\n    color: #FFFFFF !important;\n    -webkit-text-fill-color: #FFFFFF !important;\n  }\n\n  .ramoa-card__desc {\n    color: rgba(255, 255, 255, 0.90) !important;\n  }\n\n  .ramoa-card__tags li {\n    color: #FFFFFF !important;\n    -webkit-text-fill-color: #FFFFFF !important;\n  }\n  \/* RAMOA \u2014 ativar mais cor\/visibilidade das marcas no fundo dos cards *\/\n  .ramoa-card__mark {\n    opacity: 0.34 !important;\n    filter: saturate(1.28) contrast(1.08) brightness(1.16) drop-shadow(0 6px 22px rgba(0, 0, 0, 0.45)) !important;\n  }\n\n  .ramoa-card--koelln .ramoa-card__mark {\n    opacity: 0.42 !important;\n    mix-blend-mode: normal !important;\n    filter: saturate(1.22) contrast(1.08) brightness(1.18) drop-shadow(0 6px 22px rgba(0, 0, 0, 0.50)) !important;\n  }\n\n  .ramoa-card--mari .ramoa-card__mark {\n    opacity: 0.38 !important;\n    mix-blend-mode: screen !important;\n    filter: saturate(1.35) contrast(1.08) brightness(1.18) drop-shadow(0 6px 22px rgba(0, 0, 0, 0.45)) !important;\n  }\n\n  .ramoa-card--gabi .ramoa-card__mark {\n    opacity: 0.36 !important;\n    mix-blend-mode: screen !important;\n    filter: saturate(1.38) contrast(1.06) brightness(1.20) drop-shadow(0 6px 22px rgba(0, 0, 0, 0.42)) !important;\n  }\n\n  .ramoa-card--portal .ramoa-card__mark {\n    opacity: 0.38 !important;\n    mix-blend-mode: screen !important;\n    filter: saturate(1.32) contrast(1.08) brightness(1.18) drop-shadow(0 6px 22px rgba(0, 0, 0, 0.44)) !important;\n  }\n\n  .ramoa-card:hover .ramoa-card__mark {\n    opacity: 0.44 !important;\n    filter: saturate(1.42) contrast(1.10) brightness(1.22) drop-shadow(0 8px 26px rgba(0, 0, 0, 0.48)) !important;\n  }\n\n  \/* RAMOA \u2014 ajuste da marca de fundo apenas no card da Mari *\/\n  .ramoa-card--mari .ramoa-card__mark {\n    margin-top: 14px !important;\n    width: 85% !important;\n    left: -29% !important;\n  }\n\n  \/* RAMOA \u2014 efeito antigo aplicado ao subt\u00edtulo principal dentro do H2 *\/\n  .ramoa-portfolio__title .ramoa-portfolio__highlight {\n    display: inline !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    color: #ffffff !important;\n    font-family: inherit !important;\n    font-size: inherit !important;\n    line-height: inherit !important;\n    font-weight: 900 !important;\n    letter-spacing: inherit !important;\n    text-align: inherit !important;\n    background: linear-gradient(\n      90deg,\n      #ffffff 0%,\n      #ff2fda 34%,\n      #F183C7 58%,\n      #594BE7 86%,\n      #0088ff 100%\n    ) !important;\n    -webkit-background-clip: text !important;\n    background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    filter: drop-shadow(0 0 16px rgba(255, 47, 218, 0.32)) !important;\n    text-shadow: none !important;\n  }\n\n  \/* RAMOA \u2014 sombra\/glow real do subt\u00edtulo em degrad\u00ea, como no design original *\/\n  .ramoa-portfolio__title .ramoa-portfolio__highlight {\n    position: relative !important;\n    display: inline-block !important;\n    isolation: isolate !important;\n    overflow: visible !important;\n    background: linear-gradient(\n      90deg,\n      #ffffff 0%,\n      #ff2fda 34%,\n      #F183C7 58%,\n      #594BE7 86%,\n      #0088ff 100%\n    ) !important;\n    -webkit-background-clip: text !important;\n    background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    color: transparent !important;\n    text-shadow: none !important;\n    filter: none !important;\n  }\n\n  .ramoa-portfolio__title .ramoa-portfolio__highlight::before {\n    content: attr(data-text);\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    color: rgba(255, 47, 218, 0.42);\n    -webkit-text-fill-color: rgba(255, 47, 218, 0.42);\n    text-shadow:\n      0 0 10px rgba(255, 47, 218, 0.42),\n      0 0 24px rgba(255, 47, 218, 0.34),\n      0 0 44px rgba(89, 75, 231, 0.24),\n      0 8px 24px rgba(5, 0, 11, 0.78);\n    filter: blur(0.2px);\n    pointer-events: none;\n  }\n\n  .ramoa-portfolio__title .ramoa-portfolio__highlight::after {\n    content: attr(data-text);\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    color: rgba(255, 255, 255, 0.22);\n    -webkit-text-fill-color: rgba(255, 255, 255, 0.22);\n    filter: blur(7px);\n    transform: translate3d(-2px, 2px, 0);\n    pointer-events: none;\n  }\n\n  .ramoa-portfolio__title {\n    color: #ffffff !important;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.32),\n      0 0 32px rgba(255, 47, 218, 0.20),\n      0 2px 16px rgba(5, 0, 11, 0.80) !important;\n  }\n  \/* RAMOA \u2014 HEADER\/T\u00cdTULOS: aplica\u00e7\u00e3o limpa do guia t\u00e9cnico *\/\n  .ramoa-portfolio__header {\n    max-width: 1040px !important;\n    margin: 0 auto clamp(28px, 4.5vh, 42px) !important;\n    padding-top: 22px !important;\n    text-align: center !important;\n  }\n\n  .ramoa-portfolio__eyebrow {\n    display: inline-flex !important;\n    width: fit-content !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin: 0 auto 10px !important;\n    padding: 7px 13px !important;\n    border-radius: 999px !important;\n    border: 1px solid rgba(255, 47, 218, 0.72) !important;\n    color: rgba(255, 255, 255, 0.94) !important;\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.38), rgba(255, 47, 218, 0.20)) !important;\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.32),\n      0 0 30px rgba(89, 75, 231, 0.16),\n      inset 0 0 14px rgba(255, 255, 255, 0.05) !important;\n    font-family: inherit !important;\n    font-size: 10px !important;\n    font-weight: 900 !important;\n    font-style: normal !important;\n    line-height: 1 !important;\n    letter-spacing: 0.16em !important;\n    text-transform: uppercase !important;\n  }\n\n  .ramoa-portfolio__title {\n    max-width: 1100px !important;\n    margin: 0 auto !important;\n    color: #ffffff !important;\n    font-family: inherit !important;\n    font-size: clamp(32px, 4.2vw, 66px) !important;\n    font-weight: 900 !important;\n    font-style: normal !important;\n    line-height: 0.96 !important;\n    letter-spacing: -0.07em !important;\n    text-align: center !important;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.32),\n      0 0 32px rgba(255, 47, 218, 0.20),\n      0 2px 16px rgba(5, 0, 11, 0.80) !important;\n    filter: none !important;\n  }\n\n  .ramoa-portfolio__title .ramoa-portfolio__highlight,\n  .ramoa-portfolio__title strong {\n    display: inline !important;\n    margin: 0 !important;\n    padding: 0 5px 0 0 !important;\n    max-width: none !important;\n    color: #ffffff !important;\n    font-family: inherit !important;\n    font-size: inherit !important;\n    font-weight: 900 !important;\n    font-style: normal !important;\n    line-height: inherit !important;\n    letter-spacing: inherit !important;\n    text-align: inherit !important;\n    background: linear-gradient(\n      90deg,\n      #ffffff 0%,\n      #ff2fda 34%,\n      #F183C7 58%,\n      #594BE7 86%,\n      #0088ff 100%\n    ) !important;\n    -webkit-background-clip: text !important;\n    background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    filter: drop-shadow(0 0 16px rgba(255, 47, 218, 0.32)) !important;\n    text-shadow: none !important;\n    position: static !important;\n    isolation: auto !important;\n  }\n\n\n  .ramoa-portfolio__title .ramoa-portfolio__highlight::before,\n  .ramoa-portfolio__title .ramoa-portfolio__highlight::after {\n    content: none !important;\n    display: none !important;\n  }\n\n  .ramoa-portfolio__lead {\n    max-width: 820px !important;\n    margin: 15px auto 0 !important;\n    padding: 0 !important;\n    color: rgba(255, 255, 255, 0.72) !important;\n    font-family: inherit !important;\n    font-size: clamp(13px, 1vw, 16px) !important;\n    font-weight: 500 !important;\n    font-style: normal !important;\n    line-height: 1.45 !important;\n    letter-spacing: normal !important;\n    text-align: center !important;\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-portfolio__eyebrow {\n      font-size: 10px !important;\n      letter-spacing: 0.12em !important;\n    }\n\n    .ramoa-portfolio__title {\n      font-size: clamp(31px, 10vw, 42px) !important;\n      line-height: 1.02 !important;\n      letter-spacing: -0.06em !important;\n    }\n\n    .ramoa-portfolio__lead {\n      font-size: 14px !important;\n    }\n  }\n  \/* RAMOA \u2014 blindagem contra CSS global do WordPress\/Elementor nas imagens dos cards *\/\n  .ramoa-portfolio-section .ramoa-card__media {\n    position: relative !important;\n    overflow: hidden !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card__photo {\n    position: absolute !important;\n    inset: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    object-fit: contain !important;\n    object-position: var(--photo-pos, center bottom) !important;\n    transform: scale(var(--photo-scale, .85)) !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card__photo--contain {\n    object-fit: contain !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card--koelln .ramoa-card__photo {\n    object-position: right bottom !important;\n    transform-origin: right bottom !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card--mari .ramoa-card__photo {\n    object-position: var(--photo-pos, 78% center) !important;\n    transform-origin: right center !important;\n  }\n  \/* RAMOA \u2014 pain\u00e9is dos cards com largura flex\u00edvel conforme o conte\u00fado *\/\n  .ramoa-card__panel,\n  .ramoa-card--koelln .ramoa-card__panel,\n  .ramoa-card--mari .ramoa-card__panel,\n  .ramoa-card--gabi .ramoa-card__panel,\n  .ramoa-card--portal .ramoa-card__panel {\n    width: fit-content !important;\n    min-width: 0 !important;\n    max-width: calc(100% - 44px) !important;\n    padding: 10px 14px 12px !important;\n    align-items: flex-start !important;\n  }\n\n  .ramoa-card__panel-title {\n    width: auto !important;\n    max-width: 100% !important;\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n    word-break: normal !important;\n    hyphens: auto !important;\n  }\n\n  .ramoa-card__panel-eyebrow {\n    width: auto !important;\n    max-width: 100% !important;\n    white-space: normal !important;\n    overflow-wrap: anywhere !important;\n    word-break: normal !important;\n    hyphens: auto !important;\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-card__panel,\n    .ramoa-card--koelln .ramoa-card__panel,\n    .ramoa-card--mari .ramoa-card__panel,\n    .ramoa-card--gabi .ramoa-card__panel,\n    .ramoa-card--portal .ramoa-card__panel {\n      max-width: calc(100% - 32px) !important;\n    }\n  }\n  \/* RAMOA \u2014 corre\u00e7\u00e3o final: cards crescem conforme conte\u00fado e mant\u00eam mesma altura da linha *\/\n  .ramoa-portfolio__grid-cards {\n    align-items: stretch !important;\n  }\n\n  .ramoa-card {\n    height: auto !important;\n    min-height: clamp(610px, 72vh, 760px) !important;\n    overflow: hidden !important;\n  }\n\n  .ramoa-card__link {\n    min-height: 100% !important;\n    height: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  .ramoa-card__media {\n    flex: 0 0 44% !important;\n  }\n\n  .ramoa-card__body {\n    flex: 1 1 auto !important;\n    min-height: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n    padding-bottom: clamp(28px, 2.6vw, 42px) !important;\n  }\n\n  .ramoa-card__desc {\n    margin-bottom: 0 !important;\n  }\n\n  .ramoa-card__tags {\n    margin-top: auto !important;\n    padding-top: clamp(16px, 2vh, 22px) !important;\n    padding-bottom: 2px !important;\n    flex-shrink: 0 !important;\n    align-content: flex-start !important;\n  }\n\n  .ramoa-card__tags li {\n    flex: 0 0 auto !important;\n  }\n\n  @media (min-width: 1181px) and (max-width: 1500px) {\n    .ramoa-card {\n      min-height: 690px !important;\n    }\n\n    .ramoa-card__media {\n      flex-basis: 42% !important;\n    }\n  }\n\n  @media (max-width: 1180px) {\n    .ramoa-card {\n      min-height: 640px !important;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-card {\n      height: auto !important;\n      min-height: 0 !important;\n    }\n\n    .ramoa-card__link {\n      height: auto !important;\n      min-height: 0 !important;\n    }\n  }\n  \/* RAMOA \u2014 tags compactas: duas por linha quando couber, sem grandes vazios entre elas *\/\n  .ramoa-card__tags {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    justify-content: flex-start !important;\n    align-items: flex-start !important;\n    gap: 7px !important;\n  }\n\n\n  .ramoa-card__tags li {\n    width: fit-content !important;\n    max-width: 100% !important;\n    flex: 0 0 auto !important;\n    white-space: nowrap !important;\n    font-size: 11.5px !important;\n    line-height: 1 !important;\n    padding: 7px 9px !important;\n  }\n\n  @media (min-width: 1181px) and (max-width: 1500px) {\n    .ramoa-card__tags {\n      gap: 6px !important;\n    }\n\n    .ramoa-card__tags li {\n      font-size: 11px !important;\n      padding: 7px 8px !important;\n    }\n  }\n  \/* RAMOA \u2014 fixar Gabrielle e Cida sempre no canto inferior direito, em qualquer resolu\u00e7\u00e3o *\/\n  .ramoa-portfolio-section .ramoa-card--gabi .ramoa-card__media,\n  .ramoa-portfolio-section .ramoa-card--portal .ramoa-card__media {\n    position: relative !important;\n    overflow: hidden !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card--gabi .ramoa-card__photo,\n  .ramoa-portfolio-section .ramoa-card--portal .ramoa-card__photo {\n    position: absolute !important;\n    top: auto !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    left: auto !important;\n    width: auto !important;\n    height: 100% !important;\n    max-width: none !important;\n    max-height: 100% !important;\n    object-fit: contain !important;\n    object-position: right bottom !important;\n    transform-origin: right bottom !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card--gabi .ramoa-card__photo {\n    transform: scale(var(--photo-scale, .82)) !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card--portal .ramoa-card__photo {\n    transform: scale(var(--photo-scale, .70)) !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card--gabi:hover .ramoa-card__photo {\n    transform: scale(calc(var(--photo-scale, .82) * 1.025)) !important;\n  }\n\n  .ramoa-portfolio-section .ramoa-card--portal:hover .ramoa-card__photo {\n    transform: scale(calc(var(--photo-scale, .70) * 1.025)) !important;\n  }\n  \/* RAMOA \u2014 reduzir a altura da \u00e1rea inferior sem puxar as labels para cima do texto *\/\n  .ramoa-card__media {\n    flex: 0 0 48% !important;\n  }\n\n  .ramoa-card__body {\n    padding-bottom: clamp(20px, 1.8vw, 28px) !important;\n  }\n\n  .ramoa-card__tags {\n    margin-top: auto !important;\n    padding-top: clamp(10px, 1.2vh, 14px) !important;\n  }\n\n  @media (min-width: 1181px) and (max-width: 1500px) {\n    .ramoa-card__media {\n      flex-basis: 46% !important;\n    }\n  }\n  \/* RAMOA \u2014 ajustar subt\u00edtulo para caber em uma \u00fanica linha no desktop *\/\n  .ramoa-portfolio__title .ramoa-portfolio__highlight,\n  .ramoa-portfolio__title strong {\n    font-size: clamp(28px, 3.45vw, 56px) !important;\n    line-height: 0.98 !important;\n    letter-spacing: -0.065em !important;\n    white-space: nowrap !important;\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-portfolio__title .ramoa-portfolio__highlight,\n    .ramoa-portfolio__title strong {\n      font-size: clamp(30px, 9vw, 40px) !important;\n      line-height: 1.02 !important;\n      white-space: normal !important;\n    }\n  }\n\n  \/* =========================================================\n     ============ TEMPLATE RAMOA \u2014 HEADER + BACKGROUND ========\n     Aplicado por cima do CSS legado. Usa classe extra\n     `.rdig-pf-section` na <section> para nao conflitar\n     com regras !important do CSS antigo.\n     ========================================================= *\/\n\n  \/* Neutraliza pseudo-elementos antigos da section\n     (a versao oficial vem do template abaixo) *\/\n  .ramoa-portfolio-section.rdig-pf-section::before,\n  .ramoa-portfolio-section.rdig-pf-section::after {\n    content: none !important;\n  }\n\n  \/* ----- SECTION + BACKGROUND PRINCIPAL (template) ----- *\/\n  .rdig-pf-section,\n  .rdig-pf-section * {\n    box-sizing: border-box;\n  }\n\n  .rdig-pf-section {\n    width: 100% !important;\n    min-height: 100svh !important;\n    margin: 0 !important;\n    padding: clamp(34px, 5vh, 58px) clamp(16px, 5vw, 72px) clamp(30px, 4vh, 48px) !important;\n    background:\n      radial-gradient(ellipse at 12% 22%, rgba(255, 47, 218, 0.34) 0%, rgba(255, 47, 218, 0.18) 18%, rgba(255, 47, 218, 0) 48%),\n      radial-gradient(ellipse at 88% 18%, rgba(89, 75, 231, 0.34) 0%, rgba(89, 75, 231, 0.16) 20%, rgba(89, 75, 231, 0) 50%),\n      radial-gradient(circle at 52% 92%, rgba(0, 136, 255, 0.16) 0%, rgba(0, 136, 255, 0.08) 22%, rgba(0, 136, 255, 0) 48%),\n      radial-gradient(ellipse at 50% 50%, rgba(11, 2, 24, 0.76) 0%, rgba(8, 1, 18, 0.46) 46%, rgba(2, 1, 1, 0) 78%),\n      #020101 !important;\n    color: #ffffff !important;\n    font-family: inherit !important;\n    position: relative !important;\n    overflow: hidden !important;\n    display: flex !important;\n    align-items: center !important;\n  }\n\n  \/* Linha de luz superior (template) \u2014 usa um pseudo dedicado\n     da .rdig-pf-section. Como o seletor de neutralizacao\n     acima desativa o ::before nessa section especifica, recriamos\n     usando o ::before do .rdig-pf-edge-fade para nao\n     colidir, e o ::after da section para o oval. *\/\n\n  \/* Edge fade (escurecimento das bordas) *\/\n  .rdig-pf-section .rdig-pf-edge-fade {\n    position: absolute !important;\n    inset: 0 !important;\n    z-index: 0 !important;\n    pointer-events: none !important;\n    background:\n      radial-gradient(ellipse at 50% 48%, rgba(2, 1, 1, 0) 0%, rgba(2, 1, 1, 0) 58%, rgba(2, 1, 1, 0.34) 82%, #020101 100%) !important;\n  }\n\n  \/* Linha de luz superior (recriada via ::before do edge-fade) *\/\n  .rdig-pf-section .rdig-pf-edge-fade::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 50% !important;\n    top: 34px !important;\n    width: min(680px, 74vw) !important;\n    height: 1px !important;\n    transform: translateX(-50%) !important;\n    background: linear-gradient(90deg, transparent, rgba(255, 47, 218, 0.80), rgba(89, 75, 231, 0.74), rgba(0, 136, 255, 0.50), transparent) !important;\n    box-shadow:\n      0 0 18px rgba(255, 47, 218, 0.48),\n      0 0 34px rgba(89, 75, 231, 0.28) !important;\n    pointer-events: none !important;\n  }\n\n  \/* Efeito oval central (recriado via ::after do edge-fade) *\/\n  .rdig-pf-section .rdig-pf-edge-fade::after {\n    content: \"\" !important;\n    position: absolute !important;\n    left: 50% !important;\n    top: 50% !important;\n    width: min(980px, 78vw) !important;\n    height: min(980px, 78vw) !important;\n    transform: translate(-50%, -50%) !important;\n    border-radius: 50% !important;\n    background:\n      radial-gradient(circle, transparent 0 34%, rgba(255, 47, 218, 0.13) 35%, transparent 38%),\n      radial-gradient(circle, transparent 0 48%, rgba(89, 75, 231, 0.12) 49%, transparent 53%),\n      radial-gradient(circle, transparent 0 64%, rgba(0, 136, 255, 0.07) 65%, transparent 68%) !important;\n    filter: blur(1px) drop-shadow(0 0 18px rgba(255, 47, 218, 0.20)) !important;\n    opacity: 0.46 !important;\n    pointer-events: none !important;\n    z-index: 0 !important;\n  }\n\n  \/* ----- CONTAINER INTERNO (template) ----- *\/\n  .rdig-pf-section .rdig-pf-inner {\n    width: min(1440px, 85%) !important;\n    max-width: none !important;\n    margin: 0 auto !important;\n    padding: 0 !important;\n    position: relative !important;\n    z-index: 1 !important;\n  }\n\n  \/* ----- HEADER (template) ----- *\/\n  .rdig-pf-section .rdig-pf-header {\n    max-width: 1040px !important;\n    margin: 0 auto clamp(24px, 4vh, 36px) !important;\n    padding-top: 22px !important;\n    text-align: center !important;\n  }\n\n  .rdig-pf-section .rdig-pf-eyebrow {\n    display: inline-flex !important;\n    width: fit-content !important;\n    align-items: center !important;\n    margin: 0 auto 10px !important;\n    padding: 7px 13px !important;\n    border-radius: 999px !important;\n    border: 1px solid rgba(255, 47, 218, 0.78) !important;\n    color: rgba(255, 255, 255, 0.94) !important;\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.42), rgba(255, 47, 218, 0.22)) !important;\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.38),\n      0 0 34px rgba(89, 75, 231, 0.20),\n      inset 0 0 14px rgba(255, 255, 255, 0.055) !important;\n    font-size: 10px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.16em !important;\n    text-transform: uppercase !important;\n    backdrop-filter: none !important;\n  }\n\n  .rdig-pf-section .rdig-pf-title {\n    max-width: 1080px !important;\n    margin: 0 auto !important;\n    color: #ffffff !important;\n    font-family: \"Outfit\", Sans-serif !important;\n    font-size: 39px !important;\n    line-height: 1.2em !important;\n    font-weight: 600 !important;\n    letter-spacing: -0.5px !important;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.34),\n      0 0 34px rgba(241, 131, 199, 0.24),\n      0 2px 16px rgba(5, 0, 11, 0.80) !important;\n  }\n\n  .rdig-pf-section .rdig-pf-title strong {\n    color: #ffffff !important;\n    font-family: \"Outfit\", Sans-serif !important;\n    font-weight: 600 !important;\n    font-size: inherit !important;\n    line-height: inherit !important;\n    letter-spacing: inherit !important;\n    white-space: normal !important;\n    padding-right: 5px !important;\n    background: linear-gradient(90deg, #ffffff 0%, #ff2fda 36%, #F183C7 58%, #594BE7 86%, #0088ff 100%) !important;\n    -webkit-background-clip: text !important;\n    background-clip: text !important;\n    -webkit-text-fill-color: transparent !important;\n    filter: drop-shadow(0 0 16px rgba(255, 47, 218, 0.42)) !important;\n  }\n\n  .rdig-pf-section .rdig-pf-lead {\n    max-width: 760px !important;\n    margin: 14px auto 0 !important;\n    color: rgba(255, 255, 255, 0.70) !important;\n    font-size: clamp(13px, 1vw, 16px) !important;\n    line-height: 1.45 !important;\n    font-weight: 500 !important;\n  }\n\n  \/* ----- RESPONSIVO TABLET (template) ----- *\/\n  @media (max-width: 1024px) {\n    .rdig-pf-section {\n      min-height: auto !important;\n      overflow: visible !important;\n      align-items: flex-start !important;\n    }\n\n    .rdig-pf-section .rdig-pf-inner {\n      width: min(100%, 92%) !important;\n    }\n  }\n\n  \/* ----- RESPONSIVO MOBILE (template) ----- *\/\n  @media (max-width: 767px) {\n    .rdig-pf-section {\n      min-height: auto !important;\n      padding: 64px 14px 72px !important;\n      overflow: visible !important;\n    }\n\n    .rdig-pf-section .rdig-pf-inner {\n      width: 100% !important;\n    }\n\n    .rdig-pf-section .rdig-pf-header {\n      margin-bottom: 34px !important;\n    }\n\n    .rdig-pf-section .rdig-pf-eyebrow {\n      font-size: 10px !important;\n      letter-spacing: 0.12em !important;\n    }\n\n    .rdig-pf-section .rdig-pf-title {\n      font-family: \"Outfit\", Sans-serif !important;\n      font-size: 32px !important;\n      line-height: 1.2em !important;\n      font-weight: 600 !important;\n      letter-spacing: -0.5px !important;\n    }\n\n    .rdig-pf-section .rdig-pf-lead {\n      font-size: 14px !important;\n    }\n  }\n  \/* RAMOA \u2014 tipografia do header igual ao template oficial de t\u00edtulos *\/\n  .ramoa-portfolio-section.rdig-pf-section .rdig-pf-eyebrow {\n    font-size: 10px !important;\n    line-height: 1 !important;\n    font-weight: 900 !important;\n    letter-spacing: 0.16em !important;\n  }\n\n  .ramoa-portfolio-section.rdig-pf-section .rdig-pf-title {\n    font-family: \"Outfit\", Sans-serif !important;\n    font-size: 39px !important;\n    line-height: 1.2em !important;\n    font-weight: 600 !important;\n    letter-spacing: -0.5px !important;\n  }\n\n  .ramoa-portfolio-section.rdig-pf-section .rdig-pf-title strong {\n    font-family: \"Outfit\", Sans-serif !important;\n    font-size: inherit !important;\n    line-height: inherit !important;\n    font-weight: 600 !important;\n    letter-spacing: inherit !important;\n  }\n\n  .ramoa-portfolio-section.rdig-pf-section .rdig-pf-lead {\n    font-size: clamp(13px, 1vw, 16px) !important;\n    line-height: 1.45 !important;\n    font-weight: 500 !important;\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-portfolio-section.rdig-pf-section .rdig-pf-eyebrow {\n      font-size: 10px !important;\n      letter-spacing: 0.12em !important;\n    }\n\n    .ramoa-portfolio-section.rdig-pf-section .rdig-pf-title {\n      font-family: \"Outfit\", Sans-serif !important;\n      font-size: 32px !important;\n      line-height: 1.2em !important;\n      font-weight: 600 !important;\n      letter-spacing: -0.5px !important;\n    }\n\n    .ramoa-portfolio-section.rdig-pf-section .rdig-pf-title strong {\n      font-family: \"Outfit\", Sans-serif !important;\n      font-size: inherit !important;\n      line-height: inherit !important;\n      font-weight: 600 !important;\n      letter-spacing: inherit !important;\n    }\n\n    .ramoa-portfolio-section.rdig-pf-section .rdig-pf-lead {\n      font-size: 14px !important;\n    }\n  }\n<\/style>\n\n<script>\n  (function(){\n    var cards = document.querySelectorAll('.ramoa-portfolio-section .ramoa-card');\n    if (!cards.length || window.matchMedia('(hover: none)').matches) return;\n    cards.forEach(function(card){\n      card.addEventListener('mousemove', function(e){\n        var r = card.getBoundingClientRect();\n        var x = (e.clientX - r.left) \/ r.width - .5;\n        var y = (e.clientY - r.top) \/ r.height - .5;\n        card.style.transform = 'translateY(-6px) perspective(900px) rotateX(' + (-y*2) + 'deg) rotateY(' + (x*2) + 'deg)';\n      });\n      card.addEventListener('mouseleave', function(){ card.style.transform = ''; });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b1f56d e-con-full e-flex e-con e-parent\" data-id=\"8b1f56d\" data-element_type=\"container\" data-e-type=\"container\" id=\"nosso-processo\">\n\t\t<div class=\"elementor-element elementor-element-ef3b335 e-con-full e-flex e-con e-child\" data-id=\"ef3b335\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-130f730 elementor-widget elementor-widget-html\" data-id=\"130f730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  RAMOA \u2014 LETREIRO 1 (apenas HTML)\n  \n  Pr\u00e9-requisito: o CSS+JS global da marquee precisa estar carregado\n  na p\u00e1gina (ramoa-marquee-global.html).\n  \n  Para variar a lista de termos, basta editar os <span> abaixo \u2014\n  n\u00e3o precisa mexer em CSS ou JS.\n-->\n<div class=\"ramoa-marquee\" aria-label=\"Servi\u00e7os RAMOA\">\n  <div class=\"ramoa-marquee-track\">\n    <span>1\u00aa Reuni\u00e3o Gratuita<\/span>\n    <span>AGENDE UMA REUNI\u00c3O CONOSCO<\/span>\n    <span>em 30 minutos entenderemos sua necessidade<\/span>\n    <span>RECEBA SEU OR\u00c7AMENTO<\/span>\n    <span>CRIAREMOS JUNTOS UM PROJETO INCR\u00cdVEL<\/span>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-007702a elementor-widget elementor-widget-html\" data-id=\"007702a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ============================================================\n  RAMOA DIGITAL \u2014 SECTION \"NOSSO PROCESSO\"\n  Self-contained: HTML + CSS + JS em um \u00fanico bloco.\n  Pronto para colar em widget HTML do Elementor \/ WordPress.\n  Classes prefixadas com \"ramoa-process-\" para evitar conflito.\n  ============================================================\n-->\n<section class=\"ramoa-process-section\" id=\"ramoaProcessSection\" aria-labelledby=\"ramoaProcessTitle\">\n  <div class=\"ramoa-process-edge-fade\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ramoa-process-inner\">\n    <header class=\"ramoa-process-header\">\n      <span class=\"ramoa-process-eyebrow\">Nosso Processo<\/span>\n      <h2 id=\"ramoaProcessTitle\" class=\"ramoa-process-title\">\n        Da escuta \u00e0 estrat\u00e9gia<br>\n        <strong>para uma marca mais clara no digital<\/strong>\n      <\/h2>\n      <p class=\"ramoa-process-lead\">\n        Antes de criar qualquer solu\u00e7\u00e3o, entendemos sua realidade, seus objetivos e o que precisa ser organizado para sua marca crescer com mais clareza no digital.\n      <\/p>\n    <\/header>\n\n    <!-- TRILHA DE PROCESSO -->\n    <ol class=\"ramoa-process-track\" role=\"list\">\n      <!-- linha luminosa de conex\u00e3o (desktop) -->\n      <span class=\"ramoa-process-rail\" aria-hidden=\"true\">\n        <span class=\"ramoa-process-rail-glow\"><\/span>\n        <span class=\"ramoa-process-rail-pulse\"><\/span>\n      <\/span>\n\n      <!-- ETAPA 01 -->\n      <li class=\"ramoa-process-step\" data-step=\"01\" style=\"--step-hue-1:#ff2fda;--step-hue-2:#594BE7;\">\n        <div class=\"ramoa-process-node\" aria-hidden=\"true\">\n          <span class=\"ramoa-process-node-ring\"><\/span>\n          <span class=\"ramoa-process-node-core\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <circle cx=\"11\" cy=\"11\" r=\"6.5\"\/>\n              <path d=\"m20 20-4.2-4.2\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"ramoa-process-node-index\">01<\/span>\n        <\/div>\n        <div class=\"ramoa-process-card\">\n          <span class=\"ramoa-process-tag\">Etapa 01<\/span>\n          <h3 class=\"ramoa-process-step-title\">Diagn\u00f3stico Inicial<\/h3>\n          <p class=\"ramoa-process-step-text\">\n            Antes de propor qualquer solu\u00e7\u00e3o, entendemos o momento atual do neg\u00f3cio, seus objetivos, desafios e prioridades.\n          <\/p>\n          <p class=\"ramoa-process-step-text\">\n            Nessa primeira conversa <em>gratuita<\/em>, avaliamos a presen\u00e7a digital, identificamos oportunidades e definimos quais servi\u00e7os fazem mais sentido para a realidade do cliente.\n          <\/p>\n        <\/div>\n      <\/li>\n\n      <!-- ETAPA 02 -->\n      <li class=\"ramoa-process-step\" data-step=\"02\" style=\"--step-hue-1:#594BE7;--step-hue-2:#AE5EB5;\">\n        <div class=\"ramoa-process-node\" aria-hidden=\"true\">\n          <span class=\"ramoa-process-node-ring\"><\/span>\n          <span class=\"ramoa-process-node-core\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M4 5h12\"\/><path d=\"M4 12h16\"\/><path d=\"M4 19h9\"\/>\n              <circle cx=\"19\" cy=\"5\" r=\"1.6\"\/><circle cx=\"17\" cy=\"19\" r=\"1.6\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"ramoa-process-node-index\">02<\/span>\n        <\/div>\n        <div class=\"ramoa-process-card\">\n          <span class=\"ramoa-process-tag\">Etapa 02<\/span>\n          <h3 class=\"ramoa-process-step-title\">Plano Estrat\u00e9gico<\/h3>\n          <p class=\"ramoa-process-step-text\">\n            Com base no diagn\u00f3stico, estruturamos uma proposta clara com a estrat\u00e9gia recomendada, escopo do projeto, entregas, prazos e investimento.\n          <\/p>\n          <p class=\"ramoa-process-step-text\">\n            Ap\u00f3s a aprova\u00e7\u00e3o, formalizamos o contrato e alinhamos todos os detalhes para iniciar o projeto com seguran\u00e7a e organiza\u00e7\u00e3o.\n          <\/p>\n        <\/div>\n      <\/li>\n\n      <!-- ETAPA 03 -->\n      <li class=\"ramoa-process-step\" data-step=\"03\" style=\"--step-hue-1:#AE5EB5;--step-hue-2:#F183C7;\">\n        <div class=\"ramoa-process-node\" aria-hidden=\"true\">\n          <span class=\"ramoa-process-node-ring\"><\/span>\n          <span class=\"ramoa-process-node-core\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M5 19V8.5L12 4l7 4.5V19\"\/>\n              <path d=\"M9 19v-6h6v6\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"ramoa-process-node-index\">03<\/span>\n        <\/div>\n        <div class=\"ramoa-process-card\">\n          <span class=\"ramoa-process-tag\">Etapa 03<\/span>\n          <h3 class=\"ramoa-process-step-title\">Execu\u00e7\u00e3o com Cronograma<\/h3>\n          <p class=\"ramoa-process-step-text\">\n            Com o plano aprovado, colocamos a estrat\u00e9gia em pr\u00e1tica seguindo um cronograma acordado.\n          <\/p>\n          <p class=\"ramoa-process-step-text\">\n            Dependendo do projeto, podemos trabalhar com entregas parciais, MVPs, reuni\u00f5es de alinhamento e ajustes cont\u00ednuos at\u00e9 que a solu\u00e7\u00e3o esteja pronta para ir ao ar.\n          <\/p>\n        <\/div>\n      <\/li>\n\n      <!-- ETAPA 04 -->\n      <li class=\"ramoa-process-step\" data-step=\"04\" style=\"--step-hue-1:#F183C7;--step-hue-2:#0088ff;\">\n        <div class=\"ramoa-process-node\" aria-hidden=\"true\">\n          <span class=\"ramoa-process-node-ring\"><\/span>\n          <span class=\"ramoa-process-node-core\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n              <path d=\"M4 12.5 9.5 18 20 7\"\/>\n            <\/svg>\n          <\/span>\n          <span class=\"ramoa-process-node-index\">04<\/span>\n        <\/div>\n        <div class=\"ramoa-process-card\">\n          <span class=\"ramoa-process-tag\">Etapa 04<\/span>\n          <h3 class=\"ramoa-process-step-title\">Entrega e Suporte<\/h3>\n          <p class=\"ramoa-process-step-text\">\n            Finalizamos a entrega com valida\u00e7\u00e3o, ajustes finais e orienta\u00e7\u00e3o para uso da estrutura criada.\n          <\/p>\n          <p class=\"ramoa-process-step-text\">\n            Ap\u00f3s a entrega, o projeto conta com <em>1 m\u00eas de garantia<\/em>. O suporte cont\u00ednuo pode ser contratado separadamente e come\u00e7a ap\u00f3s esse per\u00edodo, garantindo acompanhamento, manuten\u00e7\u00e3o e evolu\u00e7\u00e3o da solu\u00e7\u00e3o.\n          <\/p>\n        <\/div>\n      <\/li>\n    <\/ol>\n\n    <div id=\"btn-cta-processo\" class=\"ramoa-process-cta\">\n      <a class=\"ramoa-process-cta-button\" href=\"https:\/\/wa.me\/4915229536966?text=Ol\u00e1,%20gostaria%20de%20iniciar%20minha%20avalia\u00e7\u00e3o%20gratuita%20com%20a%20RAMOA%20Digital.\">\n        <span class=\"ramoa-process-cta-text\">Iniciar Avalia\u00e7\u00e3o Gratuita<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* =========================================================\n     RESET \/ BOX-SIZING\n     ========================================================= *\/\n  .ramoa-process-section,\n  .ramoa-process-section *,\n  .ramoa-process-section *::before,\n  .ramoa-process-section *::after { box-sizing: border-box; }\n\n  .ramoa-process-section ol,\n  .ramoa-process-section li { list-style: none; margin: 0; padding: 0; }\n\n  \/* =========================================================\n     SECTION + BACKGROUND PRINCIPAL\n     ========================================================= *\/\n  .ramoa-process-section {\n    width: 100%;\n    margin: 0;\n    padding: clamp(56px, 8vh, 110px) clamp(16px, 5vw, 72px) clamp(64px, 9vh, 120px);\n    background:\n      radial-gradient(ellipse at 12% 18%, rgba(255, 47, 218, 0.30) 0%, rgba(255, 47, 218, 0.14) 18%, rgba(255, 47, 218, 0) 50%),\n      radial-gradient(ellipse at 88% 16%, rgba(89, 75, 231, 0.32) 0%, rgba(89, 75, 231, 0.14) 22%, rgba(89, 75, 231, 0) 52%),\n      radial-gradient(circle at 50% 96%, rgba(0, 136, 255, 0.18) 0%, rgba(0, 136, 255, 0.08) 24%, rgba(0, 136, 255, 0) 52%),\n      radial-gradient(ellipse at 50% 50%, rgba(11, 2, 24, 0.78) 0%, rgba(8, 1, 18, 0.46) 46%, rgba(2, 1, 1, 0) 78%),\n      #020101;\n    color: #ffffff;\n    font-family: inherit;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Linha de luz superior *\/\n  .ramoa-process-section::before {\n    content: \"\";\n    position: absolute;\n    left: 50%; top: 34px;\n    width: min(680px, 74vw); height: 1px;\n    transform: translateX(-50%);\n    background: linear-gradient(90deg, transparent, rgba(255, 47, 218, 0.80), rgba(89, 75, 231, 0.74), rgba(0, 136, 255, 0.50), transparent);\n    box-shadow: 0 0 18px rgba(255, 47, 218, 0.48), 0 0 34px rgba(89, 75, 231, 0.28);\n    pointer-events: none;\n  }\n\n  \/* An\u00e9is decorativos *\/\n  .ramoa-process-section::after {\n    content: \"\";\n    position: absolute;\n    left: 50%; top: 56%;\n    width: min(1100px, 86vw); height: min(1100px, 86vw);\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background:\n      radial-gradient(circle, transparent 0 34%, rgba(255, 47, 218, 0.12) 35%, transparent 38%),\n      radial-gradient(circle, transparent 0 48%, rgba(89, 75, 231, 0.11) 49%, transparent 53%),\n      radial-gradient(circle, transparent 0 64%, rgba(0, 136, 255, 0.07) 65%, transparent 68%);\n    filter: blur(1px) drop-shadow(0 0 18px rgba(255, 47, 218, 0.18));\n    opacity: 0.42;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .ramoa-process-edge-fade {\n    position: absolute; inset: 0; z-index: 0; pointer-events: none;\n    background: radial-gradient(ellipse at 50% 50%, rgba(2, 1, 1, 0) 0%, rgba(2, 1, 1, 0) 58%, rgba(2, 1, 1, 0.34) 82%, #020101 100%);\n  }\n\n  \/* =========================================================\n     CONTAINER\n     ========================================================= *\/\n  .ramoa-process-inner {\n    width: min(1440px, 92%);\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* =========================================================\n     HEADER\n     ========================================================= *\/\n  .ramoa-process-header {\n    max-width: 980px;\n    margin: 0 auto clamp(110px, 9vh, 112px);\n    padding-top: 14px;\n    text-align: center;\n  }\n\n  .ramoa-process-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    margin-bottom: 14px;\n    padding: 8px 14px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 47, 218, 0.78);\n    color: rgba(255, 255, 255, 0.94);\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.42), rgba(255, 47, 218, 0.22));\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.38),\n      0 0 34px rgba(89, 75, 231, 0.20),\n      inset 0 0 14px rgba(255, 255, 255, 0.055);\n    font-size: 10px; line-height: 1; font-weight: 900;\n    letter-spacing: 0.18em; text-transform: uppercase;\n  }\n\n  .ramoa-process-title {\n    max-width: 1080px;\n    margin: 0 auto;\n    color: #ffffff;\n    font-size: clamp(28px, 3.2vw, 52px);\n    line-height: 0.98;\n    font-weight: 900;\n    letter-spacing: -0.06em;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.34),\n      0 0 34px rgba(241, 131, 199, 0.24),\n      0 2px 16px rgba(5, 0, 11, 0.80);\n  }\n\n  .ramoa-process-title strong {\n    color: #fff;\n    font-weight: 900;\n    background: linear-gradient(90deg, #f7eaff 0%, #ff4fe1 32%, #c96dff 56%, #745CFF 78%, #0088ff 100%);\n    -webkit-background-clip: text; background-clip: text;\n    -webkit-text-fill-color: transparent;\n    filter:\n      drop-shadow(0 2px 8px rgba(2, 1, 18, 0.58))\n      drop-shadow(0 0 8px rgba(255, 47, 218, 0.14));\n  }\n\n  .ramoa-process-lead {\n    max-width: 760px;\n    margin: 16px auto 0;\n    color: rgba(255, 255, 255, 0.70);\n    font-size: clamp(13px, 1vw, 16px);\n    line-height: 1.55;\n    font-weight: 500;\n  }\n\n  \/* =========================================================\n     TRILHA \/ TRACK (DESKTOP: 4 colunas com linha luminosa)\n     ========================================================= *\/\n  .ramoa-process-track {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(16px, 2vw, 28px);\n    padding-top: 64px; \/* espa\u00e7o para o n\u00f3 *\/\n  }\n\n  \/* Linha horizontal conectando as 4 etapas *\/\n  .ramoa-process-rail {\n    position: absolute;\n    left: 7%; right: 7%;\n    top: 64px; \/* alinhada ao centro do n\u00f3 (node = 56px \/ 2 = 28 + padding 36) *\/\n    height: 2px;\n    pointer-events: none;\n    z-index: 0;\n  }\n  .ramoa-process-rail::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background: linear-gradient(90deg,\n      rgba(255, 47, 218, 0.0),\n      rgba(255, 47, 218, 0.85) 8%,\n      rgba(89, 75, 231, 0.85) 38%,\n      rgba(174, 94, 181, 0.85) 62%,\n      rgba(0, 136, 255, 0.85) 92%,\n      rgba(0, 136, 255, 0.0));\n    border-radius: 999px;\n  }\n  .ramoa-process-rail-glow {\n    position: absolute; inset: -6px 0;\n    background: linear-gradient(90deg,\n      transparent,\n      rgba(255, 47, 218, 0.55) 18%,\n      rgba(89, 75, 231, 0.55) 50%,\n      rgba(0, 136, 255, 0.55) 82%,\n      transparent);\n    filter: blur(10px);\n    opacity: 0.6;\n  }\n  .ramoa-process-rail-pulse {\n    position: absolute;\n    top: 50%; left: 0;\n    width: 14px; height: 14px;\n    margin-top: -7px;\n    border-radius: 50%;\n    background: radial-gradient(circle, #fff 0%, #ff2fda 35%, rgba(255,47,218,0) 75%);\n    box-shadow: 0 0 18px rgba(255, 47, 218, 0.9), 0 0 32px rgba(89, 75, 231, 0.6);\n    animation: ramoa-process-pulse 7s linear infinite;\n  }\n  @keyframes ramoa-process-pulse {\n    0%   { left: 0%;  opacity: 0; transform: scale(0.6); }\n    8%   { opacity: 1; transform: scale(1); }\n    92%  { opacity: 1; transform: scale(1); }\n    100% { left: 100%; opacity: 0; transform: scale(0.6); }\n  }\n\n  \/* =========================================================\n     STEP\n     ========================================================= *\/\n  .ramoa-process-step {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  \/* N\u00d3 (c\u00edrculo neon com \u00edcone) *\/\n  .ramoa-process-node {\n    position: absolute;\n    top: -64px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 64px; height: 64px;\n    display: grid; place-items: center;\n    z-index: 2;\n  }\n  .ramoa-process-node-ring {\n    position: absolute; inset: 0;\n    border-radius: 50%;\n    background:\n      conic-gradient(from 140deg, var(--step-hue-1), var(--step-hue-2), var(--step-hue-1));\n    padding: 1.5px;\n    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    -webkit-mask-composite: xor;\n            mask-composite: exclude;\n    box-shadow:\n      0 0 18px color-mix(in oklab, var(--step-hue-1) 65%, transparent),\n      0 0 38px color-mix(in oklab, var(--step-hue-2) 45%, transparent);\n    animation: ramoa-process-spin 14s linear infinite;\n  }\n  @keyframes ramoa-process-spin { to { transform: rotate(360deg); } }\n\n  .ramoa-process-node-core {\n    width: 50px; height: 50px;\n    border-radius: 50%;\n    display: grid; place-items: center;\n    background:\n      radial-gradient(circle at 30% 25%, rgba(255,255,255,0.12), rgba(255,255,255,0) 60%),\n      linear-gradient(160deg, #0c0420 0%, #160833 60%, #0a0418 100%);\n    color: #fff;\n    box-shadow:\n      inset 0 0 12px rgba(255,255,255,0.06),\n      inset 0 0 0 1px rgba(255,255,255,0.05);\n  }\n  .ramoa-process-node-core svg { width: 22px; height: 22px; }\n\n  .ramoa-process-node-index {\n    position: absolute;\n    bottom: -22px;\n    font-size: 10px; font-weight: 800; letter-spacing: 0.22em;\n    color: rgba(255,255,255,0.55);\n    text-transform: uppercase;\n  }\n\n  \/* CARD da etapa (glassmorphism leve) *\/\n  .ramoa-process-card {\n    position: relative;\n    width: 100%;\n    margin-top: 36px;\n    padding: clamp(18px, 1.6vw, 26px) clamp(16px, 1.4vw, 22px) clamp(20px, 1.8vw, 26px);\n    border-radius: 18px;\n    background:\n      linear-gradient(180deg, rgba(20, 9, 43, 0.55) 0%, rgba(10, 4, 24, 0.55) 100%);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    box-shadow:\n      0 18px 40px -22px rgba(0,0,0,0.7),\n      0 0 0 1px rgba(255,255,255,0.04);\n    transition: transform .35s ease, box-shadow .35s ease;\n  }\n  .ramoa-process-card::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    border-radius: 18px;\n    padding: 1px;\n    background: linear-gradient(160deg,\n      color-mix(in oklab, var(--step-hue-1) 70%, transparent),\n      rgba(255,255,255,0.04) 45%,\n      color-mix(in oklab, var(--step-hue-2) 55%, transparent));\n    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n    -webkit-mask-composite: xor;\n            mask-composite: exclude;\n    pointer-events: none;\n    opacity: 0.85;\n  }\n  .ramoa-process-step:hover .ramoa-process-card {\n    transform: translateY(-4px);\n    box-shadow:\n      0 28px 50px -24px rgba(0,0,0,0.85),\n      0 0 0 1px rgba(255,255,255,0.06),\n      0 0 28px color-mix(in oklab, var(--step-hue-1) 25%, transparent);\n  }\n\n  .ramoa-process-tag {\n    display: inline-block;\n    margin-bottom: 10px;\n    padding: 5px 10px;\n    border-radius: 999px;\n    font-size: 10px; font-weight: 800; letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: #fff;\n    background: linear-gradient(135deg,\n      color-mix(in oklab, var(--step-hue-1) 35%, transparent),\n      color-mix(in oklab, var(--step-hue-2) 25%, transparent));\n    border: 1px solid color-mix(in oklab, var(--step-hue-1) 55%, transparent);\n    box-shadow: 0 0 14px color-mix(in oklab, var(--step-hue-1) 30%, transparent);\n  }\n\n  .ramoa-process-step-title {\n    margin: 4px 0 10px;\n    color: #fff;\n    font-size: clamp(17px, 1.25vw, 21px);\n    font-weight: 800;\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n  }\n\n  .ramoa-process-step-text {\n    margin: 0 0 8px;\n    color: rgba(255,255,255,0.72);\n    font-size: clamp(13px, 0.92vw, 14.5px);\n    line-height: 1.55;\n    font-weight: 500;\n  }\n  .ramoa-process-step-text:last-child { margin-bottom: 0; }\n  .ramoa-process-step-text em {\n    font-style: normal;\n    color: #fff;\n    background: linear-gradient(90deg, var(--step-hue-1), var(--step-hue-2));\n    -webkit-background-clip: text; background-clip: text;\n    -webkit-text-fill-color: transparent;\n    font-weight: 700;\n  }\n\n  #btn-cta-processo {\n    display: flex;\n    justify-content: center;\n    margin-top: clamp(30px, 4vw, 52px);\n  }\n\n  #btn-cta-processo .ramoa-process-cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 52px;\n    padding: 14px 38px;\n    position: relative;\n    overflow: hidden;\n    text-decoration: none;\n    color: #fff;\n    border-radius: 100px;\n    border: 1px solid rgba(241, 131, 199, 0.88);\n    background: linear-gradient(135deg, #594BE7 0%, #9B3CFF 28%, #E83BFF 62%, #F183C7 100%);\n    box-shadow:\n      0 0 0 1px rgba(232, 59, 255, 0.18),\n      0 0 24px rgba(241, 131, 199, 0.48),\n      0 0 46px rgba(155, 60, 255, 0.34),\n      0 10px 34px rgba(89, 75, 231, 0.34),\n      0 12px 38px rgba(1, 17, 41, 0.42);\n    transition: transform .28s cubic-bezier(.4,0,.2,1), box-shadow .28s cubic-bezier(.4,0,.2,1), border-color .28s cubic-bezier(.4,0,.2,1), background .28s cubic-bezier(.4,0,.2,1);\n  }\n\n  #btn-cta-processo .ramoa-process-cta-button::before {\n    content: \"\";\n    position: absolute;\n    inset: 1px;\n    border-radius: inherit;\n    background: linear-gradient(180deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.08) 44%, rgba(255,255,255,0) 100%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  #btn-cta-processo .ramoa-process-cta-button::after {\n    content: \"\";\n    position: absolute;\n    top: -42%;\n    left: -45%;\n    width: 38%;\n    height: 190%;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);\n    transform: rotate(22deg);\n    opacity: 0;\n    pointer-events: none;\n    z-index: 1;\n  }\n\n  #btn-cta-processo .ramoa-process-cta-button:hover {\n    background: linear-gradient(135deg, #F183C7 0%, #E83BFF 32%, #9B3CFF 68%, #594BE7 100%);\n    border-color: rgba(241, 131, 199, 1);\n    box-shadow:\n      0 0 0 1px rgba(241, 131, 199, 0.32),\n      0 0 30px rgba(241, 131, 199, 0.70),\n      0 0 52px rgba(232, 59, 255, 0.50),\n      0 0 66px rgba(89, 75, 231, 0.38),\n      0 12px 38px rgba(1, 17, 41, 0.48);\n    transform: translateY(-2px) scale(1.015);\n  }\n\n  #btn-cta-processo .ramoa-process-cta-button:hover::after {\n    left: 115%;\n    opacity: 1;\n    transition: left .75s ease, opacity .25s ease;\n  }\n\n  #btn-cta-processo .ramoa-process-cta-text {\n    position: relative;\n    z-index: 2;\n    color: #fff;\n    font-family: \"Inter\", sans-serif;\n    font-size: 11px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    text-shadow: 0 1px 10px rgba(1,17,41,.60), 0 0 10px rgba(241,131,199,.24);\n  }\n\n  \/* =========================================================\n     RESPONSIVO - TABLET (2 colunas)\n     ========================================================= *\/\n  @media (max-width: 1024px) {\n    .ramoa-process-track {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 64px clamp(16px, 2vw, 28px);\n      padding-top: 64px;\n    }\n    .ramoa-process-rail { display: none; }\n  }\n\n  \/* =========================================================\n     RESPONSIVO - MOBILE (timeline vertical)\n     ========================================================= *\/\n  @media (max-width: 720px) {\n    .ramoa-process-section {\n      padding: 56px 14px 72px;\n    }\n    .ramoa-process-header {\n      margin-bottom: 36px !important;\n    }\n    .ramoa-process-track {\n      grid-template-columns: 1fr;\n      gap: 18px;\n      padding: 0;\n      position: relative;\n    }\n    \/* trilha vertical luminosa no mobile, passando por tr\u00e1s dos cards e alinhada aos \u00edcones *\/\n    .ramoa-process-track::before {\n      content: \"\";\n      position: absolute;\n      top: 24px;\n      bottom: 24px;\n      right: 42px;\n      width: 2px;\n      display: block;\n      border-radius: 999px;\n      background: linear-gradient(180deg,\n        rgba(255, 47, 218, 0.0) 0%,\n        rgba(255, 47, 218, 0.82) 12%,\n        rgba(89, 75, 231, 0.86) 42%,\n        rgba(174, 94, 181, 0.86) 68%,\n        rgba(0, 136, 255, 0.82) 88%,\n        rgba(0, 136, 255, 0.0) 100%);\n      box-shadow:\n        0 0 14px rgba(255, 47, 218, 0.42),\n        0 0 24px rgba(89, 75, 231, 0.30),\n        0 0 28px rgba(0, 136, 255, 0.22);\n      z-index: 0;\n      pointer-events: none;\n    }\n\n    .ramoa-process-track::after {\n      content: \"\";\n      position: absolute;\n      top: 24px;\n      right: 36px;\n      width: 14px;\n      height: 14px;\n      display: block;\n      border-radius: 50%;\n      background: radial-gradient(circle, #fff 0%, #ff2fda 35%, rgba(255, 47, 218, 0) 75%);\n      box-shadow:\n        0 0 18px rgba(255, 47, 218, 0.90),\n        0 0 30px rgba(89, 75, 231, 0.55),\n        0 0 34px rgba(0, 136, 255, 0.28);\n      z-index: 1;\n      pointer-events: none;\n      animation: ramoa-process-mobile-pulse 6.5s linear infinite;\n    }\n    .ramoa-process-rail { display: none; }\n\n    .ramoa-process-step {\n      align-items: stretch;\n      text-align: left;\n      padding: 0;\n      position: relative;\n      z-index: 2;\n    }\n    .ramoa-process-node {\n      position: absolute;\n      top: 22px;\n      right: 18px;\n      left: auto;\n      transform: none;\n      width: 48px;\n      height: 48px;\n      z-index: 4;\n    }\n    .ramoa-process-node-core { width: 38px; height: 38px; }\n    .ramoa-process-node-core svg { width: 17px; height: 17px; }\n    .ramoa-process-node-index { display: none; }\n\n    .ramoa-process-card {\n      margin-top: 0;\n      padding-right: 72px;\n      min-height: 0 !important;\n      position: relative;\n      z-index: 2;\n    }\n    .ramoa-process-step-title { font-size: 18px; }\n    .ramoa-process-step-text { font-size: 14px; }\n    #btn-cta-processo { margin-top: 28px; }\n    #btn-cta-processo .ramoa-process-cta-button { width: 100%; padding: 13px 20px; }\n    #btn-cta-processo .ramoa-process-cta-text { font-size: 10px; letter-spacing: .14em; }\n  }\n\n  @keyframes ramoa-process-mobile-pulse {\n    0%   { top: 24px; opacity: 0; transform: scale(0.62); }\n    8%   { opacity: 1; transform: scale(1); }\n    92%  { opacity: 1; transform: scale(1); }\n    100% { top: calc(100% - 38px); opacity: 0; transform: scale(0.62); }\n  }\n\n  \/* RAMOA \u2014 alinhar apenas o bottom dos cards no desktop *\/\n  @media (min-width: 1025px) {\n    .ramoa-process-track {\n      align-items: stretch !important;\n    }\n\n    .ramoa-process-step {\n      align-self: stretch !important;\n    }\n\n    .ramoa-process-card {\n      flex: 1 1 auto !important;\n    }\n  }\n\n  \/* Reduce motion *\/\n  @media (prefers-reduced-motion: reduce) {\n    .ramoa-process-rail-pulse,\n    .ramoa-process-node-ring { animation: none !important; }\n    #btn-cta-processo .ramoa-process-cta-button { transition: background .15s linear, box-shadow .15s linear, border-color .15s linear; }\n    #btn-cta-processo .ramoa-process-cta-button:hover { transform: none; }\n    #btn-cta-processo .ramoa-process-cta-button::after { display: none; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cbe17c e-con-full e-flex e-con e-parent\" data-id=\"4cbe17c\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-558f6cc elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"558f6cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<section class=\"ramoa-reviews-section\" id=\"ramoaReviewsSection\">\n  <div class=\"ramoa-reviews-edge-fade\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ramoa-reviews-inner\">\n    <div class=\"ramoa-reviews-header\">\n      <span class=\"ramoa-reviews-eyebrow\">Avalia\u00e7\u00f5es no Google<\/span>\n\n      <h2 class=\"ramoa-reviews-title\">\n        Experi\u00eancias reais<br>\n        <strong>Resultados que geram confian\u00e7a<\/strong>\n      <\/h2>\n\n      <p class=\"ramoa-reviews-lead\">\n        Clientes que confiaram na RAMOA para transformar presen\u00e7a digital, organiza\u00e7\u00e3o e estrat\u00e9gia em solu\u00e7\u00f5es claras, funcionais e profissionais.\n      <\/p>\n    <\/div>\n\n    <div class=\"ramoa-reviews-widget\">\n      <pre class=\"ti-widget\"><template id=\"trustindex-google-widget-html\"><div class=\" ti-widget  ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-no-translation=\"true\" data-time-locale=\"%d %s atr\u00e1s|hoje|dia|dias|semana|semanas|m\u00eas|meses|ano|anos\" data-plugin-version=\"13.2.9\" data-layout-id=\"13\" data-layout-category=\"slider\" data-set-id=\"dark-luxury-fame\" data-pid=\"\" data-language=\"pt\" data-close-locale=\"Fechar\" data-review-target-width=\"275\" data-css-version=\"2\" data-reply-by-locale=\"Resposta do propriet\u00e1rio\" data-only-rating-locale=\"Este usu\u00e1rio deixou apenas uma avalia\u00e7\u00e3o.\" data-pager-autoplay-timeout=\"6\"> <div class=\"ti-widget-container ti-col-4\"> <div class=\"ti-footer source-Google\"> <div class=\"ti-row\"> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh5.googleusercontent.com\/-3UInRLc8yfc\/AAAAAAAAAAI\/AAAAAAAAAAA\/PaGwulm_b9Q\/s160-p-k-no-ns-nd\/photo.jpg\" alt=\"Ramoa Digital\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Ramoa Digital<\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><\/span> <div class=\"ti-rating-text\"> <span class=\"nowrap\"><strong>6 avalia\u00e7\u00f5es no Google<\/strong><\/span> <\/div> <div class=\"ti-header-write-btn-container\"> <a href=\"https:\/\/admin.trustindex.io\/api\/googleWriteReview?place-id=ChIJ2-GBI4F1nkcRJLDXAFkSBU8\" class=\"ti-header-write-btn\" role=\"button\" aria-label=\"Escreva um coment\u00e1rio para Google\" target=\"_blank\" rel=\"noopener\">Escreva sua avalia\u00e7\u00e3o<\/a> <\/div>  <\/div> <\/div> <\/div> <div class=\"ti-reviews-container\"> <div class=\"ti-controls\"> <div class=\"ti-next\" aria-label=\"Pr\u00f3xima avalia\u00e7\u00e3o\" role=\"button\" tabindex=\"0\"><\/div> <div class=\"ti-prev\" aria-label=\"Avalia\u00e7\u00e3o anterior\" role=\"button\" tabindex=\"0\"><\/div> <\/div> <div class=\"ti-reviews-container-wrapper\">  <div data-empty=\"0\" data-time=\"1778025600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocLKNgsUbGA5B3la3Y8t-7u5AtWMpLGT0wUsLjP08izBLS895A=w40-h40-c-rp-mo-ba2-br100\" alt=\"Vanessa Souza profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Vanessa Souza <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Trabalho excelente!\nNa Ramoa encontrei um servi\u00e7o de qualidade, em que se mostram muito prestativos e preocupados em entender a real necessidade do seu neg\u00f3cio para que possam oferecer as melhores solu\u00e7\u00f5es.\nAl\u00e9m de tudo, vemos muita cordialidade nos atendimentos e dom\u00ednio t\u00e9cnico dos temas, recomendo!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1778025600\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVBo6ntLXIZbLSMJBpkCD7gde__roIPS5PnLwQ-bX5E_S4Ook9mJA=w40-h40-c-rp-mo-ba2-br100\" alt=\"otavio Koike profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> otavio Koike <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->A RAMOA Digital superou todas as minhas expectativas na cria\u00e7\u00e3o da landing page da minha marca. Desde o primeiro contato, a comunica\u00e7\u00e3o foi transparente, \u00e1gil e extremamente profissional, sempre com aten\u00e7\u00e3o aos detalhes e sugest\u00f5es estrat\u00e9gicas que fizeram diferen\u00e7a. A entrega foi impec\u00e1vel: design moderno, responsivo e totalmente alinhado \u00e0 identidade visual da marca, transmitindo credibilidade e foco em convers\u00e3o. O atendimento personalizado e o suporte cont\u00ednuo mostraram o compromisso da equipe em garantir resultados reais. Recomendo fortemente para quem busca qualidade, dedica\u00e7\u00e3o e impacto digital.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1777939200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocJ3kEN6mbUhZ_mxLQd77dOQHWrBO6h3mq7pzRXdcGzXWcI-EA=w40-h40-c-rp-mo-ba2-br100\" alt=\"lucas frota profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> lucas frota <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Ich empfehle Ramoa Digital jedem, der jemanden Zuverl\u00e4ssigen sucht. Besonders hervorheben m\u00f6chte ich die sorgf\u00e4ltige Planung des gesamten Prozesses von dem, was bereits vorhanden war (alter Anbieter, E-Mail-Postf\u00e4cher und Website), bis hin zur Umsetzung der neuen Abl\u00e4ufe genau so, wie ich es mir gew\u00fcnscht hatte. Vielen Dank f\u00fcr die sorgf\u00e4ltige Arbeit und das tolle Ergebnis.\nIch fand sehr toll dass ihr mich seit Anfang an verstanden und eine passende L\u00f6sung gefunden habt.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1777507200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjU85XBIZ0oD-C7EogNA4y8Yf5EfGvKlWrSzM_VYvLrogp0jwOvy=w40-h40-c-rp-mo-br100\" alt=\"Renato Teixeira dos Santos profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Renato Teixeira dos Santos <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Tive uma \u00f3tima experi\u00eancia com a Ramoa Digital! Desde o in\u00edcio, o atendimento foi muito atencioso e transparente, o que passou bastante confian\u00e7a.\n\nEles realmente entendem do que fazem e ajudam a simplificar algo que muitas vezes parece complicado. Senti que houve uma preocupa\u00e7\u00e3o real em entender minha necessidade e entregar algo que fizesse sentido para o meu neg\u00f3cio.\n\nAl\u00e9m da qualidade do servi\u00e7o, o suporte \u00e9 r\u00e1pido e sempre disposto a ajudar. Recomendo para quem quer melhorar a presen\u00e7a digital com uma equipe confi\u00e1vel e profissional!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1777420800\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a\/ACg8ocKpm1q9KcXgfGdG4GSOC8fzBQ1jLVBZKZmdSOEA737j24Wp_g=w40-h40-c-rp-mo-br100\" alt=\"Rafael Godoy Freitas profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Rafael Godoy Freitas <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Passando para agradecer a Ramoa pelo trabalho no meu e-commerce.\n\nEu j\u00e1 tinha tentado algumas vezes melhorar essa parte do digital, mas sempre ficava algo meio solto, sem continuidade e sem muito resultado. Com a Ramoa foi diferente, porque senti que eles entenderam o meu neg\u00f3cio antes de sair fazendo qualquer coisa.\n\nA comunica\u00e7\u00e3o foi muito boa, tudo foi explicado com clareza e a estrutura criada come\u00e7ou a trazer clientes de verdade.<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <div data-empty=\"0\" data-time=\"1768867200\" class=\"ti-review-item source-Google ti-image-layout-thumbnail\" data-id=\"cfcd208495d565ef66e7dff9f98764da\" data-language=\"\"> <div class=\"ti-inner\"> <div class=\"ti-review-header\"> <div class=\"ti-platform-icon ti-with-tooltip\"> <span class=\"ti-tooltip\">Publicado em Google<\/span> <trustindex-image data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-img\"> <trustindex-image data-imgurl=\"https:\/\/lh3.googleusercontent.com\/a-\/ALV-UjVye5oyjBFmd1TQUTbngrF8ISacmHaFQLkqMjTyWquiNirmgg3NKg=w40-h40-c-rp-mo-br100\" alt=\"Gabrielle Lima profile picture\" loading=\"lazy\"><\/trustindex-image> <\/div> <div class=\"ti-profile-details\"> <div class=\"ti-name\"> Gabrielle Lima <\/div> <div class=\"ti-date\"><\/div> <\/div> <\/div> <span class=\"ti-stars\"><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><trustindex-image class=\"ti-star\" data-imgurl=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\"><\/trustindex-image><span class=\"ti-verified-review ti-verified-platform\"><span class=\"ti-verified-tooltip\">Trustindex verifica se a fonte original da avalia\u00e7\u00e3o \u00e9 Google.<\/span><\/span><\/span> <div class=\"ti-review-text-container ti-review-content\"><!-- R-CONTENT -->Atendimento excelente do in\u00edcio ao fim. Fui muito bem acolhida, ouvida em cada detalhe e o resultado superou minhas expectativas. A equipe demonstrou cuidado, profissionalismo e sensibilidade em todo o processo. Recomendo muito!<!-- R-CONTENT --><\/div> <span class=\"ti-read-more\" data-container=\".ti-review-content\" data-collapse-text=\"Esconder\" data-open-text=\"Leia mais\"><\/span> <\/div> <\/div>  <\/div> <div class=\"ti-controls-line\"> <div class=\"dot\"><\/div> <\/div>   <div class=\"ti-verified-by ti-verified-by-row\" data-style=\"2\"> <div class=\"ti-inner\"> Certificado: Trustindex <span class=\"ti-info-icon\"><\/span> <div class=\"ti-disclaimer\">O selo verificado do Trustindex \u00e9 o S\u00edmbolo Universal de Confian\u00e7a. Apenas as melhores empresas podem obter o selo verificado que tem uma pontua\u00e7\u00e3o de avalia\u00e7\u00e3o acima de 4.5, com base nas avalia\u00e7\u00f5es dos clientes nos \u00faltimos 12 meses. <a href=\"https:\/\/www.trustindex.io\/?a=sys&amp;c=wp-verified-badge&amp;url=\/the-trustindex-verified-badge\/\" target=\"_blank\">Leia mais<\/a><\/div> <\/div> <\/div>  <\/div> <\/div> <\/div> <\/template><\/pre><div data-src=\"https:\/\/cdn.trustindex.io\/loader.js?wp-widget\" data-template-id=\"trustindex-google-widget-html\" data-css-url=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/trustindex-google-widget.css?1778359942\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* =========================================================\n     RAMOA \u2014 GOOGLE REVIEWS SECTION\n     ========================================================= *\/\n\n  .ramoa-reviews-section,\n  .ramoa-reviews-section * {\n    box-sizing: border-box;\n  }\n\n  .ramoa-reviews-section {\n    width: 100%;\n    margin: 0;\n    padding: clamp(56px, 8vh, 96px) clamp(16px, 5vw, 72px);\n    position: relative;\n    overflow: hidden;\n    color: #ffffff;\n    font-family: inherit;\n\n    background:\n      radial-gradient(ellipse at 12% 22%, rgba(255, 47, 218, 0.34) 0%, rgba(255, 47, 218, 0.18) 18%, rgba(255, 47, 218, 0) 48%),\n      radial-gradient(ellipse at 88% 18%, rgba(89, 75, 231, 0.34) 0%, rgba(89, 75, 231, 0.16) 20%, rgba(89, 75, 231, 0) 50%),\n      radial-gradient(circle at 52% 92%, rgba(0, 136, 255, 0.16) 0%, rgba(0, 136, 255, 0.08) 22%, rgba(0, 136, 255, 0) 48%),\n      radial-gradient(ellipse at 50% 50%, rgba(11, 2, 24, 0.76) 0%, rgba(8, 1, 18, 0.46) 46%, rgba(2, 1, 1, 0) 78%),\n      #020101;\n  }\n\n  .ramoa-reviews-section::before {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 34px;\n    width: min(680px, 74vw);\n    height: 1px;\n    transform: translateX(-50%);\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 47, 218, 0.80),\n      rgba(89, 75, 231, 0.74),\n      rgba(0, 136, 255, 0.50),\n      transparent\n    );\n    box-shadow:\n      0 0 18px rgba(255, 47, 218, 0.48),\n      0 0 34px rgba(89, 75, 231, 0.28);\n    pointer-events: none;\n  }\n\n  .ramoa-reviews-section::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: min(980px, 78vw);\n    height: min(980px, 78vw);\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background:\n      radial-gradient(circle, transparent 0 34%, rgba(255, 47, 218, 0.13) 35%, transparent 38%),\n      radial-gradient(circle, transparent 0 48%, rgba(89, 75, 231, 0.12) 49%, transparent 53%),\n      radial-gradient(circle, transparent 0 64%, rgba(0, 136, 255, 0.07) 65%, transparent 68%);\n    filter: blur(1px) drop-shadow(0 0 18px rgba(255, 47, 218, 0.20));\n    opacity: 0.46;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .ramoa-reviews-edge-fade {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    pointer-events: none;\n    background:\n      radial-gradient(\n        ellipse at 50% 48%,\n        rgba(2, 1, 1, 0) 0%,\n        rgba(2, 1, 1, 0) 58%,\n        rgba(2, 1, 1, 0.34) 82%,\n        #020101 100%\n      );\n  }\n\n  .ramoa-reviews-inner {\n    width: min(1440px, 85%);\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* =========================================================\n     HEADER\n     ========================================================= *\/\n\n  .ramoa-reviews-header {\n    max-width: 1040px;\n    margin: 0 auto clamp(34px, 5vh, 52px);\n    padding-top: 22px;\n    text-align: center;\n  }\n\n  .ramoa-reviews-eyebrow {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    margin-bottom: 10px;\n    padding: 7px 13px;\n    border-radius: 999px;\n    border: 1px solid rgba(255, 47, 218, 0.78);\n    color: rgba(255, 255, 255, 0.94);\n    background: linear-gradient(135deg, rgba(89, 75, 231, 0.42), rgba(255, 47, 218, 0.22));\n    box-shadow:\n      0 0 20px rgba(255, 47, 218, 0.38),\n      0 0 34px rgba(89, 75, 231, 0.20),\n      inset 0 0 14px rgba(255, 255, 255, 0.055);\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .ramoa-reviews-title {\n    max-width: 1080px;\n    margin: 0 auto;\n    color: #ffffff;\n    font-size: clamp(28px, 3.35vw, 54px);\n    line-height: 0.96;\n    font-weight: 900;\n    letter-spacing: -0.07em;\n    text-shadow:\n      0 0 18px rgba(89, 75, 231, 0.34),\n      0 0 34px rgba(241, 131, 199, 0.24),\n      0 2px 16px rgba(5, 0, 11, 0.80);\n  }\n\n  .ramoa-reviews-title strong {\n    color: #ffffff;\n    font-weight: 900;\n    background: linear-gradient(90deg, #f7eaff 0%, #ff4fe1 32%, #c96dff 56%, #745CFF 78%, #0088ff 100%);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    padding-right: 5px;\n        filter:\n      drop-shadow(0 2px 8px rgba(2, 1, 18, 0.58))\n      drop-shadow(0 0 8px rgba(255, 47, 218, 0.14));\n  }\n\n  .ramoa-reviews-lead {\n    max-width: 760px;\n    margin: 14px auto 0;\n    color: rgba(255, 255, 255, 0.70);\n    font-size: clamp(13px, 1vw, 16px);\n    line-height: 1.45;\n    font-weight: 500;\n  }\n\n  \/* =========================================================\n     TRUSTINDEX WIDGET \u2014 RAMOA STYLE\n     ========================================================= *\/\n\n  .ramoa-reviews-widget {\n    width: 100%;\n    position: relative;\n    z-index: 2;\n  }\n\n  .ramoa-reviews-widget .ti-widget {\n    color: #ffffff !important;\n    font-family: inherit !important;\n  }\n\n  .ramoa-reviews-widget .ti-widget-container {\n    align-items: stretch !important;\n    gap: 22px !important;\n  }\n\n  .ramoa-reviews-widget .ti-footer {\n    border-radius: 24px !important;\n    padding: 22px !important;\n    margin-top: 0 !important;\n    background:\n      linear-gradient(180deg, rgba(20, 9, 43, 0.72), rgba(8, 2, 22, 0.78)) !important;\n    border: 1px solid rgba(255, 47, 218, 0.24) !important;\n    box-shadow:\n      0 22px 50px -24px rgba(0, 0, 0, 0.85),\n      0 0 32px rgba(255, 47, 218, 0.14),\n      inset 0 0 0 1px rgba(255, 255, 255, 0.04) !important;\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n  }\n\n  \/* RAMOA \u2014 igualar o card de resumo ao tamanho dos cards de avalia\u00e7\u00e3o e centralizar conte\u00fado *\/\n  .ramoa-reviews-widget .ti-footer.source-Google {\n    min-height: 245px !important;\n    height: 245px !important;\n    width: 100% !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n\n  .ramoa-reviews-widget .ti-footer.source-Google .ti-row {\n    width: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 12px !important;\n    text-align: center !important;\n  }\n\n  .ramoa-reviews-widget .ti-footer.source-Google .ti-profile-details {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n\n  .ramoa-reviews-widget .ti-footer.source-Google .ti-profile-img {\n    margin: 0 auto !important;\n  }\n\n  .ramoa-reviews-widget .ti-footer.source-Google .ti-stars,\n  .ramoa-reviews-widget .ti-footer.source-Google .ti-rating-text,\n  .ramoa-reviews-widget .ti-footer.source-Google .ti-header-write-btn-container {\n    display: flex !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n\n  .ramoa-reviews-widget .ti-footer .ti-name,\n  .ramoa-reviews-widget .ti-rating-text,\n  .ramoa-reviews-widget .ti-rating-text strong {\n    color: #ffffff !important;\n  }\n\n  .ramoa-reviews-widget .ti-header-write-btn {\n    border-radius: 999px !important;\n    padding: 10px 15px !important;\n    background: linear-gradient(135deg, #AE5EB5, #F183C7) !important;\n    color: #ffffff !important;\n    font-weight: 800 !important;\n    border: 1px solid rgba(255, 255, 255, 0.18) !important;\n    box-shadow:\n      0 0 18px rgba(255, 47, 218, 0.36),\n      0 0 28px rgba(89, 75, 231, 0.20) !important;\n  }\n\n  .ramoa-reviews-widget .ti-review-item .ti-inner {\n    min-height: 245px !important;\n    border-radius: 24px !important;\n    padding: 22px !important;\n    background:\n      radial-gradient(circle at 85% 0%, rgba(255, 47, 218, 0.14), rgba(255, 47, 218, 0) 38%),\n      linear-gradient(180deg, rgba(20, 9, 43, 0.72), rgba(8, 2, 22, 0.82)) !important;\n    border: 1px solid rgba(255, 47, 218, 0.22) !important;\n    box-shadow:\n      0 24px 56px -28px rgba(0, 0, 0, 0.90),\n      0 0 0 1px rgba(255, 255, 255, 0.035),\n      0 0 30px rgba(89, 75, 231, 0.16) !important;\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    transition:\n      transform 0.35s ease,\n      box-shadow 0.35s ease,\n      border-color 0.35s ease;\n  }\n\n  .ramoa-reviews-widget .ti-review-item .ti-inner:hover {\n    transform: translateY(-4px);\n    border-color: rgba(255, 47, 218, 0.42) !important;\n    box-shadow:\n      0 30px 66px -28px rgba(0, 0, 0, 0.92),\n      0 0 34px rgba(255, 47, 218, 0.24),\n      0 0 40px rgba(89, 75, 231, 0.20) !important;\n  }\n\n  .ramoa-reviews-widget .ti-name {\n    color: #ffffff !important;\n    font-weight: 800 !important;\n    letter-spacing: -0.02em !important;\n  }\n\n  .ramoa-reviews-widget .ti-date {\n    color: rgba(255, 255, 255, 0.52) !important;\n    font-weight: 500 !important;\n  }\n\n  .ramoa-reviews-widget .ti-review-text-container {\n    color: rgba(255, 255, 255, 0.74) !important;\n    font-size: 14px !important;\n    line-height: 1.55 !important;\n    font-weight: 500 !important;\n  }\n\n  .ramoa-reviews-widget .ti-read-more,\n  .ramoa-reviews-widget .ti-read-more-active {\n    color: #F183C7 !important;\n    font-weight: 800 !important;\n  }\n\n  .ramoa-reviews-widget .ti-profile-img img {\n    border-radius: 999px !important;\n    box-shadow:\n      0 0 0 2px rgba(255, 255, 255, 0.10),\n      0 0 18px rgba(255, 47, 218, 0.24) !important;\n  }\n\n  .ramoa-reviews-widget .ti-platform-icon img {\n    filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.25));\n  }\n\n  .ramoa-reviews-widget .ti-stars img {\n    filter: drop-shadow(0 0 8px rgba(255, 210, 90, 0.34));\n  }\n\n  .ramoa-reviews-widget .ti-controls .ti-next,\n  .ramoa-reviews-widget .ti-controls .ti-prev {\n    border-radius: 999px !important;\n    background:\n      linear-gradient(135deg, rgba(255, 47, 218, 0.42), rgba(89, 75, 231, 0.42)) !important;\n    border: 1px solid rgba(255, 255, 255, 0.12) !important;\n    box-shadow:\n      0 0 18px rgba(255, 47, 218, 0.28),\n      0 0 26px rgba(89, 75, 231, 0.20) !important;\n  }\n\n  .ramoa-reviews-widget .ti-controls-line {\n    background: rgba(255, 255, 255, 0.08) !important;\n  }\n\n  .ramoa-reviews-widget .ti-controls-line .dot {\n    background: linear-gradient(90deg, #ff2fda, #594BE7, #0088ff) !important;\n    box-shadow: 0 0 14px rgba(255, 47, 218, 0.45) !important;\n  }\n\n  .ramoa-reviews-widget .ti-verified-by {\n    color: rgba(255, 255, 255, 0.46) !important;\n    margin-top: 18px !important;\n  }\n\n  .ramoa-reviews-widget .ti-verified-by a {\n    color: #F183C7 !important;\n  }\n\n  \/* =========================================================\n     RESPONSIVO\n     ========================================================= *\/\n\n  @media (max-width: 1024px) {\n    .ramoa-reviews-section {\n      min-height: auto;\n      overflow: visible;\n    }\n\n    .ramoa-reviews-inner {\n      width: min(100%, 92%);\n    }\n\n    .ramoa-reviews-widget .ti-widget-container {\n      gap: 18px !important;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .ramoa-reviews-section {\n      padding: 64px 14px 72px;\n      overflow: visible;\n    }\n\n    .ramoa-reviews-inner {\n      width: 100%;\n    }\n\n    .ramoa-reviews-header {\n      margin-bottom: 34px;\n    }\n\n    .ramoa-reviews-eyebrow {\n      font-size: 10px;\n      letter-spacing: 0.12em;\n    }\n\n    .ramoa-reviews-title {\n      font-size: clamp(31px, 10vw, 42px);\n      line-height: 1.02;\n      letter-spacing: -0.06em;\n    }\n\n    .ramoa-reviews-lead {\n      font-size: 14px;\n    }\n\n    .ramoa-reviews-widget .ti-review-item .ti-inner {\n      min-height: auto !important;\n      padding: 20px !important;\n      border-radius: 20px !important;\n    }\n\n    .ramoa-reviews-widget .ti-footer {\n      border-radius: 20px !important;\n    }\n\n    .ramoa-reviews-widget .ti-footer.source-Google {\n      height: auto !important;\n      min-height: 220px !important;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f555532 e-flex e-con-boxed e-con e-parent\" data-id=\"f555532\" data-element_type=\"container\" data-e-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-65e94e7 e-con-full e-flex e-con e-child\" data-id=\"65e94e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-57ae42c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"57ae42c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94f7f24 elementor-widget elementor-widget-heading\" data-id=\"94f7f24\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contato-id\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Entre em contato<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b5033e elementor-widget elementor-widget-heading\" data-id=\"2b5033e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vamos conversar sobre o <span class=\"ramoa-gradient-text\">seu pr\u00f3ximo projeto.<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee6cb11 elementor-widget elementor-widget-text-editor\" data-id=\"ee6cb11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Tem um projeto em mente? Estamos prontos pra ouvir.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cea5a8 e-flex e-con-boxed e-con e-child\" data-id=\"5cea5a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3baeb8 elementor-view-stacked elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-shape-circle elementor-widget elementor-widget-icon-box\" data-id=\"b3baeb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-home\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEscrit\u00f3rio\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMunique, Alemanha\nAtendemos clientes globalmente\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5522ebd elementor-view-stacked elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-shape-circle elementor-widget elementor-widget-icon-box\" data-id=\"5522ebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-mail-bulk\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M160 448c-25.6 0-51.2-22.4-64-32-64-44.8-83.2-60.8-96-70.4V480c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32V345.6c-12.8 9.6-32 25.6-96 70.4-12.8 9.6-38.4 32-64 32zm128-192H32c-17.67 0-32 14.33-32 32v16c25.6 19.2 22.4 19.2 115.2 86.4 9.6 6.4 28.8 25.6 44.8 25.6s35.2-19.2 44.8-22.4c92.8-67.2 89.6-67.2 115.2-86.4V288c0-17.67-14.33-32-32-32zm256-96H224c-17.67 0-32 14.33-32 32v32h96c33.21 0 60.59 25.42 63.71 57.82l.29-.22V416h192c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32zm-32 128h-64v-64h64v64zm-352-96c0-35.29 28.71-64 64-64h224V32c0-17.67-14.33-32-32-32H96C78.33 0 64 14.33 64 32v192h96v-32z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tEmail Support\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tcontato@ramoadigital.com\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef4d167 elementor-view-stacked elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-shape-circle elementor-widget elementor-widget-icon-box\" data-id=\"ef4d167\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/wa.me\/4915229536966?text=Ol\u00e1,%20gostaria%20de%20entender%20como%20a%20RAMOA%20Digital%20pode%20ajudar%20minha%20marca%20a%20crescer%20no%20digital.\" target=\"_blank\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"WHATSAPP\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/wa.me\/4915229536966?text=Ol\u00e1,%20gostaria%20de%20entender%20como%20a%20RAMOA%20Digital%20pode%20ajudar%20minha%20marca%20a%20crescer%20no%20digital.\" target=\"_blank\" >\n\t\t\t\t\t\t\tWHATSAPP\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t<!-- WhatsApp -->\n<a href=\"https:\/\/wa.me\/4915229536966?text=Ol\u00e1,%20gostaria%20de%20entender%20como%20a%20RAMOA%20Digital%20pode%20ajudar%20minha%20marca%20a%20crescer%20no%20digital.\" target=\"_blank\">\n  +49 1522 9536966\n<\/a>\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2d3485 elementor-view-stacked elementor-position-inline-start elementor-mobile-position-inline-start elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-shape-circle elementor-widget elementor-widget-icon-box\" data-id=\"a2d3485\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-user-clock\" viewBox=\"0 0 640 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M496 224c-79.6 0-144 64.4-144 144s64.4 144 144 144 144-64.4 144-144-64.4-144-144-144zm64 150.3c0 5.3-4.4 9.7-9.7 9.7h-60.6c-5.3 0-9.7-4.4-9.7-9.7v-76.6c0-5.3 4.4-9.7 9.7-9.7h12.6c5.3 0 9.7 4.4 9.7 9.7V352h38.3c5.3 0 9.7 4.4 9.7 9.7v12.6zM320 368c0-27.8 6.7-54.1 18.2-77.5-8-1.5-16.2-2.5-24.6-2.5h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h347.1c-45.3-31.9-75.1-84.5-75.1-144zm-96-112c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tHOR\u00c1RIO DE ATENDIMENTO\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tSegunda a Sexta <\/br>\n09h - 18h\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-e037c6e e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"e037c6e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeInRight&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f942e3 elementor-widget elementor-widget-heading\" data-id=\"5f942e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Envie sua mensagem<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5662c1 elementor-widget elementor-widget-heading\" data-id=\"b5662c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Sinta-se \u00e0 vontade para enviar d\u00favidas, feedbacks ou sugest\u00f5es. Respondemos rapidamente.<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5194340 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"5194340\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\" novalidate=\"\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"1307\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"5194340\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"1307\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-nome elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-nome\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tNome\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[nome]\" id=\"form-field-nome\" class=\"elementor-field elementor-size-xs  elementor-field-textual\" placeholder=\"Nome\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-empresa elementor-col-50 elementor-md-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-empresa\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmpresa\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[empresa]\" id=\"form-field-empresa\" class=\"elementor-field elementor-size-xs  elementor-field-textual\" placeholder=\"Empresa\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-telefone elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-telefone\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tTelefone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[telefone]\" id=\"form-field-telefone\" class=\"elementor-field elementor-size-xs  elementor-field-textual\" placeholder=\"Telefone\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Apenas n\u00fameros e caracteres de telefone (#, -, *, etc.) s\u00e3o aceitos.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-md-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-xs  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-assunto elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-assunto\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tAssunto\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[assunto]\" id=\"form-field-assunto\" class=\"elementor-field elementor-size-xs  elementor-field-textual\" placeholder=\"Assunto\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-mensagem elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-mensagem\" class=\"elementor-field-label elementor-screen-only\">\n\t\t\t\t\t\t\t\tMensagem\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-xs\" name=\"form_fields[mensagem]\" id=\"form-field-mensagem\" rows=\"4\" placeholder=\"Mensagem\" required=\"required\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-recaptcha_v3 elementor-field-group elementor-column elementor-field-group-field_3875502 elementor-col-100 recaptcha_v3-bottomleft\">\n\t\t\t\t\t<div class=\"elementor-field\" id=\"form-field-field_3875502\"><div class=\"elementor-g-recaptcha\" data-sitekey=\"6LemVkEsAAAAAAZtcBOT79hyAtiRn974ZY-01Jwy\" data-type=\"v3\" data-action=\"Form\" data-badge=\"bottomleft\" data-size=\"invisible\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\" id=\"btn-contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icons icon-envelope\"><\/i>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Enviar Mensagem<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\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-cfefee3 e-flex e-con-boxed e-con e-parent\" data-id=\"cfefee3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b4942bc e-con-full e-flex e-con e-child\" data-id=\"b4942bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6bf0a2e ramoa-blog-headline elementor-widget elementor-widget-text-editor\" data-id=\"6bf0a2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span class=\"ramoa-blog-eyebrow\">Blog<\/span>\n\nEstrat\u00e9gias digitais para marcas que querem crescer sem perder sua <span class=\"ramoa-gradient-text\">ess\u00eancia.<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a76b46c ramoa-blog-support elementor-widget elementor-widget-text-editor\" data-id=\"a76b46c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Em um mundo cada vez mais conectado, onde posts, respostas e tend\u00eancias parecem cada vez mais autom\u00e1ticos, a sua marca n\u00e3o pode perder aquilo que a torna \u00fanica.<\/p><p>Na RAMOA, usamos tecnologia, estrat\u00e9gia e intelig\u00eancia artificial para ampliar a sua presen\u00e7a digital, sem apagar sua ess\u00eancia, sua identidade e a forma humana de se conectar com as pessoas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0786081 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"0786081\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:4765,&quot;_skin&quot;:&quot;post&quot;,&quot;columns&quot;:&quot;3&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\" role=\"list\">\n\t\t<style id=\"loop-4765\">.elementor-4765 .elementor-element.elementor-element-db0e0ab{--display:flex;}\/* Start custom CSS for container, class: .elementor-element-db0e0ab *\/\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RAMOA \u2014 BLOG \/ LOOP POSTS\n   Cards de posts com identidade visual RAMOA\n   IDs:\n   #img-post-id\n   #nome-post-id\n   #resumo-post-id\n   #btn-post-id\n\n   Observa\u00e7\u00e3o importante:\n   O #btn-post-id est\u00e1 aplicado no campo \"ID do bot\u00e3o\",\n   ent\u00e3o o seletor correto \u00e9 #btn-post-id direto,\n   e n\u00e3o #btn-post-id .elementor-button.\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Texto gradiente reutiliz\u00e1vel *\/\n.ramoa-gradient-text {\n  display: inline-block !important;\n  width: fit-content !important;\n\n  color: transparent !important;\n  background: linear-gradient(90deg, #ff2fda, #a855f7 60%, #2dd4ff) !important;\n  -webkit-background-clip: text !important;\n  background-clip: text !important;\n  -webkit-text-fill-color: transparent !important;\n\n  text-shadow: none !important;\n  filter: none !important;\n}\n\n\/* Card \/ container individual do loop *\/\n.elementor-loop-container .e-loop-item {\n  position: relative !important;\n  overflow: hidden !important;\n\n  padding: 18px !important;\n  border-radius: 22px !important;\n\n  background:\n    linear-gradient(180deg, rgba(22, 7, 42, 0.58) 0%, rgba(7, 2, 20, 0.46) 100%) !important;\n\n  border: 1px solid rgba(241, 131, 199, 0.20) !important;\n\n  box-shadow:\n    0 20px 60px rgba(0, 0, 0, 0.28),\n    0 0 0 1px rgba(89, 75, 231, 0.10),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.018),\n    inset 0 0 54px rgba(255, 47, 218, 0.030) !important;\n\n  transition:\n    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),\n    border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1),\n    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n.elementor-loop-container .e-loop-item::before {\n  content: \"\" !important;\n  position: absolute !important;\n  inset: 0 !important;\n\n  background:\n    radial-gradient(circle at 18% 8%, rgba(255, 47, 218, 0.16) 0%, rgba(255, 47, 218, 0) 34%),\n    radial-gradient(circle at 84% 18%, rgba(45, 212, 255, 0.10) 0%, rgba(45, 212, 255, 0) 36%) !important;\n\n  opacity: 0.8 !important;\n  pointer-events: none !important;\n  z-index: 0 !important;\n}\n\n.elementor-loop-container .e-loop-item:hover {\n  transform: translateY(-6px) !important;\n  border-color: rgba(241, 131, 199, 0.48) !important;\n\n  box-shadow:\n    0 24px 70px rgba(0, 0, 0, 0.36),\n    0 0 26px rgba(241, 131, 199, 0.20),\n    0 0 46px rgba(89, 75, 231, 0.16),\n    inset 0 0 0 1px rgba(255, 255, 255, 0.026) !important;\n}\n\n\/* Garante que conte\u00fado fique acima dos brilhos *\/\n.elementor-loop-container .e-loop-item > * {\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n\/* Imagem destacada *\/\n#img-post-id {\n  width: 100% !important;\n  margin: 0 0 18px !important;\n  overflow: hidden !important;\n  border-radius: 18px !important;\n\n  border: 1px solid rgba(241, 131, 199, 0.18) !important;\n\n  box-shadow:\n    0 14px 36px rgba(0, 0, 0, 0.30),\n    0 0 28px rgba(89, 75, 231, 0.12) !important;\n}\n\n#img-post-id img {\n  width: 100% !important;\n  height: 220px !important;\n\n  display: block !important;\n  object-fit: cover !important;\n  object-position: center center !important;\n\n  filter: saturate(1.04) contrast(1.04) brightness(0.88) !important;\n\n  transition:\n    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),\n    filter 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n.elementor-loop-container .e-loop-item:hover #img-post-id img {\n  transform: scale(1.055) !important;\n  filter: saturate(1.12) contrast(1.08) brightness(0.96) !important;\n}\n\n\/* T\u00edtulo do post *\/\n#nome-post-id {\n  margin: 0 0 12px !important;\n}\n\n#nome-post-id,\n#nome-post-id .elementor-heading-title,\n#nome-post-id a {\n  color: #ffffff !important;\n\n  font-family: \"Outfit\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n  font-size: clamp(24px, 2.1vw, 34px) !important;\n  line-height: 1.08em !important;\n  font-weight: 650 !important;\n  letter-spacing: -0.035em !important;\n\n  text-decoration: none !important;\n  text-shadow: none !important;\n\n  transition: color 0.24s ease !important;\n}\n\n.elementor-loop-container .e-loop-item:hover #nome-post-id,\n.elementor-loop-container .e-loop-item:hover #nome-post-id .elementor-heading-title,\n.elementor-loop-container .e-loop-item:hover #nome-post-id a {\n  color: #F183C7 !important;\n}\n\n\/* Resumo do post *\/\n#resumo-post-id {\n  margin: 0 0 20px !important;\n}\n\n#resumo-post-id,\n#resumo-post-id p,\n#resumo-post-id .elementor-widget-container {\n  color: rgba(255, 255, 255, 0.72) !important;\n\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n  font-size: 15px !important;\n  line-height: 1.62 !important;\n  font-weight: 450 !important;\n  letter-spacing: 0.005em !important;\n\n  text-shadow: none !important;\n}\n\n#resumo-post-id p {\n  margin: 0 !important;\n}\n\n\/* Limita o resumo em poucas linhas para manter os cards organizados *\/\n#resumo-post-id .elementor-widget-container {\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n}\n\n\/* Bot\u00e3o do post \u2014 RAMOA dark purple \/ borda neon sutil *\/\n#btn-post-id {\n  position: relative !important;\n  overflow: hidden !important;\n\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n\n  width: fit-content !important;\n  min-width: auto !important;\n\n  padding: 11px 24px !important;\n\n  border-radius: 999px !important;\n  border: 1px solid rgba(241, 131, 199, 0.68) !important;\n\n  background:\n    radial-gradient(circle at 20% 0%, rgba(241, 131, 199, 0.20) 0%, rgba(241, 131, 199, 0) 44%),\n    linear-gradient(\n      135deg,\n      rgba(85, 50, 96, 0.98) 0%,\n      rgba(89, 75, 231, 0.78) 48%,\n      rgba(174, 94, 181, 0.92) 100%\n    ) !important;\n\n  background-color: transparent !important;\n\n  box-shadow:\n    0 0 0 1px rgba(255, 47, 218, 0.12),\n    0 0 14px rgba(241, 131, 199, 0.24),\n    0 0 26px rgba(89, 75, 231, 0.16),\n    0 10px 26px rgba(1, 17, 41, 0.42),\n    inset 0 1px 0 rgba(255, 255, 255, 0.14),\n    inset 0 -10px 18px rgba(1, 17, 41, 0.20) !important;\n\n  color: #ffffff !important;\n\n  text-decoration: none !important;\n\n  transition:\n    transform 0.26s cubic-bezier(0.4, 0, 0.2, 1),\n    box-shadow 0.26s cubic-bezier(0.4, 0, 0.2, 1),\n    border-color 0.26s cubic-bezier(0.4, 0, 0.2, 1),\n    background 0.26s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n\/* Brilho interno do bot\u00e3o *\/\n#btn-post-id::before {\n  content: \"\" !important;\n\n  position: absolute !important;\n  inset: 1px !important;\n\n  border-radius: inherit !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.22) 0%,\n      rgba(255, 255, 255, 0.07) 38%,\n      rgba(255, 255, 255, 0) 100%\n    ) !important;\n\n  pointer-events: none !important;\n  z-index: 0 !important;\n}\n\n\/* Brilho diagonal discreto *\/\n#btn-post-id::after {\n  content: \"\" !important;\n\n  position: absolute !important;\n  top: -55% !important;\n  left: -55% !important;\n\n  width: 34% !important;\n  height: 210% !important;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.34),\n      transparent\n    ) !important;\n\n  transform: rotate(22deg) !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n  z-index: 1 !important;\n}\n\n#btn-post-id:hover {\n  transform: translateY(-2px) !important;\n\n  border-color: rgba(241, 131, 199, 0.96) !important;\n\n  background:\n    radial-gradient(circle at 18% 0%, rgba(255, 47, 218, 0.24) 0%, rgba(255, 47, 218, 0) 44%),\n    linear-gradient(\n      135deg,\n      rgba(89, 75, 231, 0.96) 0%,\n      rgba(174, 94, 181, 0.98) 52%,\n      rgba(85, 50, 96, 1) 100%\n    ) !important;\n\n  box-shadow:\n    0 0 0 1px rgba(241, 131, 199, 0.24),\n    0 0 18px rgba(241, 131, 199, 0.38),\n    0 0 34px rgba(89, 75, 231, 0.26),\n    0 12px 30px rgba(1, 17, 41, 0.50),\n    inset 0 1px 0 rgba(255, 255, 255, 0.18),\n    inset 0 -10px 18px rgba(1, 17, 41, 0.22) !important;\n}\n\n#btn-post-id:hover::after {\n  left: 120% !important;\n  opacity: 1 !important;\n  transition: left 0.78s ease, opacity 0.25s ease !important;\n}\n\n\/* Conte\u00fado interno do bot\u00e3o *\/\n#btn-post-id .elementor-button-content-wrapper {\n  position: relative !important;\n  z-index: 2 !important;\n}\n\n#btn-post-id .elementor-button-text {\n  position: relative !important;\n  z-index: 2 !important;\n\n  color: #ffffff !important;\n\n  font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n  font-size: 10px !important;\n  font-weight: 900 !important;\n  line-height: 1 !important;\n  letter-spacing: 0.17em !important;\n  text-transform: uppercase !important;\n\n  text-shadow:\n    0 1px 9px rgba(1, 17, 41, 0.62),\n    0 0 8px rgba(241, 131, 199, 0.18) !important;\n}\n\n\/* Organiza\u00e7\u00e3o interna do card *\/\n.elementor-loop-container .e-loop-item .elementor-widget-button {\n  margin-top: auto !important;\n}\n\n\/* Responsivo tablet *\/\n@media (max-width: 1024px) {\n  #img-post-id img {\n    height: 200px !important;\n  }\n\n  #nome-post-id,\n  #nome-post-id .elementor-heading-title,\n  #nome-post-id a {\n    font-size: clamp(22px, 3vw, 30px) !important;\n  }\n}\n\n\/* Responsivo mobile *\/\n@media (max-width: 767px) {\n  .elementor-loop-container .e-loop-item {\n    padding: 16px !important;\n    border-radius: 20px !important;\n  }\n\n  #img-post-id {\n    margin-bottom: 16px !important;\n    border-radius: 16px !important;\n  }\n\n  #img-post-id img {\n    height: 210px !important;\n  }\n\n  #nome-post-id,\n  #nome-post-id .elementor-heading-title,\n  #nome-post-id a {\n    font-size: 25px !important;\n    line-height: 1.12em !important;\n  }\n\n  #resumo-post-id,\n  #resumo-post-id p,\n  #resumo-post-id .elementor-widget-container {\n    font-size: 14px !important;\n    line-height: 1.58 !important;\n  }\n\n  #btn-post-id {\n    width: fit-content !important;\n    padding: 12px 22px !important;\n  }\n\n  #btn-post-id .elementor-button-text {\n    font-size: 10px !important;\n    letter-spacing: 0.14em !important;\n  }\n}\n\n\/* Reduced Motion *\/\n@media (prefers-reduced-motion: reduce) {\n  .elementor-loop-container .e-loop-item,\n  #img-post-id img,\n  #btn-post-id {\n    transition: none !important;\n  }\n\n  .elementor-loop-container .e-loop-item:hover,\n  .elementor-loop-container .e-loop-item:hover #img-post-id img,\n  #btn-post-id:hover {\n    transform: none !important;\n  }\n\n  #btn-post-id::after {\n    display: none !important;\n  }\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"4765\" class=\"elementor elementor-4765 e-loop-item e-loop-item-1598 post-1598 post type-post status-publish format-standard has-post-thumbnail hentry category-social-media tag-abc tag-campanha tag-midia tag-testtag tag-videos\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-db0e0ab e-flex e-con-boxed e-con e-parent\" data-id=\"db0e0ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51a4e0a elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"51a4e0a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"img-post-id\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-marketing-digital-ramoa-capa-1024x683.jpg\" class=\"attachment-large size-large wp-image-3856\" alt=\"Pessoa treinando em academia representando marketing digital para academias, est\u00fadios e neg\u00f3cios de wellness.\" srcset=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-marketing-digital-ramoa-capa-1024x683.jpg 1024w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-marketing-digital-ramoa-capa-300x200.jpg 300w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-marketing-digital-ramoa-capa-768x512.jpg 768w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-marketing-digital-ramoa-capa-1536x1024.jpg 1536w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-marketing-digital-ramoa-capa-18x12.jpg 18w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/academias-estudios-marketing-digital-ramoa-capa.jpg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a79459 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"2a79459\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"nome-post-id\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">POST PRIMEIRO<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7066280 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"7066280\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"resumo-post-id\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mi diam, mattis vitae maximus quis, imperdiet sed nibh. Nulla ultrices nibh in tellus euismod iaculis. Suspendisse sed ex commodo, rutrum ante nec\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-190b18f elementor-widget elementor-widget-button\" data-id=\"190b18f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ramoadigital.com\/fr\/lorem-ipsum-3\/\" id=\"btn-post-id\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Saiba mais<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"4765\" class=\"elementor elementor-4765 e-loop-item e-loop-item-1596 post-1596 post type-post status-publish format-standard has-post-thumbnail hentry category-seo-and-ads\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-db0e0ab e-flex e-con-boxed e-con e-parent\" data-id=\"db0e0ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51a4e0a elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"51a4e0a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"img-post-id\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"853\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/Marca-d_agua-10.png\" class=\"attachment-large size-large wp-image-4725\" alt=\"S\u00edmbolo da RAMOA Digital em degrad\u00ea roxo, lil\u00e1s e rosa\" srcset=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/Marca-d_agua-10.png 874w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/Marca-d_agua-10-281x300.png 281w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/Marca-d_agua-10-768x819.png 768w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/05\/Marca-d_agua-10-11x12.png 11w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a79459 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"2a79459\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"nome-post-id\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">POST SEGUNDO<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7066280 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"7066280\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"resumo-post-id\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mi diam, mattis vitae maximus quis, imperdiet sed nibh. Nulla ultrices nibh in tellus euismod iaculis. Suspendisse sed ex commodo, rutrum ante nec\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-190b18f elementor-widget elementor-widget-button\" data-id=\"190b18f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ramoadigital.com\/fr\/lorem-ipsum-2\/\" id=\"btn-post-id\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Saiba mais<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"4765\" class=\"elementor elementor-4765 e-loop-item e-loop-item-1594 post-1594 post type-post status-publish format-standard has-post-thumbnail hentry category-infrastructure\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-db0e0ab e-flex e-con-boxed e-con e-parent\" data-id=\"db0e0ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51a4e0a elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"51a4e0a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"img-post-id\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/03\/Image-from-Image.png\" class=\"attachment-large size-large wp-image-2328\" alt=\"\" srcset=\"https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/03\/Image-from-Image.png 1024w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/03\/Image-from-Image-300x300.png 300w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/03\/Image-from-Image-150x150.png 150w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/03\/Image-from-Image-768x768.png 768w, https:\/\/ramoadigital.com\/wp-content\/uploads\/2026\/03\/Image-from-Image-12x12.png 12w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a79459 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"2a79459\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"nome-post-id\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">POST TERCEIRO<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7066280 elementor-widget elementor-widget-theme-post-excerpt\" data-id=\"7066280\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"resumo-post-id\" data-widget_type=\"theme-post-excerpt.default\">\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mi diam, mattis vitae maximus quis, imperdiet sed nibh. Nulla ultrices nibh in tellus euismod iaculis. Suspendisse sed ex commodo, rutrum ante nec\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-190b18f elementor-widget elementor-widget-button\" data-id=\"190b18f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ramoadigital.com\/fr\/lorem-ipsum\/\" id=\"btn-post-id\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Saiba mais<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Ajudamos voc\u00ea a crescer A SUA MARCA NO DIGITAL | Criaremos a estrat\u00e9gia certa para fazer o seu neg\u00f3cio evoluir em 2026 Entenda o Processo Planejar Meu Projeto DESENVOLVIMENTO WEB IDENTIDADE VISUAL SOFTWARE SOB MEDIDA LOJA VIRTUAL TR\u00c1FEGO PAGO WORDPRESS REDES SOCIAIS LANDING PAGES SEO INFRAESTRUTURA DIGITAL CRM &amp; ERP GOOGLE ADS Seus clientes j\u00e1 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1307","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ramoadigital.com\/fr\/wp-json\/wp\/v2\/pages\/1307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramoadigital.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramoadigital.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramoadigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramoadigital.com\/fr\/wp-json\/wp\/v2\/comments?post=1307"}],"version-history":[{"count":2121,"href":"https:\/\/ramoadigital.com\/fr\/wp-json\/wp\/v2\/pages\/1307\/revisions"}],"predecessor-version":[{"id":4846,"href":"https:\/\/ramoadigital.com\/fr\/wp-json\/wp\/v2\/pages\/1307\/revisions\/4846"}],"wp:attachment":[{"href":"https:\/\/ramoadigital.com\/fr\/wp-json\/wp\/v2\/media?parent=1307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}