{"id":5317,"date":"2026-05-16T16:29:30","date_gmt":"2026-05-16T16:29:30","guid":{"rendered":"https:\/\/ramoadigital.com\/?page_id=5317"},"modified":"2026-05-22T17:39:12","modified_gmt":"2026-05-22T17:39:12","slug":"digital-infrastructure","status":"publish","type":"page","link":"https:\/\/ramoadigital.com\/en\/servicos\/infraestrutura-digital\/","title":{"rendered":"Digital Infrastructure"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5317\" class=\"elementor elementor-5317\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b81c0f e-con-full e-flex e-con e-parent\" data-id=\"6b81c0f\" 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-8e00af3 elementor-widget elementor-widget-html\" data-id=\"8e00af3\" 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  <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>Infraestrutura Digital<\/span>\n    <\/nav>\n    <span class=\"ramoa-page-hero__chip\">Infraestrutura Digital<\/span>\n     <h1 class=\"ramoa-page-hero__title\" id=\"ramoaPageHeroTitle\">\n  Dom\u00ednios, e-mails & hosting <br> com sua oper\u00e7\u00e3o 100% funcional.\n    <\/h1>\n    <p class=\"ramoa-page-hero__lead\">\n  Configura\u00e7\u00e3o de dom\u00ednios, hospedagem profissional, e-mails corporativos <br>para construir uma base t\u00e9cnica <span>est\u00e1vel, segura e pronta para crescer.<\/span>    <\/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-cce3a97 e-con-full e-flex e-con e-child\" data-id=\"cce3a97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4f939b1 e-con-full e-flex e-con e-child\" data-id=\"4f939b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a946ed2 elementor-widget elementor-widget-html\" data-id=\"a946ed2\" 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-63f0d17 e-con-full e-flex e-con e-parent\" data-id=\"63f0d17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19ff806 elementor-widget elementor-widget-html\" data-id=\"19ff806\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- RAMOA Digital \u2014 \/servicos\/infraestrutura-digital (conte\u00fado abaixo do hero) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n  .rinf {\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\n    font-family: var(--ramoa-font);\n    color: var(--ramoa-text);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .rinf *, .rinf *::before, .rinf *::after { box-sizing: border-box; }\n\n  .rinf-section {\n    position: relative;\n    isolation: isolate;\n    padding: clamp(72px, 10vh, 120px) clamp(18px, 5vw, 72px);\n    overflow: hidden;\n  }\n  .rinf-section--padrao {\n    background: linear-gradient(180deg, #070210 0%, #071022 50%, #050914 100%);\n  }\n  .rinf-section--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  .rinf-section--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  .rinf-container {\n    position: relative;\n    z-index: 1;\n    max-width: 1180px;\n    margin: 0 auto;\n    text-align: left;\n  }\n  .rinf-head {\n    max-width: 100%;\n    margin: 0 0 clamp(40px, 5vw, 64px);\n    text-align: left;\n  }\n  .rinf-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--ramoa-cyan);\n    padding: 8px 14px;\n    border-radius: 999px;\n    border: 1px solid rgba(45,212,255,0.28);\n    background: rgba(45,212,255,0.06);\n    margin-bottom: 22px;\n  }\n  .rinf-eyebrow::before {\n    content: \"\";\n    width: 6px; height: 6px;\n    border-radius: 50%;\n    background: var(--ramoa-cyan);\n    box-shadow: 0 0 10px var(--ramoa-cyan);\n    animation: rinf-pulse 1.6s ease-in-out infinite;\n  }\n  @keyframes rinf-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50%      { opacity: 0.45; transform: scale(0.85); }\n  }\n  .rinf-h2 {\n    font-size: clamp(28px, 3.4vw, 44px);\n    font-weight: 600;\n    letter-spacing: -0.02em;\n    line-height: 1.15;\n    margin: 0 0 20px;\n    color: var(--ramoa-text);\n    max-width: 780px;\n  }\n  .rinf-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  .rinf-lead {\n    font-size: 15.5px;\n    line-height: 1.65;\n    color: var(--ramoa-text-soft);\n    margin: 0;\n    max-width: 760px;\n  }\n\n  \/* SECTION 1 \u2014 micro cards *\/\n  .rinf-micro {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-top: clamp(36px, 4vw, 56px);\n  }\n  .rinf-micro-card {\n    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 20px;\n    padding: 28px 24px;\n    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n  }\n  .rinf-micro-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(45,212,255,0.35);\n    box-shadow: 0 12px 40px rgba(45,212,255,0.10);\n  }\n  .rinf-micro-icon {\n    width: 44px; height: 44px;\n    display: grid; place-items: center;\n    border-radius: 12px;\n    background: rgba(45,212,255,0.08);\n    border: 1px solid rgba(45,212,255,0.22);\n    color: var(--ramoa-cyan);\n    box-shadow: 0 0 20px rgba(45,212,255,0.20);\n    margin-bottom: 18px;\n  }\n  .rinf-micro-card h3 {\n    font-size: 19px;\n    font-weight: 700;\n    margin: 0 0 8px;\n    color: var(--ramoa-text);\n  }\n  .rinf-micro-card p {\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: var(--ramoa-text-soft);\n    margin: 0;\n  }\n\n  \/* SECTION 2 \u2014 deliverables grid *\/\n  .rinf-grid2 {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n  }\n  .rinf-deliv-card {\n    position: relative;\n    background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,255,255,0.09);\n    border-radius: 22px;\n    padding: 32px 30px;\n    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;\n  }\n  .rinf-deliv-card:hover {\n    transform: translateY(-4px);\n    border-color: rgba(45,212,255,0.30);\n    box-shadow: 0 16px 50px rgba(45,212,255,0.10);\n  }\n  .rinf-deliv-num {\n    font-size: 12px;\n    font-weight: 900;\n    letter-spacing: 0.16em;\n    color: var(--ramoa-cyan);\n    margin-bottom: 12px;\n  }\n  .rinf-deliv-card h3 {\n    font-size: 22px;\n    font-weight: 700;\n    margin: 0 0 12px;\n    color: var(--ramoa-text);\n  }\n  .rinf-deliv-card p {\n    font-size: 15px;\n    line-height: 1.65;\n    color: var(--ramoa-text-soft);\n    margin: 0 0 18px;\n  }\n  .rinf-tags {\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    color: var(--ramoa-text-faint);\n    padding-top: 14px;\n    border-top: 1px dashed rgba(255,255,255,0.10);\n  }\n\n  \/* SECTION 3 \u2014 timeline *\/\n  .rinf-timeline {\n    position: relative;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n    margin-top: clamp(36px, 4vw, 56px);\n  }\n  .rinf-timeline::before {\n    content: \"\";\n    position: absolute;\n    top: 38px; left: 8%; right: 8%;\n    height: 2px;\n    background: linear-gradient(90deg, transparent 0%, var(--ramoa-cyan) 20%, var(--ramoa-purple) 80%, transparent 100%);\n    background-size: 200% 100%;\n    animation: rinf-flow 6s linear infinite;\n    z-index: 0;\n  }\n  @keyframes rinf-flow {\n    0%   { background-position: 0% 50%; }\n    100% { background-position: 200% 50%; }\n  }\n  .rinf-step {\n    position: relative;\n    z-index: 1;\n    text-align: left;\n    padding: 0 8px;\n  }\n  .rinf-step-num {\n    display: inline-grid;\n    place-items: center;\n    width: 76px; height: 76px;\n    border-radius: 50%;\n    background: linear-gradient(180deg, #0b1530, #060c1d);\n    border: 1px solid rgba(45,212,255,0.35);\n    font-size: 26px;\n    font-weight: 700;\n    color: var(--ramoa-cyan);\n    box-shadow: 0 0 24px rgba(45,212,255,0.20);\n    margin: 0 0 22px;\n  }\n  .rinf-step h3 {\n    font-size: 20px;\n    font-weight: 700;\n    margin: 0 0 10px;\n    color: var(--ramoa-text);\n  }\n  .rinf-step p {\n    font-size: 14.5px;\n    line-height: 1.6;\n    color: var(--ramoa-text-soft);\n    margin: 0;\n    max-width: 280px;\n    margin-inline: 0;\n  }\n\n  \/* SECTION 4 \u2014 FAQ *\/\n  .rinf-faq {\n    max-width: 820px;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n  .rinf-faq-item {\n    background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.01));\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 16px;\n    overflow: hidden;\n    transition: border-color .3s ease;\n  }\n  .rinf-faq-item[open] {\n    border-color: rgba(45,212,255,0.28);\n  }\n  .rinf-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  .rinf-faq-item summary::-webkit-details-marker { display: none; }\n  .rinf-faq-icon {\n    flex-shrink: 0;\n    width: 28px; height: 28px;\n    border-radius: 50%;\n    background: rgba(45,212,255,0.10);\n    border: 1px solid rgba(45,212,255,0.30);\n    display: grid; place-items: center;\n    color: var(--ramoa-cyan);\n    transition: transform .3s ease;\n  }\n  .rinf-faq-item[open] .rinf-faq-icon { transform: rotate(45deg); }\n  .rinf-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  \/* SECTION 5 \u2014 CTA *\/\n  .rinf-cta-card {\n    position: relative;\n    max-width: 760px;\n    margin: 0;\n    padding: clamp(36px, 5vw, 56px) clamp(28px, 4vw, 56px);\n    border-radius: 24px;\n    background: linear-gradient(180deg, rgba(8,14,32,0.85), rgba(5,9,20,0.85));\n    text-align: left;\n    isolation: isolate;\n  }\n  .rinf-cta-card::before {\n    content: \"\";\n    position: absolute; inset: 0;\n    border-radius: 24px;\n    padding: 1.5px;\n    background: conic-gradient(from 0deg, var(--ramoa-cyan), var(--ramoa-purple), var(--ramoa-pink), 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: rinf-spin 8s linear infinite;\n    z-index: -1;\n  }\n  @keyframes rinf-spin { to { transform: rotate(360deg); } }\n  .rinf-cta-card h3 {\n    font-size: clamp(22px, 2.6vw, 32px);\n    font-weight: 600;\n    letter-spacing: -0.01em;\n    margin: 0 0 16px;\n    color: var(--ramoa-text);\n  }\n  .rinf-cta-card p {\n    font-size: 15.5px;\n    line-height: 1.65;\n    color: var(--ramoa-text-soft);\n    margin: 0 0 28px;\n    max-width: 560px;\n  }\n  .rinf-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 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-family: var(--ramoa-font);\n    font-size: 15px;\n    font-weight: 600;\n    text-decoration: none;\n    transition: background .3s ease, border-color .3s ease, transform .3s ease, box-shadow .3s ease;\n  }\n  .rinf-btn:hover {\n    background: rgba(45,212,255,0.10);\n    border-color: var(--ramoa-cyan);\n    transform: translateY(-2px);\n    box-shadow: 0 12px 32px rgba(45,212,255,0.20);\n  }\n  .rinf-btn .rinf-dot {\n    width: 8px; height: 8px;\n    border-radius: 50%;\n    background: var(--ramoa-cyan);\n    box-shadow: 0 0 12px var(--ramoa-cyan);\n    animation: rinf-pulse 1.6s ease-in-out infinite;\n  }\n  .rinf-btn .rinf-arrow {\n    transition: transform .3s ease;\n  }\n  .rinf-btn:hover .rinf-arrow { transform: translateX(4px); }\n\n  \/* Responsive *\/\n  @media (max-width: 880px) {\n    .rinf-micro { grid-template-columns: 1fr; }\n    .rinf-grid2 { grid-template-columns: 1fr; }\n    .rinf-timeline {\n      grid-template-columns: 1fr;\n      gap: 36px;\n    }\n    .rinf-timeline::before {\n      top: 0; bottom: 0; left: 50%;\n      right: auto;\n      width: 2px; height: auto;\n      background: linear-gradient(180deg, transparent 0%, var(--ramoa-cyan) 20%, var(--ramoa-purple) 80%, transparent 100%);\n      background-size: 100% 200%;\n      animation: rinf-flow-v 6s linear infinite;\n    }\n    @keyframes rinf-flow-v {\n      0%   { background-position: 50% 0%; }\n      100% { background-position: 50% 200%; }\n    }\n  }\n<\/style>\n\n<div class=\"rinf\">\n\n  <!-- ============ SECTION 1 \u2014 INTRODU\u00c7\u00c3O ============ -->\n  <section class=\"rinf-section rinf-section--padrao\">\n    <div class=\"rinf-container\">\n      <div class=\"rinf-head\">\n        <span class=\"rinf-eyebrow\">O QUE FAZEMOS<\/span>\n        <h2 class=\"rinf-h2\">\n          Sua empresa funcionando <span class=\"rinf-grad\">sem voc\u00ea precisar pensar<\/span> em infraestrutura.\n        <\/h2>\n        <p class=\"rinf-lead\">\n          Dom\u00ednio fora do ar, e-mail caindo no spam, hospedagem lenta, gest\u00e3o de nuvens Google Workspace ou Microsoft 365. Pequenos problemas t\u00e9cnicos custam tempo, vendas e credibilidade. A RAMOA cuida da infraestrutura digital da sua empresa para voc\u00ea focar no que realmente importa: o seu neg\u00f3cio.\n        <\/p>\n      <\/div>\n\n      <div class=\"rinf-micro\">\n        <article class=\"rinf-micro-card\">\n          <div class=\"rinf-micro-icon\" aria-hidden=\"true\">\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=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n          <h3>Estabilidade<\/h3>\n          <p>Dom\u00ednio, hospedagem e e-mail configurados para rodar sem surpresas.<\/p>\n        <\/article>\n\n        <article class=\"rinf-micro-card\">\n          <div class=\"rinf-micro-icon\" aria-hidden=\"true\">\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\"><rect x=\"4\" y=\"10\" width=\"16\" height=\"11\" rx=\"2\"\/><path d=\"M8 10V7a4 4 0 0 1 8 0v3\"\/><\/svg>\n          <\/div>\n          <h3>Seguran\u00e7a<\/h3>\n          <p>Configura\u00e7\u00f5es de prote\u00e7\u00e3o, backups e monitoramento contra falhas e ataques.<\/p>\n        <\/article>\n\n        <article class=\"rinf-micro-card\">\n          <div class=\"rinf-micro-icon\" aria-hidden=\"true\">\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=\"M3 14v-2a9 9 0 0 1 18 0v2\"\/><rect x=\"3\" y=\"14\" width=\"5\" height=\"7\" rx=\"1.5\"\/><rect x=\"16\" y=\"14\" width=\"5\" height=\"7\" rx=\"1.5\"\/><\/svg>\n          <\/div>\n          <h3>Suporte real<\/h3>\n          <p>Quando algo d\u00e1 errado, voc\u00ea fala com o mesmo time que configurou tudo.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 2 \u2014 \u00c1REAS QUE CUIDAMOS ============ -->\n  <section class=\"rinf-section rinf-section--padrao rinf-section--grade\">\n    <div class=\"rinf-container\">\n      <div class=\"rinf-head\">\n        <span class=\"rinf-eyebrow\">\u00c1REAS QUE CUIDAMOS<\/span>\n        <h2 class=\"rinf-h2\">\n          Tudo que sustenta sua presen\u00e7a digital, <span class=\"rinf-grad\">em um s\u00f3 lugar<\/span>.\n        <\/h2>\n        <p class=\"rinf-lead\">\n          A RAMOA assume a responsabilidade t\u00e9cnica completa pela infraestrutura da sua empresa, do registro inicial at\u00e9 o suporte cont\u00ednuo. Cada \u00e1rea configurada com crit\u00e9rio, documenta\u00e7\u00e3o e acesso 100% em seu nome.\n        <\/p>\n      <\/div>\n\n      <div class=\"rinf-grid2\">\n        <article class=\"rinf-deliv-card\">\n          <div class=\"rinf-deliv-num\">01 \/ \u00c1REA<\/div>\n          <h3>Dom\u00ednio e DNS<\/h3>\n          <p>Registro, renova\u00e7\u00e3o e configura\u00e7\u00e3o de DNS, redirecionamentos e subdom\u00ednios. Tudo em seu nome, com acesso completo e documentado.<\/p>\n          <div class=\"rinf-tags\">Registro \u00b7 DNS \u00b7 Subdom\u00ednios<\/div>\n        <\/article>\n\n        <article class=\"rinf-deliv-card\">\n          <div class=\"rinf-deliv-num\">02 \/ \u00c1REA<\/div>\n          <h3>Hospedagem profissional<\/h3>\n          <p>Hospedagem otimizada para sites institucionais, lojas virtuais e plataformas, com painel de controle, certificado SSL e backups autom\u00e1ticos.<\/p>\n          <div class=\"rinf-tags\">SSL \u00b7 Backups \u00b7 Performance<\/div>\n        <\/article>\n\n        <article class=\"rinf-deliv-card\">\n          <div class=\"rinf-deliv-num\">03 \/ \u00c1REA<\/div>\n          <h3>E-mail corporativo<\/h3>\n          <p>Configura\u00e7\u00e3o de e-mail profissional no seu dom\u00ednio (contato@seudominio.com) via Google Workspace ou Microsoft 365, com regras anti-spam e assinatura padronizada.<\/p>\n          <div class=\"rinf-tags\">Google Workspace \u00b7 Microsoft 365 \u00b7 SPF\/DKIM<\/div>\n        <\/article>\n\n        <article class=\"rinf-deliv-card\">\n          <div class=\"rinf-deliv-num\">04 \/ \u00c1REA<\/div>\n          <h3>Migra\u00e7\u00f5es e otimiza\u00e7\u00f5es<\/h3>\n          <p>Mudan\u00e7a de provedor sem perda de dados, migra\u00e7\u00e3o de e-mail e dom\u00ednio, limpeza de configura\u00e7\u00f5es antigas e otimiza\u00e7\u00e3o de performance da estrutura existente.<\/p>\n          <div class=\"rinf-tags\">Migra\u00e7\u00e3o \u00b7 Sem downtime \u00b7 Otimiza\u00e7\u00e3o<\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 3 \u2014 COMO TRABALHAMOS ============ -->\n  <section class=\"rinf-section rinf-section--destaque\">\n    <div class=\"rinf-container\">\n      <div class=\"rinf-head\">\n        <span class=\"rinf-eyebrow\">NOSSO PROCESSO<\/span>\n        <h2 class=\"rinf-h2\">\n          Simples por fora, <span class=\"rinf-grad\">s\u00f3lido por dentro<\/span>.\n        <\/h2>\n        <p class=\"rinf-lead\">\n          Configura\u00e7\u00e3o de infraestrutura n\u00e3o precisa ser complicada para voc\u00ea. A RAMOA cuida do trabalho t\u00e9cnico em 3 etapas claras, com transpar\u00eancia em cada passo e documenta\u00e7\u00e3o completa entregue ao final.\n        <\/p>\n      <\/div>\n\n      <div class=\"rinf-timeline\">\n        <div class=\"rinf-step\">\n          <div class=\"rinf-step-num\">01<\/div>\n          <h3>Diagn\u00f3stico<\/h3>\n          <p>Avaliamos o que sua empresa j\u00e1 tem, o que precisa e os melhores provedores para o seu momento e or\u00e7amento.<\/p>\n        <\/div>\n        <div class=\"rinf-step\">\n          <div class=\"rinf-step-num\">02<\/div>\n          <h3>Configura\u00e7\u00e3o<\/h3>\n          <p>Registramos, configuramos e testamos tudo em ambiente controlado, sem afetar o que j\u00e1 est\u00e1 no ar.<\/p>\n        <\/div>\n        <div class=\"rinf-step\">\n          <div class=\"rinf-step-num\">03<\/div>\n          <h3>Entrega e suporte<\/h3>\n          <p>Documentamos todos os acessos em seu nome e seguimos dispon\u00edveis para ajustes, d\u00favidas e novas demandas.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 4 \u2014 FAQ ============ -->\n  <section class=\"rinf-section rinf-section--padrao\">\n    <div class=\"rinf-container\">\n      <div class=\"rinf-head\">\n        <span class=\"rinf-eyebrow\">D\u00daVIDAS COMUNS<\/span>\n        <h2 class=\"rinf-h2\">\n          Perguntas frequentes sobre <span class=\"rinf-grad\">infraestrutura digital<\/span>.\n        <\/h2>\n      <\/div>\n\n      <div class=\"rinf-faq\">\n        <details class=\"rinf-faq-item\">\n          <summary>\n            <span>O dom\u00ednio e a hospedagem ficam em meu nome?<\/span>\n            <span class=\"rinf-faq-icon\" aria-hidden=\"true\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rinf-faq-body\">\n            Sim. Toda infraestrutura registrada pela RAMOA \u00e9 feita com cadastro da sua empresa, e os acessos s\u00e3o entregues 100% para voc\u00ea ao final do processo. A propriedade \u00e9 sempre sua.\n          <\/div>\n        <\/details>\n\n        <details class=\"rinf-faq-item\">\n          <summary>\n            <span>Voc\u00eas trabalham com qual provedor de e-mail?<\/span>\n            <span class=\"rinf-faq-icon\" aria-hidden=\"true\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rinf-faq-body\">\n            Trabalhamos principalmente com Google Workspace e Microsoft 365, escolhendo o ideal conforme o uso da sua equipe, or\u00e7amento e integra\u00e7\u00f5es necess\u00e1rias. Tamb\u00e9m atendemos outros provedores quando solicitado.\n          <\/div>\n        <\/details>\n\n        <details class=\"rinf-faq-item\">\n          <summary>\n            <span>Posso migrar meu site e e-mail atuais sem perder nada?<\/span>\n            <span class=\"rinf-faq-icon\" aria-hidden=\"true\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rinf-faq-body\">\n            Sim. Fazemos migra\u00e7\u00f5es completas de dom\u00ednio, hospedagem e e-mail, com transfer\u00eancia sem downtime e preserva\u00e7\u00e3o total de hist\u00f3rico, mensagens e contatos.\n          <\/div>\n        <\/details>\n\n        <details class=\"rinf-faq-item\">\n          <summary>\n            <span>Quanto custa hospedar um site profissional?<\/span>\n            <span class=\"rinf-faq-icon\" aria-hidden=\"true\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rinf-faq-body\">\n            Depende do tipo de site, volume de acessos e necessidades t\u00e9cnicas. Sites institucionais ficam em planos b\u00e1sicos, lojas virtuais e plataformas exigem estrutura maior. Fazemos o or\u00e7amento sob medida.\n          <\/div>\n        <\/details>\n\n        <details class=\"rinf-faq-item\">\n          <summary>\n            <span>E se algo der errado depois da entrega?<\/span>\n            <span class=\"rinf-faq-icon\" aria-hidden=\"true\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n            <\/span>\n          <\/summary>\n          <div class=\"rinf-faq-body\">\n            Oferecemos suporte cont\u00ednuo para quest\u00f5es t\u00e9cnicas, ajustes e novas configura\u00e7\u00f5es. Quando algo d\u00e1 errado, voc\u00ea fala com o mesmo time que configurou tudo, n\u00e3o com um atendimento gen\u00e9rico de provedor.\n          <\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============ SECTION 5 \u2014 CTA FINAL ============ -->\n  <section class=\"rinf-section rinf-section--destaque\">\n    <div class=\"rinf-container\">\n      <div class=\"rinf-cta-card\">\n        <h3>Pronto para parar de se preocupar com a parte t\u00e9cnica?<\/h3>\n        <p>Conte sobre sua estrutura atual ou seu projeto novo, e mostramos como podemos cuidar de dom\u00ednio, hospedagem, e-mail e tudo que sustenta sua presen\u00e7a digital. Resposta em at\u00e9 24 horas \u00fateis.<\/p>\n        <a href=\"\/contato\" class=\"rinf-btn\">\n          <span class=\"rinf-dot\" aria-hidden=\"true\"><\/span>\n          <span>Vamos Conversar<\/span>\n          <svg class=\"rinf-arrow\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\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 \/ Infraestrutura Digital Infraestrutura Digital Dom\u00ednios, e-mails &#038; hosting com sua oper\u00e7\u00e3o 100% funcional. Configura\u00e7\u00e3o de dom\u00ednios, hospedagem profissional, e-mails corporativos para construir uma base t\u00e9cnica est\u00e1vel, segura e pronta para crescer. DESENVOLVIMENTO WEB IDENTIDADE VISUAL SOFTWARE SOB MEDIDA LOJA VIRTUAL TR\u00c1FEGO PAGO WORDPRESS REDES SOCIAIS LANDING PAGES SEO INFRAESTRUTURA DIGITAL CRM [&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-5317","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/pages\/5317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/comments?post=5317"}],"version-history":[{"count":28,"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/pages\/5317\/revisions"}],"predecessor-version":[{"id":5477,"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/pages\/5317\/revisions\/5477"}],"up":[{"embeddable":true,"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/pages\/1947"}],"wp:attachment":[{"href":"https:\/\/ramoadigital.com\/en\/wp-json\/wp\/v2\/media?parent=5317"}],"curies":[{"name":"Wordpress","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}