{"id":1970,"date":"2025-11-11T18:26:49","date_gmt":"2025-11-11T21:26:49","guid":{"rendered":"https:\/\/rodrich.com.br\/?page_id=1970"},"modified":"2026-04-09T15:29:03","modified_gmt":"2026-04-09T18:29:03","slug":"teste-1","status":"publish","type":"page","link":"https:\/\/rodrich.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"astra-slider-wrapper\">\n\n<style>\n\n.astra-slider-wrapper{\n    width:100vw;\n    margin-left:calc(50% - 50vw);\n    margin-top:-80px;\n    padding:0;\n    position:relative;\n    background:#f3f3f3;\n    overflow:hidden;\n    font-family:inherit;\n}\n\n\/* remove qualquer margem do primeiro elemento *\/\n.astra-slider-wrapper:first-child{\n    margin-top:-100px;\n}\n\n\/* prote\u00e7\u00e3o contra margens herdadas do tema *\/\n.astra-slider-wrapper *:first-child{\n    margin-top:0;\n}\n\n.astra-slider-container{\n    width:100%;\n    position:relative;\n}\n\n\/* TRACK *\/\n\n.astra-slider-track{\n    width:100%;\n    display:flex;\n    transition:transform .6s ease;\n}\n\n\/* SLIDE *\/\n\n.astra-slide{\n    min-width:100%;\n}\n\n.astra-slide a{\n    display:block;\n    width:100%;\n}\n\n.astra-slide img{\n    width:100%;\n    height:auto;\n    display:block;\n}\n\n\/* SETAS *\/\n\n.astra-slider-arrow{\n    width:48px;\n    height:48px;\n    border-radius:50%;\n    border:0px solid #011E41;\n    background:rgba(1,30,65,0.2);\n    cursor:pointer;\n    font-size:20px;\n    color:#ffffff;\n    position:absolute;\n    top:50%;\n    transform:translateY(-50%);\n    z-index:10;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.astra-slider-arrow:hover{\n    background:#02336F;\n    color:#FFFFFF;\n}\n\n.astra-prev{\n    left:20px;\n}\n\n.astra-next{\n    right:20px;\n}\n\n\/* DOTS SOBRE A IMAGEM *\/\n\n.astra-slider-dots{\n    position:absolute;\n    bottom:20px;\n    left:50%;\n    transform:translateX(-50%);\n    z-index:15;\n}\n\n.astra-dot{\n    width:15px;\n    height:15px;\n    border-radius:50%;\n    display:inline-block;\n    background:rgba(255,255,255,0.6);\n    margin:0 5px;\n}\n\n.astra-dot.astra-active{\n    background:#2f4a6d;\n}\n\n\/* MOBILE *\/\n\n@media (max-width:768px){\n\n.astra-slider-arrow{\n    width:40px;\n    height:40px;\n    font-size:18px;\n}\n\n.astra-slider-dots{\n    bottom:12px;\n}\n\n}\n\n<\/style>\n\n\n<div class=\"astra-slider-container\">\n\n<button class=\"astra-slider-arrow astra-prev\">&#10094;<\/button>\n\n<div class=\"astra-slider-track\">\n\n<div class=\"astra-slide\">\n<a href=\"#\">\n<img decoding=\"async\" src=\"https:\/\/rodrich.com.br\/wp-content\/uploads\/2025\/11\/rr_707344776.jpg\" loading=\"lazy\">\n<\/a>\n<\/div>\n\n<div class=\"astra-slide\">\n<a href=\"#\">\n<img decoding=\"async\" src=\"https:\/\/rodrich.com.br\/wp-content\/uploads\/2025\/11\/rr_707344776.jpg\" loading=\"lazy\">\n<\/a>\n<\/div>\n\n<div class=\"astra-slide\">\n<a href=\"#\">\n<img decoding=\"async\" src=\"https:\/\/rodrich.com.br\/wp-content\/uploads\/2025\/11\/rr_707344776.jpg\" loading=\"lazy\">\n<\/a>\n<\/div>\n\n<\/div>\n\n<button class=\"astra-slider-arrow astra-next\">&#10095;<\/button>\n\n\n<div class=\"astra-slider-dots\">\n<span class=\"astra-dot astra-active\"><\/span>\n<span class=\"astra-dot\"><\/span>\n<span class=\"astra-dot\"><\/span>\n<\/div>\n\n<\/div>\n\n\n<script>\n\n(function(){\n\nlet wrapper = document.querySelector(\".astra-slider-wrapper\");\nif(!wrapper) return;\n\nlet track = wrapper.querySelector(\".astra-slider-track\");\nlet slides = wrapper.querySelectorAll(\".astra-slide\");\nlet dots = wrapper.querySelectorAll(\".astra-dot\");\n\nlet index = 0;\nlet autoplay;\n\nfunction updateSlider(){\n\ntrack.style.transform = \"translateX(-\"+ (index*100) +\"%)\";\n\ndots.forEach(function(dot){\ndot.classList.remove(\"astra-active\");\n});\n\ndots[index].classList.add(\"astra-active\");\n\n}\n\nfunction startAutoplay(){\n\nautoplay = setInterval(function(){\n\nindex++;\nif(index >= slides.length){index=0;}\nupdateSlider();\n\n},5000);\n\n}\n\nfunction stopAutoplay(){\nclearInterval(autoplay);\n}\n\nwrapper.querySelector(\".astra-next\").onclick = function(){\n\nindex++;\nif(index >= slides.length){index=0;}\nupdateSlider();\n\n};\n\nwrapper.querySelector(\".astra-prev\").onclick = function(){\n\nindex--;\nif(index < 0){index = slides.length-1;}\nupdateSlider();\n\n};\n\ndots.forEach(function(dot,i){\n\ndot.addEventListener(\"click\",function(){\n\nindex=i;\nupdateSlider();\n\n});\n\n});\n\nwrapper.addEventListener(\"mouseenter\",stopAutoplay);\nwrapper.addEventListener(\"mouseleave\",startAutoplay);\n\nstartAutoplay();\n\n})();\n\n<\/script>\n\n<\/div>\n\n\n\n\n\n<section class=\"segmentos-txt\">\n  <style>\n    .segmentos-txt {\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw;\n      margin-right: -50vw;\n      width: 100vw;\n      box-sizing: border-box;\n      font-family: inherit;\n      background: #F4F5F7; \/* ADICIONADO *\/\n    }\n\n    \/* NOVO: CONTROLE DE LARGURA *\/\n    .segmentos-txt-container {\n      max-width: 1200px; \/* ajuste aqui conforme desejar *\/\n      margin: 0 auto;\n      padding: 0 40px;\n      box-sizing: border-box;\n    }\n\n    .segmentos-txt-header {\n      text-align: center;\n      padding: 80px 0 40px 0; \/* ajustado para usar o container *\/\n    }\n\n    .segmentos-txt-subtitle {\n      font-size: 14px;\n      letter-spacing: 1.5px;\n      color: #8b96a5;\n      margin-bottom: 15px;\n    }\n\n    .segmentos-txt-title {\n      font-size: 48px;\n      font-weight: 700;\n      color: #011E41;\n      margin-bottom: 20px;\n      max-width: 900px; \/* controle do t\u00edtulo *\/\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .segmentos-txt-text {\n      font-size: 18px;\n      color: #011E41;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* RESPONSIVO *\/\n    @media (max-width: 768px) {\n      .segmentos-txt-container {\n        padding: 0 20px;\n      }\n\n      .segmentos-txt-header {\n        padding: 60px 0 50px 0;\n      }\n\n      .segmentos-txt-title {\n        font-size: 32px;\n        max-width: 100%;\n      }\n\n      .segmentos-txt-text {\n        font-size: 16px;\n        max-width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"segmentos-txt-container\">\n    <div class=\"segmentos-txt-header\">\n      <div class=\"segmentos-txt-subtitle\">\n        NOSSAS PRINCIPAIS SOLU\u00c7\u00d5ES\n      <\/div>\n\n      <div class=\"segmentos-txt-title\">\n        Encontre a solu\u00e7\u00e3o ideal para sua empresa\n      <\/div>\n\n      <div class=\"segmentos-txt-text\">\n        Cada empresa enfrenta desafios diferentes. Por isso, nossa consultoria empresarial organiza as solu\u00e7\u00f5es de forma simples e objetiva.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"segmentos-bg\">\n<style>\n\n\/* ===== BACKGROUND FULL WIDTH (NOVO) ===== *\/\n.segmentos-bg{\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    width: 100vw;\n    background:#F4F5F7;\n}\n\n\/* ===== CONTAINER ORIGINAL (INALTERADO NA L\u00d3GICA) ===== *\/\n.segmentos-wrapper{\n    max-width:1160px;\n    margin:0 auto;\n    padding:0 20px 40px 20px;\n    text-align:center;\n    font-family:inherit;\n}\n\n\/* ===== RESTANTE DO C\u00d3DIGO (EXATAMENTE COMO ESTAVA) ===== *\/\n\n.segmentos-question{\n    font-size:18px;\n    font-weight:600;\n    margin-bottom:40px;\n}\n\n.segmentos-question span{\n    font-weight:400;\n    color:#6B7280;\n    margin-left:8px;\n}\n\n.segmentos-buttons,\n.segmentos-cards{\n    display:flex;\n    flex-wrap:wrap;\n    justify-content:center;\n    gap:20px;\n}\n\n.segmentos-btn{\n    padding:14px 28px;\n    border-radius:999px;\n    border:1px solid #DFE8E9;\n    background:#fff;\n    color:#152F50;\n    font-size:16px;\n    font-weight:500;\n    cursor:pointer;\n    transition:.25s;\n    white-space:nowrap;\n\n    \/* FIX EDGE *\/\n    appearance:none;\n    -webkit-appearance:none;\n    -moz-appearance:none;\n    outline:none;\n    background-clip:padding-box;\n}\n\n.segmentos-btn:focus{\n    outline:none;\n}\n\n.segmentos-btn:hover{\n    background:#152F50;\n    color:#fff;\n    border:1px solid #152F50;\n}\n\n\/* ===== CARDS ===== *\/\n\n.segmentos-card-link{\n    text-decoration:none;\n    color:inherit;\n}\n\n.segmentos-card{\n    background:#EAEBED;\n    color:#152F50;\n    border-radius:8px;\n    padding:32px;\n    max-width:360px;\n    width:100%;\n    min-height:320px;\n    text-align:left;\n    display:flex;\n    flex-direction:column;\n    transition:background .25s ease, color .25s ease, transform .25s ease;\n}\n\n.segmentos-card h3{\n    font-size:22px;\n    margin-bottom:16px;\n}\n\n.segmentos-card p{\n    font-size:15px;\n    line-height:1.6;\n    margin-bottom:24px;\n}\n\n.segmentos-card .cta{\n    margin-top:auto;\n    background:#617F57;\n    color:#fff;\n    padding:10px 18px;\n    border-radius:4px;\n    font-size:14px;\n    align-self:flex-start;\n    transition:background .25s ease, color .25s ease;\n}\n\n\/* ===== HOVER CARD ===== *\/\n\n.segmentos-card-link:hover .segmentos-card{\n    background:#152F50;\n    color:#fff;\n    transform:translateY(-4px);\n    box-shadow:0 12px 30px rgba(0,0,0,.15);\n}\n\n.segmentos-card-link:hover .segmentos-card .cta{\n    background:#BC8817;\n    color:#fff;\n}\n\n.segmentos-reset{\n    margin-top:40px;\n}\n\n.segmentos-reset button{\n    background:#fff;\n    color:#152F50;\n    border:1px solid #DFE8E9;\n    padding:12px 28px;\n    border-radius:999px;\n    font-size:16px;\n    cursor:pointer;\n}\n\n<\/style>\n\n<!-- CONTE\u00daDO CENTRALIZADO (mantido dentro do wrapper) -->\n<div class=\"segmentos-wrapper\">\n\n    <div class=\"segmentos-question\" id=\"hp-question\">\n        1. Qual \u00e9 o seu segmento?\n        <span>Etapa 1 de 2<\/span>\n    <\/div>\n\n    <div id=\"hp-content\"><\/div>\n\n<\/div>\n\n<script>\n(function(){\n\n    const question = document.getElementById('hp-question');\n    const content  = document.getElementById('hp-content');\n\n    const step1Options = [\n        'Servi\u00e7os','Com\u00e9rcio','Varejo','Ind\u00fastria','Servi\u00e7os Financeiros',\n        'Log\u00edstica e Transporte','Sa\u00fade e Bem-estar','Educa\u00e7\u00e3o',\n        'Servi\u00e7os Profissionais','Setor P\u00fablico','Moda e Acess\u00f3rios','Ag\u00eancias'\n    ];\n\n    const step2Options = [\n        'Crescimento de Receita','Vendas e Marketing','Redu\u00e7\u00e3o de Custos',\n        'Clientes','Gest\u00e3o','Organiza\u00e7\u00e3o','Opera\u00e7\u00f5es','An\u00e1lise e Diagn\u00f3stico',\n        'Planejamento','Estrat\u00e9gia','Expans\u00e3o','Inova\u00e7\u00e3o'\n    ];\n\n    const linksMap = {\n        'Gest\u00e3o Estrat\u00e9gica':'https:\/\/rodrich.com.br\/?page_id=265',\n        'Gest\u00e3o Comercial':'https:\/\/rodrich.com.br\/?page_id=276',\n        'Gest\u00e3o Financeira':'https:\/\/rodrich.com.br\/?page_id=273',\n        'Gest\u00e3o de Processos':'https:\/\/rodrich.com.br\/?page_id=288',\n        'Opera\u00e7\u00f5es':'https:\/\/rodrich.com.br\/?page_id=282',\n        'Gest\u00e3o de Clientes':'https:\/\/rodrich.com.br\/?page_id=279',\n        'Qualidade em Servi\u00e7os':'https:\/\/rodrich.com.br\/?page_id=285',\n        'Plano de Neg\u00f3cios':'https:\/\/rodrich.com.br\/?page_id=292'\n    };\n\n    const descriptionsMap = {\n        'Gest\u00e3o Estrat\u00e9gica':'Ideal para empresas que precisam organizar prioridades, alinhar lideran\u00e7a e tomar decis\u00f5es com mais seguran\u00e7a.',\n        'Gest\u00e3o Comercial':'Ideal para empresas que querem vender mais, com m\u00e9todo e consist\u00eancia.',\n        'Gest\u00e3o Financeira':'Ideal para empresas que precisam reduzir desperd\u00edcios, melhorar margens e ganhar previsibilidade financeira.',\n        'Gest\u00e3o de Processos':'Ideal para empresas que sofrem com desorganiza\u00e7\u00e3o, retrabalho ou falta de padr\u00e3o operacional.',\n        'Opera\u00e7\u00f5es':'Ideal para empresas que precisam ganhar efici\u00eancia operacional e melhorar a entrega dos seus produtos ou servi\u00e7os.',\n        'Gest\u00e3o de Clientes':'Ideal para empresas que querem reter mais clientes, melhorar relacionamento e aumentar valor de longo prazo.',\n        'Qualidade em Servi\u00e7os':'Ideal para empresas que precisam elevar o n\u00edvel do servi\u00e7o e padronizar a experi\u00eancia do cliente.',\n        'Plano de Neg\u00f3cios':'Ideal para empresas que precisam planejar crescimento, expans\u00e3o ou novos direcionamentos com seguran\u00e7a.'\n    };\n\n    const cardsMap = {\n        'Crescimento de Receita':['Gest\u00e3o Comercial','Gest\u00e3o Estrat\u00e9gica','Gest\u00e3o de Clientes'],\n        'Vendas e Marketing':['Gest\u00e3o Comercial','Gest\u00e3o de Clientes','Qualidade em Servi\u00e7os'],\n        'Redu\u00e7\u00e3o de Custos':['Gest\u00e3o Financeira','Gest\u00e3o de Processos','Opera\u00e7\u00f5es'],\n        'Clientes':['Gest\u00e3o de Clientes','Qualidade em Servi\u00e7os','Gest\u00e3o Comercial'],\n        'Gest\u00e3o':['Gest\u00e3o Estrat\u00e9gica','Gest\u00e3o de Processos','Gest\u00e3o Financeira'],\n        'Organiza\u00e7\u00e3o':['Gest\u00e3o de Processos','Gest\u00e3o Estrat\u00e9gica','Opera\u00e7\u00f5es'],\n        'Opera\u00e7\u00f5es':['Opera\u00e7\u00f5es','Gest\u00e3o de Processos','Qualidade em Servi\u00e7os'],\n        'An\u00e1lise e Diagn\u00f3stico':['Gest\u00e3o Estrat\u00e9gica','Gest\u00e3o de Processos','Plano de Neg\u00f3cios'],\n        'Planejamento':['Gest\u00e3o Estrat\u00e9gica','Plano de Neg\u00f3cios','Gest\u00e3o Financeira'],\n        'Estrat\u00e9gia':['Gest\u00e3o Estrat\u00e9gica','Plano de Neg\u00f3cios','Gest\u00e3o Comercial'],\n        'Expans\u00e3o':['Plano de Neg\u00f3cios','Gest\u00e3o Estrat\u00e9gica','Gest\u00e3o Comercial'],\n        'Inova\u00e7\u00e3o':['Gest\u00e3o Estrat\u00e9gica','Gest\u00e3o de Processos','Opera\u00e7\u00f5es']\n    };\n\n    function renderStep1(){\n        question.innerHTML = '1. Qual \u00e9 o seu segmento? <span>Etapa 1 de 2<\/span>';\n        content.innerHTML = `\n            <div class=\"segmentos-buttons\">\n                ${step1Options.map(o=>`<button class=\"segmentos-btn\">${o}<\/button>`).join('')}\n            <\/div>`;\n        content.querySelectorAll('.segmentos-btn').forEach(b=>b.onclick=renderStep2);\n    }\n\n    function renderStep2(){\n        question.innerHTML = '2. Qual \u00e9 a necessidade da sua empresa? <span>Etapa 2 de 2<\/span>';\n        content.innerHTML = `\n            <div class=\"segmentos-buttons\">\n                ${step2Options.map(o=>`<button class=\"segmentos-btn\">${o}<\/button>`).join('')}\n            <\/div>`;\n        content.querySelectorAll('.segmentos-btn').forEach(b=>{\n            b.onclick=()=>renderCards(b.textContent);\n        });\n    }\n\n    function renderCards(selected){\n        question.innerHTML = 'Recomendado para voc\u00ea';\n        const cards = cardsMap[selected] || [];\n        content.innerHTML = `\n            <div class=\"segmentos-cards\">\n                ${cards.map(t=>`\n                    <a href=\"${linksMap[t]}\" class=\"segmentos-card-link\">\n                        <div class=\"segmentos-card\">\n                            <h3>${t}<\/h3>\n                            <p>${descriptionsMap[t]}<\/p>\n                            <div class=\"cta\">Conhecer solu\u00e7\u00e3o<\/div>\n                        <\/div>\n                    <\/a>\n                `).join('')}\n            <\/div>\n            <div class=\"segmentos-reset\">\n                <button>Voltar ao in\u00edcio<\/button>\n            <\/div>`;\n        content.querySelector('.segmentos-reset button').onclick=renderStep1;\n    }\n\n    renderStep1();\n\n})();\n<\/script>\n\n<\/section>\n\n\n\n\n\n\n\n\n\n<section class=\"nb-solutions\">\n  <style>\n    .nb-solutions {\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw;\n      margin-right: -50vw;\n      width: 100vw;\n      box-sizing: border-box;\n      font-family: inherit;\n    }\n\n    \/* NOVO: CONTROLE DE LARGURA *\/\n    .nb-solutions-container {\n      max-width: 1200px; \/* ajuste aqui conforme desejar *\/\n      margin: 0 auto;\n      padding: 0 40px;\n      box-sizing: border-box;\n    }\n\n    .nb-solutions-header {\n      text-align: center;\n      padding: 40px 0 40px 0; \/* ajustado para usar o container *\/\n    }\n\n    .nb-solutions-subtitle {\n      font-size: 14px;\n      letter-spacing: 1.5px;\n      color: #8b96a5;\n      margin-bottom: 15px;\n    }\n\n    .nb-solutions-title {\n      font-size: 48px;\n      font-weight: 700;\n      color: #011E41;\n      margin-bottom: 20px;\n      max-width: 900px; \/* controle do t\u00edtulo *\/\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .nb-solutions-text {\n      font-size: 18px;\n      color: #011E41;\n      max-width: 700px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    \/* RESPONSIVO *\/\n    @media (max-width: 768px) {\n      .nb-solutions-container {\n        padding: 0 20px;\n      }\n\n      .nb-solutions-header {\n        padding: 60px 0 50px 0;\n      }\n\n      .nb-solutions-title {\n        font-size: 32px;\n        max-width: 100%;\n      }\n\n      .nb-solutions-text {\n        font-size: 16px;\n        max-width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"nb-solutions-container\">\n    <div class=\"nb-solutions-header\">\n      <div class=\"nb-solutions-subtitle\">\n        Nossas Principais Solu\u00e7\u00f5es\n      <\/div>\n\n      <div class=\"nb-solutions-title\">\n        Conhecimento pr\u00e1tico para apoiar decis\u00f5es e estruturar crescimento.\n      <\/div>\n\n      <div class=\"nb-solutions-text\">\n        Nossa atua\u00e7\u00e3o combina experi\u00eancia em gest\u00e3o, an\u00e1lise econ\u00f4mica e desenvolvimento organizacional. Trabalhamos com uma vis\u00e3o integrada da empresa, considerando estrat\u00e9gia, processos, pessoas e indicadores.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"nb-solutions\">\n  <style>\n    .nb-solutions {\n      position: relative;\n      left: 50%;\n      right: 50%;\n      margin-left: -50vw;\n      margin-right: -50vw;\n      width: 100vw;\n      box-sizing: border-box;\n      font-family: inherit;\n    }\n\n    .nb-solutions-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 20px;\n      padding: 0;\n    }\n\n    .nb-card {\n      background: #EAEEF2;\n      padding: 40px 40px;\n      min-height: 300px;\n      display: flex;\n      flex-direction: column;\n      justify-content: flex-start;\n      align-items: center;\n      text-align: center;\n      box-sizing: border-box;\n    }\n\n    .nb-card-icon {\n      margin-bottom: 25px;\n    }\n\n    .nb-card-icon img {\n      width: 64px;\n      height: 64px;\n      display: block;\n    }\n\n    .nb-card h3 {\n      font-size: 22px;\n      color: #011E41;\n      margin-bottom: 25px;\n      font-weight: 600;\n    }\n\n    .nb-big-number {\n      font-size: 80px;\n      font-weight: 700;\n      color: #011E41;\n      line-height: 1;\n    }\n\n    .nb-card p {\n      font-size: 18px;\n      color: #011E41;\n      max-width: 280px;\n      margin: 15px auto 25px auto;\n      line-height: 1.6;\n    }\n\n    .nb-link {\n      font-size: 14px;\n      font-weight: 600;\n      text-decoration: none;\n      color: #011E41;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      transition: opacity 0.3s ease;\n    }\n\n    .nb-link:hover {\n      opacity: 0.7;\n    }\n\n    @media (max-width: 992px) {\n      .nb-solutions-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n      }\n    }\n  <\/style>\n\n  <div class=\"nb-solutions-grid\">\n\n    <!-- CARD 1 -->\n    <div class=\"nb-card\">\n      <div class=\"nb-card-icon\">\n        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&#038;id=105385&#038;format=png&#038;color=011e41\"\n             alt=\"Experi\u00eancia\"\n             loading=\"lazy\">\n      <\/div>\n      <h3>Experi\u00eancia<\/h3>\n      <div class=\"nb-big-number nb-counter\" data-target=\"20\">0+<\/div>\n    <\/div>\n\n    <!-- CARD 2 -->\n    <div class=\"nb-card\">\n      <div class=\"nb-card-icon\">\n        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&#038;id=101779&#038;format=png&#038;color=011e41\"\n             alt=\"Enquiry Online\"\n             loading=\"lazy\">\n      <\/div>\n      <h3>Bases<\/h3>\n      <p>\n        Economia, Gest\u00e3o e Lideran\u00e7a.\n      <\/p>\n      <a href=\"#\" class=\"nb-link\">\n        \n      <\/a>\n    <\/div>\n\n    <!-- CARD 3 -->\n    <div class=\"nb-card\">\n      <div class=\"nb-card-icon\">\n        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&#038;id=117520&#038;format=png&#038;color=011e41\"\n             alt=\"Setores\"\n             loading=\"lazy\">\n      <\/div>\n      <h3>Setores<\/h3>\n      <div class=\"nb-big-number nb-counter\" data-target=\"10\">0+<\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- JS Isolado -->\n  <script>\n  (function() {\n\n    const counters = document.querySelectorAll('.nb-counter');\n\n    const animateCounter = (counter) => {\n      const target = +counter.getAttribute('data-target');\n      const duration = 1500;\n      const startTime = performance.now();\n\n      const updateCounter = (currentTime) => {\n        const elapsed = currentTime - startTime;\n        const progress = Math.min(elapsed \/ duration, 1);\n        const value = Math.floor(progress * target);\n\n        counter.textContent = value + '+';\n\n        if (progress < 1) {\n          requestAnimationFrame(updateCounter);\n        } else {\n          counter.textContent = target + '+';\n        }\n      };\n\n      requestAnimationFrame(updateCounter);\n    };\n\n    const resetCounter = (counter) => {\n      counter.textContent = '0+';\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        const counter = entry.target;\n\n        if (entry.isIntersecting) {\n          animateCounter(counter);\n        } else {\n          resetCounter(counter);\n        }\n      });\n    }, { threshold: 0.6 });\n\n    counters.forEach(counter => {\n      observer.observe(counter);\n    });\n\n  })();\n  <\/script>\n\n<\/section>\n\n\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section class=\"hitparade-section\">\n\n<style>\n\/* ==========================================\n   HIT PARADE \u2013 BLOCO TOTALMENTE ISOLADO\n========================================== *\/\n\n.hitparade-section{\n    max-width:1400px;\n    margin:0 auto;\n    padding:0px 0px;\n\n    \/* ===== CONTROLE GLOBAL ===== *\/\n    --left-card-width:360px;\n    --center-card-width:360px;\n\n    --left-card-height:260px;\n    --center-card-height:580px;\n    --right-top-height:260px;\n    --right-bottom-height:260px;\n\n    --gap:20px;\n    --radius:8px;\n}\n\n\/* ===== CABE\u00c7ALHO DA SE\u00c7\u00c3O ===== *\/\n.hp-header{\n    max-width:900px;\n    margin:0 auto 70px auto;\n    text-align:center;\n}\n\n.hp-subtitle{\n    font-size:12px;\n    letter-spacing:0.18em;\n    text-transform:uppercase;\n    margin:0 0 14px 0;\n    color:#777;\n    font-weight:500;\n}\n\n.hp-title{\n    font-size:38px;\n    line-height:1.15em;\n    font-weight:600;\n    margin:0 0 18px 0;\n    color:#111;\n}\n\n.hp-text{\n    font-size:17px;\n    line-height:1.65em;\n    color:#555;\n    margin:0 auto;\n    max-width:720px;\n}\n\n\/* ===== GRID PRINCIPAL ===== *\/\n.hp-grid{\n    display:grid;\n    grid-template-columns:\n        var(--left-card-width)\n        var(--center-card-width)\n        1fr;\n    gap:var(--gap);\n    align-items:stretch;\n}\n\n\/* COLUNAS LATERAIS *\/\n.hp-col{\n    display:flex;\n    flex-direction:column;\n    gap:var(--gap);\n}\n\n\/* CARD BASE *\/\n.hp-card{\n    position:relative;\n    border-radius:var(--radius);\n    overflow:hidden;\n}\n\n\/* link cobre todo o card *\/\n.hp-card a{\n    position:absolute;\n    inset:0;\n    z-index:5;\n    text-decoration:none;\n}\n\n\/* imagem base *\/\n.hp-card img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transition:transform 1.8s cubic-bezier(0.19, 1, 0.22, 1);\n    will-change:transform;\n}\n\n\/* ===== TAMANHOS ===== *\/\n.hp-left-top{\n    height:calc(var(--left-card-height) + 80px);\n}\n\n.hp-left-bottom{\n    height:calc(var(--left-card-height) - 80px);\n}\n\n.hp-center{\n    height:var(--center-card-height);\n}\n\n.hp-right-top{\n    height:var(--right-top-height);\n}\n\n.hp-video{\n    height:var(--right-bottom-height);\n    background:#e9e9e9;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n\/* ===== EFEITO HOVER ===== *\/\n.hp-zoom:hover img{\n    transform:scale(1.08);\n}\n\n\/* ===== SOMBREAMENTOS ===== *\/\n.shadow-bottom::after{\n    content:\"\";\n    position:absolute;\n    bottom:0;\n    left:0;\n    width:100%;\n    height:45%;\n    background:linear-gradient(to top, rgba(0,0,0,0.55), transparent);\n}\n\n.shadow-top::after{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:45%;\n    background:linear-gradient(to bottom, rgba(0,0,0,0.55), transparent);\n}\n\n\/* ===== CONTE\u00daDO DOS CARDS ===== *\/\n.hp-content{\n    position:absolute;\n    left:25px;\n    right:25px;\n    color:#fff;\n    z-index:3;\n    pointer-events:none;\n}\n\n.shadow-bottom .hp-content{\n    bottom:25px;\n}\n\n.shadow-top .hp-content{\n    top:25px;\n}\n\n.hp-content h3{\n    margin:0 0 6px 0;\n    font-size:20px;\n    font-weight:600;\n}\n\n.hp-content p{\n    margin:0;\n    font-size:14px;\n    line-height:1.4em;\n}\n\n\/* ===== RESPONSIVO ===== *\/\n@media(max-width:1024px){\n    .hp-grid{\n        grid-template-columns:1fr;\n    }\n    .hp-col{\n        flex-direction:column;\n    }\n    .hp-center{\n        order:-1;\n    }\n\n    .hp-title{\n        font-size:30px;\n    }\n\n    .hp-text{\n        font-size:16px;\n    }\n}\n<\/style>\n\n<!-- CABE\u00c7ALHO DA SE\u00c7\u00c3O -->\n<div class=\"hp-header\">\n    <div class=\"hp-subtitle\">Nossas principais solu\u00e7\u00f5es<\/div>\n    <h2 class=\"hp-title\">Consultoria estrat\u00e9gica orientada a resultados<\/h2>\n    <p class=\"hp-text\">\n        Atuamos no diagn\u00f3stico, estrutura\u00e7\u00e3o e evolu\u00e7\u00e3o de empresas, combinando estrat\u00e9gia,\n        processos e indicadores para promover crescimento sustent\u00e1vel e decis\u00f5es assertivas.\n    <\/p>\n<\/div>\n\n<div class=\"hp-grid\">\n\n    <!-- COLUNA ESQUERDA -->\n    <div class=\"hp-col\">\n        \n        <div class=\"hp-card hp-left-top shadow-bottom hp-zoom\">\n            <a href=\"LINK-DO-CARD-1\"><\/a>\n            <img decoding=\"async\" src=\"https:\/\/rodrich.com.br\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_o74jmwo74jmwo74j.png\" alt=\"\">\n            <div class=\"hp-content\">\n                <h3>T\u00edtulo do Card<\/h3>\n                <p>Breve descri\u00e7\u00e3o em duas linhas apenas.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"hp-card hp-left-bottom shadow-bottom\">\n            <a href=\"LINK-DO-CARD-2\"><\/a>\n            <img decoding=\"async\" src=\"https:\/\/rodrich.com.br\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_o74jmwo74jmwo74j.png\" alt=\"\">\n            <div class=\"hp-content\">\n                <h3>T\u00edtulo do Card<\/h3>\n                <p>Breve descri\u00e7\u00e3o em duas linhas apenas.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- CARD CENTRAL -->\n    <div class=\"hp-card hp-center shadow-top hp-zoom\">\n        <a href=\"LINK-DO-CARD-CENTRAL\"><\/a>\n        <img decoding=\"async\" src=\"https:\/\/rodrich.com.br\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_o74jmwo74jmwo74j.png\" alt=\"\">\n        <div class=\"hp-content\">\n            <h3>T\u00edtulo Principal<\/h3>\n            <p>Breve descri\u00e7\u00e3o em duas linhas apenas.<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- COLUNA DIREITA -->\n    <div class=\"hp-col\">\n        \n        <div class=\"hp-card hp-right-top shadow-bottom hp-zoom\">\n            <a href=\"LINK-DO-CARD-3\"><\/a>\n            <img decoding=\"async\" src=\"https:\/\/rodrich.com.br\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_o74jmwo74jmwo74j.png\" alt=\"\">\n            <div class=\"hp-content\">\n                <h3>T\u00edtulo do Card<\/h3>\n                <p>Breve descri\u00e7\u00e3o em duas linhas apenas.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- \u00c1REA DE V\u00cdDEO -->\n        <div class=\"hp-card hp-video\">\n            <span style=\"font-size:14px; color:#666;\">\n                Espa\u00e7o reservado para v\u00eddeo institucional\n            <\/span>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<\/section>\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n\/* =============================== *\/\n\/* SE\u00c7\u00c3O DE LARGURA TOTAL - ISOLADA *\/\n\/* =============================== *\/\n\n.fullwidth-section {\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  max-width: none;\n  background-color: #007BFF; \/* azul principal do site *\/\n  color: white;\n  padding: 60px 10%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.fullwidth-section .section-content {\n  max-width: 900px;\n}\n\n.fullwidth-section .section-content h1 {\n  font-size: 2.5em;\n  margin: 0 0 10px;\n}\n\n.fullwidth-section .section-content p {\n  font-size: 1.2em;\n  margin: 0 0 20px;\n}\n\n.fullwidth-section .btn-fale-conosco {\n  background-color: #E4E9F0; \/* azul claro *\/\n  color: #333;\n  padding: 12px 30px;\n  border: none;\n  border-radius: 4px;\n  font-size: 1em;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-decoration: none;\n  display: inline-block;\n}\n\n.fullwidth-section .btn-fale-conosco:hover {\n  background-color: #00008B; \/* azul *\/\n  color: #FFF;\n}\n\n\/* =============================== *\/\n\/* RESPONSIVIDADE *\/\n\/* =============================== *\/\n\n\/* Tablets e telas m\u00e9dias *\/\n@media (max-width: 992px) {\n  .fullwidth-section {\n    padding: 50px 8%;\n  }\n\n  .fullwidth-section .section-content h1 {\n    font-size: 2em;\n  }\n\n  .fullwidth-section .section-content p {\n    font-size: 1.1em;\n  }\n}\n\n\/* Smartphones *\/\n@media (max-width: 600px) {\n  .fullwidth-section {\n    flex-direction: column;     \/* empilha os elementos *\/\n    align-items: flex-start;\n    padding: 40px 6%;\n  }\n\n  .fullwidth-section .section-content {\n    max-width: 100%;\n  }\n\n  .fullwidth-section .section-content h1 {\n    font-size: 1.8em;\n  }\n\n  .fullwidth-section .section-content p {\n    font-size: 1em;\n  }\n\n  .fullwidth-section .btn-fale-conosco {\n    width: 100%;              \/* bot\u00e3o ocupa toda a largura *\/\n    text-align: center;\n    padding: 14px 0;\n    font-size: 1.1em;\n  }\n}\n<\/style>\n\n<!-- SE\u00c7\u00c3O DE LARGURA TOTAL -->\n<section class=\"fullwidth-section\">\n  <div class=\"section-content\">\n    <h1>Vamos impulsionar juntos o futuro do seu neg\u00f3cio.<\/h1>\n    <p>Ajudamos sua empresa a transformar desafios em crescimento real e sustent\u00e1vel.<\/p>\n    <a href=\"https:\/\/rodrich.com.br\/?page_id=47\" class=\"btn-fale-conosco\">FALE COM A RODRICH<\/a>\n  <\/div>\n<\/section>\n\n\n\n<!-- ==== IN\u00cdCIO DO RODAP\u00c9 PERSONALIZADO ==== --> \n<div class=\"footer-custom\">\n  <div class=\"footer-wrapper\">\n\n    <!-- LOGO -->\n    <div class=\"footer-logo\">\n      <img decoding=\"async\" src=\"https:\/\/rodrich.com.br\/wp-content\/uploads\/2023\/11\/LOGO-NAME-R-150.png\" alt=\"Company Logo\">\n    <\/div>\n\n    <div class=\"footer-columns\">\n\n      <!-- COLUNA 1 -->\n      <div class=\"footer-col\">\n        <h4>SOBRE A RODRICH<\/h4>\n        <a href=\"#\">Prop\u00f3sito e valores<\/a>\n        <a href=\"#\">O que oferecemos<\/a>\n        <a href=\"#\">Compromisso com resultados<\/a>\n        <a href=\"#\">Compromisso com o desenvolvimento<\/a>\n        <a href=\"#\"><\/a>\n      <\/div>\n\n      <!-- COLUNA 2 -->\n      <div class=\"footer-col\">\n        <h4>SERVI\u00c7OS<\/h4>\n        <a href=\"#\">Consultoria<\/a>\n        <a href=\"#\">Gest\u00e3o<\/a>\n        <a href=\"#\">Economia<\/a>\n        <a href=\"#\">Educa\u00e7\u00e3o<\/a>\n        <a href=\"#\"><\/a>\n      <\/div>\n\n      <!-- COLUNA 3 -->\n      <div class=\"footer-col\">\n        <h4>EXPLORE<\/h4>\n        <a href=\"#\">Artigo<\/a>\n        <a href=\"#\">Videos<\/a>\n        <a href=\"#\"><\/a>\n        <a href=\"#\"><\/a>\n      <\/div>\n\n      <!-- COLUNA 4 -->\n      <div class=\"footer-col\">\n        <h4>INFORMA\u00c7\u00d5ES RELACIONADAS<\/h4>\n        <a href=\"https:\/\/rodrich.com.br\/?page_id=47\">Fale conosco<\/a>\n        <a href=\"https:\/\/rodrich.com.br\/?page_id=1037\">Mapa do site<\/a>\n        <a href=\"https:\/\/rodrich.com.br\/?page_id=174\">Pol\u00edtica de privacidade<\/a>\n        <a href=\"https:\/\/rodrich.com.br\/?page_id=2432\">Termos de uso<\/a>\n      <\/div>\n\n      <!-- COLUNA 5 -->\n      <div class=\"footer-col footer-social-col\">\n        <h4>REDE RODRICH<\/h4>\n\n        <div class=\"footer-social\">\n          <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&#038;id=Qfh1PDlzLB72&#038;format=png&#038;color=FFFFFF\" alt=\"LinkedIn\"><\/a>\n          <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&#038;id=oNs9WuTrXJUL&#038;format=png&#038;color=FFFFFF\" alt=\"YouTube\"><\/a>\n          <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&#038;id=p6GOWHmaPzFt&#038;format=png&#038;color=FFFFFF\" alt=\"Instagram\"><\/a>\n          <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&#038;id=aaoukT8evpOE&#038;format=png&#038;color=FFFFFF\" alt=\"TikTok\"><\/a>\n          <a href=\"#\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/?size=100&#038;id=0mRu7iM61Z8k&#038;format=png&#038;color=FFFFFF\" alt=\"Facebook\"><\/a>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<style>\n\/* ====== ESTILO BASE ====== *\/\n\n.footer-custom {\n  border-top: 1px solid #0A2354;\n  background: #0A2354;\n  color: #fff;\n  padding: 60px 5% 40px;\n  box-sizing: border-box;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  margin-bottom: 0 !important;\n}\n\n.footer-wrapper {\n  max-width: 1400px;\n  margin: auto;\n}\n\n\/* LOGO *\/\n\n.footer-logo {\n  margin-bottom: 45px;\n}\n\n.footer-logo img {\n  max-width: 200px;\n  height: auto;\n}\n\n\/* COLUNAS *\/\n\n.footer-columns {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  column-gap: 70px;\n  align-items: start;\n}\n\n.footer-col {\n  display: flex;\n  flex-direction: column;\n}\n\n\/* TITULOS *\/\n\n.footer-col h4 {\n  font-size: 16px;\n  margin-bottom: 18px;\n  font-weight: 600;\n}\n\n\/* LINKS (MICRO-ESPA\u00c7AMENTO PREMIUM) *\/\n\n.footer-col a {\n  color: #DFE8E9;\n  text-decoration: none;\n  font-size: 14px;\n  margin: 5px 0;\n  line-height: 1.55;\n  letter-spacing: 0.2px;\n  transition: color 0.2s ease;\n}\n\n.footer-col a:hover {\n  color: #ffffff;\n}\n\n\/* SOCIAL *\/\n\n.footer-social {\n  display: flex;\n  gap: 12px;\n  margin-top: 8px;\n}\n\n.footer-social img {\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  transition: transform 0.2s ease;\n}\n\n.footer-social img:hover {\n  transform: scale(1.1);\n}\n\n\/* ===== AJUSTE DESKTOP SPINTECH ===== *\/\n\n@media (min-width: 769px) {\n\n.post-section,\n#post-section,\n.st-py-default,\n.st-pb-default {\n  margin-bottom: 0 !important;\n  padding-bottom: 0 !important;\n}\n\n.footer-custom {\n  margin-top: 0 !important;\n}\n\n}\n\n\/* ===== RESPONSIVO ===== *\/\n\n@media (max-width: 1024px) {\n\n.footer-columns {\n  grid-template-columns: repeat(2, 1fr);\n  row-gap: 35px;\n}\n\n}\n\n@media (max-width: 768px) {\n\n.footer-custom {\n  padding: 40px 8% 30px;\n  margin-bottom: 0 !important;\n}\n\n.footer-columns {\n  grid-template-columns: 1fr;\n  row-gap: 28px;\n}\n\n.footer-logo {\n  margin-bottom: 30px;\n}\n\n\/* REMOVE ESPA\u00c7O ABAIXO DO RODAP\u00c9 NO MOBILE *\/\n\n.post-section,\n#post-section,\n.st-py-default,\n.st-pb-default,\n.site-footer,\n.footer,\n.st-footer {\n  margin-bottom: 0 !important;\n  padding-bottom: 0 !important;\n}\n\nbody {\n  margin-bottom: 0 !important;\n}\n\n}\n\n\/* ===== COR DO RODAP\u00c9 SPINTECH ===== *\/\n\nfooter,\nfooter .site-footer,\nfooter .footer,\nfooter .st-footer,\n.site-footer,\n.footer,\n.st-footer,\n.footer-widgets,\n.footer-widgets .widget,\n.footer-widgets .widget * {\n  background-color: #0A2354 !important;\n  color: #fff !important;\n}\n\n.footer-info,\n.footer-info *,\n.site-footer .site-info,\n.site-footer .site-info * {\n  background-color: #0A2354 !important;\n  color: #fff !important;\n}\n\n<\/style>\n<\/div>\n<!-- ==== FIM DO RODAP\u00c9 PERSONALIZADO ==== -->\n\n\n","protected":false},"excerpt":{"rendered":"<p>&#10094; &#10095; NOSSAS PRINCIPAIS SOLU\u00c7\u00d5ES Encontre a solu\u00e7\u00e3o ideal para sua empresa Cada empresa enfrenta desafios diferentes. Por isso, nossa consultoria empresarial organiza as solu\u00e7\u00f5es de forma simples e objetiva. 1. Qual \u00e9 o seu segmento? Etapa 1 de 2 Nossas Principais Solu\u00e7\u00f5es Conhecimento pr\u00e1tico para apoiar decis\u00f5es e estruturar crescimento. Nossa atua\u00e7\u00e3o combina experi\u00eancia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1970","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rodrich.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rodrich.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rodrich.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rodrich.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rodrich.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1970"}],"version-history":[{"count":477,"href":"https:\/\/rodrich.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1970\/revisions"}],"predecessor-version":[{"id":4140,"href":"https:\/\/rodrich.com.br\/index.php?rest_route=\/wp\/v2\/pages\/1970\/revisions\/4140"}],"wp:attachment":[{"href":"https:\/\/rodrich.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}