/* Raj Tec Studio — visual da prévia aprovada (06/10/2026). Cores/fontes vêm do theme.json. */
:root{--rt-linha:rgba(148,163,184,.14);--rt-grad:var(--wp--preset--gradient--marca);--rt-raio:22px}
html{scroll-behavior:smooth}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased}
.wp-site-blocks{padding-top:0}
.rt-grad{background:var(--rt-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.rt-tag{display:inline-flex;gap:8px;align-items:center;font-size:.8rem!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--ciano)!important;margin:0}
.rt-tag::before{content:"";width:18px;height:2px;background:var(--rt-grad)}
.rt-mudo{color:var(--wp--preset--color--mudo)}

/* botões */
.wp-block-button .wp-block-button__link{transition:transform .2s,box-shadow .2s,background .2s}
.rt-btn-wa .wp-block-button__link{background:var(--wp--preset--color--verde);color:#04130A;box-shadow:0 10px 40px -10px rgba(34,197,94,.6)}
.rt-btn-wa .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 18px 50px -12px rgba(34,197,94,.75)}
.rt-btn-ghost .wp-block-button__link{background:rgba(255,255,255,.03);color:var(--wp--preset--color--texto);border:1px solid var(--rt-linha)}
.rt-btn-ghost .wp-block-button__link:hover{background:rgba(255,255,255,.08)}

/* topo fixo */
.rt-header{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.admin-bar .rt-header{top:32px}
.rt-header.solido{background:rgba(6,9,18,.75);backdrop-filter:blur(14px);border-color:var(--rt-linha)}
/* Nome "Raj Tec": fonte, peso e tamanho vêm do theme.json (Estilos › Blocos › Título do site) — NÃO travar aqui,
   senão o dono não consegue trocar pelo painel (07/10/2026). Aqui só o que não é escolha de estilo. */
.rt-header .wp-block-site-title a,.rt-marca{color:inherit;text-decoration:none}
.rt-header .wp-block-site-logo img,.rt-rodape .wp-block-site-logo img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.rt-header .wp-block-navigation a{color:var(--wp--preset--color--mudo);text-decoration:none;font-size:.95rem}
.rt-header .wp-block-navigation a:hover{color:var(--wp--preset--color--texto)}
.rt-header .rt-btn-wa .wp-block-button__link{padding:10px 18px;font-size:.9rem}

/* hero + paralaxe */
.rt-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:120px!important;padding-bottom:80px!important}
.rt-hero>*{position:relative;z-index:1}
.rt-fundo{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;margin:0!important}
.rt-orbe{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}
.rt-o1{width:520px;height:520px;background:#1D4ED8;top:-120px;left:-140px}
.rt-o2{width:420px;height:420px;background:#0891B2;bottom:-120px;right:8%}
.rt-o3{width:300px;height:300px;background:#7C3AED;top:30%;right:-80px;opacity:.4}
.rt-malha{position:absolute;inset:0;background-image:linear-gradient(var(--rt-linha) 1px,transparent 1px),linear-gradient(90deg,var(--rt-linha) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 70%);opacity:.5}
.rt-hero h1{margin:18px 0 22px}
.rt-garantia{display:flex;gap:12px;align-items:center;padding:14px 18px!important;border:1px solid rgba(34,197,94,.3);background:rgba(34,197,94,.07);border-radius:16px;max-width:520px;font-size:.95rem}
.rt-garantia strong{color:#86EFAC}
.rt-cena{position:relative;height:520px}
.rt-flut{position:absolute;background:rgba(15,23,42,.82);border:1px solid var(--rt-linha);border-radius:18px;backdrop-filter:blur(10px);box-shadow:0 30px 80px -20px rgba(0,0,0,.7);will-change:transform;color:var(--wp--preset--color--texto)}
.rt-f-site{width:380px;top:10px;left:0;overflow:hidden}
.rt-barra{display:flex;gap:6px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--rt-linha);font-size:.75rem;color:var(--wp--preset--color--mudo)}
.rt-barra i{width:10px;height:10px;border-radius:50%;background:#334155}
.rt-barra span{margin-left:10px;padding:3px 10px;border-radius:6px;background:#111827}
.rt-tela{padding:22px}
.rt-tela .t1{height:14px;width:70%;border-radius:6px;background:var(--rt-grad);margin-bottom:12px}
.rt-tela .t2{height:9px;width:90%;border-radius:6px;background:#1E293B;margin-bottom:8px}
.rt-tela .t3{height:9px;width:60%;border-radius:6px;background:#1E293B;margin-bottom:18px}
.rt-tela .img{height:120px;border-radius:12px;background:linear-gradient(135deg,#1E3A8A,#0E7490 60%,#4C1D95)}
.rt-f-nota{top:400px;left:-20px;padding:16px 18px;display:flex;gap:14px;align-items:center}
.rt-nota{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font:700 1.3rem var(--wp--preset--font-family--titulo);color:#4ADE80;border:4px solid #22C55E;background:rgba(34,197,94,.08)}
.rt-f-nota small{display:block;color:var(--wp--preset--color--mudo);font-size:.78rem}
.rt-f-orka{width:300px;top:120px;right:0;padding:18px}
.rt-f-orka .cab{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:6px}
.rt-f-orka .cab img{width:22px;height:22px}
.rt-lin{display:flex;justify-content:space-between;font-size:.82rem;padding:9px 0;border-bottom:1px solid var(--rt-linha)}
.rt-lin:last-child{border:0}
.rt-v{color:#4ADE80;font-weight:600}
.rt-f-wa{right:-10px;bottom:20px;width:255px;padding:14px 16px;font-size:.85rem}
.rt-f-wa .de{color:#86EFAC;font-weight:600;font-size:.8rem}
.rt-bolha{background:#14532D;border-radius:14px 14px 14px 4px;padding:10px 12px;margin-top:8px;color:#DCFCE7}

/* faixa de provas */
.rt-provas{border-block:1px solid var(--rt-linha)}
.rt-provas strong{display:block;font:700 1.6rem var(--wp--preset--font-family--titulo)}
.rt-provas p{margin:0}

/* seções */
.rt-secao{padding-top:120px!important;padding-bottom:120px!important}
/* Paralaxe (20/10/2026): brilho atrás de cada seção, que rola mais devagar que o conteúdo (--rt-px vem do efeitos.js).
   Gradiente em vez de filter:blur — mais leve pra rolar. */
.rt-secao{position:relative;isolation:isolate;overflow-x:clip}
.rt-secao::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(720px,90vw);aspect-ratio:1;top:8%;left:-18%;border-radius:50%;
  background:radial-gradient(circle,rgba(29,78,216,.22),transparent 65%);transform:translate3d(0,var(--rt-px,0px),0);will-change:transform}
.rt-secao:nth-child(even)::before{left:auto;right:-18%;top:30%;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 65%)}
main.rt-secao::before{content:none}
/* cabeçalho da seção alinhado à esquerda do conteúdo (1180px), texto até 720px */
.rt-cab{max-width:1180px!important;margin-bottom:56px!important}
.rt-cab>*{max-width:720px}
.rt-faq{max-width:1180px!important}
.rt-faq>*{max-width:820px;margin-left:0!important}
.rt-cab h2{margin:14px 0 16px}

/* grade de blocos */
.rt-bento{display:grid!important;grid-template-columns:repeat(6,1fr);gap:18px}
.rt-bento>*{margin:0!important}
.rt-cx{position:relative;grid-column:span 3;background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(11,17,32,.9));border:1px solid var(--rt-linha);border-radius:var(--rt-raio);padding:30px!important;overflow:hidden;transition:border-color .3s,transform .3s}
.rt-cx:hover{border-color:rgba(59,130,246,.45);transform:translateY(-3px)}
.rt-cx::after{content:"";position:absolute;inset:auto -30% -60% auto;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);pointer-events:none}
.rt-cx h3{font-size:1.5rem;margin:0 0 10px}
.rt-cx p{color:var(--wp--preset--color--mudo);font-size:.98rem}
.rt-mais a{font-weight:600;text-decoration:none}
.rt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.rt-chip{font-size:.8rem;padding:6px 12px;border-radius:999px;border:1px solid var(--rt-linha);color:#CBD5E1;background:rgba(255,255,255,.02)}
.rt-navegador{margin-top:24px;border:1px solid var(--rt-linha);border-radius:14px;overflow:hidden;background:#0B1220}
.rt-navegador .corpo{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;padding:18px}
.rt-navegador .corpo div{border-radius:10px;background:#111C33;height:70px}
.rt-navegador .corpo div:first-child{grid-row:span 2;height:auto;background:linear-gradient(135deg,#1E3A8A,#0E7490)}
.rt-bolhas{margin-top:22px;display:flex;flex-direction:column;gap:8px;font-size:.85rem}
.rt-bolhas div{max-width:85%;padding:9px 12px;border-radius:14px}
.rt-bolhas .ele{background:#1E293B;align-self:flex-start;border-bottom-left-radius:4px}
.rt-bolhas .robo{background:#14532D;color:#DCFCE7;align-self:flex-end;border-bottom-right-radius:4px}

/* Orka */
.rt-orka{background:radial-gradient(ellipse at 80% 0%,rgba(59,130,246,.14),transparent 55%),var(--wp--preset--color--fundo-2);border-block:1px solid var(--rt-linha)}
.rt-tres{display:grid;gap:12px;margin:28px 0}
.rt-tres .l{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid var(--rt-linha);background:rgba(255,255,255,.02)}
.rt-tres .l s{color:#64748B}
.rt-tres .tot{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.07)}
.rt-tres .tot b{color:#4ADE80}
.rt-painel{border-radius:22px;border:1px solid var(--rt-linha);background:#0B1220;padding:22px;box-shadow:0 40px 100px -30px rgba(59,130,246,.35)}
.rt-painel .top{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-weight:600}
.rt-painel .top img{width:28px;height:28px}
.rt-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.rt-kpi{padding:14px;border-radius:14px;background:#111C33}
.rt-kpi small{color:var(--wp--preset--color--mudo);font-size:.75rem}
.rt-kpi b{display:block;font:700 1.25rem var(--wp--preset--font-family--titulo)}
.rt-colunas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rt-col{background:#0F172A;border-radius:12px;padding:10px;min-height:150px}
.rt-col small{color:var(--wp--preset--color--mudo);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.rt-os{margin-top:8px;padding:9px;border-radius:9px;background:#1E293B;font-size:.75rem}
.rt-os i{display:block;height:5px;border-radius:4px;margin-top:6px;background:var(--rt-grad);width:60%}
.rt-passos3{font-size:.9rem}

/* como funciona */
.rt-linha-tempo{position:relative}
.rt-linha-tempo::before{content:"";position:absolute;top:27px;left:6%;right:6%;height:2px;background:var(--rt-linha)}
.rt-progresso{position:absolute;top:27px;left:6%;height:2px;background:var(--rt-grad);width:0;transition:width .2s linear;margin:0!important}
.rt-n{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font:700 1.2rem var(--wp--preset--font-family--titulo);background:var(--wp--preset--color--fundo);border:2px solid var(--wp--preset--color--azul);margin-bottom:20px!important}
.rt-linha-tempo h3{font-size:1.2rem;margin:0 0 8px}
.rt-linha-tempo p{color:var(--wp--preset--color--mudo);font-size:.95rem}

/* depoimento */
.rt-depo{border-radius:28px;border:1px solid var(--rt-linha);background:linear-gradient(160deg,rgba(59,130,246,.10),rgba(139,92,246,.08) 60%,transparent),var(--wp--preset--color--cartao);padding:56px!important}
.rt-depo blockquote,.rt-depo .wp-block-quote{border:0;padding:0;margin:0}
.rt-depo .wp-block-quote p{font-size:1.22rem;line-height:1.7;color:#E2E8F0}
.rt-depo .wp-block-quote::before{content:"“";display:block;font:700 7rem/.8 var(--wp--preset--font-family--titulo);background:var(--rt-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
.rt-depo cite{font-style:normal;color:var(--wp--preset--color--mudo)}
.rt-depo cite strong{color:var(--wp--preset--color--texto);font-family:var(--wp--preset--font-family--titulo)}

/* perguntas */
.rt-faq .wp-block-details{border-bottom:1px solid var(--rt-linha);padding:0}
.rt-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:24px 0;font:600 1.12rem var(--wp--preset--font-family--titulo)}
.rt-faq summary::-webkit-details-marker{display:none}
.rt-faq summary::after{content:"+";font-size:1.5rem;color:var(--wp--preset--color--ciano);transition:transform .2s}
.rt-faq details[open] summary::after{transform:rotate(45deg)}
.rt-faq details p{color:var(--wp--preset--color--mudo);padding-bottom:24px;margin:0}
.rt-faq .rt-faq-grupo{margin:40px 0 4px!important;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--ciano)}
.rt-faq .rt-faq-grupo:first-child{margin-top:0!important}

/* chamada final + formulário */
.rt-final{border-radius:32px;padding:80px 56px!important;overflow:hidden}
.rt-final p{color:#DBEAFE}
.rt-form{display:grid;gap:12px}
.rt-form input,.rt-form select,.rt-form textarea{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:rgba(6,9,18,.35);color:#fff;font:inherit;box-sizing:border-box}
.rt-form input::placeholder,.rt-form textarea::placeholder{color:#BFDBFE}
.rt-form select option{color:#0B1220}
.rt-form button{padding:15px;border:0;border-radius:999px;background:#fff;color:#0B1220;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer} /* 08/10: `font:600 1rem inherit` era inválido → fonte padrão do navegador */
.rt-form button:disabled{opacity:.6;cursor:wait}
.rt-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.rt-ok{padding:24px;border-radius:16px;background:rgba(6,9,18,.35);text-align:center}
.rt-ok[hidden],.rt-form[hidden]{display:none}
.rt-erro{color:#FECACA;font-size:.9rem;margin:0}

/* rodapé */
.rt-rodape{color:var(--wp--preset--color--mudo);font-size:.92rem;border-top:1px solid var(--rt-linha)}
.rt-rodape h4{color:var(--wp--preset--color--texto);margin:0 0 14px}
.rt-rodape a{color:var(--wp--preset--color--mudo);text-decoration:none}
.rt-rodape a:hover{color:var(--wp--preset--color--texto)}
.rt-rodape ul{list-style:none;padding:0;margin:0}
.rt-rodape li{padding:4px 0}

/* aparecer ao rolar — só transform/opacity; sem JS (editor) fica visível */
.rt-js .rt-rv{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rt-js .rt-rv.vis{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rt-js .rt-rv{opacity:1;transform:none;transition:none}.rt-orbe,.rt-flut,.rt-pf img{transform:none!important}.rt-secao::before{transform:none}}

@media (max-width:980px){
  /* Menu de três risquinhos até 980 px (08/10/2026): o WordPress só recolhe abaixo de 600 px e no tablet o menu
     inteiro quebrava em duas linhas junto com o nome e o botão. Antes ficava escondido (display:none). */
  .rt-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex;color:var(--wp--preset--color--texto)}
  .rt-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
  .rt-header .wp-block-navigation__responsive-container-close{display:flex}
  .rt-header .wp-block-navigation__responsive-container.is-menu-open{display:flex;position:fixed;inset:0;z-index:100000;background:var(--wp--preset--color--fundo,#060912)!important;color:var(--wp--preset--color--texto)!important;padding:28px 24px}
  .rt-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:22px}
  .rt-header .wp-block-navigation__responsive-container.is-menu-open a{font-size:1.3rem;color:var(--wp--preset--color--texto)}
  .rt-header .wp-block-site-title{white-space:nowrap}
  .rt-header .rt-btn-wa .wp-block-button__link{font-size:0;padding:10px 14px}
  .rt-header .rt-btn-wa .wp-block-button__link::before{content:"WhatsApp";font-size:.85rem}
  .rt-cena{height:440px;max-width:460px}
  .rt-cx{grid-column:span 6}
  .rt-linha-tempo::before,.rt-progresso{display:none}
}
@media (max-width:600px){
  body{font-size:16px}
  .rt-cena{height:340px} /* sem o cartão do Orka (08/10) sobrava um vão */
  .rt-f-site{width:280px}.rt-f-orka{width:230px;top:150px}.rt-f-wa{width:240px;right:0;bottom:0}.rt-f-nota{display:none} /* celular: a garantia já aparece no selo verde */
  .rt-secao{padding-top:60px!important;padding-bottom:60px!important}
  main.rt-secao{padding-top:112px!important} /* página interna: o título ficava embaixo do cabeçalho fixo (71px) — 16/10 */
  .rt-final{padding:44px 22px!important;border-radius:24px}
  .rt-depo{padding:30px 22px!important}
  .rt-cx{padding:24px!important}
}

/* Sumário com âncoras (08/10/2026, tutorial "Como editar o seu site"): o cabeçalho é fixo — sem a margem o título da seção ficava escondido embaixo dele. */
[id] { scroll-margin-top: 96px; }
/* Rodapé: marca igual à do topo (logo 42px + nome claro) — dono, 08/10/2026 */
.rt-rodape .wp-block-site-title a{color:var(--wp--preset--color--texto);text-decoration:none}
/* Produtos: 3 cartões lado a lado no desktop (Orka, Achegou, PulseTrade) */
@media (min-width:981px){.rt-bento:has(>.rt-cx:nth-child(3):last-child)>.rt-cx{grid-column:span 2}}
/* Depoimentos lado a lado (dono, 08/10/2026: "vai ter pelo menos 3"): dividem a linha no computador, empilhados no celular */
@media (min-width:981px){
#depoimentos{display:flex!important;flex-wrap:wrap;gap:18px;align-items:stretch;padding-left:max(24px,calc((100% - 1180px) / 2))!important;padding-right:max(24px,calc((100% - 1180px) / 2))!important}
#depoimentos>*{margin:0!important;max-width:none!important}
#depoimentos>.rt-cab{flex:0 0 100%}
#depoimentos>.rt-depo{flex:1 1 300px;padding:34px!important;display:flex;flex-direction:column}
#depoimentos>.rt-depo .wp-block-quote{display:flex;flex-direction:column;height:100%}
#depoimentos>.rt-depo .wp-block-quote p{font-size:1.02rem;line-height:1.65}
#depoimentos>.rt-depo .wp-block-quote::before{font-size:4.5rem}
#depoimentos>.rt-depo cite{margin-top:auto;padding-top:14px}
}
/* Celular: texto do depoimento um pouco menor (o de 1.22rem ficava enorme numa coluna estreita) */
@media (max-width:980px){.rt-depo .wp-block-quote p{font-size:1.05rem}.rt-depo .wp-block-quote::before{font-size:4.5rem}}
/* ===== Cabeçalho e menu no celular (dono, 09/10/2026: "o menu tá uma bosta") ===== */
/* Sem a faixa de 19px acima do 1º bloco (margem do WordPress entre topo e conteúdo) — vale pra todas as telas. */
.wp-site-blocks>*{margin-block-start:0}
.wp-site-blocks>main,.wp-site-blocks .wp-block-post-content>.rt-hero:first-child{margin-top:0!important}
/* "Falar no WhatsApp" do menu só existe no menu aberto do celular (no computador já tem o botão verde). */
.rt-header .wp-block-navigation-item.rt-nav-wa{display:none}
@media (max-width:980px){
  /* Topo: marca à esquerda; WhatsApp (ícone) e botão do menu à direita, lado a lado */
  .rt-header>.wp-block-group{gap:10px}
  .rt-header>.wp-block-group>.wp-block-group:first-child{margin-right:auto}
  .rt-header .wp-block-buttons{order:2}
  .rt-header .wp-block-navigation{order:3;flex:0 0 auto}
  .rt-header .rt-btn-wa .wp-block-button__link{width:42px;height:42px;padding:0!important;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0}
  .rt-header .rt-btn-wa .wp-block-button__link::before{content:"";width:22px;height:22px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.55 2 2.08 6.46 2.08 11.95c0 1.76.46 3.47 1.33 4.98L2 22l5.2-1.36a9.9 9.9 0 0 0 4.84 1.23c5.49 0 9.96-4.46 9.96-9.95C22 6.46 17.53 2 12.04 2Zm5.8 14.06c-.24.68-1.42 1.32-1.96 1.37-.5.05-1.13.07-1.82-.11-.42-.13-.96-.31-1.65-.61-2.9-1.25-4.79-4.17-4.94-4.36-.14-.2-1.18-1.57-1.18-3s.75-2.13 1.02-2.42c.27-.29.58-.36.78-.36h.56c.18 0 .42-.07.66.5.24.58.83 2.01.9 2.15.07.15.12.32.02.51-.1.2-.15.32-.29.49-.15.17-.31.38-.44.51-.15.15-.3.3-.13.6.17.29.76 1.25 1.63 2.03 1.12 1 2.06 1.31 2.36 1.46.29.14.46.12.63-.08.17-.19.73-.85.92-1.14.2-.29.39-.24.66-.15.27.1 1.7.8 1.99.95.29.14.49.22.56.34.07.12.07.7-.17 1.38Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.04 2C6.55 2 2.08 6.46 2.08 11.95c0 1.76.46 3.47 1.33 4.98L2 22l5.2-1.36a9.9 9.9 0 0 0 4.84 1.23c5.49 0 9.96-4.46 9.96-9.95C22 6.46 17.53 2 12.04 2Zm5.8 14.06c-.24.68-1.42 1.32-1.96 1.37-.5.05-1.13.07-1.82-.11-.42-.13-.96-.31-1.65-.61-2.9-1.25-4.79-4.17-4.94-4.36-.14-.2-1.18-1.57-1.18-3s.75-2.13 1.02-2.42c.27-.29.58-.36.78-.36h.56c.18 0 .42-.07.66.5.24.58.83 2.01.9 2.15.07.15.12.32.02.51-.1.2-.15.32-.29.49-.15.17-.31.38-.44.51-.15.15-.3.3-.13.6.17.29.76 1.25 1.63 2.03 1.12 1 2.06 1.31 2.36 1.46.29.14.46.12.63-.08.17-.19.73-.85.92-1.14.2-.29.39-.24.66-.15.27.1 1.7.8 1.99.95.29.14.49.22.56.34.07.12.07.7-.17 1.38Z'/%3E%3C/svg%3E") center/contain no-repeat}
  .rt-header .wp-block-navigation__responsive-container-open:not(.always-shown){width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--rt-linha);border-radius:12px;background:rgba(255,255,255,.04)}
  .rt-header .wp-block-navigation__responsive-container-open svg{width:22px;height:22px}
  /* Menu aberto: título + X no topo, links à esquerda com separador e seta, Entrar e WhatsApp como botões */
  .rt-header .wp-block-navigation__responsive-container.is-menu-open{padding:18px 20px 28px!important;background:radial-gradient(120% 60% at 100% 0,rgba(139,92,246,.18),transparent 60%),radial-gradient(90% 50% at 0 100%,rgba(37,99,235,.18),transparent 60%),var(--wp--preset--color--fundo,#060912)!important}
  .rt-header .is-menu-open .wp-block-navigation__responsive-dialog{width:100%}
  .rt-header .is-menu-open .wp-block-navigation__responsive-dialog::before{content:"Menu";display:block;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#22D3EE;line-height:42px;margin-bottom:18px}
  .rt-header .is-menu-open .wp-block-navigation__responsive-container-close{top:0!important;right:0!important;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--rt-linha);border-radius:12px}
  .rt-header .is-menu-open .wp-block-navigation__responsive-container-content{align-items:stretch!important;padding-top:0!important}
  .rt-header .is-menu-open .wp-block-navigation__container{width:100%;gap:0!important;align-items:stretch!important}
  .rt-header .is-menu-open .wp-block-navigation-item{width:100%;border-bottom:1px solid var(--rt-linha)}
  .rt-header .is-menu-open .wp-block-navigation-item a{box-sizing:border-box;display:flex!important;justify-content:space-between;align-items:center;width:100%;padding:18px 2px!important;font-size:1.35rem!important}
  .rt-header .is-menu-open .wp-block-navigation-item a::after{content:"→";color:var(--wp--preset--color--mudo);font-size:1.1rem}
  .rt-header .is-menu-open .wp-block-navigation-item:has(a[href$="/entrar"]),.rt-header .is-menu-open .wp-block-navigation-item.rt-nav-wa{border-bottom:0}
  .rt-header .is-menu-open .wp-block-navigation-item a[href$="/entrar"]{margin-top:24px;justify-content:center;border:1px solid var(--rt-linha);border-radius:999px;padding:14px!important;font-size:1.05rem!important}
  .rt-header .is-menu-open .wp-block-navigation-item.rt-nav-wa{display:block}
  .rt-header .is-menu-open .wp-block-navigation-item.rt-nav-wa a{margin-top:12px;justify-content:center;background:#22C55E;color:#03140a!important;border-radius:999px;padding:16px!important;font-size:1.05rem!important;font-weight:700}
  .rt-header .is-menu-open .wp-block-navigation-item a[href$="/entrar"]::after,.rt-header .is-menu-open .wp-block-navigation-item.rt-nav-wa a::after{content:none}
}
/* Ilustração do topo (09/10/2026): o cartão do Orka saiu; o do WhatsApp sobe pro lugar dele e não cobre mais o "Aprovado por você". */
@media (min-width:981px){.rt-f-wa{top:250px;bottom:auto}}
/* Menu aberto = tela inteira de verdade (09/10/2026). backdrop-filter num ancestral vira "containing block" de
   position:fixed: com a página rolada (.solido) o menu ficava preso nos 70px do cabeçalho, com rolagem por dentro.
   Enquanto o menu está aberto, o cabeçalho fica sem o efeito de vidro e o menu ocupa a tela toda. */
.rt-header:has(.wp-block-navigation__responsive-container.is-menu-open){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;filter:none!important}
.rt-header .wp-block-navigation__responsive-container.is-menu-open{box-sizing:border-box;width:100%;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}
/* ===== Foto do cliente no depoimento (09/10/2026) — inc/depoimentos.php ===== */
.rt-depo cite.rt-depo-cite{display:flex;align-items:center;gap:14px}
.rt-depo .rt-depo-avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;object-fit:cover;border:2px solid var(--rt-linha)}
.rt-depo .rt-depo-quem{min-width:0}
/* Aviso de cookies (19/10/2026) — celular primeiro: faixa no rodapé da tela, botões grandes */
.rt-cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:1000;background:#0b1120;color:#e2e8f0;border:1px solid var(--rt-linha);border-radius:16px;padding:16px;box-shadow:0 12px 32px rgba(0,0,0,.45);font-size:.92rem;line-height:1.5}
.rt-cookies[hidden]{display:none}
.rt-cookies p{margin:0 0 12px}
.rt-cookies a{color:#60a5fa}
.rt-cookies-botoes{display:flex;gap:8px}
.rt-cookies-botoes button{flex:1;min-height:44px;border-radius:12px;font:inherit;font-weight:600;cursor:pointer;border:1px solid #3b82f6}
.rt-cookies-recusar{background:transparent;color:#e2e8f0}
.rt-cookies-aceitar{background:var(--rt-grad);color:#fff;border-color:transparent}
@media (min-width:769px){.rt-cookies{left:auto;right:24px;bottom:24px;max-width:420px}}
/* Cartões com imagem das seções Sites e Sistemas (20/10/2026): site no computador + celular; 1 coluna no celular,
   2 no tablet, 3 no computador (Sistemas: 2) */
.rt-portfolio{display:grid!important;grid-template-columns:1fr;gap:18px}
.rt-portfolio>*{margin:0!important}
.rt-pf{background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(11,17,32,.9));border:1px solid var(--rt-linha);border-radius:var(--rt-raio);padding:16px 16px 22px!important;overflow:hidden;transition:border-color .3s,transform .3s}
.rt-pf:hover{border-color:rgba(59,130,246,.45);transform:translateY(-3px)}
.rt-pf .wp-block-image{margin:0 0 14px!important}
.rt-pf img{display:block;width:100%;height:auto;will-change:transform}
.rt-pf h3{font-size:1.25rem;margin:0 0 4px}
.rt-pf p{color:var(--wp--preset--color--mudo);font-size:.95rem;margin:0 0 6px}
@media (min-width:640px){.rt-portfolio{grid-template-columns:repeat(2,1fr)}}
@media (min-width:981px){.rt-portfolio{grid-template-columns:repeat(3,1fr)}.rt-portfolio-2{grid-template-columns:repeat(2,1fr)}}
.rt-portfolio+.rt-mais,.rt-nota-demo+.rt-mais{margin-top:22px!important}
.rt-nota-demo{font-size:.85rem;margin-top:14px!important}
#sites>p.rt-mudo{margin-top:-30px!important;margin-bottom:34px!important}
/* Topo (20/10/2026): a janela mostra o Achegou no lugar das barras de enfeite */
.rt-tela-foto{padding:0}
.rt-tela-foto img{display:block;width:100%;height:auto}
/* Rodapé (20/10/2026, dono: "reorganizar"): marca + contato, Sites · Sistemas · Atendimento; barra de baixo com
   "© ANO [cachorro] Raj Tec" e Privacidade/Cookies. Celular: marca em cima, links 2 por linha. */
.rt-rodape-grade{display:grid!important;grid-template-columns:1fr 1fr;gap:34px 24px}
.rt-rodape-grade>*{margin:0!important}
.rt-rodape-marca{grid-column:1/-1}
.rt-rodape-marca p{margin:14px 0 10px;max-width:320px}
@media (min-width:782px){.rt-rodape-grade{grid-template-columns:1.6fr 1fr 1fr 1fr}.rt-rodape-marca{grid-column:auto}}
.rt-rodape-base{margin-top:44px!important;padding-top:20px;border-top:1px solid var(--rt-linha);gap:10px 24px;font-size:.85rem}
.rt-rodape-base p{margin:0}
.rt-copyright img{display:inline-block;width:20px;height:20px;vertical-align:-4px;margin:0 2px}
