{"id":5313,"date":"2026-05-16T16:38:00","date_gmt":"2026-05-16T16:38:00","guid":{"rendered":"https:\/\/ramoadigital.com\/?page_id=5313"},"modified":"2026-05-22T17:38:09","modified_gmt":"2026-05-22T17:38:09","slug":"visuelle-identitat","status":"publish","type":"page","link":"https:\/\/ramoadigital.com\/de\/servicos\/identidade-visual\/","title":{"rendered":"Visuelle Identit\u00e4t"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5313\" class=\"elementor elementor-5313\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce3cec9 e-con-full e-flex e-con e-parent\" data-id=\"ce3cec9\" 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-bbf6e9f elementor-widget elementor-widget-html\" data-id=\"bbf6e9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ramoa-page-hero\" aria-labelledby=\"ramoaPageHeroTitle\">\n  <div class=\"ramoa-page-hero__glow\" aria-hidden=\"true\"><\/div>\n  <div class=\"ramoa-page-hero__grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"ramoa-page-hero__rings\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"ramoa-page-hero__inner\">\n    <nav class=\"ramoa-page-hero__breadcrumb\" aria-label=\"Breadcrumb\">\n      <a href=\"\/\">Home<\/a>\n      <span aria-hidden=\"true\">\/<\/span>\n      <a href=\"\/servicos\/\">Servi\u00e7os<\/a>\n      <span aria-hidden=\"true\">\/<\/span>\n      <span>Identidade Visual<\/span>\n    <\/nav>\n\n    <span class=\"ramoa-page-hero__chip\">Identidade Visual<\/span>\n\n    <h1 class=\"ramoa-page-hero__title\" id=\"ramoaPageHeroTitle\">\n      Marca profissional <br> para empresas que querem ser lembradas.\n    <\/h1>\n\n    <p class=\"ramoa-page-hero__lead\">\n      Cria\u00e7\u00e3o de identidade visual completa: logo, paleta de cores, tipografia e dire\u00e7\u00e3o criativa <br>para sua marca <span>parecer t\u00e3o profissional quanto o servi\u00e7o que entrega.<\/span>\n    <\/p>\n  <\/div>\n<\/section>\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 INTERNAL PAGE HERO \/ BREADCRUMB\n     Background inspirado na ramoa-discovery-section\n     com rede quadriculada e predomin\u00e2ncia azul dark\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  .ramoa-page-hero,\n  .ramoa-page-hero * {\n    box-sizing: border-box;\n  }\n\n  .ramoa-page-hero {\n    --ramoa-bg-1: #070210;\n    --ramoa-bg-2: #071022;\n    --ramoa-bg-3: #0b0218;\n    --ramoa-pink: #ff2fda;\n    --ramoa-purple: #a855f7;\n    --ramoa-blue: #2dd4ff;\n    --ramoa-deep-blue: #011129;\n\n    position: relative;\n    width: 100%;\n    min-height: clamp(320px, 42vh, 480px);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n    padding:\n      clamp(128px, 16vh, 168px)\n      clamp(18px, 5vw, 72px)\n      clamp(72px, 10vh, 110px);\n\n    overflow: hidden;\n    isolation: isolate;\n\n    color: #ffffff;\n\n    background:\n      radial-gradient(\n        120% 80% at 82% 8%,\n        rgba(45, 212, 255, 0.13) 0%,\n        rgba(18, 28, 77, 0.22) 30%,\n        rgba(11, 2, 24, 0) 62%\n      ),\n      radial-gradient(\n        90% 68% at 8% 88%,\n        rgba(45, 212, 255, 0.085) 0%,\n        rgba(1, 17, 41, 0.24) 34%,\n        rgba(11, 2, 24, 0) 64%\n      ),\n      radial-gradient(\n        80% 60% at 50% 48%,\n        rgba(89, 75, 231, 0.080) 0%,\n        rgba(1, 17, 41, 0.18) 36%,\n        rgba(11, 2, 24, 0) 68%\n      ),\n      radial-gradient(\n        70% 56% at 16% 18%,\n        rgba(255, 47, 218, 0.045) 0%,\n        rgba(255, 47, 218, 0.016) 34%,\n        rgba(11, 2, 24, 0) 68%\n      ),\n      linear-gradient(\n        180deg,\n        #070210 0%,\n        #071022 38%,\n        #050914 72%,\n        #0b0218 100%\n      );\n  }\n\n  .ramoa-page-hero::after {\n    content: \"\";\n    position: absolute;\n    inset: auto 0 0 0;\n\n    height: 1px;\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(45, 212, 255, 0.22),\n        rgba(89, 75, 231, 0.24),\n        rgba(255, 47, 218, 0.16),\n        transparent\n      );\n\n    box-shadow:\n      0 -1px 20px rgba(45, 212, 255, 0.12),\n      0 -1px 34px rgba(89, 75, 231, 0.10);\n\n    pointer-events: none;\n    z-index: 3;\n  }\n\n  .ramoa-page-hero__glow {\n    position: absolute;\n    inset: 0;\n\n    background:\n      radial-gradient(\n        ellipse at 50% 42%,\n        rgba(45, 212, 255, 0.070),\n        rgba(89, 75, 231, 0.060) 34%,\n        rgba(11, 2, 24, 0) 66%\n      ),\n      radial-gradient(\n        ellipse at 50% 92%,\n        rgba(1, 17, 41, 0.60),\n        rgba(1, 17, 41, 0.22) 34%,\n        rgba(11, 2, 24, 0) 68%\n      ),\n      linear-gradient(\n        180deg,\n        rgba(7, 2, 16, 0.10) 0%,\n        rgba(7, 16, 34, 0.10) 44%,\n        rgba(11, 2, 24, 0.46) 100%\n      );\n\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .ramoa-page-hero__grid {\n    position: absolute;\n    inset: 0;\n\n    background-image:\n      linear-gradient(\n        transparent 95%,\n        rgba(45, 212, 255, 0.105) 95%\n      ),\n      linear-gradient(\n        90deg,\n        transparent 95%,\n        rgba(45, 212, 255, 0.105) 95%\n      ),\n      linear-gradient(\n        transparent 95%,\n        rgba(168, 85, 247, 0.055) 95%\n      ),\n      linear-gradient(\n        90deg,\n        transparent 95%,\n        rgba(168, 85, 247, 0.055) 95%\n      );\n\n    background-size:\n      48px 48px,\n      48px 48px,\n      96px 96px,\n      96px 96px;\n\n    background-position: center center;\n\n    mask-image:\n      radial-gradient(\n        ellipse at center,\n        #000 18%,\n        rgba(0, 0, 0, 0.82) 42%,\n        rgba(0, 0, 0, 0.44) 68%,\n        transparent 92%\n      );\n    -webkit-mask-image:\n      radial-gradient(\n        ellipse at center,\n        #000 18%,\n        rgba(0, 0, 0, 0.82) 42%,\n        rgba(0, 0, 0, 0.44) 68%,\n        transparent 92%\n      );\n\n    opacity: 0.46;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  \/* Removido visualmente para evitar c\u00edrculos\/rings no background *\/\n  .ramoa-page-hero__rings {\n    display: none !important;\n  }\n\n  .ramoa-page-hero__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(1120px, 100%);\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  \/* Breadcrumb *\/\n  .ramoa-page-hero__breadcrumb {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 9px;\n\n    margin-bottom: 18px;\n\n    color: rgba(255, 255, 255, 0.58);\n\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .ramoa-page-hero__breadcrumb a {\n    color: rgba(255, 255, 255, 0.66);\n    text-decoration: none;\n\n    transition: color 0.22s ease;\n  }\n\n  .ramoa-page-hero__breadcrumb a:hover {\n    color: #2dd4ff;\n  }\n\n  .ramoa-page-hero__breadcrumb span:last-child {\n    color: rgba(241, 131, 199, 0.92);\n  }\n\n  \/* Chip *\/\n  .ramoa-page-hero__chip {\n    display: inline-flex;\n    width: fit-content;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 18px;\n    padding: 8px 15px;\n\n    border-radius: 999px;\n    border: 1px solid rgba(255, 47, 218, 0.62);\n\n    color: rgba(255, 255, 255, 0.94);\n\n    background:\n      linear-gradient(\n        135deg,\n        rgba(45, 212, 255, 0.12),\n        rgba(89, 75, 231, 0.30) 46%,\n        rgba(255, 47, 218, 0.16)\n      );\n\n    box-shadow:\n      0 0 18px rgba(45, 212, 255, 0.12),\n      0 0 22px rgba(255, 47, 218, 0.22),\n      0 0 34px rgba(89, 75, 231, 0.18),\n      inset 0 0 14px rgba(255, 255, 255, 0.055);\n\n    font-family: \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  \/* T\u00edtulo *\/\n  .ramoa-page-hero__title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-family: \"Outfit\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n    font-size: 48px;\n    line-height: 1.2em;\n    font-weight: 600;\n    letter-spacing: -0.045em;\n\n    text-shadow:\n      0 0 14px rgba(45, 212, 255, 0.16),\n      0 0 24px rgba(89, 75, 231, 0.20),\n      0 2px 16px rgba(5, 0, 11, 0.74);\n  }\n\n  .ramoa-page-hero__title::after {\n    content: \"\";\n    display: block;\n\n    width: 72px;\n    height: 2px;\n\n    margin: 24px auto 0;\n\n    background: linear-gradient(\n      90deg,\n      transparent,\n      #ff2fda,\n      #a855f7,\n      #2dd4ff,\n      transparent\n    );\n\n    box-shadow:\n      0 0 14px rgba(45, 212, 255, 0.30),\n      0 0 16px rgba(255, 47, 218, 0.32),\n      0 0 24px rgba(89, 75, 231, 0.20);\n  }\n\n  \/* Descri\u00e7\u00e3o *\/\n  .ramoa-page-hero__lead {\n    position: relative;\n    max-width: 780px;\n\n    margin: 26px auto 0;\n    padding: 14px 24px;\n\n    color: rgba(255, 255, 255, 0.76);\n\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    font-size: clamp(14px, 1.08vw, 17px);\n    line-height: 1.68;\n    font-weight: 450;\n    letter-spacing: 0.006em;\n\n    text-align: center;\n\n    background:\n      linear-gradient(\n        180deg,\n        rgba(255, 255, 255, 0.042) 0%,\n        rgba(255, 255, 255, 0.018) 100%\n      );\n\n    border: 1px solid rgba(45, 212, 255, 0.105);\n    border-radius: 18px;\n\n    box-shadow:\n      0 14px 38px rgba(1, 17, 41, 0.30),\n      0 0 22px rgba(45, 212, 255, 0.060),\n      0 0 22px rgba(255, 47, 218, 0.040),\n      inset 0 0 0 1px rgba(255, 255, 255, 0.026);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n\n    text-shadow:\n      0 1px 18px rgba(1, 17, 41, 0.56);\n  }\n\n  .ramoa-page-hero__lead::before {\n    content: \"\";\n    position: absolute;\n\n    left: 50%;\n    top: -1px;\n\n    width: 48%;\n    height: 1px;\n\n    transform: translateX(-50%);\n\n    background:\n      linear-gradient(\n        90deg,\n        transparent,\n        rgba(255, 47, 218, 0.62),\n        rgba(168, 85, 247, 0.58),\n        rgba(45, 212, 255, 0.58),\n        transparent\n      );\n\n    box-shadow:\n      0 0 12px rgba(45, 212, 255, 0.26),\n      0 0 12px rgba(255, 47, 218, 0.22),\n      0 0 18px rgba(89, 75, 231, 0.16);\n\n    pointer-events: none;\n  }\n\n  .ramoa-page-hero__lead span {\n    color: transparent;\n\n    background:\n      linear-gradient(\n        90deg,\n        #ff2fda,\n        #a855f7 58%,\n        #2dd4ff\n      );\n\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n\n    font-weight: 800;\n    white-space: nowrap;\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 767px) {\n    .ramoa-page-hero {\n      min-height: clamp(300px, 46vh, 420px);\n\n      padding:\n        112px\n        18px\n        68px;\n    }\n\n    .ramoa-page-hero__grid {\n      opacity: 0.36;\n\n      background-size:\n        42px 42px,\n        42px 42px,\n        84px 84px,\n        84px 84px;\n    }\n\n    .ramoa-page-hero__breadcrumb {\n      flex-wrap: wrap;\n      margin-bottom: 14px;\n      font-size: 10px;\n      letter-spacing: 0.07em;\n    }\n\n    .ramoa-page-hero__chip {\n      margin-bottom: 16px;\n      padding: 7px 13px;\n      font-size: 10px;\n      letter-spacing: 0.13em;\n    }\n\n    .ramoa-page-hero__title {\n      font-size: clamp(38px, 12vw, 48px);\n      line-height: 1.14em;\n      font-weight: 400 !important;\n      letter-spacing: -0.04em;\n    }\n\n    .ramoa-page-hero__title::after {\n      width: 58px;\n      margin-top: 20px;\n    }\n\n    .ramoa-page-hero__lead {\n      max-width: 94%;\n      margin-top: 22px;\n      padding: 14px 18px;\n\n      font-size: 14px;\n      line-height: 1.62;\n\n      border-radius: 16px;\n    }\n\n    .ramoa-page-hero__lead::before {\n      width: 68%;\n    }\n\n    .ramoa-page-hero__rings {\n      display: none !important;\n    }\n  }\n\n  \/* Reduced Motion *\/\n  @media (prefers-reduced-motion: reduce) {\n    .ramoa-page-hero__breadcrumb a {\n      transition: none;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4dfff93 e-con-full e-flex e-con e-child\" data-id=\"4dfff93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fe0f87e e-con-full e-flex e-con e-child\" data-id=\"fe0f87e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e69401 elementor-widget elementor-widget-html\" data-id=\"9e69401\" 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 blue tech + neon cyan\/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\n.ramoa-marquee {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 18% 50%,\n      rgba(45, 212, 255, 0.10) 0%,\n      rgba(45, 212, 255, 0.035) 26%,\n      transparent 58%\n    ),\n    radial-gradient(\n      circle at 82% 50%,\n      rgba(89, 75, 231, 0.12) 0%,\n      rgba(89, 75, 231, 0.040) 30%,\n      transparent 62%\n    ),\n    linear-gradient(\n      90deg,\n      rgba(1, 17, 41, 0.94) 0%,\n      rgba(12, 28, 68, 0.88) 34%,\n      rgba(18, 28, 77, 0.82) 50%,\n      rgba(12, 28, 68, 0.88) 66%,\n      rgba(1, 17, 41, 0.94) 100%\n    );\n\n  padding: 14px 0;\n\n  border-top: 1px solid rgba(45, 212, 255, 0.26);\n  border-bottom: 1px solid rgba(89, 75, 231, 0.28);\n\n  box-shadow:\n    0 0 18px rgba(45, 212, 255, 0.10),\n    0 0 30px rgba(89, 75, 231, 0.08),\n    inset 0 1px 0 rgba(255, 255, 255, 0.045),\n    inset 0 -1px 0 rgba(255, 255, 255, 0.030);\n\n  contain: layout paint style;\n}\n\n\/* brilho horizontal sutil *\/\n.ramoa-marquee::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent 0%,\n      rgba(45, 212, 255, 0.075) 28%,\n      rgba(255, 255, 255, 0.040) 50%,\n      rgba(89, 75, 231, 0.085) 72%,\n      transparent 100%\n    );\n\n  opacity: 0.70;\n  pointer-events: none;\n}\n\n\/* fade nas laterais *\/\n.ramoa-marquee::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(1, 17, 41, 0.98) 0%,\n      rgba(1, 17, 41, 0.72) 6%,\n      transparent 16%,\n      transparent 84%,\n      rgba(1, 17, 41, 0.72) 94%,\n      rgba(1, 17, 41, 0.98) 100%\n    );\n\n  pointer-events: none;\n  z-index: 2;\n}\n\n.ramoa-marquee-track {\n  position: relative;\n  z-index: 1;\n\n  display: flex;\n  align-items: center;\n  width: max-content;\n\n  animation: ramoaMarqueeMove 26s linear infinite;\n  will-change: transform;\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\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n\n  margin-right: 46px;\n\n  color: rgba(235, 246, 255, 0.88);\n\n  font-family: \"Inter\", sans-serif;\n  font-size: 14px;\n  font-weight: 750;\n  text-transform: uppercase;\n  letter-spacing: 0.13em;\n  white-space: nowrap;\n\n  text-shadow:\n    0 0 10px rgba(45, 212, 255, 0.24),\n    0 0 18px rgba(89, 75, 231, 0.16);\n}\n\n.ramoa-marquee-track span::after {\n  content: \"\u2022\";\n\n  margin-left: 46px;\n\n  color: #2dd4ff;\n\n  text-shadow:\n    0 0 8px rgba(45, 212, 255, 0.85),\n    0 0 16px rgba(89, 75, 231, 0.38),\n    0 0 22px rgba(241, 131, 199, 0.18);\n\n  opacity: 0.92;\n}\n\n\/* Pequeno destaque alternado para dar vida sem ficar rosa demais *\/\n.ramoa-marquee-track span:nth-child(3n) {\n  color: rgba(219, 225, 255, 0.90);\n\n  text-shadow:\n    0 0 10px rgba(89, 75, 231, 0.32),\n    0 0 18px rgba(45, 212, 255, 0.14);\n}\n\n.ramoa-marquee-track span:nth-child(4n)::after {\n  color: #8b7cff;\n\n  text-shadow:\n    0 0 8px rgba(89, 75, 231, 0.80),\n    0 0 14px rgba(45, 212, 255, 0.28);\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 *\/\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\n  .ramoa-marquee-track {\n    animation-duration: 22s;\n  }\n\n  .ramoa-marquee-track span {\n    font-size: 12px;\n    letter-spacing: 0.11em;\n    margin-right: 34px;\n  }\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f8df86 e-con-full e-flex e-con e-parent\" data-id=\"5f8df86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f16a4 elementor-widget elementor-widget-html\" data-id=\"44f16a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- RAMOA Digital \u2014 Conte\u00fado \/servicos\/identidade-visual (abaixo do hero) -->\n<style>\n  .rdiv, .rdiv * { box-sizing: border-box; }\n  .rdiv {\n    --ramoa-bg-deep:    #070210;\n    --ramoa-bg-blue:    #071022;\n    --ramoa-bg-dark:    #050914;\n    --ramoa-bg-purple:  #0b0218;\n    --ramoa-cyan:       #2dd4ff;\n    --ramoa-blue:       #594be7;\n    --ramoa-pink:       #ff2fda;\n    --ramoa-purple:     #a855f7;\n    --ramoa-text:       rgba(255,255,255,0.92);\n    --ramoa-text-soft:  rgba(255,255,255,0.72);\n    --ramoa-text-faint: rgba(255,255,255,0.55);\n    --ramoa-font: \"Outfit\",\"Inter\",-apple-system,system-ui,sans-serif;\n    font-family: var(--ramoa-font);\n    color: var(--ramoa-text);\n    width: 100%;\n    max-width: 100vw;\n    overflow-x: hidden;\n    -webkit-font-smoothing: antialiased;\n    background: #070210;\n  }\n  .rdiv a { color: inherit; text-decoration: none; }\n  .rdiv h2, .rdiv h3, .rdiv p { margin: 0; }\n\n  \/* Sections *\/\n  .rdiv-section {\n    position: relative;\n    isolation: isolate;\n    padding: clamp(72px, 10vh, 120px) clamp(18px, 5vw, 72px);\n    overflow: hidden;\n  }\n  .rdiv-padrao {\n    background: linear-gradient(180deg, #070210 0%, #071022 50%, #050914 100%);\n  }\n  .rdiv-destaque {\n    background:\n      radial-gradient(80% 60% at 50% 0%, rgba(45,212,255,0.10), transparent 65%),\n      radial-gradient(60% 50% at 100% 100%, rgba(89,75,231,0.08), transparent 65%),\n      radial-gradient(50% 40% at 0% 100%, rgba(255,47,218,0.05), transparent 65%),\n      linear-gradient(180deg, #070210 0%, #071022 50%, #050914 100%);\n  }\n  .rdiv-grade::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(transparent 95%, rgba(45,212,255,0.10) 95%),\n      linear-gradient(90deg, transparent 95%, rgba(45,212,255,0.10) 95%);\n    background-size: 48px 48px;\n    -webkit-mask-image: radial-gradient(ellipse at center, #000 18%, rgba(0,0,0,0.6) 50%, transparent 90%);\n            mask-image: radial-gradient(ellipse at center, #000 18%, rgba(0,0,0,0.6) 50%, transparent 90%);\n    opacity: 0.30;\n    pointer-events: none;\n    z-index: 0;\n  }\n  .rdiv-container {\n    position: relative;\n    z-index: 1;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  \/* Eyebrow *\/\n  .rdiv-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 14px;\n    border: 1px solid rgba(45,212,255,0.25);\n    border-radius: 999px;\n    background: rgba(45,212,255,0.04);\n    font-size: 10.5px;\n    font-weight: 900;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--ramoa-text);\n    margin-bottom: 18px;\n  }\n  .rdiv-dot {\n    width: 7px; height: 7px;\n    border-radius: 50%;\n    background: var(--ramoa-cyan);\n    box-shadow: 0 0 10px rgba(45,212,255,0.9);\n    animation: rdiv-pulse 1.6s ease-in-out infinite;\n  }\n  .rdiv-dot-pink { background: var(--ramoa-pink); box-shadow: 0 0 10px rgba(255,47,218,0.7); }\n  @keyframes rdiv-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.45; transform: scale(0.78); }\n  }\n\n  \/* Headings *\/\n  .rdiv-h2 {\n    font-size: clamp(28px, 3.4vw, 44px);\n    font-weight: 600;\n    letter-spacing: -0.02em;\n    line-height: 1.12;\n    margin: 0 0 14px !important;\n    max-width: 880px;\n  }\n  .rdiv-grad {\n    background: linear-gradient(90deg, var(--ramoa-cyan), var(--ramoa-purple));\n    -webkit-background-clip: text;\n            background-clip: text;\n    -webkit-text-fill-color: transparent;\n            color: transparent;\n  }\n  .rdiv-lead {\n    margin-top: 0 !important;\n    font-size: 15.5px;\n    line-height: 1.65;\n    color: var(--ramoa-text-soft);\n    max-width: 760px;\n  }\n\n  \/* Espa\u00e7amento global entre t\u00edtulos de se\u00e7\u00e3o e textos introdut\u00f3rios *\/\n  .rdiv-h2 + .rdiv-lead {\n    margin-top: 0 !important;\n  }\n\n  .rdiv-eyebrow + .rdiv-h2 {\n    margin-top: 0 !important;\n  }\n  .rdiv-h3 {\n    font-size: 20px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    color: var(--ramoa-text);\n  }\n\n  \/* Micro cards row (section 1) *\/\n  .rdiv-micro-grid {\n    margin-top: 48px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n  }\n  .rdiv-micro {\n    padding: 26px 24px;\n    border-radius: 20px;\n    background: linear-gradient(180deg, rgba(45,212,255,0.04), rgba(7,16,34,0.6));\n    border: 1px solid rgba(255,255,255,0.06);\n    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n  }\n  .rdiv-micro:hover {\n    transform: translateY(-4px);\n    border-color: rgba(45,212,255,0.35);\n    box-shadow: 0 18px 40px -22px rgba(45,212,255,0.35);\n  }\n  .rdiv-icon {\n    width: 44px; height: 44px;\n    display: inline-flex; align-items: center; justify-content: center;\n    border-radius: 12px;\n    background: rgba(45,212,255,0.08);\n    border: 1px solid rgba(45,212,255,0.25);\n    color: var(--ramoa-cyan);\n    box-shadow: 0 0 20px rgba(45,212,255,0.25);\n    margin-bottom: 18px;\n  }\n  .rdiv-micro h3 { font-size: 19px; font-weight: 700; }\n  .rdiv-micro p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: var(--ramoa-text-soft);\n  }\n\n  \/* Deliverables grid (section 2) *\/\n  .rdiv-deliv-grid {\n    margin-top: 48px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n  }\n  .rdiv-deliv {\n    position: relative;\n    padding: 30px 28px;\n    border-radius: 22px;\n    background: linear-gradient(180deg, rgba(7,16,34,0.85), rgba(5,9,20,0.85));\n    border: 1px solid rgba(255,255,255,0.07);\n    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n  }\n  .rdiv-deliv:hover {\n    transform: translateY(-3px);\n    border-color: rgba(45,212,255,0.30);\n    box-shadow: 0 18px 50px -24px rgba(45,212,255,0.30);\n  }\n  .rdiv-deliv-num {\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.22em;\n    color: var(--ramoa-cyan);\n    margin-bottom: 12px;\n  }\n  .rdiv-deliv h3 { font-size: 21px; font-weight: 700; }\n  .rdiv-deliv p {\n    margin-top: 10px;\n    font-size: 15px;\n    line-height: 1.65;\n    color: var(--ramoa-text-soft);\n  }\n\n  \/* Timeline (section 3) *\/\n  .rdiv-timeline {\n    margin-top: 56px;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    position: relative;\n  }\n  .rdiv-timeline::before {\n    content: \"\";\n    position: absolute;\n    top: 38px; left: 6%; right: 6%;\n    height: 2px;\n    background: linear-gradient(90deg,\n      transparent 0%,\n      var(--ramoa-cyan) 20%,\n      var(--ramoa-purple) 60%,\n      var(--ramoa-cyan) 100%);\n    opacity: 0.55;\n    background-size: 200% 100%;\n    animation: rdiv-flow 6s linear infinite;\n    z-index: 0;\n  }\n  @keyframes rdiv-flow {\n    0% { background-position: 0% 0; }\n    100% { background-position: 200% 0; }\n  }\n  .rdiv-step {\n    position: relative;\n    z-index: 1;\n    text-align: left;\n  }\n  .rdiv-step-num {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 76px; height: 76px;\n    border-radius: 50%;\n    background: radial-gradient(circle at 35% 30%, rgba(45,212,255,0.18), rgba(7,16,34,0.95) 70%);\n    border: 1px solid rgba(45,212,255,0.35);\n    font-size: 28px; font-weight: 800;\n    color: rgba(255,255,255,0.85);\n    letter-spacing: -0.02em;\n    margin-bottom: 20px;\n    box-shadow: 0 0 30px rgba(45,212,255,0.18);\n  }\n  .rdiv-step h3 { font-size: 19px; font-weight: 700; }\n  .rdiv-step p {\n    margin-top: 8px;\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: var(--ramoa-text-soft);\n  }\n\n  \/* Profiles (section 4) *\/\n  .rdiv-profiles {\n    margin-top: 48px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }\n  .rdiv-profile {\n    padding: 32px 28px;\n    border-radius: 22px;\n    background: linear-gradient(180deg, rgba(11,2,24,0.6), rgba(7,16,34,0.7));\n    border: 1px solid rgba(255,255,255,0.07);\n    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n  }\n  .rdiv-profile:hover {\n    transform: translateY(-4px);\n    border-color: rgba(168,85,247,0.30);\n    box-shadow: 0 22px 50px -24px rgba(89,75,231,0.40);\n  }\n  .rdiv-profile h3 { font-size: 20px; font-weight: 700; margin-top: 4px; }\n  .rdiv-profile p {\n    margin-top: 10px;\n    font-size: 14.5px;\n    line-height: 1.65;\n    color: var(--ramoa-text-soft);\n  }\n\n  \/* FAQ (section 5) *\/\n  .rdiv-faq {\n    margin-top: 44px;\n    max-width: 900px;\n  }\n  .rdiv-faq-item {\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 16px;\n    background: rgba(7,16,34,0.55);\n    margin-bottom: 14px;\n    overflow: hidden;\n    transition: border-color .3s ease;\n  }\n  .rdiv-faq-item[open] {\n    border-color: rgba(45,212,255,0.30);\n  }\n  .rdiv-faq-item summary {\n    list-style: none;\n    cursor: pointer;\n    padding: 22px 24px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--ramoa-text);\n  }\n  .rdiv-faq-item summary::-webkit-details-marker { display: none; }\n  .rdiv-faq-icon {\n    flex-shrink: 0;\n    width: 28px; height: 28px;\n    display: inline-flex; align-items: center; justify-content: center;\n    border-radius: 50%;\n    border: 1px solid rgba(45,212,255,0.40);\n    color: var(--ramoa-cyan);\n    transition: transform .3s ease, background .3s ease;\n  }\n  .rdiv-faq-item[open] .rdiv-faq-icon {\n    transform: rotate(45deg);\n    background: rgba(45,212,255,0.10);\n  }\n  .rdiv-faq-body {\n    padding: 0 24px 22px;\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--ramoa-text-soft);\n  }\n\n  \/* CTA (section 6) *\/\n  .rdiv-cta-wrap {\n    max-width: 880px;\n    margin: 0 auto;\n    text-align: center;\n  }\n  .rdiv-cta-card {\n    position: relative;\n    padding: clamp(40px, 6vw, 64px) clamp(28px, 5vw, 56px);\n    border-radius: 26px;\n    background: linear-gradient(180deg, rgba(7,16,34,0.85), rgba(11,2,24,0.85));\n    overflow: hidden;\n  }\n  .rdiv-cta-card::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    padding: 1.5px;\n    border-radius: 26px;\n    background: conic-gradient(from 0deg,\n      var(--ramoa-cyan),\n      var(--ramoa-purple),\n      var(--ramoa-pink),\n      var(--ramoa-cyan));\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    animation: rdiv-spin 8s linear infinite;\n    opacity: 0.7;\n    pointer-events: none;\n  }\n  @keyframes rdiv-spin {\n    to { transform: rotate(360deg); }\n  }\n  .rdiv-cta-card h3 {\n    position: relative;\n    font-size: clamp(24px, 3vw, 36px);\n    font-weight: 600;\n    letter-spacing: -0.02em;\n    line-height: 1.18;\n  }\n  .rdiv-cta-card p {\n    position: relative;\n    margin: 18px auto 0;\n    max-width: 580px;\n    font-size: 15.5px;\n    line-height: 1.65;\n    color: var(--ramoa-text-soft);\n  }\n  .rdiv-btn {\n    position: relative;\n    display: inline-flex; align-items: center; gap: 12px;\n    margin-top: 32px;\n    padding: 16px 28px;\n    border-radius: 999px;\n    border: 1px solid rgba(45,212,255,0.45);\n    background: rgba(45,212,255,0.04);\n    color: var(--ramoa-text);\n    font-size: 14.5px;\n    font-weight: 600;\n    letter-spacing: 0.02em;\n    transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;\n  }\n  .rdiv-btn:hover {\n    background: rgba(45,212,255,0.10);\n    border-color: var(--ramoa-cyan);\n    transform: translateY(-2px);\n    box-shadow: 0 20px 50px -22px rgba(45,212,255,0.55);\n  }\n  .rdiv-btn .rdiv-arrow {\n    transition: transform .3s ease;\n  }\n  .rdiv-btn:hover .rdiv-arrow { transform: translateX(4px); }\n\n  \/* Responsive *\/\n  @media (max-width: 960px) {\n    .rdiv-micro-grid { grid-template-columns: 1fr; gap: 16px; }\n    .rdiv-deliv-grid { grid-template-columns: 1fr; }\n    .rdiv-profiles { grid-template-columns: 1fr; }\n    .rdiv-timeline {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n    .rdiv-timeline::before {\n      top: 0; bottom: 0; left: 38px; right: auto;\n      width: 2px; height: auto;\n      background: linear-gradient(180deg,\n        transparent 0%,\n        var(--ramoa-cyan) 20%,\n        var(--ramoa-purple) 60%,\n        var(--ramoa-cyan) 100%);\n      background-size: 100% 200%;\n      animation: rdiv-flow-v 6s linear infinite;\n    }\n    @keyframes rdiv-flow-v {\n      0% { background-position: 0 0%; }\n      100% { background-position: 0 200%; }\n    }\n    .rdiv-step { padding-left: 8px; }\n  }\n<\/style>\n\n<section class=\"rdiv\">\n  <!-- SECTION 1 \u2014 Introdu\u00e7\u00e3o -->\n  <section class=\"rdiv-section rdiv-padrao\">\n    <div class=\"rdiv-container\">\n      <span class=\"rdiv-eyebrow\"><span class=\"rdiv-dot\"><\/span>O QUE FAZEMOS<\/span>\n      <h2 class=\"rdiv-h2\">Sua marca \u00e9 a <span class=\"rdiv-grad\">primeira impress\u00e3o<\/span>. <br> Garanta que seja a certa.<\/h2>\n      <p class=\"rdiv-lead\">A identidade visual \u00e9 mais do que um logo. \u00c9 o conjunto de elementos que faz sua empresa ser reconhecida, lembrada e escolhida em um mercado cada vez mais competitivo. Na RAMOA, constru\u00edmos marcas profissionais com m\u00e9todo, prop\u00f3sito e personalidade.<\/p>\n\n      <div class=\"rdiv-micro-grid\">\n        <div class=\"rdiv-micro\">\n          <span class=\"rdiv-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n          <\/span>\n          <h3>Visibilidade<\/h3>\n          <p>Uma marca reconhec\u00edvel em qualquer canal: site, redes, materiais.<\/p>\n        <\/div>\n        <div class=\"rdiv-micro\">\n          <span class=\"rdiv-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><circle cx=\"12\" cy=\"12\" r=\"6\"\/><circle cx=\"12\" cy=\"12\" r=\"2\"\/><\/svg>\n          <\/span>\n          <h3>Posicionamento<\/h3>\n          <p>Comunica\u00e7\u00e3o alinhada ao p\u00fablico, ao mercado e ao seu prop\u00f3sito real.<\/p>\n        <\/div>\n        <div class=\"rdiv-micro\">\n          <span class=\"rdiv-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n          <\/span>\n          <h3>Conex\u00e3o<\/h3>\n          <p>Identidade que gera proximidade e confian\u00e7a com quem importa.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 2 \u2014 Entreg\u00e1veis -->\n  <section class=\"rdiv-section rdiv-padrao rdiv-grade\">\n    <div class=\"rdiv-container\">\n      <span class=\"rdiv-eyebrow\"><span class=\"rdiv-dot\"><\/span>ENTREG\u00c1VEIS<\/span>\n      <h2 class=\"rdiv-h2\">Tudo que sua marca precisa, do zero ao manual completo.<\/h2>\n      <p class=\"rdiv-lead\">Cada projeto de identidade visual da RAMOA \u00e9 entregue com um pacote estruturado de materiais prontos para uso imediato em todos os pontos de contato com seu cliente.<\/p>\n\n      <div class=\"rdiv-deliv-grid\">\n        <div class=\"rdiv-deliv\">\n          <div class=\"rdiv-deliv-num\">01<\/div>\n          <h3>Logotipo profissional<\/h3>\n          <p>Vers\u00f5es principal, alternativa, monocrom\u00e1tica e s\u00edmbolo isolado, prontas para qualquer aplica\u00e7\u00e3o.<\/p>\n        <\/div>\n        <div class=\"rdiv-deliv\">\n          <div class=\"rdiv-deliv-num\">02<\/div>\n          <h3>Paleta de cores estrat\u00e9gica<\/h3>\n          <p>Cores definidas com crit\u00e9rio, com c\u00f3digos para impress\u00e3o, web e aplica\u00e7\u00f5es digitais.<\/p>\n        <\/div>\n        <div class=\"rdiv-deliv\">\n          <div class=\"rdiv-deliv-num\">03<\/div>\n          <h3>Sistema tipogr\u00e1fico<\/h3>\n          <p>Fontes principais e auxiliares com regras claras de uso para manter consist\u00eancia.<\/p>\n        <\/div>\n        <div class=\"rdiv-deliv\">\n          <div class=\"rdiv-deliv-num\">04<\/div>\n          <h3>Dire\u00e7\u00e3o visual<\/h3>\n          <p>Estilo fotogr\u00e1fico, padr\u00f5es gr\u00e1ficos e elementos visuais que formam a personalidade da marca.<\/p>\n        <\/div>\n        <div class=\"rdiv-deliv\">\n          <div class=\"rdiv-deliv-num\">05<\/div>\n          <h3>Manual da marca<\/h3>\n          <p>Documento completo com todas as regras de uso, exemplos pr\u00e1ticos e usos proibidos.<\/p>\n        <\/div>\n        <div class=\"rdiv-deliv\">\n          <div class=\"rdiv-deliv-num\">06<\/div>\n          <h3>Templates de aplica\u00e7\u00e3o<\/h3>\n          <p>Modelos prontos para posts, apresenta\u00e7\u00f5es, papelaria e materiais essenciais do dia a dia.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 3 \u2014 Processo -->\n  <section class=\"rdiv-section rdiv-destaque\">\n    <div class=\"rdiv-container\">\n      <span class=\"rdiv-eyebrow\"><span class=\"rdiv-dot\"><\/span>NOSSO PROCESSO<\/span>\n      <h2 class=\"rdiv-h2\">Um m\u00e9todo claro, do briefing \u00e0 entrega final.<\/h2>\n      <p class=\"rdiv-lead\">Toda constru\u00e7\u00e3o de identidade visual da RAMOA segue 4 etapas estruturadas para reduzir retrabalho, alinhar expectativas e entregar uma marca pronta para crescer com sua empresa.<\/p>\n\n      <div class=\"rdiv-timeline\">\n        <div class=\"rdiv-step\">\n          <div class=\"rdiv-step-num\">01<\/div>\n          <h3>Imers\u00e3o<\/h3>\n          <p>Entendemos seu neg\u00f3cio, seu p\u00fablico, seu mercado e seus objetivos reais.<\/p>\n        <\/div>\n        <div class=\"rdiv-step\">\n          <div class=\"rdiv-step-num\">02<\/div>\n          <h3>Estrat\u00e9gia<\/h3>\n          <p>Definimos posicionamento, conceito visual e dire\u00e7\u00e3o criativa do projeto.<\/p>\n        <\/div>\n        <div class=\"rdiv-step\">\n          <div class=\"rdiv-step-num\">03<\/div>\n          <h3>Constru\u00e7\u00e3o<\/h3>\n          <p>Desenhamos logo, paleta, tipografia e todo o sistema visual da marca.<\/p>\n        <\/div>\n        <div class=\"rdiv-step\">\n          <div class=\"rdiv-step-num\">04<\/div>\n          <h3>Entrega<\/h3>\n          <p>Compilamos o manual, treinamos sua equipe e acompanhamos a aplica\u00e7\u00e3o.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 4 \u2014 Para quem \u00e9 -->\n  <section class=\"rdiv-section rdiv-padrao\">\n    <div class=\"rdiv-container\">\n      <span class=\"rdiv-eyebrow\"><span class=\"rdiv-dot\"><\/span>PARA QUEM \u00c9<\/span>\n      <h2 class=\"rdiv-h2\">Identidade visual feita sob medida para o seu momento.<\/h2>\n      <p class=\"rdiv-lead\">A RAMOA atende empresas que entendem o valor de uma marca profissional e querem comunicar isso com clareza.<\/p>\n\n      <div class=\"rdiv-profiles\">\n        <div class=\"rdiv-profile\">\n          <span class=\"rdiv-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\n          <\/span>\n          <h3>Empresas em lan\u00e7amento<\/h3>\n          <p>Para come\u00e7ar com identidade forte, evitando refazer tudo daqui a 1 ano.<\/p>\n        <\/div>\n        <div class=\"rdiv-profile\">\n          <span class=\"rdiv-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg>\n          <\/span>\n          <h3>Marcas em reposicionamento<\/h3>\n          <p>Para empresas que cresceram e precisam de uma identidade \u00e0 altura.<\/p>\n        <\/div>\n        <div class=\"rdiv-profile\">\n          <span class=\"rdiv-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n          <\/span>\n          <h3>Neg\u00f3cios em expans\u00e3o<\/h3>\n          <p>Para escalar com consist\u00eancia visual entre canais, equipes e mercados.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 5 \u2014 FAQ -->\n  <section class=\"rdiv-section rdiv-padrao\">\n    <div class=\"rdiv-container\">\n      <span class=\"rdiv-eyebrow\"><span class=\"rdiv-dot\"><\/span>D\u00daVIDAS COMUNS<\/span>\n      <h2 class=\"rdiv-h2\">Perguntas frequentes sobre identidade visual.<\/h2>\n\n      <div class=\"rdiv-faq\">\n        <details class=\"rdiv-faq-item\">\n          <summary>\n            Quanto tempo leva um projeto completo de identidade visual?\n            <span class=\"rdiv-faq-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rdiv-faq-body\">Em m\u00e9dia, entre 4 e 6 semanas, dependendo da complexidade do escopo e do alinhamento entre as etapas. Projetos com mais aplica\u00e7\u00f5es ou revis\u00f5es adicionais podem se estender.<\/div>\n        <\/details>\n        <details class=\"rdiv-faq-item\">\n          <summary>\n            Posso usar a marca em qualquer canal depois da entrega?\n            <span class=\"rdiv-faq-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rdiv-faq-body\">Sim. Toda identidade visual da RAMOA \u00e9 entregue com manual completo e arquivos em todos os formatos necess\u00e1rios para uso em digital, impresso e aplica\u00e7\u00f5es de grande escala.<\/div>\n        <\/details>\n        <details class=\"rdiv-faq-item\">\n          <summary>\n            Como funciona o processo de aprova\u00e7\u00e3o do logo?\n            <span class=\"rdiv-faq-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rdiv-faq-body\">Apresentamos 2 ou 3 conceitos principais alinhados \u00e0 estrat\u00e9gia definida na imers\u00e3o. Ap\u00f3s sua escolha, refinamos a op\u00e7\u00e3o selecionada em at\u00e9 2 rodadas de ajustes.<\/div>\n        <\/details>\n        <details class=\"rdiv-faq-item\">\n          <summary>\n            A RAMOA tamb\u00e9m desenvolve o site com a nova identidade?\n            <span class=\"rdiv-faq-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rdiv-faq-body\">Sim. Trabalhamos com design e desenvolvimento integrados. Veja nossa p\u00e1gina de cria\u00e7\u00e3o de sites para entender como esse trabalho acontece de forma combinada.<\/div>\n        <\/details>\n        <details class=\"rdiv-faq-item\">\n          <summary>\n            A identidade fica registrada em meu nome?\n            <span class=\"rdiv-faq-icon\">\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rdiv-faq-body\">Sim. Todos os arquivos, conceitos e direitos de uso s\u00e3o seus ap\u00f3s a entrega. Recomendamos tamb\u00e9m o registro formal no INPI ou \u00f3rg\u00e3o equivalente no seu pa\u00eds.<\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION 6 \u2014 CTA Final -->\n  <section class=\"rdiv-section rdiv-destaque\">\n    <div class=\"rdiv-container\">\n      <div class=\"rdiv-cta-wrap\">\n        <div class=\"rdiv-cta-card\">\n          <h3>Pronto para construir uma marca \u00e0 altura do seu neg\u00f3cio?<\/h3>\n          <p>Conte sobre seu projeto e mostramos como podemos te ajudar a construir uma identidade visual com m\u00e9todo, prop\u00f3sito e resultado. Resposta em at\u00e9 24 horas \u00fateis.<\/p>\n          <a class=\"rdiv-btn\" href=\"\/contato\">\n            <span class=\"rdiv-dot\"><\/span>\n            Vamos Conversar\n            <svg class=\"rdiv-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/section>\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>Home \/ Servi\u00e7os \/ Identidade Visual Identidade Visual Marca profissional para empresas que querem ser lembradas. Cria\u00e7\u00e3o de identidade visual completa: logo, paleta de cores, tipografia e dire\u00e7\u00e3o criativa para sua marca parecer t\u00e3o profissional quanto o servi\u00e7o que entrega. DESENVOLVIMENTO WEB IDENTIDADE VISUAL SOFTWARE SOB MEDIDA LOJA VIRTUAL TR\u00c1FEGO PAGO WORDPRESS REDES SOCIAIS LANDING [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1947,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5313","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/pages\/5313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/comments?post=5313"}],"version-history":[{"count":22,"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/pages\/5313\/revisions"}],"predecessor-version":[{"id":5471,"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/pages\/5313\/revisions\/5471"}],"up":[{"embeddable":true,"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/pages\/1947"}],"wp:attachment":[{"href":"https:\/\/ramoadigital.com\/de\/wp-json\/wp\/v2\/media?parent=5313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}