/* ==========================================================================
   RCA · FOLHA ÚNICA DO SITE
   --------------------------------------------------------------------------
   Ordem importa. Do bloco 1 ao 7 é o sistema da Fabi, transplantado do
   rca-home.html na ordem original e sem edição. Do 8 ao 11 é o que as páginas
   internas precisam e o arquivo dela não tem.

   REGRA: quem manda no visual é o bloco da Fabi. Se algo daqui de baixo
   brigar com algo dela, o errado é o daqui de baixo.

   Nunca criar um segundo arquivo de CSS. Duas folhas brigando é a origem da
   maioria dos "mudei e não surtiu efeito".
   ========================================================================== */

/* ==========================================================================
   1. GLOBAL (o sistema: tokens, tipografia, botões, seções)
   Escrito pela Fabi. Transplantado do rca-home.html sem uma vírgula
   de diferença. Alteração de visual acontece AQUI, nunca em outro lugar.
   ========================================================================== */
/* ==========================================================================
   RCA CORE  ·  sistema base do site institucional
   agenciarca.com.br
   --------------------------------------------------------------------------
   COMO USAR
   1. Subir este arquivo em /wp-content/uploads/rca/rca-core.css
      (ou colar em Elementor > Configurações do site > CSS personalizado)
   2. Se subir como arquivo, enfileirar no functions.php do tema filho:
      wp_enqueue_style('rca-core', WP_CONTENT_URL.'/uploads/rca/rca-core.css', [], '1.0');
   3. Fonte Nunito: enfileirar junto ou deixar o Elementor carregar.
      Peso usado: 400 / 500 / 600 / 700 / 800

   REGRA DE NOMENCLATURA
   Tudo prefixado com "rca-". Dentro do WordPress, classes genéricas como
   .card, .hero, .tabs, .btn colidem com Astra, Hello e Elementor. O prefixo
   resolve sem precisar de !important espalhado.

   As variáveis ficam em :root para poderem ser referenciadas dentro do
   Elementor (Cores globais > valor personalizado > var(--rca-roxo)).
   ========================================================================== */


/* ==========================================================================
   1. TOKENS
   ========================================================================== */
:root{

  /* --- base roxa --- */
  --rca-roxo-profundo:#3D2168;
  --rca-roxo:#542E81;
  --rca-roxo-medio:#7B52C0;
  --rca-roxo-claro:#9B7DD4;

  /* --- escuros (fundos de dobra) --- */
  --rca-escuro-1:#150728;
  --rca-escuro-2:#210A40;
  --rca-escuro-3:#2E1055;
  --rca-escuro-topo:#370E5F;

  /* --- acentos --- */
  --rca-magenta:#C2286C;
  --rca-rosa:#A52E78;
  --rca-rosa-claro:#E0479B;
  --rca-vinho:#7A2C7C;
  --rca-vinho-forte:#912A75;
  --rca-laranja:#EF773B;
  --rca-laranja-claro:#FF914D;
  --rca-amarelo:#F5A623;
  --rca-lilas:#9B6BFF;
  --rca-wpp:#25D366;

  /* --- superfícies claras --- */
  --rca-bg:#F7F7FC;
  --rca-branco:#FFFFFF;
  /* GRAMÁTICA DE COR (áreas claras)
     O roxo fica para marca, títulos grandes e destaques; o texto funcional usa
     chumbo e cinza. Isso faz os títulos coloridos ganharem força em vez de
     competir com o corpo. Nas áreas escuras a regra é outra (branco para o
     principal, lavanda para o secundário), e não usa estas variáveis. */
  --rca-texto:#2D2932;        /* chumbo: títulos funcionais, nomes, labels */
  --rca-texto-suave:#66616C;  /* cinza: parágrafos e textos secundários */
  --rca-borda:#E4E4EF;

  /* --- superfícies escuras --- */
  --rca-d-texto:#FFFFFF;
  --rca-d-texto-suave:rgba(255,255,255,.72);
  --rca-d-texto-fraco:rgba(255,255,255,.58);
  --rca-d-superficie:rgba(255,255,255,.045);
  --rca-d-superficie-hover:rgba(255,255,255,.07);
  --rca-d-borda:rgba(255,255,255,.10);

  /* --- gradientes --- */
  --rca-grad:linear-gradient(105deg,#542E81 0%,#A5356B 55%,#EF773B 100%);
  --rca-grad-btn:linear-gradient(100deg,#542E81 0%,#7A2C7C 52%,#912A75 100%);
  --rca-grad-linha:linear-gradient(90deg,#A52E78,#EF773B);
  --rca-grad-dobra:linear-gradient(120deg,#150728 0%,#210A40 46%,#2E1055 100%);

  /* --- tipografia --- */
  --rca-fonte:'Nunito','Segoe UI',system-ui,-apple-system,sans-serif;
  --rca-t-hero:clamp(2.1rem,4vw,3.05rem);
  --rca-t-h1:clamp(1.95rem,3.4vw,2.7rem);   /* h1 de páginas internas */
  --rca-t-h2:clamp(1.7rem,2.7vw,2.15rem);
  --rca-t-h3:clamp(1.15rem,1.6vw,1.32rem);
  --rca-t-lead:1.06rem;
  --rca-t-corpo:.96rem;
  --rca-t-peq:.86rem;
  --rca-t-micro:.78rem;
  --rca-t-eyebrow:.72rem;

  /* --- espaçamento (escala 4pt) --- */
  --rca-s-1:4px;   --rca-s-2:8px;   --rca-s-3:12px;  --rca-s-4:16px;  --rca-s-5:20px;
  --rca-s-6:24px;  --rca-s-7:32px;  --rca-s-8:40px;  --rca-s-9:56px;  --rca-s-10:72px;
  --rca-sec-y:clamp(56px,6.5vw,92px);

  /* --- layout --- */
  --rca-maxw:1240px;
  --rca-pad-lat:clamp(20px,4.5vw,40px);
  --rca-header-h:78px;

  /* --- raio --- */
  --rca-r-sm:12px; --rca-r-md:16px; --rca-r-lg:20px; --rca-r-xl:26px; --rca-r-pill:999px;

  /* --- sombra --- */
  --rca-sombra-card:0 4px 18px rgba(80,44,138,.07);
  --rca-sombra-hover:0 18px 40px rgba(80,44,138,.18);
  --rca-sombra-alta:0 18px 44px rgba(0,0,0,.28);

  /* --- curva de movimento única do site --- */
  --rca-ease:cubic-bezier(.2,.8,.3,1);
}

@media(max-width:600px){
  :root{--rca-t-h2:1.46rem;--rca-t-lead:.96rem;--rca-t-corpo:.9rem;--rca-header-h:64px;}
}


/* ==========================================================================
   2. BASE
   ========================================================================== */
html{background:#FFFFFF;scroll-behavior:smooth;overflow-x:clip;margin:0;}
body{font-family:var(--rca-fonte);background:#FFFFFF;color:var(--rca-texto);
  margin:0;overflow-x:clip;
  -webkit-font-smoothing:antialiased;line-height:1.5;}

/* o tema não define tipografia; quem define é este arquivo */
body,button,input,select,textarea{font-family:var(--rca-fonte);}

img{max-width:100%;height:auto;}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--rca-laranja);outline-offset:3px;border-radius:6px;}

::selection{background:rgba(194,40,108,.22);}


/* ==========================================================================
   3. LAYOUT
   --------------------------------------------------------------------------
   .rca-wrap  = container único. TUDO alinha na mesma borda esquerda.
   .rca-bleed = faixa que ocupa 100vw mesmo dentro de container do Elementor.
   ========================================================================== */
.rca-wrap{width:100%;max-width:var(--rca-maxw);margin-inline:auto;
  padding-inline:var(--rca-pad-lat);}

.rca-bleed{position:relative;width:100vw;left:50%;transform:translateX(-50%);}

/* seção com respiro vertical padrão */
.rca-sec{position:relative;padding-block:var(--rca-sec-y);scroll-margin-top:calc(var(--rca-header-h) + 20px);}
.rca-sec--curta{padding-block:clamp(40px,4.5vw,64px);}

/* grids reaproveitáveis */
.rca-grid{display:grid;gap:var(--rca-s-4);}
.rca-grid--2{grid-template-columns:repeat(2,1fr);}
.rca-grid--3{grid-template-columns:repeat(3,1fr);}
.rca-grid--4{grid-template-columns:repeat(4,1fr);}

/* elemento que sangra na vertical sem criar scroll lateral */
.rca-sangra{overflow-x:clip;overflow-y:visible;}


/* ==========================================================================
   4. SUPERFÍCIES E PROFUNDIDADE
   --------------------------------------------------------------------------
   É aqui que o site deixa de parecer WordPress: nenhuma dobra usa cor chapada.
   Sempre gradiente linear + brilho radial por cima.
   ========================================================================== */

.rca-fundo-claro{background:var(--rca-bg);}
.rca-fundo-branco{background:var(--rca-branco);}

/* dobra escura padrão */
.rca-fundo-escuro{
  background:
    radial-gradient(70% 90% at 88% 40%, rgba(123,82,192,.40) 0%, transparent 60%),
    radial-gradient(60% 80% at 95% 70%, rgba(194,40,108,.28) 0%, transparent 62%),
    var(--rca-grad-dobra);
  color:var(--rca-d-texto);}

/* dobra escura com foco central (CTA, dobra de software) */
.rca-fundo-escuro--centro{
  background:radial-gradient(115% 130% at 85% 55%,
    #4F117F 0%, #370A61 45%, #240345 78%, #1A023E 100%);
  color:var(--rca-d-texto);}

/* transição do escuro para o claro: o roxo vaza pra baixo em vez de cortar seco */
.rca-emenda-topo::before{content:'';position:absolute;top:-70px;left:50%;transform:translateX(-50%);
  width:100vw;height:270px;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(55,14,95,.15) 0%,rgba(55,14,95,.11) 26%,
    rgba(55,14,95,.045) 58%,transparent 100%);}
.rca-emenda-topo > *{position:relative;z-index:1;}

/* malha de pontos + auroras (fundo vivo das dobras claras) */
.rca-malha{position:absolute;inset:0;left:50%;transform:translateX(-50%);width:100vw;
  overflow:hidden;pointer-events:none;z-index:0;}
.rca-malha-pontos{position:absolute;inset:-8%;
  background-image:radial-gradient(circle,rgba(84,46,129,.20) 1px,transparent 1.6px);
  background-size:28px 28px;
  -webkit-mask:radial-gradient(115% 85% at 50% 42%,#000 24%,transparent 76%);
  mask:radial-gradient(115% 85% at 50% 42%,#000 24%,transparent 76%);
  animation:rca-deriva 40s linear infinite;will-change:transform;}
@keyframes rca-deriva{from{transform:translate3d(0,0,0)}to{transform:translate3d(28px,28px,0)}}

.rca-aurora{position:absolute;border-radius:50%;will-change:transform;}
.rca-aurora--a{width:640px;height:640px;left:-8%;top:4%;
  background:radial-gradient(circle,rgba(123,82,192,.20),transparent 68%);
  animation:rca-flutua 26s ease-in-out infinite;}
.rca-aurora--b{width:560px;height:560px;right:-6%;bottom:-6%;
  background:radial-gradient(circle,rgba(194,40,108,.14),transparent 68%);
  animation:rca-flutua 32s ease-in-out infinite reverse;}
@keyframes rca-flutua{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(34px,-30px,0)}}

/* brilho atrás de imagem recortada (estátua, foguete, mockup) */
.rca-glow{position:absolute;z-index:0;pointer-events:none;
  background:radial-gradient(closest-side,rgba(194,40,108,.5),rgba(123,82,192,.28) 45%,transparent 72%);
  filter:blur(20px);}


/* ==========================================================================
   5. TIPOGRAFIA DE SEÇÃO
   ========================================================================== */
.rca-eyebrow{font-weight:700;font-size:var(--rca-t-eyebrow);letter-spacing:.14em;
  text-transform:uppercase;color:var(--rca-roxo,#542E81);line-height:1.2;margin:0 0 6px;}
.rca-fundo-escuro .rca-eyebrow,
.rca-fundo-escuro--centro .rca-eyebrow,
.rca-eyebrow--d{color:var(--rca-d-texto-fraco);}

.rca-h1{font-weight:800;font-size:var(--rca-t-h1);line-height:1.12;letter-spacing:-.02em;
  color:var(--rca-roxo-profundo);margin:0 0 var(--rca-s-4);}
.rca-h2{font-weight:800;font-size:var(--rca-t-h2);line-height:1.16;letter-spacing:-.018em;
  color:var(--rca-roxo-profundo);margin:0 0 var(--rca-s-8);max-width:24ch;}
.rca-h3{font-weight:700;font-size:var(--rca-t-h3);line-height:1.28;letter-spacing:-.012em;
  color:var(--rca-texto);margin:0 0 var(--rca-s-3);}

/* em dobra escura o título vira branco e o destaque vira laranja */
.rca-fundo-escuro :is(.rca-h1,.rca-h2,.rca-h3),
.rca-fundo-escuro--centro :is(.rca-h1,.rca-h2,.rca-h3){color:#fff;}
.rca-fundo-escuro .rca-hl,
.rca-fundo-escuro--centro .rca-hl{color:var(--rca-laranja);}

.rca-hl{color:var(--rca-rosa);}
.rca-h2--centro{max-width:none;text-align:center;margin-inline:auto;}

.rca-lead{font-size:var(--rca-t-lead);line-height:1.6;color:var(--rca-texto-suave);max-width:56ch;}
.rca-fundo-escuro .rca-lead,
.rca-fundo-escuro--centro .rca-lead{color:var(--rca-d-texto-suave);}

.rca-corpo{font-size:var(--rca-t-corpo);line-height:1.65;color:var(--rca-texto-suave);}
.rca-corpo p{margin:0 0 var(--rca-s-4);}
.rca-corpo p:last-child{margin-bottom:0;}
.rca-corpo strong{color:var(--rca-texto);font-weight:700;}

/* filete curto abaixo do título */
.rca-filete{width:52px;height:1.5px;border-radius:2px;background:var(--rca-grad-linha);
  margin:var(--rca-s-4) 0 var(--rca-s-5);}

/* rabisco à mão em volta de uma palavra */
.rca-circulado{position:relative;display:inline-block;white-space:nowrap;z-index:0;}
.rca-circulado svg{position:absolute;left:-12%;top:-32%;width:124%;height:170%;
  overflow:visible;pointer-events:none;}
.rca-circulado svg path{fill:none;stroke:var(--rca-laranja);stroke-width:2.6;stroke-linecap:round;
  vector-effect:non-scaling-stroke;stroke-dasharray:700;stroke-dashoffset:0;}
.rca-in .rca-circulado svg path{animation:rca-rabisco 1s cubic-bezier(.4,0,.25,1) .25s both;}
@keyframes rca-rabisco{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}

/* número grande com o gradiente da marca dentro do texto */
.rca-cifra{font-weight:800;font-size:clamp(1.8rem,2.9vw,2.2rem);line-height:.98;letter-spacing:-.035em;
  background:var(--rca-grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;}
.rca-cifra i{font-style:normal;font-size:.58em;}


/* ==========================================================================
   6. BOTÕES
   ========================================================================== */
.rca-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;
  text-decoration:none;font-family:inherit;font-weight:700;font-size:1.02rem;line-height:1;
  padding:0 30px;height:54px;border:none;border-radius:14px;cursor:pointer;overflow:hidden;
  white-space:nowrap;transition:transform .2s var(--rca-ease),box-shadow .3s,
    background .25s,border-color .25s,color .25s;}
.rca-btn svg{width:20px;height:20px;flex-shrink:0;}
.rca-btn:hover{transform:translateY(-2px);}
.rca-btn > *{position:relative;z-index:1;}

/* seta que anda no hover */
.rca-btn .rca-seta{font-size:1.2rem;transition:transform .25s var(--rca-ease);}
.rca-btn:hover .rca-seta{transform:translateX(4px);}

/* principal: gradiente da marca */
.rca-btn--grad{background:var(--rca-grad);color:#fff;
  box-shadow:0 14px 34px rgba(85,46,129,.48);}
.rca-btn--grad:hover{box-shadow:0 18px 40px rgba(85,46,129,.52);}
/* brilho passando de tempos em tempos */
.rca-btn--grad::after{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;z-index:0;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);animation:rca-shimmer 4.5s ease-in-out infinite;}
@keyframes rca-shimmer{0%,60%{left:-60%}80%,100%{left:130%}}

/* sólido roxo: uso em páginas internas onde o gradiente pesaria */
.rca-btn--roxo{background:var(--rca-grad-btn);color:#fff;box-shadow:0 12px 28px rgba(85,46,129,.34);}

/* branco: só sobre fundo escuro */
.rca-btn--branco{background:#fff;color:var(--rca-roxo);font-weight:800;
  box-shadow:0 12px 32px rgba(0,0,0,.28);}
.rca-btn--branco:hover{box-shadow:0 18px 40px rgba(0,0,0,.38);}
.rca-btn--branco svg{fill:var(--rca-wpp);}

/* contorno em fundo claro */
.rca-btn--linha{background:var(--rca-branco);border:1.5px solid var(--rca-borda);
  color:var(--rca-roxo);border-radius:var(--rca-r-pill);height:50px;font-size:.94rem;}
.rca-btn--linha:hover{border-color:rgba(165,46,120,.4);color:var(--rca-rosa);
  box-shadow:var(--rca-sombra-card);}

/* contorno em fundo escuro */
.rca-btn--fantasma{background:var(--rca-d-superficie);border:1px solid var(--rca-d-borda);
  color:#fff;border-radius:var(--rca-r-pill);height:50px;font-size:.94rem;}
.rca-btn--fantasma:hover{background:var(--rca-d-superficie-hover);border-color:rgba(239,119,59,.4);}

/* tamanhos */
.rca-btn--g{height:58px;padding:0 34px;font-size:1.08rem;}
.rca-btn--p{height:44px;padding:0 22px;font-size:.88rem;border-radius:12px;}
.rca-btn--full{width:100%;}

/* link com seta, sem caixa */
.rca-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:700;
  font-size:.9rem;color:var(--rca-rosa);transition:color .2s,gap .2s;}
.rca-link:hover{color:var(--rca-laranja);gap:11px;}


/* ==========================================================================
   7. CARDS
   ========================================================================== */
.rca-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;text-decoration:none;overflow:hidden;
  background:var(--rca-branco);border:1.5px solid var(--rca-borda);border-radius:var(--rca-r-lg);
  padding:var(--rca-s-6) var(--rca-s-5) var(--rca-s-5);box-shadow:var(--rca-sombra-card);
  transition:transform .24s var(--rca-ease),border-color .24s,box-shadow .24s;}
/* brilho magenta no canto superior direito ao passar o mouse */
.rca-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .28s;pointer-events:none;
  background:radial-gradient(200px 200px at 84% 0%,rgba(194,40,108,.09),transparent 72%);}
.rca-card > *{position:relative;z-index:1;}

a.rca-card:hover,.rca-card--hover:hover{transform:translateY(-4px);
  border-color:rgba(165,46,120,.42);box-shadow:var(--rca-sombra-hover);}
a.rca-card:hover::before,.rca-card--hover:hover::before{opacity:1;}
a.rca-card:hover .rca-card-ic{transform:scale(1.06) rotate(-2deg);
  box-shadow:0 8px 20px rgba(123,82,192,.22);}
a.rca-card:hover .rca-card-arr{transform:translateX(6px);}

.rca-card--servico{min-height:198px;}

/* versão escura (dobra escura) */
.rca-card--escuro{background:var(--rca-d-superficie);border:1px solid var(--rca-d-borda);
  box-shadow:none;}
.rca-card--escuro .rca-card-tit{color:#fff;}
.rca-card--escuro .rca-card-desc{color:var(--rca-d-texto-fraco);}
a.rca-card--escuro:hover{background:var(--rca-d-superficie-hover);
  border-color:rgba(239,119,59,.3);box-shadow:none;}

/* ícone do card */
.rca-card-ic{width:48px;height:48px;border-radius:14px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  transition:transform .22s var(--rca-ease),box-shadow .3s;}
.rca-card-ic svg{width:23px;height:23px;}
.rca-card-ic svg.rca-linha{fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

.rca-ic-roxo{background:rgba(84,46,129,.12);border:1px solid rgba(84,46,129,.24);}
.rca-ic-roxo svg{fill:var(--rca-roxo);}      .rca-ic-roxo svg.rca-linha{stroke:var(--rca-roxo);}
.rca-ic-rosa{background:rgba(194,40,108,.12);border:1px solid rgba(194,40,108,.24);}
.rca-ic-rosa svg{fill:var(--rca-rosa);}      .rca-ic-rosa svg.rca-linha{stroke:var(--rca-rosa);}
.rca-ic-laranja{background:rgba(239,119,59,.14);border:1px solid rgba(239,119,59,.26);}
.rca-ic-laranja svg{fill:var(--rca-laranja);}.rca-ic-laranja svg.rca-linha{stroke:var(--rca-laranja);}
.rca-ic-lilas{background:rgba(155,107,255,.14);border:1px solid rgba(155,107,255,.26);}
.rca-ic-lilas svg{fill:var(--rca-lilas);}    .rca-ic-lilas svg.rca-linha{stroke:var(--rca-lilas);}

.rca-card-txt{width:100%;margin-top:var(--rca-s-5);}
.rca-card-tit{font-weight:700;font-size:1.02rem;color:var(--rca-texto);line-height:1.25;
  margin-bottom:var(--rca-s-2);}
.rca-card-desc{font-size:.83rem;color:var(--rca-texto-suave);line-height:1.5;}
.rca-card-arr{align-self:flex-end;margin-top:auto;padding-top:var(--rca-s-4);
  color:var(--rca-laranja);font-size:1.25rem;line-height:1;transition:transform .22s;}

/* selo / pílula */
.rca-selo{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--rca-r-pill);
  background:rgba(84,46,129,.09);font-size:.63rem;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:var(--rca-roxo);}
.rca-selo svg{width:12px;height:12px;fill:var(--rca-magenta);}
.rca-selo--d{background:rgba(255,255,255,.08);color:#fff;}


/* ==========================================================================
   8. PROVA SOCIAL
   ========================================================================== */
.rca-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--rca-s-3);}
.rca-stat{position:relative;overflow:hidden;text-align:center;padding:var(--rca-s-6) var(--rca-s-3);
  background:var(--rca-d-superficie);border:1px solid var(--rca-d-borda);border-radius:var(--rca-r-lg);
  transition:border-color .3s,background .3s,transform .3s;}
.rca-stat::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s;
  background:radial-gradient(110px 70px at 50% 0%,rgba(224,71,155,.16),transparent 70%);}
.rca-stat:hover{border-color:rgba(224,71,155,.28);background:var(--rca-d-superficie-hover);
  transform:translateY(-3px);}
.rca-stat:hover::before{opacity:1;}
.rca-stat > *{position:relative;z-index:1;}
.rca-stat-ic{display:flex;align-items:center;justify-content:center;margin:0 auto var(--rca-s-3);}
.rca-stat-ic svg{width:28px;height:28px;fill:var(--rca-rosa-claro);}
.rca-stat-num{font-weight:800;font-size:1.42rem;color:#fff;line-height:1.1;}
.rca-stat-lbl{font-size:.74rem;font-weight:600;color:var(--rca-d-texto-fraco);
  margin-top:var(--rca-s-1);line-height:1.3;}

/* citação */
.rca-aspas{position:relative;margin:0;padding-top:var(--rca-s-4);}
.rca-aspas::before{content:'\201C';position:absolute;top:-12px;left:-3px;font-size:2.8rem;line-height:1;
  color:rgba(84,46,129,.18);font-family:Georgia,serif;}
.rca-aspas p{font-size:.87rem;line-height:1.58;color:var(--rca-texto);margin:0 0 var(--rca-s-3);}
.rca-aspas p:last-child{margin-bottom:0;}
.rca-aspas b{color:var(--rca-rosa);font-weight:800;}

.rca-estrelas{font-style:normal;color:var(--rca-amarelo);letter-spacing:1px;}

/* avatar com iniciais */
.rca-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;
  justify-content:center;font-weight:800;font-size:.9rem;color:#fff;background:var(--rca-grad);}


/* ==========================================================================
   9. FAQ (acordeão)
   --------------------------------------------------------------------------
   Estados controlados por JS: .rca-faq-item.rca-aberto
   ========================================================================== */
.rca-faq-item{background:var(--rca-d-superficie);border:1px solid var(--rca-d-borda);
  border-radius:var(--rca-r-md);margin-bottom:var(--rca-s-2);overflow:hidden;
  transition:border-color .22s,background .22s;}
.rca-faq-item:last-child{margin-bottom:0;}
.rca-faq-item:hover{border-color:rgba(239,119,59,.3);}
.rca-faq-item.rca-aberto{border-color:rgba(239,119,59,.4);background:var(--rca-d-superficie-hover);}
.rca-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--rca-s-3);
  background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;font-weight:600;
  font-size:.9rem;color:#fff;padding:var(--rca-s-4);line-height:1.35;}
.rca-faq-mais{font-size:1.35rem;color:var(--rca-rosa-claro);flex-shrink:0;line-height:1;
  transition:transform .3s,color .3s;}
.rca-faq-item.rca-aberto .rca-faq-mais{color:var(--rca-laranja);transform:rotate(45deg);}
.rca-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.rca-faq-a p{padding:0 var(--rca-s-4) var(--rca-s-4);font-size:var(--rca-t-peq);
  color:var(--rca-d-texto-suave);line-height:1.6;}
.rca-faq-a p:not(:last-child){padding-bottom:10px;}

/* versão clara, para a FAQ das páginas de serviço */
.rca-faq--claro .rca-faq-item{background:var(--rca-branco);border-color:var(--rca-borda);}
.rca-faq--claro .rca-faq-q{color:var(--rca-texto);}
.rca-faq--claro .rca-faq-a p{color:var(--rca-texto-suave);}
.rca-faq--claro .rca-faq-item.rca-aberto{background:var(--rca-branco);}


/* ==========================================================================
   10. LISTA DE LINKS (acesso rápido / rodapé)
   ========================================================================== */
.rca-lista{display:flex;flex-direction:column;gap:var(--rca-s-3);}
.rca-lista-item{display:flex;align-items:center;gap:var(--rca-s-3);text-decoration:none;
  background:var(--rca-d-superficie);border:1px solid var(--rca-d-borda);border-radius:var(--rca-r-md);
  padding:15px var(--rca-s-4);transition:transform .22s,border-color .22s,background .22s;}
.rca-lista-item:hover{transform:translateY(-3px);border-color:rgba(239,119,59,.3);
  background:var(--rca-d-superficie-hover);}
.rca-lista-ic{width:38px;height:38px;border-radius:var(--rca-r-sm);flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);}
.rca-lista-ic svg{width:19px;height:19px;}
.rca-lista-txt{flex:1;min-width:0;}
.rca-lista-txt b{display:block;font-weight:700;font-size:.92rem;color:#fff;line-height:1.2;}
.rca-lista-txt span{font-size:var(--rca-t-micro);color:var(--rca-d-texto-fraco);line-height:1.25;}
.rca-lista-seta{flex-shrink:0;opacity:.5;transition:transform .22s,opacity .22s;}
.rca-lista-seta svg{width:14px;height:14px;fill:rgba(255,255,255,.5);}
.rca-lista-item:hover .rca-lista-seta{opacity:1;transform:translateX(3px);}

/* redes sociais (a cor vem do --c inline em cada link) */
.rca-social{display:flex;gap:10px;}
.rca-social a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;background:var(--rca-d-superficie);border:1px solid var(--rca-d-borda);
  transition:transform .25s,box-shadow .25s,border-color .25s;}
.rca-social svg{width:17px;height:17px;fill:rgba(255,255,255,.62);transition:fill .25s;}
.rca-social a:hover{transform:translateY(-2px);border-color:var(--c);
  box-shadow:0 5px 14px color-mix(in srgb, var(--c) 24%, transparent);}
.rca-social a:hover svg{fill:var(--c);}


/* ==========================================================================
   11. MÉTODO (etapas numeradas)
   ========================================================================== */
.rca-passos{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,1fr);
  gap:var(--rca-s-5);margin:0;padding:0;}
.rca-passos-onda{position:absolute;top:0;left:0;width:100%;height:60px;z-index:0;
  pointer-events:none;overflow:visible;}
.rca-passo{position:relative;z-index:1;text-align:center;}
.rca-passo-ic{width:56px;height:56px;border-radius:50%;margin:0 auto var(--rca-s-4);
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#5C2A86,#3E1C63);border:5px solid var(--rca-branco);
  box-shadow:0 8px 20px rgba(85,46,129,.24);
  transition:transform .24s var(--rca-ease),box-shadow .24s;}
.rca-passo-ic svg{width:22px;height:22px;fill:#fff;}
.rca-passo:hover .rca-passo-ic{transform:translateY(-4px);box-shadow:0 14px 28px rgba(85,46,129,.32);}
.rca-passo-tit{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:700;
  font-size:.98rem;color:var(--rca-texto);line-height:1.25;margin-bottom:5px;}
.rca-passo-n{min-width:27px;height:20px;padding-inline:6px;border-radius:999px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;
  letter-spacing:.02em;
  background:var(--rca-grad);}
.rca-passo-desc{font-size:.82rem;color:var(--rca-texto-suave);line-height:1.45;max-width:19ch;margin:0 auto;}


/* ==========================================================================
   12. FORMULÁRIOS (Elementor Forms)
   ========================================================================== */
.rca-form .elementor-field-group > label,
.rca-form label{font-weight:700;font-size:var(--rca-t-micro);color:var(--rca-texto);
  letter-spacing:.02em;margin-bottom:6px;display:block;}

.rca-form input[type=text],.rca-form input[type=email],.rca-form input[type=tel],
.rca-form input[type=url],.rca-form select,.rca-form textarea,
.rca-form .elementor-field-textual{
  width:100%;background:var(--rca-branco);border:1.5px solid var(--rca-borda);
  border-radius:var(--rca-r-sm);padding:14px var(--rca-s-4);
  font-family:inherit;font-size:var(--rca-t-corpo);color:var(--rca-texto);line-height:1.4;
  transition:border-color .2s,box-shadow .2s,background .2s;}
.rca-form :is(input,select,textarea):focus,
.rca-form .elementor-field-textual:focus{
  outline:none;border-color:var(--rca-roxo-medio);
  box-shadow:0 0 0 3px rgba(123,82,192,.16);}
.rca-form ::placeholder{color:#A79BBA;}
.rca-form textarea{min-height:140px;resize:vertical;}

/* formulário sobre fundo escuro */
.rca-form--escuro :is(label,.elementor-field-group > label){color:var(--rca-d-texto-suave);}
.rca-form--escuro :is(input,select,textarea,.elementor-field-textual){
  background:var(--rca-d-superficie);border-color:var(--rca-d-borda);color:#fff;}
.rca-form--escuro ::placeholder{color:rgba(255,255,255,.42);}
.rca-form--escuro :is(input,select,textarea,.elementor-field-textual):focus{
  border-color:rgba(239,119,59,.5);box-shadow:0 0 0 3px rgba(239,119,59,.14);
  background:var(--rca-d-superficie-hover);}

.rca-form .elementor-button[type=submit]{
  background:var(--rca-grad);color:#fff;font-family:inherit;font-weight:700;font-size:1.02rem;
  border:none;border-radius:14px;min-height:54px;padding-inline:30px;cursor:pointer;
  box-shadow:0 14px 34px rgba(85,46,129,.38);
  transition:transform .2s var(--rca-ease),box-shadow .3s;}
.rca-form .elementor-button[type=submit]:hover{transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(85,46,129,.46);}

.rca-form .elementor-message.elementor-message-success{color:#1E8E4C;font-weight:600;}
.rca-form .elementor-message.elementor-message-danger{color:var(--rca-magenta);font-weight:600;}


/* ==========================================================================
   13. MICROINTERAÇÕES
   --------------------------------------------------------------------------
   O JS adiciona .rca-in quando o elemento entra na tela.
   Sem JS, nada some: o padrão é visível (ver bloco no-js abaixo).
   ========================================================================== */
.rca-reveal{opacity:0;transform:translateY(24px);
  transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);}
.rca-reveal.rca-in{opacity:1;transform:none;}

.rca-reveal-stagger > *{opacity:0;transform:translateY(20px);
  transition:opacity .6s cubic-bezier(.2,.7,.3,1),transform .6s cubic-bezier(.2,.7,.3,1);}
.rca-reveal-stagger.rca-in > *{opacity:1;transform:none;}
.rca-reveal-stagger.rca-in > *:nth-child(1){transition-delay:.05s}
.rca-reveal-stagger.rca-in > *:nth-child(2){transition-delay:.12s}
.rca-reveal-stagger.rca-in > *:nth-child(3){transition-delay:.19s}
.rca-reveal-stagger.rca-in > *:nth-child(4){transition-delay:.26s}
.rca-reveal-stagger.rca-in > *:nth-child(5){transition-delay:.33s}
.rca-reveal-stagger.rca-in > *:nth-child(6){transition-delay:.40s}
.rca-reveal-stagger.rca-in > *:nth-child(7){transition-delay:.47s}
.rca-reveal-stagger.rca-in > *:nth-child(8){transition-delay:.54s}

/* se o JS não rodar, o conteúdo aparece do mesmo jeito */
html.no-js .rca-reveal,
html.no-js .rca-reveal-stagger > *{opacity:1;transform:none;}


/* ==========================================================================
   14. ELEMENTOR / TEMA
   --------------------------------------------------------------------------
   O Elementor injeta padding e largura próprios. Aqui o container dele vira
   neutro para que quem manda no alinhamento seja o .rca-wrap.
   ========================================================================== */
.rca-sec > .e-con-inner,
.elementor-widget-html .rca-sec{padding:0;max-width:none;}

/* widget HTML não deve criar caixa nem margem */
.elementor-widget-html{line-height:normal;}

/* remove a margem que o Astra coloca no último parágrafo dentro de widget */
.rca-sec p:last-child{margin-bottom:0;}

/* impede scroll lateral causado por elementos que sangram */
.elementor-section,.e-con{overflow-x:clip;}


/* ==========================================================================
   15. RESPONSIVO
   ========================================================================== */
@media(max-width:1080px){
  .rca-stats{gap:var(--rca-s-2);}
  .rca-stat{padding:var(--rca-s-5) var(--rca-s-2);}
  .rca-stat-num{font-size:1.3rem;}
}

@media(max-width:980px){
  .rca-grid--4{grid-template-columns:repeat(2,1fr);}
  .rca-grid--3{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:900px){
  .rca-passos{grid-template-columns:repeat(2,1fr);gap:var(--rca-s-8) var(--rca-s-5);}
  .rca-passos-onda{display:none;}
}

@media(max-width:760px){
  .rca-grid--2{grid-template-columns:1fr;}
}

@media(max-width:600px){
  .rca-stats{grid-template-columns:repeat(2,1fr);gap:var(--rca-s-2);}
  .rca-stat{padding:var(--rca-s-4) var(--rca-s-2);border-radius:var(--rca-r-md);}
  .rca-stat-ic{margin-bottom:var(--rca-s-2);}
  .rca-stat-ic svg{width:23px;height:23px;}
  .rca-stat-num{font-size:1.18rem;}
  .rca-stat-lbl{font-size:.7rem;}

  .rca-h2--centro{text-align:left;}

  /* no celular a linha de etapas vira vertical, com fio pontilhado à esquerda */
  .rca-passos{grid-template-columns:1fr;gap:var(--rca-s-5);}
  .rca-passos::before{content:'';position:absolute;top:28px;bottom:28px;left:27px;width:2px;z-index:0;
    background-image:repeating-linear-gradient(180deg,#E0479B 0 5px,transparent 5px 10px);}
  .rca-passo{display:grid;grid-template-columns:56px 1fr;gap:var(--rca-s-4);
    text-align:left;align-items:center;}
  .rca-passo-ic{margin:0;}
  .rca-passo-tit{justify-content:flex-start;}
  .rca-passo-desc{max-width:none;margin:0;}

  .rca-btn{width:100%;}
  .rca-btn--auto{width:auto;}
}

@media(max-width:480px){
  .rca-grid--3,.rca-grid--4{grid-template-columns:1fr;gap:var(--rca-s-3);}

  /* card de serviço vira horizontal: ícone à esquerda, texto à direita */
  .rca-card--servico{min-height:0;flex-direction:row;align-items:flex-start;
    gap:var(--rca-s-4);padding:var(--rca-s-4);border-radius:var(--rca-r-md);}
  .rca-card--servico .rca-card-ic{width:42px;height:42px;border-radius:12px;}
  .rca-card--servico .rca-card-ic svg{width:20px;height:20px;}
  .rca-card--servico .rca-card-txt{margin-top:0;flex:1;min-width:0;}
  .rca-card--servico .rca-card-tit{font-size:.98rem;margin-bottom:3px;}
  .rca-card--servico .rca-card-desc{font-size:.8rem;}
  .rca-card--servico .rca-card-arr{align-self:center;margin-top:0;padding-top:0;
    padding-left:var(--rca-s-2);font-size:1.1rem;}
}


/* ==========================================================================
   16. ACESSIBILIDADE E IMPRESSÃO
   ========================================================================== */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .rca-malha-pontos,.rca-aurora,.rca-btn--grad::after{animation:none !important;}
  .rca-circulado svg path{stroke-dashoffset:0 !important;animation:none !important;}
  .rca-reveal,.rca-reveal-stagger > *{opacity:1 !important;transform:none !important;
    transition:none !important;}
}

.rca-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media print{
  .rca-malha,.rca-aurora,.rca-glow{display:none !important;}
  body{background:#fff;color:#000;}
}
/* ==========================================================================
   2. CABEÇALHO
   Escrito pela Fabi. Transplantado do rca-home.html sem uma vírgula
   de diferença. Alteração de visual acontece AQUI, nunca em outro lugar.
   ========================================================================== */
/* ==========================================================================
   TOKENS LOCAIS (com fallback: header não depende do core pra ficar certo)
   ========================================================================== */
.rca-hd{
  --hd-h:78px;
  --hd-roxo:var(--rca-roxo,#542E81);
  --hd-rosa:var(--rca-rosa,#A52E78);
  --hd-rosa-claro:var(--rca-rosa-claro,#E0479B);
  --hd-laranja:var(--rca-laranja,#EF773B);
  --hd-lilas:var(--rca-lilas,#9B6BFF);
  --hd-escuro:var(--rca-escuro-1,#150728);
  --hd-texto:rgba(255,255,255,.80);
  --hd-borda:rgba(255,255,255,.10);
  --hd-superficie:rgba(255,255,255,.045);
  --hd-grad:var(--rca-grad,linear-gradient(105deg,#542E81 0%,#A5356B 55%,#EF773B 100%));
  --hd-ease:cubic-bezier(.2,.8,.3,1);

  position:sticky;top:0;z-index:900;
  font-family:var(--rca-fonte,'Nunito','Segoe UI',system-ui,sans-serif);

  /* profundidade: gradiente vertical + brilho radial + linha interna.
     é isso que tira a cara de bloco chapado do WordPress */
  background:
    radial-gradient(120% 180% at 22% 0%, rgba(123,82,192,.22), transparent 62%),
    linear-gradient(180deg,#2A0E4C 0%,#1E0937 58%,#170729 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 1px 0 rgba(0,0,0,.4);
  transition:box-shadow .3s;
}
/* linha de gradiente que apaga nas pontas: assinatura visual da marca */
.rca-hd::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(165,53,107,.7) 22%,rgba(239,119,59,.7) 78%,transparent);
  opacity:.55;}
/* ao rolar, ganha peso; parado, quase não existe */
.rca-hd.rca-hd--rolou{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.45);}

.rca-hd *,.rca-drawer *{box-sizing:border-box;}
.rca-hd a{text-decoration:none;}

.rca-hd-in{max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));
  height:var(--hd-h);display:flex;align-items:center;gap:clamp(20px,3vw,42px);}

/* ---------- logo ---------- */
.rca-hd-logo{flex-shrink:0;display:flex;align-items:center;}
.rca-hd-logo img{height:34px;width:auto;display:block;transition:opacity .2s;}
.rca-hd-logo:hover img{opacity:.86;}

/* ---------- navegação ---------- */
.rca-hd-nav{display:flex;align-items:center;gap:clamp(20px,2.6vw,36px);margin-left:auto;}

/* assinatura: fica colada no logo e empurra o menu pra direita */
.rca-hd-tag{display:inline-flex;align-items:center;flex-shrink:0;
  margin-left:-22px;padding-left:16px;
  border-left:1px solid rgba(255,255,255,.14);
  font-weight:700;font-size:.60rem;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(255,255,255,.44);line-height:1.2;white-space:nowrap;}
.rca-hd-item{position:relative;display:flex;align-items:center;}

.rca-hd-link{position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-weight:600;font-size:.92rem;color:var(--hd-texto);line-height:1;
  padding:10px 2px;background:none;border:none;cursor:pointer;font-family:inherit;
  transition:color .22s;}
.rca-hd-link:hover,.rca-hd-item[data-aberto] .rca-hd-link{color:#fff;}
/* sublinhado que cresce do centro */
.rca-hd-link::after{content:'';position:absolute;left:50%;bottom:2px;width:0;height:1.5px;border-radius:2px;
  background:var(--hd-grad);transform:translateX(-50%);transition:width .2s var(--hd-ease);}
.rca-hd-link:hover::after,.rca-hd-item[data-aberto] .rca-hd-link::after{width:100%;}

.rca-hd-chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--hd-ease);}
.rca-hd-item[data-aberto] .rca-hd-chev{transform:rotate(180deg);}

/* ---------- ações ---------- */
.rca-hd-acoes{display:flex;align-items:center;gap:14px;flex-shrink:0;}

.rca-hd-portal{display:inline-flex;align-items:center;gap:7px;
  font-weight:600;font-size:.84rem;color:rgba(255,255,255,.62);
  padding:9px 15px;border-radius:999px;border:1px solid var(--hd-borda);background:var(--hd-superficie);
  transition:color .22s,border-color .22s,background .22s;white-space:nowrap;}
.rca-hd-portal svg{width:14px;height:14px;fill:currentColor;flex-shrink:0;}
.rca-hd-portal:hover{color:#fff;border-color:rgba(155,107,255,.45);background:rgba(255,255,255,.08);}

.rca-hd-cta{position:relative;display:inline-flex;align-items:center;gap:9px;overflow:hidden;
  height:46px;padding-inline:24px;border-radius:12px;white-space:nowrap;
  background:var(--hd-grad);color:#fff;font-weight:700;font-size:.94rem;
  box-shadow:0 8px 22px rgba(85,46,129,.45);
  transition:transform .2s var(--hd-ease),box-shadow .3s;}
.rca-hd-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(85,46,129,.55);}
.rca-hd-cta > *{position:relative;z-index:1;}
.rca-hd-arr{transition:transform .25s var(--hd-ease);}
.rca-hd-cta:hover .rca-hd-arr{transform:translateX(4px);}

/* ==========================================================================
   MEGA MENU
   ========================================================================== */
.rca-mega{position:absolute;top:calc(100% + 14px);left:-24px;z-index:20;
  width:min(880px,calc(100vw - 48px));
  border-radius:20px;overflow:hidden;
  background:
    radial-gradient(90% 130% at 12% 0%, rgba(123,82,192,.20), transparent 60%),
    linear-gradient(165deg,#2B1050 0%,#1E0937 55%,#180830 100%);
  border:1px solid var(--hd-borda);
  box-shadow:0 30px 70px rgba(10,4,24,.6),inset 0 1px 0 rgba(255,255,255,.07);
  opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .22s,transform .22s var(--hd-ease);}
.rca-hd-item[data-aberto] .rca-mega{opacity:1;transform:none;pointer-events:auto;}
/* ponte invisível: o mouse atravessa do link até o painel sem fechar */
.rca-mega::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px;}

.rca-mega-in{display:grid;grid-template-columns:1fr 268px;gap:26px;padding:26px;}

.rca-mega-eyebrow{font-weight:700;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.42);margin:0 0 14px;}
.rca-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;}

.rca-mega-serv{display:flex;align-items:flex-start;gap:12px;padding:11px;border-radius:13px;
  border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s var(--hd-ease);}
.rca-mega-serv:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.09);
  transform:translateX(3px);}
.rca-mega-ic{width:36px;height:36px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;transition:transform .2s var(--hd-ease);}
.rca-mega-ic svg{width:18px;height:18px;}
.rca-mega-serv:hover .rca-mega-ic{transform:scale(1.07) rotate(-3deg);}
.rca-ic--roxo{background:rgba(155,125,212,.16);border:1px solid rgba(155,125,212,.26);}
.rca-ic--roxo svg{fill:#B79AEA;}
.rca-ic--rosa{background:rgba(224,71,155,.14);border:1px solid rgba(224,71,155,.26);}
.rca-ic--rosa svg{fill:var(--hd-rosa-claro);}
.rca-ic--lilas{background:rgba(155,107,255,.16);border:1px solid rgba(155,107,255,.28);}
.rca-ic--lilas svg{fill:var(--hd-lilas);}
.rca-ic--laranja{background:rgba(239,119,59,.16);border:1px solid rgba(239,119,59,.28);}
.rca-ic--laranja svg{fill:var(--hd-laranja);}

.rca-mega-txt{min-width:0;line-height:1.3;}
.rca-mega-txt b{display:block;font-weight:700;font-size:.9rem;color:#fff;margin-bottom:3px;}
.rca-mega-txt span{display:block;font-size:.76rem;color:rgba(255,255,255,.52);line-height:1.4;}

/* painel destacado */
.rca-mega-destaque{position:relative;display:flex;flex-direction:column;align-items:flex-start;
  padding:22px 20px;border-radius:16px;overflow:hidden;
  background:
    radial-gradient(110% 90% at 80% 0%, rgba(239,119,59,.22), transparent 62%),
    linear-gradient(160deg,#4A1A6E 0%,#331049 60%,#25093C 100%);
  border:1px solid rgba(239,119,59,.24);
  transition:transform .22s var(--hd-ease),border-color .22s,box-shadow .3s;}
.rca-mega-destaque:hover{border-color:rgba(239,119,59,.42);}
.rca-mega-selo{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;
  background:rgba(239,119,59,.16);border:1px solid rgba(239,119,59,.3);
  font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FFB47F;}
.rca-mega-destaque-ic{width:40px;height:40px;border-radius:12px;margin:16px 0 12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);}
.rca-mega-destaque-ic svg{width:20px;height:20px;fill:none;stroke:var(--hd-laranja);
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.rca-mega-destaque b{font-weight:800;font-size:1.02rem;color:#fff;line-height:1.25;margin-bottom:8px;}
.rca-mega-destaque-desc{font-size:.78rem;color:rgba(255,255,255,.6);line-height:1.55;margin-bottom:14px;}
.rca-mega-destaque-link{display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;margin-top:8px;padding:11px 13px;border-radius:11px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  font-weight:700;font-size:.8rem;color:#fff;
  transition:background .2s,border-color .2s,transform .2s;}
.rca-mega-destaque-link:first-of-type{margin-top:auto;}
.rca-mega-destaque-link:hover{background:rgba(239,119,59,.14);
  border-color:rgba(239,119,59,.4);transform:translateX(3px);}
.rca-mega-destaque-link span{color:var(--hd-laranja);}

/* rodapé do painel */
.rca-mega-pe{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  padding:14px 26px;border-top:1px solid var(--hd-borda);background:rgba(0,0,0,.18);
  font-size:.82rem;color:rgba(255,255,255,.5);}
.rca-mega-pe a{font-weight:700;color:var(--hd-rosa-claro);transition:color .2s;}
.rca-mega-pe a:hover{color:var(--hd-laranja);}

/* ==========================================================================
   MOBILE
   ========================================================================== */
.rca-hd-burger{display:none;width:44px;height:44px;border:1px solid var(--hd-borda);
  border-radius:12px;background:var(--hd-superficie);cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;}
.rca-hd-burger span{display:block;width:19px;height:2px;border-radius:2px;background:#fff;
  transition:transform .28s var(--hd-ease),opacity .2s;}
.rca-hd-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.rca-hd-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.rca-hd-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.rca-drawer{display:none;position:fixed;inset:0;z-index:990;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  background:linear-gradient(175deg,#1E0A3A 0%,#180730 55%,#140627 100%);}

/* topo do drawer: logo à esquerda, X à direita */
.rca-drawer-top{display:flex;align-items:center;justify-content:space-between;
  padding:24px 20px 20px;}
.rca-drawer-logo{display:inline-flex;line-height:0;}
.rca-drawer-logo img{height:34px;width:auto;display:block;}
.rca-drawer-logo-txt{font-weight:800;font-size:1.5rem;color:#fff;letter-spacing:-.02em;}
.rca-drawer-x{display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.08);
  background:none;color:rgba(255,255,255,.8);cursor:pointer;flex-shrink:0;transition:background .2s;}
.rca-drawer-x:active{background:rgba(255,255,255,.08);}
.rca-drawer-x svg{width:18px;height:18px;}

.rca-drawer-in{padding:0;display:flex;flex-direction:column;}

/* itens principais: densos como a Baldon, divisória de ponta a ponta */
.rca-drawer-link,.rca-drawer-acc{display:flex;align-items:center;justify-content:space-between;
  width:100%;min-height:54px;padding:0 20px;border:none;
  border-bottom:1px solid rgba(255,255,255,.05);background:none;
  font-family:inherit;font-weight:400;font-size:1rem;
  letter-spacing:0;color:#fff;text-align:left;cursor:pointer;
  transition:color .18s,background .18s;}
.rca-drawer-link:active,.rca-drawer-acc:active{background:rgba(255,255,255,.03);}
/* item da página atual: cor da marca (rosa) */
.rca-drawer-link[aria-current="page"]{color:var(--rca-rosa-claro,#E0479B);}
.rca-drawer-chev{width:16px;height:16px;color:rgba(255,255,255,.4);
  transition:transform .26s ease;flex-shrink:0;}
.rca-drawer-acc[aria-expanded="true"] .rca-drawer-chev{transform:rotate(180deg);color:var(--rca-rosa-claro,#E0479B);}
.rca-drawer-acc[aria-expanded="true"]{border-bottom-color:transparent;}

/* serviços: lista compacta, indentada, fundo levemente afundado */
.rca-drawer-painel{display:flex;flex-direction:column;padding:2px 0 10px;
  background:rgba(0,0,0,.14);}
.rca-drawer-painel[hidden]{display:none;}
.rca-drawer-painel a{display:flex;align-items:center;min-height:42px;
  padding:0 20px 0 34px;
  font-size:.9rem;font-weight:400;color:rgba(255,255,255,.72);
  transition:color .18s;}
.rca-drawer-painel a:active{color:#fff;}
.rca-drawer-sub-div{display:none;}
/* sistemas sob medida: mesmo recuo e tamanho dos demais, selo minúsculo como assinatura */
.rca-drawer-sub-destaque{color:rgba(255,255,255,.72) !important;font-weight:400 !important;
  gap:8px;flex-wrap:wrap;}
.rca-drawer-tag{font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--rca-laranja-claro,#FFB27D);
  border:1px solid rgba(239,119,59,.32);border-radius:999px;padding:2px 7px;}

/* dois botões: portal (utilidade discreta) + quero conversar (o forte) */
.rca-drawer-acoes{display:flex;flex-direction:column;gap:11px;
  padding:20px 20px 24px;}
.rca-drawer-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border-radius:11px;text-decoration:none;
  transition:transform .15s,background .2s,border-color .2s;}
.rca-drawer-btn svg{width:17px;height:17px;fill:currentColor;flex-shrink:0;}
/* portal: mais baixo, outline discreto, peso normal */
.rca-drawer-btn--portal{height:46px;font-weight:500;font-size:.94rem;
  color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.16);
  background:none;}
.rca-drawer-btn--portal:active{background:rgba(255,255,255,.06);}
/* quero conversar: o único elemento forte */
.rca-drawer-btn--cta{height:50px;font-weight:800;font-size:1rem;color:#fff;
  background:var(--rca-grad,linear-gradient(100deg,#542E81,#A5356B 55%,#EF773B));
  box-shadow:0 14px 30px -16px rgba(239,119,59,.5);}
.rca-drawer-btn--cta:active{transform:translateY(1px);}
.rca-drawer-btn--cta .rca-hd-arr{transition:transform .2s;}
.rca-drawer-btn--cta:active .rca-hd-arr{transform:translateX(3px);}

/* bloco RCA em números (estilo BALDON EM NÚMEROS) */
.rca-drawer-nums{padding:22px 20px 24px;
  border-top:1px solid rgba(255,255,255,.06);}
.rca-drawer-nums-tit{margin:0 0 8px;font-weight:800;font-size:.68rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--rca-rosa-claro,#E0479B);}
.rca-drawer-nums-sub{margin:0 0 20px;font-size:.86rem;line-height:1.45;
  color:rgba(255,255,255,.55);}
.rca-drawer-nums-grid{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;}
.rca-drawer-nums-grid li{display:flex;flex-direction:column;gap:4px;}
.rca-drawer-nums-grid b{font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:#fff;line-height:1;}
.rca-drawer-nums-grid span{font-size:.64rem;line-height:1.25;color:rgba(255,255,255,.45);
  text-transform:uppercase;letter-spacing:.03em;}

@media(max-width:1240px){
  /* some antes de espremer o menu */
  .rca-hd-tag{display:none;}
}
@media(max-width:1080px){
  .rca-hd-portal{padding:9px 12px;}
  .rca-hd-portal span{display:none;}
}
@media(max-width:980px){
  .rca-hd{--hd-h:64px;}
  .rca-hd-nav,.rca-hd-portal{display:none;}
  .rca-hd-burger{display:flex;}
  .rca-hd-logo img{height:28px;}
  .rca-hd-in{gap:14px;}
  .rca-hd-logo{margin-right:auto;}
  /* no mobile o CTA do header sai: o hero logo abaixo já tem o "fale com a gente" */
  .rca-hd-cta{display:none;}
}
@media(max-width:420px){
  .rca-hd-cta span:first-child{font-size:.84rem;}
  .rca-hd-cta{padding-inline:15px;}
}
@media(prefers-reduced-motion:reduce){
  .rca-hd *,.rca-drawer *{transition:none !important;animation:none !important;}
}

/* trava o scroll do site com o menu aberto */
html.rca-travado,body.rca-travado{overflow:hidden;}
/* ==========================================================================
   3. HERO
   Escrito pela Fabi. Transplantado do rca-home.html sem uma vírgula
   de diferença. Alteração de visual acontece AQUI, nunca em outro lugar.
   ========================================================================== */
/* ==========================================================================
   HERO v2
   ========================================================================== */
.rca-hero{
  --h-rosa:var(--rca-rosa-claro,#E0479B);
  --h-laranja:var(--rca-laranja,#EF773B);
  --h-grad:var(--rca-grad,linear-gradient(105deg,#542E81 0%,#A5356B 55%,#EF773B 100%));
  --h-ease:cubic-bezier(.2,.8,.3,1);
  /* gutter do container: usado pra ancorar a arte na borda do conteúdo,
     e não na borda da tela. é isso que segura a composição no monitor largo */
  --h-gutter:max(var(--rca-pad-lat,clamp(20px,4.5vw,40px)),
                 calc((100vw - var(--rca-maxw,1240px)) / 2));

  position:relative;overflow:clip;isolation:isolate;z-index:1;
  min-height:clamp(480px,38vw,600px);
  display:flex;align-items:center;
  font-family:var(--rca-fonte,'Nunito','Segoe UI',system-ui,sans-serif);

  /* base ESCURA. a luz vem por cima, localizada */
  background:linear-gradient(155deg,#370E5F 0%,#210A40 55%,#150728 100%);
  box-shadow:0 22px 50px rgba(26,15,46,.30);
}
.rca-hero *{box-sizing:border-box;}
.rca-hero a{text-decoration:none;}

/* a arte de fundo enviada entra SÓ como bolha de luz atrás da estátua */
.rca-hero-luz{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('https://novo.agenciarca.com.br/imagens/fundo-hero.webp') no-repeat center / cover;}

/* malha de pontos: eco do padrão da arte, só do lado do texto */
.rca-hero-pontos{position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1.6px);
  background-size:30px 30px;
  -webkit-mask:radial-gradient(80% 90% at 12% 40%,#000 5%,transparent 68%);
  mask:radial-gradient(80% 90% at 12% 40%,#000 5%,transparent 68%);}

/* ---------- arte ---------- */
.rca-hero-arte{position:absolute;z-index:2;bottom:0;
  right:calc(var(--h-gutter) - 46px);
  width:min(590px,47%);pointer-events:none;line-height:0;opacity:.8;
  /* desce um tico para a coroa da cabeça não encostar/cortar no topo */
  transform:translateY(clamp(8px,1.4vw,22px));}
.rca-hero-arte img{position:relative;z-index:1;display:block;width:100%;height:auto;
  filter:drop-shadow(0 26px 54px rgba(0,0,0,.55));}
/* halo quente colado no recorte: descola a estátua do fundo */
.rca-hero-glow{position:absolute;z-index:0;bottom:-6%;left:50%;transform:translateX(-50%);
  width:112%;height:92%;pointer-events:none;filter:blur(26px);
  background:radial-gradient(closest-side,rgba(224,71,155,.42),rgba(123,82,192,.24) 48%,transparent 74%);}

/* vinheta: escurece as bordas e o lado do texto */
.rca-hero-vinheta{position:absolute;inset:0;z-index:3;pointer-events:none;
  box-shadow:inset 0 0 120px 40px rgba(26,8,52,.32);
  background:linear-gradient(100deg,rgba(38,11,72,.55) 0%,rgba(38,11,72,.28) 30%,transparent 54%);}

/* ---------- conteúdo ---------- */
.rca-hero-in{position:relative;z-index:4;width:100%;
  max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));
  padding-block:clamp(40px,4.4vw,68px) clamp(96px,9.5vw,145px);}
.rca-hero-col{max-width:760px;}

/* legenda, não destaque: branco translúcido para não competir com o H1 e com
   o rabisco. os pontinhos guardam um toque de cor como microassinatura. */
.rca-hero-eyebrow{font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.6);margin:0 0 var(--rca-s-4,16px);line-height:1.2;}
.rca-hero-eyebrow i{font-style:normal;margin-inline:3px;
  color:var(--rca-laranja,#EF773B);opacity:.7;}

.rca-hero-h1{font-weight:800;font-size:clamp(2.1rem,4vw,3.05rem);line-height:1.1;
  letter-spacing:-.022em;color:#fff;margin:0;
  text-shadow:0 2px 22px rgba(0,0,0,.4);}

/* rabisco em volta de "prosperar": mesmo gesto do "na gente" da página de links.
   medidas reduzidas em relação ao core porque aqui a palavra está na 2ª linha
   de um título com line-height 1.1; o círculo cheio encostaria na linha de cima */
.rca-hero-h1 .rca-circulado svg{left:-14%;top:-25%;width:128%;height:152%;}
.rca-hero-h1 .rca-circulado svg path{stroke:var(--h-laranja);stroke-width:2.8;}


/* ---------- números: sem caixa, separados por fio ---------- */

/* ---------- botões ---------- */
.rca-hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  margin-top:clamp(26px,3vw,36px);}
.rca-hero-arr{transition:transform .25s var(--h-ease);}

.rca-hero-cta{position:relative;display:inline-flex;align-items:center;gap:11px;overflow:hidden;
  height:56px;padding-inline:32px;border-radius:14px;white-space:nowrap;
  background:var(--h-grad);color:#fff;font-weight:700;font-size:1.05rem;
  box-shadow:0 14px 34px rgba(85,46,129,.48);
  transition:transform .2s var(--h-ease),box-shadow .3s;}
.rca-hero-cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(85,46,129,.56);}
.rca-hero-cta:hover .rca-hero-arr{transform:translateX(4px);}
.rca-hero-cta > *{position:relative;z-index:1;}
.rca-hero-cta::after{content:'';position:absolute;top:0;left:-60%;width:45%;height:100%;z-index:0;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);animation:rca-hero-shimmer 4.5s ease-in-out infinite;}
@keyframes rca-hero-shimmer{0%,60%{left:-60%}80%,100%{left:130%}}

.rca-hero-cta2{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  height:56px;padding-inline:26px;border-radius:14px;
  background:rgba(255,255,255,.10);border:1.5px solid rgba(255,255,255,.32);
  color:#fff;font-weight:600;font-size:1rem;
  transition:background .22s,border-color .22s,transform .2s var(--h-ease);}
.rca-hero-cta2:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5);
  transform:translateY(-2px);}
.rca-hero-cta2:hover .rca-hero-arr{transform:translateX(4px);}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media(max-width:1180px){
  .rca-hero-col{max-width:580px;}
  .rca-hero-arte{width:52%;right:calc(var(--h-gutter) - 30px);}
    }

@media(max-width:980px){
  .rca-hero{min-height:0;}
  .rca-hero-col{max-width:100%;}
  /* a arte vira ambiente: recua, apaga e libera a largura pro texto */
  .rca-hero-arte{width:60%;right:-10%;opacity:.5;}
  
  /* no celular o texto ocupa a largura toda: o fundo precisa escurecer mais */
  .rca-hero-vinheta{background:
    linear-gradient(100deg,rgba(33,10,64,.90) 0%,rgba(33,10,64,.74) 46%,rgba(33,10,64,.42) 78%,rgba(33,10,64,.28) 100%);}
  }

@media(max-width:760px){
  .rca-hero-in{padding-block:clamp(34px,7vw,50px);}
  .rca-hero-h1{font-size:clamp(1.7rem,6vw,2.1rem);}
  .rca-hero-h1 br{display:none;}
    .rca-hero-arte{width:80%;right:-16%;opacity:.42;}
  /* fio vertical não funciona em duas linhas: vira grade limpa */
        }

@media(max-width:560px){
  /* respiro no fim do hero: a parte branca desce, a fumaça tem espaço */
  .rca-hero-in{padding-bottom:clamp(56px,14vw,72px);}
  /* fumaça: transição suave do hero escuro para o cartão claro (como o portal) */
  .rca-hero{position:relative;}
  .rca-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:200px;
    pointer-events:none;z-index:1;
    background:linear-gradient(180deg,transparent 0%,rgba(23,7,38,.0) 24%,rgba(35,18,58,.6) 100%);}
  /* título do hero em 3 linhas no mobile */
  .rca-hero-h1 .rca-h1-a,.rca-hero-h1 .rca-h1-b,.rca-hero-h1 .rca-h1-c{display:block;}
  .rca-hero-ctas{flex-direction:column;align-items:flex-start;gap:10px;}
  .rca-hero-cta,.rca-hero-cta2{justify-content:center;height:52px;font-size:.98rem;
    width:auto;min-width:270px;padding-inline:26px;}
  .rca-hero-eyebrow{font-size:.5rem;letter-spacing:.1em;}
}

@media(prefers-reduced-motion:reduce){
  .rca-hero *{transition:none !important;animation:none !important;}
}
/* ==========================================================================
   4. SERVIÇOS
   Escrito pela Fabi. Transplantado do rca-home.html sem uma vírgula
   de diferença. Alteração de visual acontece AQUI, nunca em outro lugar.
   ========================================================================== */
/* ==========================================================================
   CONTAINER DA DOBRA
   ========================================================================== */
.rca-painel{position:relative;z-index:1;width:100%;
  padding-inline:clamp(18px,3vw,44px);}

/* ==========================================================================
   DOBRA 2 · SERVIÇOS
   ========================================================================== */
.rca-serv{position:relative;z-index:2;overflow:clip;
  width:calc(100% - clamp(20px,3.4vw,44px));max-width:1340px;
  margin:clamp(-96px,-5vw,-48px) auto clamp(44px,4.6vw,72px);
  border-radius:clamp(22px,2.6vw,34px);
  background:var(--rca-bg,#F7F7FC);
  padding-block:clamp(30px,3.4vw,48px) clamp(34px,3.8vw,52px);
  scroll-margin-top:100px;font-family:var(--rca-fonte,'Nunito',sans-serif);}
.rca-serv *{box-sizing:border-box;}
.rca-serv a{text-decoration:none;}
/* leve tingido roxo no topo do painel: liga ele ao hero sem cortar seco */
.rca-serv::before{content:'';position:absolute;top:0;left:0;right:0;height:180px;z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(55,14,95,.07) 0%,transparent 100%);}
.rca-serv::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(84,46,129,.16) 1px,transparent 1.6px);
  background-size:28px 28px;
  -webkit-mask:radial-gradient(115% 85% at 50% 40%,#000 20%,transparent 76%);
  mask:radial-gradient(115% 85% at 50% 40%,#000 20%,transparent 76%);}

/* ---------- topo: título à esquerda, protagonistas à direita ---------- */
.rca-serv-topo{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2.35fr);
  gap:clamp(20px,2.6vw,38px);margin-bottom:clamp(18px,2vw,26px);}
.rca-serv-intro{padding-top:2px;}
.rca-serv-tit{font-weight:800;font-size:var(--rca-t-h2,clamp(1.7rem,2.7vw,2.15rem));line-height:1.16;
  letter-spacing:-.018em;color:var(--rca-roxo-profundo,#3D2168);margin:0;}
.rca-serv-lead{margin:6px 0 0;font-size:var(--rca-t-lead,1.06rem);line-height:1.6;
  color:var(--rca-texto-suave,#6E5F86);}

/* rabisco embaixo da palavra: mesma família do círculo do hero.
   um gesto por dobra; repetir em botão e link mataria o efeito */
.rca-sublinhado{position:relative;display:inline-block;white-space:nowrap;color:var(--rca-rosa,#A52E78);}
.rca-sublinhado svg{position:absolute;left:-2%;bottom:-.34em;width:104%;height:.42em;
  overflow:visible;pointer-events:none;}
.rca-sublinhado svg path{fill:none;stroke:var(--rca-laranja,#EF773B);stroke-width:3;
  stroke-linecap:round;vector-effect:non-scaling-stroke;
  stroke-dasharray:240;stroke-dashoffset:0;}
.rca-in .rca-sublinhado svg path{animation:rca-rabisco 0.9s cubic-bezier(.4,0,.25,1) .2s both;}

/* ---------- protagonistas (escuros) ---------- */
.rca-serv-grandes{display:grid;grid-template-columns:1fr 1fr;gap:var(--rca-s-4,16px);}

.rca-big{position:relative;display:flex;flex-direction:column;align-items:flex-start;
  overflow:hidden;min-height:262px;padding:22px 22px 20px;
  border-radius:var(--rca-r-xl,26px);
  background:
    radial-gradient(120% 100% at 88% 0%, rgba(108,78,158,.15), transparent 60%),
    linear-gradient(160deg,#2B1C3E 0%,#201431 55%,#170E23 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 38px rgba(20,7,44,.34);
  transition:transform .24s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),
             border-color .24s,box-shadow .24s;}
.rca-big:hover{transform:translateY(-4px);border-color:rgba(224,71,155,.34);
  box-shadow:0 24px 50px rgba(20,7,44,.46);}
.rca-big > *{position:relative;z-index:2;}

.rca-big-ic{width:44px;height:44px;border-radius:13px;margin-bottom:14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);
  transition:transform .22s var(--rca-ease,cubic-bezier(.2,.8,.3,1));}
.rca-big-ic svg{width:21px;height:21px;fill:#C93E86;}
.rca-big:hover .rca-big-ic{transform:scale(1.07) rotate(-3deg);}

.rca-big h3{font-weight:800;font-size:1.22rem;line-height:1.2;letter-spacing:-.016em;
  color:#fff;margin:0 0 8px;max-width:52%;}
.rca-big > p{font-size:.86rem;line-height:1.55;color:rgba(255,255,255,.62);
  margin:0;max-width:min(26ch,54%);}

.rca-big-lista{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;}
.rca-big-lista li{position:relative;padding-left:22px;font-size:.82rem;font-weight:600;
  color:rgba(255,255,255,.80);line-height:1.3;}
.rca-big-lista li::before{content:'';position:absolute;left:0;top:1px;width:14px;height:14px;
  border-radius:50%;background:rgba(224,71,155,.18);border:1px solid rgba(224,71,155,.4);}
.rca-big-lista li::after{content:'';position:absolute;left:4.4px;top:5.6px;
  width:5px;height:2.6px;border-left:1.6px solid #E0479B;border-bottom:1.6px solid #E0479B;
  transform:rotate(-45deg);}

.rca-big-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;
  font-weight:700;font-size:.88rem;color:#B83A7D;transition:gap .22s;}
.rca-big:hover .rca-big-link{gap:13px;}

/* arte sangrando no canto inferior direito */
/* a arte ocupa a metade direita e se ajusta por dentro, sem cortar o topo */
.rca-big-arte{position:absolute;z-index:1;right:0;bottom:0;top:0;width:42%;
  display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;
  padding:22px 0 18px;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 26%);
  mask:linear-gradient(90deg,transparent 0,#000 26%);}

/* a de sites é horizontal: precisa de menos altura e mais recuo */
.rca-big-arte--sites{width:44%;padding:32px 0 24px;}
.rca-big-img{display:block;width:100%;height:100%;max-width:none;
  object-fit:contain;object-position:right bottom;
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.45));
  transition:transform .3s var(--rca-ease,cubic-bezier(.2,.8,.3,1));}
.rca-big:hover .rca-big-img{transform:translateY(-5px);}

/* ---------- complementares ---------- */
.rca-serv-pequenos{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--rca-s-3,12px);}

.rca-min{position:relative;display:flex;flex-direction:column;align-items:flex-start;
  overflow:hidden;min-height:172px;padding:16px 16px 14px;
  border-radius:var(--rca-r-lg,20px);
  background:var(--rca-branco,#fff);border:1.5px solid var(--rca-borda,#E4E4EF);
  box-shadow:var(--rca-sombra-card,0 4px 18px rgba(80,44,138,.07));
  transition:transform .24s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),
             border-color .24s,box-shadow .24s;}
.rca-min:hover{transform:translateY(-4px);border-color:rgba(165,46,120,.42);
  box-shadow:var(--rca-sombra-hover,0 18px 40px rgba(80,44,138,.18));}
.rca-min > *{position:relative;z-index:1;}

.rca-min-ic{width:42px;height:42px;border-radius:12px;flex-shrink:0;margin-bottom:12px;
  display:flex;align-items:center;justify-content:center;
  transition:transform .22s var(--rca-ease,cubic-bezier(.2,.8,.3,1));}
.rca-min-ic svg{width:20px;height:20px;}
.rca-min-ic svg.rca-linha{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.rca-min:hover .rca-min-ic{transform:scale(1.07) rotate(-3deg);}

.rca-min b{font-weight:700;font-size:1.08rem;line-height:1.25;color:var(--rca-texto,#3D2260);
  margin-bottom:8px;}
.rca-min-desc{font-size:var(--rca-t-peq,.86rem);line-height:1.5;
  color:var(--rca-texto-suave,#6E5F86);}
.rca-min-link{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:12px;
  font-weight:700;font-size:.88rem;color:var(--rca-rosa,#A52E78);transition:gap .22s;}
.rca-min:hover .rca-min-link{gap:11px;}

/* desenho grande vazando no canto: é o que impede os cinco de virarem tabela */
.rca-min-fundo{position:absolute;z-index:0;right:-20px;bottom:-22px;
  width:78px;height:78px;color:rgba(84,46,129,.075);pointer-events:none;
  transition:transform .3s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),color .3s;}
.rca-min:hover .rca-min-fundo{transform:translate(-4px,-4px) rotate(-4deg);color:rgba(165,46,120,.13);}
.rca-min-fundo--aa{display:flex;align-items:flex-end;justify-content:flex-end;
  font-family:Georgia,'Times New Roman',serif;font-size:3.4rem;line-height:.8;
  right:-6px;bottom:-16px;}

.rca-min--marcado{border-color:rgba(239,119,59,.34);}
.rca-min-selo{position:absolute;top:11px;right:11px;padding:4px 8px;border-radius:999px;
  background:rgba(239,119,59,.12);border:1px solid rgba(239,119,59,.28);
  font-size:.54rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#C2560F;line-height:1;}

/* ---------- barra final ---------- */
.rca-serv-barra{display:flex;align-items:center;gap:clamp(14px,1.8vw,24px);flex-wrap:wrap;
  margin-top:clamp(24px,2.6vw,34px);padding:clamp(18px,2vw,24px) clamp(20px,2.2vw,28px);
  border-radius:var(--rca-r-xl,26px);background:var(--rca-branco,#fff);
  border:1.5px dashed rgba(84,46,129,.24);}
.rca-serv-barra-ic{width:44px;height:44px;border-radius:13px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(84,46,129,.10);border:1px solid rgba(84,46,129,.20);}
.rca-serv-barra-ic svg{width:22px;height:22px;fill:var(--rca-roxo,#542E81);}
.rca-serv-barra-txt{flex:1;min-width:210px;}
.rca-serv-barra-txt b{display:block;font-weight:800;font-size:1.02rem;line-height:1.3;
  color:var(--rca-roxo-profundo,#3D2168);margin-bottom:2px;}
.rca-serv-barra-txt span{font-size:.85rem;line-height:1.5;color:var(--rca-texto-suave,#6E5F86);}
.rca-serv-barra-btn{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;white-space:nowrap;
  height:48px;padding-inline:24px;border-radius:12px;
  background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B 55%,#EF773B));
  color:#fff;font-weight:700;font-size:.93rem;
  box-shadow:0 10px 26px rgba(85,46,129,.34);
  transition:transform .2s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),box-shadow .3s;}
.rca-serv-barra-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(85,46,129,.44);}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media(max-width:1080px){
  .rca-serv-topo{grid-template-columns:1fr;}
  .rca-serv-tit{font-size:1.85rem;}
  .rca-serv-tit br{display:inline;}
  .rca-serv-lead{max-width:54ch;}
  .rca-serv-pequenos{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:820px){
  .rca-serv-grandes{grid-template-columns:1fr;}
  .rca-big{min-height:0;padding-bottom:104px;}
  .rca-big > p{max-width:none;}
  .rca-big h3{max-width:none;}
  .rca-big-arte{top:auto;bottom:8px;right:-4%;height:168px;width:76%;padding-top:0;
    align-items:flex-end;justify-content:flex-start;}
  .rca-big-arte--sites{top:auto;bottom:8px;right:-4%;height:168px;width:76%;justify-content:flex-start;}
}
@media(max-width:760px){
  .rca-serv{width:calc(100% - 20px);margin-top:24px;
    border-radius:28px 28px 20px 20px;
    box-shadow:0 -8px 30px rgba(21,7,40,.14);
    padding-block:clamp(24px,5vw,36px) clamp(26px,5vw,38px);}
  .rca-painel{padding-inline:14px;}
  .rca-serv-pequenos{grid-template-columns:repeat(2,1fr);}
  .rca-serv-barra{flex-direction:column;align-items:flex-start;}
  .rca-serv-barra-btn{width:auto;min-width:240px;justify-content:center;}
}
@media(max-width:460px){
  .rca-serv-pequenos{grid-template-columns:1fr;gap:12px;}
  /* cards claros compactos: ícone → título → 2 linhas → seta, sem gordura */
  .rca-min{min-height:0;padding:14px 16px 14px;}
  .rca-min-ic{width:38px;height:38px;margin-bottom:8px;}
  .rca-min-ic svg{width:18px;height:18px;}
  .rca-min b{font-size:.98rem;margin-bottom:5px;}
  .rca-min b br{display:none;}
  .rca-min-desc{font-size:.85rem;line-height:1.4;min-height:0;display:block;}
  .rca-min-link{padding-top:8px;font-size:.85rem;}
  .rca-big{padding-bottom:92px;}
  .rca-big-arte{height:170px;width:88%;right:12%;bottom:6px;justify-content:flex-start;}
  .rca-big-arte--sites{height:170px;width:88%;right:12%;bottom:6px;justify-content:flex-start;}
}

@media(prefers-reduced-motion:reduce){
  .rca-serv *{transition:none !important;}
}
/* ==========================================================================
   5. SISTEMAS E PORTAIS
   Escrito pela Fabi. Transplantado do rca-home.html sem uma vírgula
   de diferença. Alteração de visual acontece AQUI, nunca em outro lugar.
   ========================================================================== */
/* ==========================================================================
   DOBRA 3 · SISTEMAS E PORTAIS
   ========================================================================== */
.rca-sis{
  --s-gutter:max(var(--rca-pad-lat,clamp(20px,4.5vw,40px)),
                calc((100vw - var(--rca-maxw,1240px)) / 2));
  --s-ease:cubic-bezier(.2,.8,.3,1);
  /* margem lateral do bloco, raio dos cantos de cima, e a profundidade da
     curva na base (rasa: 70-100px no desktop). O card escapa por baixo, e a
     seção seguinte sobe --s-sobe para fechar o vão. */
  --s-margem:clamp(16px,2.8vw,44px);
  --s-raio:clamp(28px,3.4vw,36px);
  --s-curva:clamp(58px,6vw,104px);
  --s-escape:clamp(30px,3.4vw,54px);
  position:relative;isolation:isolate;
  background:var(--rca-bg,#F7F7FC);
  overflow-x:clip;overflow-y:visible;
  /* respiro do branco em cima; embaixo o padding acomoda a curva. margem
     negativa embaixo puxa a seção seguinte para cima (item 8). */
  padding-block:clamp(22px,3vw,44px) var(--s-curva);
  margin-bottom:calc(-1 * var(--s-escape));
  font-family:var(--rca-fonte,'Nunito',sans-serif);}

.rca-sis *{box-sizing:border-box;}
.rca-sis a{text-decoration:none;}

/* O bloco inteiro é UM SVG de fundo (path no HTML, .rca-sis-fundo). Um só
   elemento, uma só sombra, sem emenda. A curva mora só na borda inferior. */
.rca-sis-fundo{position:absolute;z-index:-1;inset:0;
  left:var(--s-margem);right:var(--s-margem);
  pointer-events:none;
  /* sombra discreta e mais para baixo: dá flutuação sem criar a faixa cinza
     grossa acompanhando a curva (item 5) */
  filter:drop-shadow(0 30px 60px rgba(24,7,51,.18));}
.rca-sis-fundo svg{display:block;width:100%;height:100%}

/* luz e pontos param onde a curva começa (o SVG cuida da base) */
.rca-sis-luz{position:absolute;z-index:0;pointer-events:none;
  top:0;left:var(--s-margem);right:var(--s-margem);bottom:var(--s-curva);
  border-radius:var(--s-raio) var(--s-raio) 0 0;
  background:
    radial-gradient(50% 46% at 76% 34%, rgba(123,82,192,.38), transparent 66%),
    radial-gradient(40% 38% at 14% 72%, rgba(194,40,108,.20), transparent 68%);}
.rca-sis-pontos{position:absolute;z-index:0;pointer-events:none;
  top:0;left:var(--s-margem);right:var(--s-margem);bottom:var(--s-curva);
  border-radius:var(--s-raio) var(--s-raio) 0 0;overflow:hidden;
  /* malha de bolinhas rosa cobrindo o fundo (referência da Fabi: img 2 e 3).
     mais densa/visível à direita e na base, esmaecendo à esquerda para não
     competir com o texto. */
  background-image:radial-gradient(circle,rgba(224,71,155,.28) 1.1px,transparent 1.7px);
  background-size:26px 26px;
  -webkit-mask:radial-gradient(120% 120% at 88% 82%,#000 12%,rgba(0,0,0,.35) 52%,transparent 82%);
  mask:radial-gradient(120% 120% at 88% 82%,#000 12%,rgba(0,0,0,.35) 52%,transparent 82%);}

/* fio curvo pontilhado rosa com nó de luz, ancorado na direita do bloco.
   fica dentro da área escura (respeita a margem e a curva da base). */
.rca-sis-fio{position:absolute;z-index:0;pointer-events:none;
  top:0;right:var(--s-margem);bottom:var(--s-curva);
  height:auto;width:min(52%,640px);
  -webkit-mask:radial-gradient(120% 100% at 100% 50%,#000 40%,transparent 88%);
  mask:radial-gradient(120% 100% at 100% 50%,#000 40%,transparent 88%);}
.rca-sis-fio-no{filter:drop-shadow(0 0 6px rgba(240,111,176,.9))
                       drop-shadow(0 0 14px rgba(224,71,155,.55));}

.rca-sis-in{position:relative;z-index:1;width:100%;
  /* conteúdo interno compacto (item 1): não é o fundo que cresce, é o miolo
     que preenche. limita em ~1320px e recua para dentro do bloco. */
  max-width:1320px;margin-inline:auto;
  padding-inline:calc(var(--s-margem) + clamp(28px,3.6vw,58px));
  /* altura contida (item 4): a curva vem logo após o card, sem oceano roxo.
     topo mais enxuto para subir o conteúdo (pedido da Fabi). */
  padding-block:clamp(20px,2.2vw,32px) clamp(8px,1vw,14px);}

/* texto ~42%, mockup ~54%, gap ~56px. o texto precisa de largura para a
   headline grande fechar em 2 linhas, não 4 */
.rca-sis-bloco{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,54fr);
  align-items:start;gap:clamp(28px,3.6vw,56px);}

.rca-sis-kicker{margin:0 0 18px;font-weight:800;font-size:.82rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.48);line-height:1.2;}
.rca-sis-tit{font-weight:800;font-size:var(--rca-t-h2,clamp(1.7rem,2.7vw,2.15rem));
  line-height:1.08;letter-spacing:-.022em;color:#fff;margin:0;
  white-space:nowrap;}
.rca-sis-hl{color:var(--rca-laranja,#EF773B);}
.rca-sis-desc{margin:18px 0 0;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.55;
  color:rgba(255,255,255,.68);max-width:40ch;}

/* ---------- botão ---------- */
.rca-sis-cta{display:inline-flex;align-items:center;gap:9px;margin-top:28px;
  height:54px;padding-inline:28px;border-radius:13px;
  background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B 55%,#EF773B));
  color:#fff;font-weight:700;font-size:1rem;
  box-shadow:0 12px 30px rgba(85,46,129,.42);
  transition:transform .2s var(--s-ease),box-shadow .3s,gap .22s;}
.rca-sis-cta:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(85,46,129,.52);gap:14px;}

/* ---------- o que cabe dentro de "sistemas" ---------- */
.rca-sis-tags{list-style:none;display:flex;flex-wrap:nowrap;gap:12px 20px;margin:28px 0 0;padding:0;}
.rca-sis-tags li{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-size:.9rem;font-weight:600;color:rgba(255,255,255,.68);}
.rca-sis-tags svg{width:18px;height:18px;fill:none;stroke:var(--rca-rosa-claro,#E0479B);
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}

/* ---------- a prova: o Portal como evidência, não como oferta ----------
   O card ATRAVESSA a curva: metade no roxo, uma parte avançando sobre o
   branco seguinte (item 7). Margem negativa igual ao escape da seção. Ganha
   fundo sólido escuro e sombra para ficar legível ao cruzar para o branco. */
.rca-sis-prova{position:relative;z-index:3;display:inline-flex;align-items:center;
  gap:14px;margin-top:32px;margin-bottom:calc(-1 * var(--s-escape) - clamp(64px,6vw,92px));
  padding:16px 22px 16px 17px;border-radius:15px;
  background:linear-gradient(165deg,#2E1350 0%,#1E0A3C 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 26px 50px rgba(20,7,40,.46);
  transition:border-color .22s,transform .2s var(--s-ease);}
/* brilho no rodapé do card: halo rosa/roxo saindo da base (referência da Fabi) */
.rca-sis-prova::after{content:'';position:absolute;z-index:-1;
  left:8%;right:8%;bottom:-14px;height:46px;pointer-events:none;
  filter:blur(22px);border-radius:50%;
  background:radial-gradient(closest-side,rgba(224,71,155,.55),rgba(123,82,192,.28) 60%,transparent 78%);}
.rca-sis-prova:hover{border-color:rgba(239,119,59,.42);transform:translateY(-2px);}
.rca-sis-prova-ic{width:40px;height:40px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);}
.rca-sis-prova-ic svg{width:19px;height:19px;fill:var(--rca-rosa-claro,#E0479B);}
.rca-sis-prova-txt b{display:block;font-weight:700;font-size:.94rem;color:#fff;line-height:1.25;}
.rca-sis-prova-txt > span{display:block;margin-top:2px;font-size:.84rem;
  color:rgba(255,255,255,.56);line-height:1.35;}
.rca-sis-prova-txt i{font-style:normal;color:var(--rca-laranja,#EF773B);
  display:inline-block;transition:transform .22s;}
.rca-sis-prova:hover .rca-sis-prova-txt i{transform:translateX(4px);}

/* ---------- mockup: já tem moldura própria, nada em volta ---------- */
.rca-sis-arte{position:relative;}
/* brilho atrás do recorte: descola o tablet do fundo escuro */
/* forma atrás do mockup: dá palco pra ele em vez de deixá-lo solto no escuro */
.rca-sis-forma{position:absolute;z-index:0;top:-10%;left:-14%;width:112%;height:auto;
  pointer-events:none;}
/* luz no chão: o tablet deixa de flutuar e passa a estar apoiado em algo */
.rca-sis-chao{position:absolute;z-index:0;left:4%;right:-6%;bottom:-12%;height:26%;
  pointer-events:none;filter:blur(26px);
  background:radial-gradient(closest-side,rgba(123,82,192,.5),transparent 76%);}
.rca-sis-arte::before{content:'';position:absolute;z-index:0;inset:2% -2% -8% 8%;
  pointer-events:none;filter:blur(32px);
  background:radial-gradient(closest-side,rgba(146,36,110,.52),rgba(123,82,192,.34) 50%,transparent 76%);}
.rca-sis-mockup{position:relative;z-index:1;display:block;width:100%;
  /* protagonista: maior e subindo (pedido da Fabi). avança para a lateral direita */
  max-width:clamp(580px,60vw,808px);
  margin-top:clamp(-32px,-2.4vw,-12px);
  margin-left:auto;margin-right:calc(-1 * clamp(28px,4vw,92px));height:auto;
  filter:drop-shadow(0 34px 62px rgba(8,2,20,.55));
  transition:transform .35s var(--s-ease);}
.rca-sis-bloco:hover .rca-sis-mockup{transform:translateY(-6px);}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media(max-width:900px){
  .rca-sis-bloco{grid-template-columns:1fr;gap:34px;}
  .rca-sis-tit{white-space:normal;font-size:clamp(1.7rem,5.6vw,2.1rem);}
  .rca-sis-desc{max-width:none;}
  .rca-sis-mockup{margin-inline:auto;margin-right:auto;max-width:560px;}
  .rca-sis-forma{display:none;}
}
@media(max-width:560px){
  /* ícones-fantasma cortavam feio no mobile: escondê-los deixa os cards limpos */
  .rca-min-fundo{display:none;}
  .rca-sis-tit{font-size:1.6rem;line-height:1.18;}
  .rca-sis-kicker{font-size:.68rem;letter-spacing:.13em;margin-bottom:12px;}
  .rca-sis-tit br{display:inline;}
  .rca-sis-desc{font-size:.94rem;}
  /* botão não largura total */
  .rca-sis-cta{width:auto;min-width:230px;justify-content:center;}
  /* "inclusive a gente usa": largura total mas com espaço da imagem embaixo */
  .rca-sis-prova{width:100%;margin-bottom:24px;}
  .rca-sis-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px 12px;}
  .rca-sis-tags li{font-size:.9rem;}
}
@media(prefers-reduced-motion:reduce){
  .rca-sis *{transition:none !important;}
}
/* ==========================================================================
   6. COMO FAZEMOS
   Escrito pela Fabi. Transplantado do rca-home.html sem uma vírgula
   de diferença. Alteração de visual acontece AQUI, nunca em outro lugar.
   ========================================================================== */
/* ==========================================================================
   DOBRA 4 · COMO FAZEMOS
   ========================================================================== */
.rca-met{position:relative;padding-block:clamp(64px,6.4vw,108px) clamp(30px,3.4vw,52px);
  padding-inline:clamp(10px,12vw,220px) clamp(10px,1.7vw,22px);
  font-family:var(--rca-fonte,'Nunito',sans-serif);}
.rca-met *{box-sizing:border-box;}

.rca-met-painel{position:relative;
  width:100%;max-width:1340px;margin-inline:auto;
  border-radius:clamp(22px,2.6vw,34px);
  background:linear-gradient(150deg,#F9F8FD 0%,var(--rca-bg,#F7F7FC) 100%);
  padding:clamp(40px,4.6vw,64px) clamp(20px,3vw,44px);}

.rca-met-malha{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  border-radius:inherit;
  background-image:radial-gradient(circle,rgba(84,46,129,.15) 1px,transparent 1.6px);
  background-size:28px 28px;
  -webkit-mask:radial-gradient(110% 90% at 60% 40%,#000 14%,transparent 76%);
  mask:radial-gradient(110% 90% at 60% 40%,#000 14%,transparent 76%);}

/* estátua entrando pela esquerda: liga esta dobra ao hero sem repetir o corte */
.rca-met-estatua{position:absolute;z-index:1;left:-15%;bottom:-4%;width:38%;
  max-width:520px;pointer-events:none;line-height:0;}
/* a colagem já aponta pra direita: entra sem espelhar, a flecha puxa pro texto */
.rca-met-estatua img{position:relative;z-index:1;display:block;width:100%;height:auto;
  filter:drop-shadow(0 26px 50px rgba(46,16,85,.30));
}
.rca-met-glow{display:none;}

.rca-met-in{position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);
  align-items:center;gap:clamp(26px,3.4vw,52px);
  padding-left:clamp(0px,20vw,352px);}

/* ---------- texto ---------- */
.rca-met-tit{font-weight:800;font-size:clamp(1.5rem,2.2vw,1.86rem);line-height:1.18;
  letter-spacing:-.02em;color:var(--rca-roxo-profundo,#3D2168);margin:0;}
.rca-met-tit .rca-hl{color:var(--rca-laranja,#EF773B);}
.rca-met-lead{margin:16px 0 0;font-size:.94rem;line-height:1.6;
  color:var(--rca-texto-suave,#6E5F86);}

/* ---------- etapas ---------- */
.rca-passos{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,1fr);
  gap:var(--rca-s-5,20px);margin:0;padding:0;}
.rca-passos-onda{position:absolute;top:0;left:0;width:100%;height:60px;z-index:0;
  pointer-events:none;overflow:visible;}
.rca-passo{position:relative;z-index:1;text-align:center;}
.rca-passo-ic{width:56px;height:56px;border-radius:50%;margin:0 auto var(--rca-s-4,16px);
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,#5C2A86,#3E1C63);border:5px solid #fff;
  box-shadow:0 8px 20px rgba(85,46,129,.24);
  transition:transform .24s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),box-shadow .24s;}
.rca-passo-ic svg{width:22px;height:22px;fill:#fff;}
.rca-passo:hover .rca-passo-ic{transform:translateY(-4px);box-shadow:0 14px 28px rgba(85,46,129,.32);}
.rca-passo-tit{display:flex;align-items:center;justify-content:center;gap:7px;
  font-weight:700;font-size:.98rem;color:var(--rca-texto,#3D2260);line-height:1.25;margin-bottom:6px;}
.rca-passo-n{min-width:27px;height:20px;padding-inline:6px;border-radius:999px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;
  letter-spacing:.02em;
  background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B 55%,#EF773B));}
.rca-passo-desc{font-size:.82rem;color:var(--rca-texto-suave,#6E5F86);line-height:1.45;
  max-width:20ch;margin:0 auto;}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media(max-width:1080px){
  .rca-met{padding-inline:clamp(10px,1.7vw,22px);}
  .rca-met-in{grid-template-columns:1fr;gap:32px;padding-left:0;}
  .rca-met-estatua{left:-14%;bottom:-4%;width:56%;opacity:.28;}
  .rca-met-tit br{display:inline;}
}
@media(max-width:820px){
  .rca-passos{grid-template-columns:repeat(2,1fr);gap:var(--rca-s-8,40px) var(--rca-s-5,20px);}
  .rca-passos-onda{display:none;}
}
@media(max-width:560px){
  .rca-met{padding-block:clamp(28px,7vw,40px) clamp(24px,5vw,36px);}
  .rca-met-estatua{display:none;}
  .rca-met-painel{border-radius:20px;padding:24px 16px;}
  /* título e lead alinhados à esquerda, junto com os passos */
  .rca-met-tit{font-size:1.55rem;}
  .rca-met-lead{font-size:.9rem;margin-top:12px;}
  /* no celular a fileira vira lista, com fio pontilhado fino ligando as etapas */
  .rca-passos{grid-template-columns:1fr;gap:18px;}
  .rca-passos::before{content:'';position:absolute;top:24px;bottom:36px;left:23px;width:1.5px;z-index:0;
    background-image:repeating-linear-gradient(180deg,rgba(224,71,155,.5) 0 4px,transparent 4px 9px);}
  .rca-passo{display:grid;grid-template-columns:48px 1fr;column-gap:14px;row-gap:2px;
    text-align:left;align-items:center;}
  .rca-passo-ic{width:48px;height:48px;margin:0;grid-row:1 / span 2;}
  .rca-passo-ic svg{width:19px;height:19px;}
  .rca-passo-tit{justify-content:flex-start;grid-column:2;margin-bottom:0;font-size:.94rem;}
  /* legenda alinhada com o título (coluna 2), logo abaixo dele */
  .rca-passo-desc{max-width:none;margin:0;grid-column:2;font-size:.8rem;}
}
@media(prefers-reduced-motion:reduce){
  .rca-met *{transition:none !important;}
}
/* ==========================================================================
   7. RESULTADOS  (carrossel de cases)
   Fundo escuro, trilho horizontal arrastável com os mockups reais. Setas
   nas laterais, arrasto no touch e no mouse, rolagem automática lenta que
   pausa no hover. Referência da Fabi (imagem 3).
   ========================================================================== */
.rca-res{position:relative;overflow:hidden;
  padding-block:clamp(56px,6vw,92px) clamp(48px,5.4vw,80px);
  background:radial-gradient(120% 130% at 82% 12%,#2E1152 0%,#1C0838 52%,#150728 100%);
  font-family:var(--rca-fonte,'Nunito',sans-serif);}
.rca-res *{box-sizing:border-box;}
.rca-res a{text-decoration:none;}

.rca-res-in{position:relative;z-index:1;width:100%;
  max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}

/* ---------- topo (centrado, como na referência) ---------- */
.rca-res-topo{max-width:none;text-align:center;margin-bottom:clamp(32px,3.6vw,52px);}
.rca-res-tit{font-weight:800;font-size:var(--rca-t-h2,clamp(1.7rem,2.7vw,2.15rem));
  line-height:1.14;letter-spacing:-.018em;color:#fff;margin:0;}
.rca-res-lead{margin:14px auto 0;font-size:var(--rca-t-lead,1.06rem);line-height:1.6;
  color:rgba(255,255,255,.62);max-width:52ch;}

/* ---------- carrossel ---------- */
.rca-cars{position:relative;display:flex;align-items:center;gap:12px;
  width:100%;max-width:1440px;margin-inline:auto;
  padding-inline:clamp(8px,2vw,24px);}

.rca-cars-janela{flex:1;overflow:hidden;
  /* esmaece as bordas para dar sensação de continuidade */
  -webkit-mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);}

.rca-cars-trilho{display:flex;gap:clamp(16px,1.6vw,22px);margin:0;padding:6px 0;
  list-style:none;width:max-content;
  cursor:grab;user-select:none;
  animation:rca-cars-auto 60s linear infinite;}
.rca-cars-trilho.rca-cars-manual{animation:none;}
.rca-cars.rca-arrasto .rca-cars-trilho{cursor:grabbing;animation:none;}
.rca-cars:hover .rca-cars-trilho{animation-play-state:paused;}

.rca-cars-item{flex:0 0 auto;}

/* card um pouco maior que o template (480 de largura) */
.rca-cars-card{position:relative;margin:0;width:clamp(300px,32vw,468px);
  border-radius:18px;overflow:hidden;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 44px rgba(12,4,28,.44);
  transition:transform .3s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),
             border-color .3s,box-shadow .3s;}
.rca-cars-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
  background:#241338;}
.rca-cars-card:hover{transform:translateY(-6px);
  border-color:rgba(224,71,155,.4);box-shadow:0 26px 56px rgba(12,4,28,.56);}

.rca-cars-cap{padding:16px 18px 18px;}
.rca-cars-cap b{display:block;font-weight:800;font-size:1.08rem;color:#fff;
  line-height:1.25;}
.rca-cars-cap span{display:block;margin-top:3px;font-size:.86rem;font-weight:600;
  color:rgba(255,255,255,.5);}

/* setas */
.rca-cars-seta{flex-shrink:0;width:clamp(40px,3.4vw,50px);height:clamp(40px,3.4vw,50px);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  color:#fff;cursor:pointer;
  transition:background .22s,border-color .22s,transform .2s;}
.rca-cars-seta:hover{background:rgba(255,255,255,.13);
  border-color:rgba(239,119,59,.5);transform:scale(1.06);}
.rca-cars-seta svg{width:44%;height:44%;}
@media(max-width:640px){ .rca-cars-seta{display:none;} }

@keyframes rca-cars-auto{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}

/* ---------- botão final ---------- */
.rca-res-pe{display:flex;justify-content:center;margin-top:clamp(34px,4vw,52px);}
.rca-res-btn{display:inline-flex;align-items:center;gap:10px;
  height:52px;padding-inline:30px;border-radius:13px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);
  color:#fff;font-weight:700;font-size:1rem;
  transition:background .22s,border-color .22s,gap .22s,transform .2s;}
.rca-res-btn:hover{background:rgba(255,255,255,.1);
  border-color:rgba(239,119,59,.5);gap:14px;transform:translateY(-2px);}

@media(prefers-reduced-motion:reduce){
  .rca-cars-trilho{animation:none;}
}


/* ==========================================================================
   8. COMPATIBILIDADE
   As páginas internas (em construção e blog) foram escritas antes do sistema
   da Fabi e usam alguns nomes de variável que ele não tem. Em vez de mexer no
   CSS dela, que é o que manda no visual, declaro só o que falta.
   Nenhuma variável daqui existe no sistema dela: não há sobrescrita.
   ========================================================================== */
:root{
  --rca-escuro:#150728;
  --rca-card:#241638;
  --rca-btn-grad:var(--rca-grad-btn, linear-gradient(105deg,#542e81 0%, #A5356B 55%, #ef773b 100%));
  --rca-col-texto:620px;
  --rca-sec-gap:88px;
}
@media (max-width:1100px){ :root{ --rca-sec-gap:56px } }
@media (max-width:640px){  :root{ --rca-sec-gap:36px } }

/* .rca-env é o envelope das páginas internas. O sistema dela usa .rca-sec
   com largura própria, então os dois convivem sem se cruzar. */
.rca-env{width:100%;max-width:1200px;margin-inline:auto;padding:0 24px}
@media (max-width:640px){ .rca-env{padding:0 18px} }

/* ==========================================================================
   9. PÁGINA EM CONSTRUÇÃO  (.rca-cst)
   Herdado da tela de construção do site antigo, refeito nos tokens daqui.
   Sai inteiro quando a última página ganhar conteúdo.
   ========================================================================== */
.rca-cst{
  min-height:calc(100vh - var(--rca-header-h, 84px));
  display:flex;align-items:center;justify-content:center;
  padding:56px 0 72px;
  background-image:radial-gradient(ellipse 55% 42% at 50% 30%,
      rgba(123,82,192,.26), rgba(123,82,192,0) 70%);
}
.rca-cst__env{display:flex;flex-direction:column;align-items:center;text-align:center}

/* --- logo com flutuação e reflexo ---------------------------------------- */
.rca-cst__palco{position:relative;display:flex;align-items:center;justify-content:center;
  margin-bottom:10px;padding-bottom:10px}
.rca-cst__logo{width:150px;height:auto;position:relative;z-index:2;
  animation:rca-flutua 3.5s ease-in-out infinite;will-change:transform}
.rca-cst__brilho{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);
  width:250px;height:38px;z-index:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse 50% 50% at 50% 50%,
    rgba(239,119,59,.72) 0%, rgba(194,40,108,.58) 38%,
    rgba(123,82,192,.42) 65%, rgba(123,82,192,0) 100%);
  filter:blur(20px);animation:rca-pulsa 3.5s ease-in-out infinite;
  will-change:opacity,transform}
@keyframes rca-flutua{0%,100%{transform:translateY(-4px)}50%{transform:translateY(12px)}}
@keyframes rca-pulsa{0%,100%{opacity:.6;transform:translateX(-50%) scaleX(.9)}
  50%{opacity:.95;transform:translateX(-50%) scaleX(1.06)}}

/* --- texto ---------------------------------------------------------------- */
.rca-cst__sel{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:#c8b6e8;
  border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 14px}
.rca-cst__h1{margin:0 0 20px;font-weight:800;line-height:1.12;letter-spacing:-.01em;
  font-size:clamp(1.9rem,5.4vw,3.2rem);color:#fff}
.rca-grad{background:linear-gradient(90deg,var(--rca-laranja),var(--rca-rosa),var(--rca-roxo-medio));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent}
.rca-cst__lead{margin:0 0 40px;max-width:var(--rca-col-texto);
  font-size:clamp(1rem,2.1vw,1.12rem);line-height:1.7;color:rgba(255,255,255,.66)}

/* --- botões --------------------------------------------------------------- */
.rca-cst__acoes{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;
  width:100%;margin-bottom:52px}
.rca-cst__b{flex:1 1 0;min-width:250px;max-width:320px;
  display:flex;align-items:center;gap:14px;padding:20px 24px;
  border-radius:16px;background:rgba(255,255,255,.02);
  text-decoration:none;color:#fff;position:relative;
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease}
/* ATALHO PRIMEIRO, composição por último: o atalho mask RESETA mask-composite,
   e escrito depois apagaria o anel, preenchendo o cartão inteiro. */
.rca-cst__b::before{content:"";position:absolute;inset:0;border-radius:inherit;
  padding:1px;pointer-events:none;opacity:.55;transition:opacity .25s ease;
  background:linear-gradient(120deg,var(--rca-laranja),var(--rca-rosa),var(--rca-roxo-medio));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
.rca-cst__b:hover,.rca-cst__b:focus-visible{transform:translateY(-3px);
  background:rgba(255,255,255,.045);box-shadow:0 14px 40px rgba(123,82,192,.22);outline:none}
.rca-cst__b:hover::before,.rca-cst__b:focus-visible::before{opacity:1}
.rca-cst__b:active{transform:translateY(0);box-shadow:0 6px 18px rgba(123,82,192,.18)}
.rca-cst__b:focus-visible{box-shadow:0 0 0 2px #EDD9A3, 0 14px 40px rgba(123,82,192,.22)}
.rca-cst__ic{flex:0 0 auto;width:25px;height:25px;color:var(--rca-rosa)}
.rca-cst__ic svg{width:100%;height:100%;display:block}
.rca-cst__t{flex:1;text-align:left;font-weight:700;font-size:1.02rem;line-height:1.25}
.rca-cst__s{flex:0 0 auto;width:20px;height:20px;color:var(--rca-laranja);
  transition:transform .25s ease}
.rca-cst__b:hover .rca-cst__s,.rca-cst__b:focus-visible .rca-cst__s{transform:translateX(4px)}

/* --- fio e rodapé do bloco ------------------------------------------------ */
.rca-cst__fio{width:100%;max-width:760px;height:1px;position:relative;margin-bottom:20px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.18) 50%,rgba(255,255,255,0))}
.rca-cst__fio::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;
  border-radius:50%;transform:translate(-50%,-50%);background:var(--rca-roxo-medio);
  box-shadow:0 0 12px 2px rgba(123,82,192,.7)}
.rca-cst__pe{margin:0;display:flex;align-items:center;justify-content:center;
  gap:14px;flex-wrap:wrap;font-size:.93rem;font-weight:600;color:rgba(255,255,255,.55)}
.rca-cst__pe a{color:inherit;text-decoration:none;transition:color .2s ease;
  padding:4px 2px;border-radius:6px;min-height:44px;display:inline-flex;align-items:center}
.rca-cst__pe a:hover,.rca-cst__pe a:focus-visible{color:#fff;outline:none}

/* --- celular e tablet ----------------------------------------------------- */
@media (max-width:640px){
  .rca-cst{padding:36px 0 48px;min-height:auto}
  .rca-cst__logo{width:112px}
  .rca-cst__brilho{width:180px;height:30px;filter:blur(16px)}
  .rca-cst__lead{margin-bottom:30px}
  .rca-cst__acoes{flex-direction:column;align-items:center;gap:12px;margin-bottom:38px}
  .rca-cst__b{width:100%;max-width:360px;min-width:0}
  .rca-cst__pe{flex-direction:column;gap:2px}
  .rca-cst__pe span{display:none}
}

/* Quem pediu menos movimento não recebe flutuação nem pulso. */
@media (prefers-reduced-motion:reduce){
  .rca-cst__logo,.rca-cst__brilho{animation:none}
  .rca-cst__b,.rca-cst__s{transition:none}
}


/* ==========================================================================
   10. BLOG  (.rca-bl-*, .rca-art)
   Listagem, cartão, categoria, paginação e o artigo.
   O corpo do artigo vem do painel em HTML, então as regras aqui miram
   as TAGS de dentro de .rca-art__corpo, e não classes: o editor não vai
   escrever classe nenhuma.
   ========================================================================== */

/* --- filtro de categorias ------------------------------------------------ */
.rca-bl-cats{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.rca-bl-cats__a{display:inline-flex;align-items:center;min-height:44px;
  padding:0 16px;border-radius:999px;text-decoration:none;
  font-size:14px;font-weight:700;color:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.02);
  transition:color .2s,border-color .2s,background .2s}
.rca-bl-cats__a:hover,.rca-bl-cats__a:focus-visible{color:#fff;
  border-color:var(--rca-rosa);outline:none}
.rca-bl-cats__a.ativo{color:#fff;background:var(--rca-btn-grad);border-color:transparent}

/* --- grade e cartão ------------------------------------------------------ */
.rca-bl-grade{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}
@media (max-width:1024px){.rca-bl-grade{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.rca-bl-grade{grid-template-columns:1fr}}

.rca-bl-c__l{display:flex;flex-direction:column;height:100%;
  border-radius:16px;overflow:hidden;text-decoration:none;color:#fff;
  background:var(--rca-card);border:1px solid rgba(255,255,255,.07);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.rca-bl-c__l:hover,.rca-bl-c__l:focus-visible{transform:translateY(-4px);
  border-color:rgba(194,40,108,.5);box-shadow:0 16px 40px rgba(123,82,192,.22);outline:none}
.rca-bl-c__l:focus-visible{box-shadow:0 0 0 2px #EDD9A3,0 16px 40px rgba(123,82,192,.22)}
.rca-bl-c__foto{display:block;aspect-ratio:16/9;overflow:hidden;background:#1c0f31}
.rca-bl-c__foto img{width:100%;height:100%;object-fit:cover;
  transition:transform .4s ease}
.rca-bl-c__l:hover .rca-bl-c__foto img{transform:scale(1.04)}
.rca-bl-c__txt{display:flex;flex-direction:column;gap:8px;padding:20px}
.rca-bl-c__cat{font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rca-laranja)}
.rca-bl-c__h{font-size:1.12rem;font-weight:800;line-height:1.3}
.rca-bl-c__r{font-size:.94rem;line-height:1.6;color:rgba(255,255,255,.62)}
.rca-bl-c__d{margin-top:auto;padding-top:6px;font-size:.8rem;
  color:rgba(255,255,255,.42)}

.rca-bl-vazio{color:rgba(255,255,255,.6);font-size:1.05rem}
.rca-bl-volta{margin:0 0 12px}
.rca-bl-volta a{color:rgba(255,255,255,.6);text-decoration:none;font-weight:600;
  display:inline-flex;align-items:center;min-height:44px}
.rca-bl-volta a:hover{color:#fff}

.rca-bl-pag{display:flex;gap:8px;justify-content:center;margin-top:36px}
.rca-bl-pag a{display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;border-radius:12px;text-decoration:none;
  font-weight:700;color:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.14)}
.rca-bl-pag a:hover{color:#fff;border-color:var(--rca-rosa)}
.rca-bl-pag a.ativo{color:#fff;background:var(--rca-btn-grad);border-color:transparent}

/* --- o artigo ------------------------------------------------------------ */
.rca-art__env{max-width:760px}
.rca-art__trilha{display:flex;gap:10px;font-size:.85rem;margin:0 0 18px;
  color:rgba(255,255,255,.45)}
.rca-art__trilha a{color:inherit;text-decoration:none}
.rca-art__trilha a:hover{color:#fff}
.rca-art__h1{margin:0 0 14px;font-size:clamp(1.8rem,4.6vw,2.7rem);
  font-weight:800;line-height:1.18;letter-spacing:-.01em}
.rca-art__meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px;
  font-size:.88rem;color:rgba(255,255,255,.48)}
.rca-art__olho{margin:0 0 28px;font-size:1.14rem;line-height:1.65;
  color:rgba(255,255,255,.78);border-left:3px solid var(--rca-laranja);
  padding-left:16px}
.rca-art__capa{margin:0 0 32px}
.rca-art__capa img{width:100%;border-radius:16px}
.rca-art__capa figcaption{margin-top:8px;font-size:.82rem;
  color:rgba(255,255,255,.4);text-align:center}

/* corpo vindo do painel: as regras miram as tags, não classes */
.rca-art__corpo{font-size:1.06rem;line-height:1.8;color:rgba(255,255,255,.82)}
.rca-art__corpo > *{max-width:100%}
.rca-art__corpo p{margin:0 0 22px}
.rca-art__corpo h2{margin:44px 0 14px;font-size:1.62rem;font-weight:800;
  line-height:1.25;color:#fff}
.rca-art__corpo h3{margin:34px 0 12px;font-size:1.28rem;font-weight:800;color:#fff}
.rca-art__corpo h4{margin:26px 0 10px;font-size:1.08rem;font-weight:800;color:#fff}
.rca-art__corpo a{color:var(--rca-laranja);text-decoration:underline;
  text-underline-offset:3px}
.rca-art__corpo a:hover{color:#fff}
.rca-art__corpo ul,.rca-art__corpo ol{margin:0 0 22px;padding-left:22px}
.rca-art__corpo li{margin-bottom:10px}
.rca-art__corpo img{border-radius:14px;margin:8px 0}
.rca-art__corpo figure{margin:28px 0}
.rca-art__corpo figcaption{font-size:.82rem;color:rgba(255,255,255,.4);
  text-align:center;margin-top:8px}
.rca-art__corpo blockquote{margin:28px 0;padding:4px 0 4px 20px;
  border-left:3px solid var(--rca-rosa);font-size:1.12rem;
  color:rgba(255,255,255,.9)}
.rca-art__corpo hr{border:0;height:1px;margin:36px 0;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,0))}
.rca-art__corpo code{font-size:.92em;padding:2px 6px;border-radius:6px;
  background:rgba(255,255,255,.08)}
.rca-art__corpo pre{overflow:auto;padding:16px;border-radius:12px;
  background:rgba(0,0,0,.35);margin:0 0 22px}
.rca-art__corpo pre code{background:none;padding:0}
/* tabela do editor não pode estourar a coluna no celular */
.rca-art__corpo table{width:100%;border-collapse:collapse;margin:0 0 22px;
  display:block;overflow-x:auto}
.rca-art__corpo th,.rca-art__corpo td{padding:10px 12px;text-align:left;
  border-bottom:1px solid rgba(255,255,255,.1)}
.rca-art__corpo th{font-weight:800;color:#fff}

.rca-art__cta{margin:48px 0 0;padding:28px;border-radius:16px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09)}
.rca-art__cta-h{margin:0 0 8px;font-size:1.2rem;font-weight:800;color:#fff}
.rca-art__cta-p{margin:0 0 18px;color:rgba(255,255,255,.66);line-height:1.7}


@media (max-width:640px){
  .rca-art__corpo{font-size:1rem}
  .rca-art__corpo h2{font-size:1.38rem;margin-top:34px}
  .rca-art__cta{padding:22px}
}


/* ==========================================================================
   11. RODAPÉ E BOTÃO FLUTUANTE
   O cabeçalho provisório que existia aqui SAIU: quem manda agora é o
   bloco 2, escrito pela Fabi. Rodapé e botão do WhatsApp continuam,
   porque o arquivo dela não traz nenhum dos dois.
   ========================================================================== */
/* --- rodapé -------------------------------------------------------------- */
.rca-ft{margin-top:var(--rca-sec-gap);padding:36px 0 40px;position:relative}
.rca-ft::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.16) 50%,rgba(255,255,255,0))}
.rca-ft__env{max-width:1200px;margin-inline:auto;padding:0 24px;
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.rca-ft__marca{margin:0 0 4px;font-weight:800;font-size:1.05rem;color:#fff}
.rca-ft__end,.rca-ft__contato{margin:0;font-size:.92rem;
  color:rgba(255,255,255,.55);line-height:1.6}
.rca-ft__contato a{color:inherit;text-decoration:none}
.rca-ft__contato a:hover{color:#fff}
.rca-ft__redes{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;
  margin:10px 0 0}
.rca-ft__redes a{display:inline-flex;align-items:center;min-height:44px;
  color:rgba(255,255,255,.7);text-decoration:none;font-size:.92rem;
  font-weight:700;transition:color .2s ease}
.rca-ft__redes a:hover,.rca-ft__redes a:focus-visible{color:#fff;outline:none}
.rca-ft__legal{margin:14px 0 0;font-size:.82rem;color:rgba(255,255,255,.35)}
@media (max-width:640px){
  .rca-ft__env{padding:0 18px}
  .rca-ft__redes{gap:16px}
}

/* --- botão flutuante do WhatsApp ------------------------------------------
   O anel só existe com position:relative no botão; sem isso o ::before
   se ancora no primeiro pai posicionado e vira um risco na tela. */
.rca-wa{position:fixed;right:18px;bottom:18px;z-index:9998;
  width:58px;height:58px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,#542e81 0%,#C2286C 55%,#ef773b 100%);
  box-shadow:0 6px 20px rgba(194,40,108,.45),0 2px 6px rgba(0,0,0,.25);
  text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.3,1),
  box-shadow .2s ease,opacity .2s ease}
/* menu mobile aberto: esconde o flutuante para não virar um quarto CTA */
.rca-travado .rca-wa{opacity:0;visibility:hidden;pointer-events:none;}
.rca-wa:hover,.rca-wa:focus-visible{transform:scale(1.08);
  box-shadow:0 10px 28px rgba(194,40,108,.6);outline:none}
.rca-wa:focus-visible{box-shadow:0 0 0 3px #EDD9A3,0 10px 28px rgba(194,40,108,.5)}
.rca-wa::before{content:"";position:absolute;inset:0;border-radius:50%;
  border:2px solid rgba(194,40,108,.55);animation:rca-anel 2.6s ease-out infinite}
@keyframes rca-anel{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}
@media (max-width:560px){
  .rca-wa{width:52px;height:52px;right:14px;bottom:14px}
  .rca-wa svg{width:24px;height:24px}
}
@media (prefers-reduced-motion:reduce){
  .rca-wa::before{animation:none}
  .rca-hd,.rca-hd__nav a::after{transition:none}
}


/* ==========================================================================
   12. SUPERFÍCIE ESCURA DAS PÁGINAS INTERNAS
   Descoberto medindo, não deduzindo: o sistema da Fabi tem o corpo CLARO
   (body branco, texto escuro), e os blocos 9, 10 e 11 foram escritos quando
   o corpo era escuro. Sem isto, o texto sai branco no branco.

   Em vez de repintar aqueles blocos um a um, cada um ganha aqui a mesma
   superfície escura que ela já usa nas dobras da home, com os tokens dela.
   ========================================================================== */
.rca-cst,
.rca-ft,
.rca-bl-fundo{
  background:radial-gradient(115% 130% at 85% 55%,
    #4F117F 0%, #370A61 45%, #240345 78%, #1A023E 100%);
  color:var(--rca-d-texto);
}

/* o miolo do blog e das páginas internas herda o claro do corpo; quando a
   página inteira for escura, ela leva a classe .rca-bl-fundo no <main> */
#rca-tela.rca-bl-fundo{display:block}

/* títulos das seções internas dentro do escuro */
.rca-cst .rca-sec-t__h,
.rca-bl-fundo .rca-sec-t__h{color:#fff}
.rca-cst .rca-sec-t__olho,
.rca-bl-fundo .rca-sec-t__olho{color:var(--rca-d-texto-fraco)}

/* o rodapé escuro encosta na dobra anterior sem faixa clara no meio */
.rca-ft{margin-top:0}

/* Página curta (blog vazio, erro 404) deixava uma faixa branca do corpo
   aparecendo abaixo do rodapé. O corpo vira coluna e o miolo cresce, então
   o rodapé encosta no fim da tela mesmo com pouco conteúdo. */
body{display:flex;flex-direction:column;min-height:100vh}
#rca-tela{flex:1 0 auto}
.rca-ft{flex-shrink:0}


/* ==========================================================================
   13. FAIXA DE NÚMEROS  (.rca-nums)
   Barra ESCURA arredondada que flutua sobre o branco, entre o método e os
   cases. Prova de autoridade que introduz a prova social (os cases).
   Referência da Fabi (imagem 2): pílula roxa escura, ícone + número + rótulo,
   filete entre os itens. Escrita pela conversa do ambiente; se brigar com o
   sistema da Fabi, o errado é este bloco.
   ========================================================================== */
.rca-nums{background:var(--rca-bg,#F7F7FC);
  padding-block:clamp(24px,3.4vw,40px)}
.rca-nums-in{max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,32px)}

.rca-nums-barra{list-style:none;margin:0;padding:clamp(24px,2.9vw,34px) clamp(18px,3vw,44px);
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(14px,2vw,28px);flex-wrap:wrap;
  border-radius:clamp(18px,2vw,26px);
  background:linear-gradient(120deg,#251044 0%,#1D0B38 52%,#170A2E 100%);
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 14px 36px rgba(24,7,51,.18),
             inset 0 1px 0 rgba(255,255,255,.04);}

.rca-nums-item{position:relative;display:flex;align-items:center;gap:14px;
  flex:1 1 auto;justify-content:center;padding-inline:clamp(6px,1.4vw,18px)}
/* filete fino entre os itens */
.rca-nums-item + .rca-nums-item::before{content:"";position:absolute;
  left:calc(-1 * clamp(7px,1vw,14px));top:50%;transform:translateY(-50%);
  width:1px;height:38px;background:rgba(255,255,255,.12)}

.rca-nums-ic{flex-shrink:0;width:clamp(38px,4vw,46px);height:clamp(38px,4vw,46px);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 30% 20%,rgba(155,107,255,.30),rgba(123,82,192,.12));
  border:1px solid rgba(255,255,255,.12);
  color:var(--rca-rosa-claro,#E0479B)}
.rca-nums-ic svg{width:52%;height:52%;display:block}
/* o G do Google usa cor própria, sem tingir */
.rca-nums-ic--g{background:#fff;border-color:transparent}
.rca-nums-ic--g svg{width:60%;height:60%}

.rca-nums-txt{display:flex;flex-direction:column;line-height:1.15}
.rca-nums-txt b{font-weight:700;color:#fff;letter-spacing:-.01em;
  font-size:clamp(1.06rem,1.7vw,1.32rem)}
.rca-nums-txt > span{margin-top:2px;font-size:.8rem;font-weight:600;
  color:rgba(255,255,255,.52)}

/* tablet: quebra 2 a 2 e o filete some quando muda de linha */
@media (max-width:820px){
  .rca-nums-barra{justify-content:flex-start}
  .rca-nums-item{flex:1 1 44%;justify-content:flex-start}
  .rca-nums-item:nth-child(odd)::before{display:none}
}
@media (max-width:480px){
  .rca-nums-item{flex:1 1 100%}
  .rca-nums-item::before{display:none}
}

/* ==========================================================================
   14. SOBRE A RCA  (.rca-sobre)
   Fundo claro. Esquerda: história em texto + botão. Direita: TIMELINE com três
   marcos (2017, 2019, 2026), mockups reais que a Fabi troca depois, fio
   pontilhado, números-fantasma e anotações à mão. Embaixo: quatro atributos
   da forma de trabalhar (não é prova social; a prova vem na dobra seguinte).
   Referência da Fabi. Os mockups EVOLUEM no design: 2017 memória pequena e
   inclinada; 2019 polaroid; 2026 tela grande e limpa.
   ========================================================================== */
.rca-sobre{position:relative;overflow:clip;
  background:var(--rca-bg,#F7F7FC);
  padding-block:clamp(56px,6vw,96px);
  scroll-margin-top:calc(var(--rca-header-h,64px) + 16px);
  font-family:var(--rca-fonte,'Nunito',sans-serif);}
.rca-sobre *{box-sizing:border-box;}
.rca-sobre a{text-decoration:none;}
.rca-sobre-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}

/* texto ~40%, timeline ~60% */
.rca-sobre-grid{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);
  gap:clamp(28px,3.4vw,52px);align-items:center;}

/* ---------- direita: colagem (imagem pronta com fundo transparente) ---------- */
.rca-sobre-colagem{position:relative;line-height:0;}
.rca-sobre-colagem img{display:block;width:100%;height:auto;
  /* a colagem já traz as sombras/fitas embutidas; sem drop-shadow extra */}

/* ---------- esquerda: história ---------- */
.rca-sobre-tit{font-weight:800;font-size:clamp(1.5rem,2.35vw,1.88rem);line-height:1.16;
  letter-spacing:-.02em;color:var(--rca-roxo-profundo,#3D2168);margin:14px 0 0;}
.rca-sobre-l1{white-space:nowrap;}
@media(max-width:560px){ .rca-sobre-l1{white-space:normal;} }
.rca-sobre-tit .rca-sublinhado{color:var(--rca-laranja,#EF773B);}
.rca-sobre-corpo{margin-top:clamp(22px,2.4vw,30px);
  display:flex;flex-direction:column;gap:14px;}
.rca-sobre-corpo p{margin:0;font-size:var(--rca-t-lead,1.06rem);line-height:1.62;
  color:var(--rca-texto-suave,#6E5F86);max-width:46ch;}
.rca-sobre-corpo strong{color:var(--rca-texto,#3D2260);font-weight:700;}
.rca-sobre-fecho{color:var(--rca-texto,#3D2260) !important;font-weight:700;
  margin-top:6px !important;}

/* ---------- direita: timeline TRAVADA em proporção ----------
   a composição é um "palco" com aspect-ratio fixo e vira um container de
   consulta. TODO tamanho e posição usa cqw (% da largura do palco), então a
   cena inteira escala junto e fica IDÊNTICA em qualquer largura de tela,
   nunca colide. no mobile ela empilha (media query mais abaixo). */
.rca-sobre-linha{position:relative;width:100%;aspect-ratio:100/96;
  container-type:inline-size;}

/* números-fantasma: 2017 desbotado atrás, 2026 colorido */
.rca-sobre-ano{position:absolute;z-index:0;font-weight:800;letter-spacing:-.02em;
  line-height:1;pointer-events:none;user-select:none;}
.rca-sobre-ano--ini{top:-8cqw;right:30cqw;font-size:15cqw;
  color:rgba(84,46,129,.08);}
.rca-sobre-ano--fim{bottom:1cqw;right:1cqw;font-size:13cqw;
  background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B 55%,#EF773B));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:.92;z-index:0;}

/* fio pontilhado que liga os marcos */
.rca-sobre-fio{position:absolute;z-index:0;inset:0;width:100%;height:100%;
  pointer-events:none;}

/* anotações à mão */
.rca-sobre-nota{position:absolute;z-index:2;pointer-events:none;
  font-family:'Caveat','Segoe Script','Bradley Hand',cursive;
  font-size:3.1cqw;line-height:1.2;
  color:var(--rca-texto-suave,#6E5F86);white-space:nowrap;}
.rca-sobre-nota--ini{top:44cqw;left:11cqw;transform:rotate(-4deg);}
.rca-sobre-nota--fim{bottom:13cqw;right:26cqw;transform:rotate(-4deg);
  color:var(--rca-rosa,#A52E78);}
.rca-sobre-nota--fim b{color:var(--rca-laranja,#EF773B);font-weight:700;}

/* ---------- marcos ---------- */
.rca-sobre-marco{position:absolute;z-index:1;margin:0;
  display:flex;flex-direction:column;gap:1.6cqw;}
.rca-sobre-tag{align-self:flex-start;font-weight:800;font-size:1.9cqw;
  letter-spacing:.06em;text-transform:uppercase;
  color:var(--rca-rosa,#A52E78);white-space:nowrap;}
.rca-sobre-tag--hoje{color:var(--rca-laranja,#EF773B);}

/* legendas ABAIXO da imagem (pedido da Fabi): ano em destaque + descrição.
   order garante que a legenda venha depois da imagem no flex-column. */
.rca-sobre-marco{display:flex;flex-direction:column;}
.rca-sobre-marco > .rca-sobre-peca,
.rca-sobre-marco > .rca-mock{order:1;}
.rca-sobre-cap{order:2;margin:1.6cqw 0 0;padding-left:1cqw;}
.rca-sobre-cap b{display:block;font-weight:800;font-size:3.4cqw;line-height:1;
  color:var(--rca-rosa,#A52E78);}
.rca-sobre-cap span{display:block;margin-top:.6cqw;font-weight:700;
  font-size:1.9cqw;letter-spacing:.04em;text-transform:uppercase;
  color:var(--rca-texto-suave,#6E5F86);}
.rca-sobre-cap--hoje b{color:var(--rca-laranja,#EF773B);}

/* posição e escala evoluindo (tudo em cqw = escala junto):
   2017 e 2019 no topo, 2021 (polaroid) no meio, Portal grande dominando. */
.rca-sobre-marco--um{top:3cqw;left:1cqw;width:37cqw;transform:rotate(-3deg);z-index:2;}
.rca-sobre-marco--dois{top:-1cqw;right:4cqw;width:27cqw;transform:rotate(2deg);z-index:2;}
.rca-sobre-marco--tres{top:44cqw;left:1cqw;width:25cqw;transform:rotate(-4deg);z-index:4;}
.rca-sobre-marco--quatro{bottom:5cqw;right:-2cqw;width:56cqw;z-index:3;position:absolute;}
/* no desktop a tag HOJE colide com o card de 2019 e é redundante com o "2026"
   colorido e a nota "e ainda mudando"; ocultamos aqui e mantemos no mobile. */
.rca-sobre-marco--quatro .rca-sobre-tag{display:none;}

/* peças já mockadas (Deixa Voar, 1o site, Portal): imagem direta com sombra. */
.rca-sobre-peca{display:block;width:100%;height:auto;
  filter:drop-shadow(0 2cqw 3.5cqw rgba(80,44,138,.24));
  transition:transform .3s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),filter .3s;}
.rca-sobre-marco:hover .rca-sobre-peca{transform:translateY(-1cqw);
  filter:drop-shadow(0 3cqw 5cqw rgba(80,44,138,.32));}

/* selo Google Partner: âncora de autoridade no rodapé da composição */
.rca-sobre-selo{position:absolute;z-index:5;left:27cqw;bottom:1cqw;
  width:14cqw;height:auto;
  background:#fff;border-radius:1.3cqw;padding:1.4cqw;
  box-shadow:0 1.4cqw 3.4cqw rgba(80,44,138,.20);
  transform:rotate(-2deg);}
.rca-sobre-selo img{display:block;width:100%;height:auto;}

/* ---------- os "mockups" (moldura dos placeholders/imagens) ---------- */
.rca-mock{position:relative;display:block;border-radius:12px;overflow:hidden;
  background:#EDEBF4;border:1px solid var(--rca-borda,#E4E4EF);
  box-shadow:var(--rca-sombra-hover,0 18px 40px rgba(80,44,138,.18));
  transition:transform .3s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),box-shadow .3s;}
.rca-sobre-marco:hover .rca-mock{transform:translateY(-5px);
  box-shadow:0 26px 54px rgba(80,44,138,.26);}
.rca-mock-img{display:block;width:100%;height:auto;}

/* 2017: navegador com barrinha de pontos */
.rca-mock--browser{border-radius:10px;}
.rca-mock-bar{display:flex;align-items:center;gap:5px;height:22px;padding-inline:10px;
  background:#E4E1EE;border-bottom:1px solid rgba(80,44,138,.10);}
.rca-mock-bar i{width:7px;height:7px;border-radius:50%;background:#C6BEDA;}
.rca-mock--browser .rca-mock-img{aspect-ratio:520/338;object-fit:cover;background:#F1EFF7;}

/* 2019: polaroid (moldura branca grossa embaixo) */
.rca-mock--polaroid{border-radius:1cqw;padding:2.4cqw 2.4cqw 7cqw;
  background:#fff;border-color:rgba(80,44,138,.10);
  box-shadow:0 2cqw 4.4cqw rgba(80,44,138,.22);}
.rca-mock--polaroid .rca-mock-img{aspect-ratio:1/1;object-fit:cover;border-radius:2px;background:#F1EFF7;}

/* 2026: tela grande e limpa */
.rca-mock--tela{border-radius:14px;}
.rca-mock--tela .rca-mock-img{aspect-ratio:760/520;object-fit:cover;background:#F1EFF7;}

/* ---------- atributos da forma de trabalhar ---------- */
.rca-sobre-atrib{list-style:none;margin:clamp(40px,4.4vw,64px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,36px);
  position:relative;}
.rca-sobre-atrib > li{position:relative;}
.rca-sobre-atrib li{position:relative;
  display:grid;grid-template-columns:auto 1fr;align-items:start;
  gap:0 14px;}
.rca-sobre-atrib-ic{grid-row:1 / span 2;flex-shrink:0;width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--rca-roxo,#542E81);color:#fff;}
.rca-sobre-atrib-ic svg{display:block;width:22px;height:22px;stroke-width:1.9;
  color:#fff;stroke:#fff;}
/* cada diferencial com sua cor (fiel à referência): roxo, vinho, laranja, roxo */
.rca-sobre-atrib li:nth-child(1) .rca-sobre-atrib-ic{background:var(--rca-roxo,#542E81);}
.rca-sobre-atrib li:nth-child(2) .rca-sobre-atrib-ic{background:#C42E6E;}
.rca-sobre-atrib li:nth-child(3) .rca-sobre-atrib-ic{background:var(--rca-laranja,#EF773B);}
.rca-sobre-atrib li:nth-child(4) .rca-sobre-atrib-ic{background:var(--rca-roxo,#542E81);}
.rca-sobre-atrib b{display:block;font-weight:800;font-size:.94rem;
  line-height:1.2;color:var(--rca-texto,#3D2260);white-space:nowrap;
  /* risquinho manuscrito colorido embaixo do título */
  padding-bottom:9px;margin-bottom:6px;position:relative;}
.rca-sobre-atrib b::after{content:"";position:absolute;left:0;bottom:0;
  width:42px;height:6px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='6' viewBox='0 0 42 6'%3E%3Cpath d='M1 3.2 C8 1.2 14 4.6 21 3 C28 1.4 34 4.4 41 2.6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='6' viewBox='0 0 42 6'%3E%3Cpath d='M1 3.2 C8 1.2 14 4.6 21 3 C28 1.4 34 4.4 41 2.6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;}
.rca-sobre-atrib li:nth-child(1) b::after{background:var(--rca-roxo,#542E81);}
.rca-sobre-atrib li:nth-child(2) b::after{background:#C42E6E;}
.rca-sobre-atrib li:nth-child(3) b::after{background:var(--rca-laranja,#EF773B);}
.rca-sobre-atrib li:nth-child(4) b::after{background:var(--rca-roxo,#542E81);}
.rca-sobre-atrib div{grid-column:2;}
.rca-sobre-atrib div span{display:block;font-size:.8rem;line-height:1.5;
  color:var(--rca-texto-suave,#6E5F86);}

/* ==========================================================================
   RESPONSIVO · SOBRE
   ========================================================================== */
@media(max-width:1080px){
  .rca-sobre{padding-block:clamp(36px,5vw,64px);}
  .rca-sobre-grid{grid-template-columns:1fr;gap:clamp(24px,4vw,36px);}
  .rca-sobre-corpo p{max-width:none;text-align:left;font-size:1rem;line-height:1.6;}
  /* timeline vira empilhada: os marcos deixam de ser absolutos */
  .rca-sobre-linha{min-height:0;aspect-ratio:auto;container-type:normal;
    display:flex;flex-direction:column;
    align-items:center;gap:14px;}
  .rca-sobre-ano,.rca-sobre-fio,.rca-sobre-nota{display:none;}
  .rca-sobre-marco{position:static;width:100%;max-width:440px;transform:none;
    margin-inline:auto;gap:10px;}
  .rca-sobre-marco--tres{max-width:300px;}
  .rca-sobre-tag{font-size:.7rem;}
  .rca-sobre-peca{filter:drop-shadow(0 12px 26px rgba(80,44,138,.22));}
  .rca-mock--polaroid{border-radius:4px;padding:10px 10px 30px;
    box-shadow:0 16px 34px rgba(80,44,138,.2);}
  .rca-sobre-marco figcaption{display:block;text-align:center;margin-inline:auto;}
  .rca-sobre-marco--quatro{position:static;width:100%;max-width:340px;margin-inline:auto;}
  .rca-sobre-marco--quatro .rca-sobre-tag{display:block;position:static;}
  .rca-sobre-selo{position:static;align-self:center;transform:none;
    width:110px;margin-top:-4px;}
}
@media(max-width:720px){
  .rca-sobre-atrib{grid-template-columns:1fr 1fr;}
  /* 2x2: divisor vertical só entre as colunas (some no 1º de cada linha),
     e um horizontal curto entre as duas linhas */
  .rca-sobre-atrib li:nth-child(odd)::before{display:none;}
  .rca-sobre-atrib li:nth-child(n+3)::after{content:"";position:absolute;
    top:0;left:50%;transform:translateX(-50%);height:1px;width:82%;
    background:var(--rca-borda,#E4E4EF);}
}
@media(max-width:440px){
  .rca-sobre-atrib{grid-template-columns:1fr;gap:0;}
  /* empilhado: cada item ganha respiro vertical e o divisor fica no meio do vão */
  .rca-sobre-atrib li{padding:18px 0;}
  .rca-sobre-atrib li:first-child{padding-top:0;}
  .rca-sobre-atrib li:last-child{padding-bottom:0;}
  .rca-sobre-atrib li::before{display:none;}
  .rca-sobre-atrib li + li::after{content:"";position:absolute;
    top:0;left:0;height:1px;width:100%;
    background:var(--rca-borda,#E4E4EF);}
  .rca-sobre-atrib b{white-space:normal;}
}
@media(prefers-reduced-motion:reduce){
  .rca-sobre *{transition:none !important;}
}

/* ==========================================================================
   15. AVALIAÇÕES  (.rca-aval)
   Prova social do Google (estático). Topo com título + resumo (nota/estrelas).
   Carrossel de depoimentos reais com cara de card do Google. Faixa de logos
   "empresas que confiam na RCA". Fundo claro. Referência da Fabi.
   ========================================================================== */
.rca-aval{position:relative;background:#FCFCFE;
  padding-block:clamp(28px,3vw,48px) clamp(44px,4.5vw,72px);
  scroll-margin-top:calc(var(--rca-header-h,64px) + 16px);
  font-family:var(--rca-fonte,'Nunito',sans-serif);}
.rca-aval *{box-sizing:border-box;}
.rca-aval a{text-decoration:none;}
.rca-aval-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}

/* ---------- topo: título + resumo ---------- */
.rca-aval-topo{position:relative;display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:clamp(28px,4vw,56px);align-items:center;
  /* alinha o topo com os cards: recua a mesma medida que a seta de navegação
     empurra o primeiro card (largura da seta + gap do carrossel) */
  padding-left:calc(clamp(38px,3.2vw,46px) + clamp(8px,1.4vw,16px));
  padding-bottom:clamp(38px,4.4vw,58px);}
.rca-aval-tit{font-weight:800;font-size:clamp(1.75rem,2.7vw,2.25rem);line-height:1.1;
  letter-spacing:-.02em;color:var(--rca-roxo-profundo,#3D2168);margin:12px 0 0;}
.rca-aval-tit .rca-sublinhado{color:var(--rca-laranja,#EF773B);}
/* rabisco rosa embaixo do "por nós." laranja (contraste, como na referência) */
.rca-aval-tit .rca-sublinhado svg path{stroke:var(--rca-rosa,#A52E78);}
.rca-aval-lead{margin:clamp(16px,2vw,22px) 0 0;font-size:var(--rca-t-lead,1.06rem);
  line-height:1.6;color:var(--rca-texto-suave,#6E5F86);max-width:44ch;}

.rca-aval-resumo{position:relative;display:flex;flex-direction:column;
  align-items:flex-start;gap:14px;
  border-left:1px solid var(--rca-borda,#E4E4EF);
  padding-left:clamp(20px,2.4vw,36px);}
/* o botão ancora no TOPO (mesma largura dos cards), não no resumo, para a
   borda direita dele bater exatamente com a borda do último card */
/* o botão alinha com a borda direita do ÚLTIMO CARD, não da seção. os cards
   ficam recuados da borda pelo espaço da seta de navegação (largura da seta +
   o gap do flex), então o botão recua a mesma medida. */
.rca-aval-vertodas-wrap{display:flex;justify-content:center;margin-top:clamp(20px,3vw,32px);}
.rca-aval-vertodas{display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;border-radius:var(--rca-r-pill,999px);
  border:1.5px solid var(--rca-roxo,#542E81);background:#fff;
  font-weight:700;font-size:.9rem;color:var(--rca-roxo,#542E81);
  transition:border-color .2s,background .2s,color .2s,transform .2s;}
.rca-aval-vertodas:hover{background:var(--rca-roxo,#542E81);color:#fff;transform:translateY(-1px);}
.rca-aval-vertodas svg{width:16px;height:16px;}

.rca-aval-resumo-box{margin-top:8px;}
.rca-aval-resumo-top{display:flex;align-items:center;gap:10px;}
.rca-aval-g{width:26px;height:26px;display:grid;place-items:center;}
.rca-aval-g svg{width:100%;height:100%;}
.rca-aval-g-label{font-weight:700;font-size:1rem;color:var(--rca-texto,#3D2260);}
.rca-aval-resumo-nota{display:flex;align-items:center;gap:8px;margin-top:0;flex-wrap:nowrap;}
.rca-aval-resumo-nota b{font-weight:800;font-size:1.5rem;
  line-height:1;color:var(--rca-roxo-profundo,#3D2168);}
.rca-aval-estrelas{display:inline-flex;gap:2px;}
.rca-aval-estrelas svg{width:15px;height:15px;}
.rca-aval-total{font-size:.78rem;color:var(--rca-texto-suave,#6E5F86);}
.rca-aval-resumo-sub{margin:5px 0 0;font-size:.8rem;color:var(--rca-texto-suave,#6E5F86);}

/* ---------- carrossel ---------- */
.rca-aval-carrossel{position:relative;display:flex;align-items:center;
  gap:clamp(8px,1.4vw,16px);}
.rca-aval-seta{flex-shrink:0;width:clamp(38px,3.2vw,46px);height:clamp(38px,3.2vw,46px);
  display:grid;place-items:center;border-radius:50%;cursor:pointer;
  border:1.5px solid var(--rca-roxo,#542E81);background:#fff;color:var(--rca-roxo,#542E81);
  transition:border-color .2s,background .2s,transform .2s;}
.rca-aval-seta:hover{background:var(--rca-roxo,#542E81);color:#fff;transform:scale(1.06);}
.rca-aval-seta svg{width:44%;height:44%;}

.rca-aval-trilho{flex:1;min-width:0;list-style:none;margin:0;padding:6px 2px 14px;
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*clamp(14px,1.6vw,22px))/4);
  gap:clamp(14px,1.6vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;scroll-behavior:smooth;}
.rca-aval-trilho::-webkit-scrollbar{display:none;}

.rca-aval-card{scroll-snap-align:start;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--rca-borda,#E4E4EF);border-radius:16px;
  padding:clamp(16px,1.5vw,20px);
  box-shadow:0 2px 12px rgba(80,44,138,.05);
  transition:box-shadow .3s,transform .3s;}
.rca-aval-card:hover{box-shadow:var(--rca-sombra-hover,0 18px 40px rgba(80,44,138,.18));
  transform:translateY(-3px);}

.rca-aval-card-topo{display:flex;align-items:center;gap:11px;min-width:0;}
.rca-aval-avatar{position:relative;flex-shrink:0;width:42px;height:42px;}
.rca-aval-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.rca-aval-inicial{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:1.15rem;}
.rca-aval-avatar-g{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;
  background:#fff;border-radius:50%;padding:2px;display:grid;place-items:center;
  box-shadow:0 1px 3px rgba(0,0,0,.15);}
.rca-aval-avatar-g svg{width:100%;height:100%;}
.rca-aval-quem{min-width:0;}
.rca-aval-quem b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-weight:800;font-size:.98rem;color:var(--rca-texto,#3D2260);line-height:1.2;}
.rca-aval-quem span{display:block;margin-top:1px;font-size:.82rem;color:var(--rca-texto-suave,#6E5F86);}

.rca-aval-card-estrelas{display:inline-flex;gap:2px;margin-top:12px;}
.rca-aval-card-estrelas svg{width:17px;height:17px;}
.rca-aval-texto{margin:10px 0 0;font-size:.92rem;line-height:1.5;
  color:var(--rca-texto,#3D2260);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}

/* botão "leia mais": o JS só o exibe quando o texto está truncado */
.rca-aval-leia{align-self:flex-start;margin-top:8px;padding:6px 0;border:0;background:none;
  cursor:pointer;font-family:inherit;font-weight:600;font-size:.85rem;
  color:var(--rca-texto-suave,#6E5F86);transition:color .2s;}
.rca-aval-leia:hover{color:var(--rca-roxo,#542E81);text-decoration:underline;}

/* ---------- popup / modal do depoimento completo ---------- */
.rca-aval-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;
  padding:20px;}
.rca-aval-modal[hidden]{display:none;}
.rca-aval-modal-fundo{position:absolute;inset:0;background:rgba(33,10,64,.55);
  backdrop-filter:blur(2px);animation:rca-aval-fade .2s ease;}
.rca-aval-modal-box{position:relative;z-index:1;width:min(560px,100%);
  background:#fff;border-radius:var(--rca-r-lg,20px);padding:clamp(24px,3vw,36px);
  box-shadow:0 30px 80px rgba(33,10,64,.4);animation:rca-aval-sobe .25s var(--rca-ease,cubic-bezier(.2,.8,.3,1));
  max-height:90vh;overflow-y:auto;}
.rca-aval-modal-x{position:absolute;top:14px;right:14px;width:36px;height:36px;
  display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;
  background:rgba(84,46,129,.07);color:var(--rca-roxo,#542E81);transition:background .2s;}
.rca-aval-modal-x:hover{background:rgba(84,46,129,.15);}
.rca-aval-modal-x svg{width:18px;height:18px;}
.rca-aval-modal-topo{display:flex;align-items:center;gap:14px;}
.rca-aval-modal-texto{margin:18px 0 0;font-size:1.05rem;line-height:1.65;
  color:var(--rca-texto,#3D2260);}
@keyframes rca-aval-fade{from{opacity:0}to{opacity:1}}
@keyframes rca-aval-sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rca-aval-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;
  font-weight:700;font-size:.95rem;color:var(--rca-roxo,#542E81);
  transition:gap .2s,color .2s;}
.rca-aval-link:hover{gap:11px;color:var(--rca-roxo-medio,#7B52C0);}
.rca-aval-link svg{width:16px;height:16px;}

/* ---------- faixa de logos ---------- */
/* faixa de logos: tira ESCURA (os logos dos clientes são brancos, então
   precisam de fundo escuro). corre sozinha em loop (esteira), cabendo muitos
   logos sem poluir. pausa no hover. */
.rca-aval-logos{margin-top:clamp(40px,4.5vw,64px);
  background:var(--rca-grad-dobra,linear-gradient(120deg,#150728,#210A40 46%,#2E1055));
  border-radius:var(--rca-r-xl,26px);
  padding:clamp(40px,4.5vw,60px) 0;overflow:hidden;}
.rca-aval-logos-tit{text-align:center;font-weight:800;font-size:.74rem;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);
  margin:0 0 clamp(20px,2.2vw,28px);}
.rca-aval-logos-pista{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.rca-aval-logos-lista{list-style:none;margin:0;padding:0;
  display:flex;align-items:center;width:max-content;
  gap:clamp(40px,5vw,72px);
  animation:rca-logos-corre 40s linear infinite;}
.rca-aval-logos-pista:hover .rca-aval-logos-lista{animation-play-state:paused;}
.rca-aval-logos-lista li{display:flex;align-items:center;justify-content:center;
  flex-shrink:0;width:clamp(120px,13vw,168px);height:clamp(44px,4.5vw,60px);}
.rca-aval-logos-lista img{max-height:100%;max-width:100%;width:auto;height:auto;
  opacity:.72;transition:opacity .25s;}
.rca-aval-logos-lista img:hover{opacity:1;}
@keyframes rca-logos-corre{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .rca-aval-logos-lista{animation:none;flex-wrap:wrap;justify-content:center;width:auto;}
}

/* ==========================================================================
   RESPONSIVO · AVALIAÇÕES
   ========================================================================== */
@media(max-width:900px){
  /* título à esquerda, resumo compacto à direita, alinhado ao meio do texto */
  .rca-aval-topo{display:flex;flex-direction:row;align-items:center;justify-content:space-between;
    gap:16px;padding-left:0;padding-bottom:28px;}
  .rca-aval-resumo{border-left:0;padding-left:0;flex-shrink:0;padding-top:0;padding-right:12px;}
  .rca-aval-tit{font-size:1.5rem;margin-top:8px;}
  .rca-aval-lead{font-size:.94rem;}
  .rca-aval-trilho{grid-auto-columns:calc((100% - 1*clamp(14px,1.6vw,22px))/2);}
}
@media(max-width:560px){
  /* mais minimalista: seção sobe, textos e espaços menores */
  .rca-aval{padding-block:clamp(18px,4vw,28px) clamp(28px,5vw,40px);}
  .rca-aval-topo{gap:12px;padding-bottom:22px;}
  .rca-aval-tit{font-size:1.35rem;margin-top:6px;}
  .rca-aval-lead{font-size:.9rem;margin-top:10px;}
  /* resumo Google compacto ao lado do título */
  .rca-aval-resumo-box{margin-top:0;}
  .rca-aval-resumo-nota{gap:5px;margin-top:0;}
  .rca-aval-resumo-nota b{font-size:1.1rem;}
  .rca-aval-estrelas svg{width:11px;height:11px;}
  .rca-aval-total{font-size:.64rem;}
  .rca-aval-resumo-sub{font-size:.64rem;margin-top:3px;}
  .rca-aval-vertodas{padding:9px 16px;font-size:.86rem;}
}
@media(max-width:600px){
  .rca-aval-seta{display:none;}
  .rca-aval-trilho{grid-auto-columns:86%;}
  .rca-aval-logos-lista{gap:24px 32px;}
}

/* ==========================================================================
   16. CTA FINAL  (.rca-cta)
   Bloco roxo arredondado com o foguete à direita. Texto à esquerda, botão
   para o WhatsApp. Referência da Fabi (mesmo estilo da página de links).
   ========================================================================== */
.rca-cta{position:relative;
  background:#1C0836;
  background-image:radial-gradient(65% 70% at 88% 8%, rgba(123,82,192,.22), transparent 64%);
  padding-block:clamp(48px,6vw,80px);
  font-family:var(--rca-fonte,'Nunito',sans-serif);}
.rca-cta *{box-sizing:border-box;}
.rca-cta-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}
.rca-cta-bloco{position:relative;overflow:hidden;
  border-radius:var(--rca-r-xl,26px);
  box-shadow:0 18px 44px rgba(0,0,0,.28);
  min-height:260px;display:flex;align-items:center;
  padding:clamp(34px,3.8vw,46px) clamp(24px,4vw,48px);
  /* a arte do foguete já traz o próprio fundo roxo e cobre o bloco todo;
     ela é o fundo. o gradiente CSS fica só como base caso a imagem falhe. */
  /* a arte vai à direita em altura total (preserva a composição do foguete).
     o fundo do bloco é a MESMA cor da borda esquerda da imagem (#2E0C51),
     então onde a arte não cobre, a cor continua sem emenda nem linha. */
  /* a arte vai à direita em altura total (preserva a composição do foguete).
     o fundo do bloco é a MESMA cor da borda esquerda da imagem, então onde a
     arte não cobre, a cor continua sem emenda. a própria imagem já escurece à
     esquerda para o texto ficar legível, então não sobrepomos outro véu. */
  background:#2A0A4C url('/imagens/cta/banner-foguete.webp?v=2') no-repeat right center / auto 100%;}
.rca-cta-bloco::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:rgba(20,6,38,.10);}

.rca-cta-txt{position:relative;z-index:2;width:100%;max-width:520px;}
.rca-cta-kicker{margin:0 0 14px;font-weight:800;font-size:.74rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.5);}
.rca-cta-tit{margin:0;font-weight:800;font-size:var(--rca-t-h2,clamp(1.7rem,2.7vw,2.15rem));
  line-height:1.14;letter-spacing:-.02em;color:#fff;}
.rca-cta-destaque{color:var(--rca-laranja,#EF773B);}
.rca-cta-sub{margin:16px 0 0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.55;
  color:rgba(255,255,255,.72);max-width:42ch;}
.rca-cta-btn{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(24px,3vw,34px);
  height:56px;padding-inline:26px;border-radius:14px;background:#fff;text-decoration:none;
  font-weight:800;font-size:1.02rem;color:var(--rca-roxo-profundo,#3D2168);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  transition:transform .2s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),box-shadow .3s,gap .22s;}
.rca-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(0,0,0,.36);gap:14px;}
.rca-cta-btn-ic{width:26px;height:26px;display:grid;place-items:center;}
.rca-cta-btn-ic svg{width:100%;height:100%;}
.rca-cta-btn-seta{font-size:1.15rem;color:var(--rca-laranja,#EF773B);}

@media(max-width:820px){
  /* no mobile o foguete do banner ficaria escondido atrás do texto; usamos
     um fundo roxo sólido e o texto ocupa tudo. o banner volta no desktop. */
  .rca-cta-bloco{background-image:none;
    background:radial-gradient(120% 140% at 80% 20%, #3A1266 0%, #250B45 50%, #180830 100%);
    padding:clamp(30px,7vw,44px);
    border:1px solid rgba(255,255,255,.06);}
  .rca-cta-txt{max-width:100%;}
}
@media(max-width:560px){
  /* menos vazio embaixo, seção mais justa */
  .rca-cta{padding-block:clamp(30px,7vw,44px) clamp(24px,5vw,36px);}
  .rca-cta-tit{font-size:1.6rem;}
  .rca-cta-lead{font-size:.94rem;}
  .rca-cta-btn{width:auto;min-width:220px;justify-content:center;}
}
@media(prefers-reduced-motion:reduce){
  .rca-cta-btn{transition:none;}
}

/* ==========================================================================
   17. RODAPÉ  (.rca-rodape)
   Fundo roxo bem escuro. Quatro colunas SOLTAS (sem caixotes), respiro,
   divisórias discretíssimas, tipografia pequena. WhatsApp/e-mail como links
   simples (sem botão grandão; o CTA acima já cumpriu isso). Base com copyright,
   política/termos e a assinatura "curtiu esse site?". Layout da Fabi.
   ========================================================================== */
.rca-rodape{position:relative;isolation:isolate;
  background:#1A0730;
  /* profundidade MUITO sutil. os glows ficam no MEIO do rodapé (não no topo),
     senão eles se concentram na faixa da curva e criam mancha de duas cores. */
  background-image:
    radial-gradient(56% 70% at 82% 42%, rgba(88,58,150,.13), transparent 64%),
    radial-gradient(42% 56% at 12% 58%, rgba(120,40,95,.06), transparent 68%);
  padding-block:clamp(19px,2.05vw,26px) clamp(12px,1.3vw,16px);
  font-family:var(--rca-fonte,'Nunito',sans-serif);
  color:rgba(255,255,255,.6);}
/* rodapé padronizado em TODO o site (home e internas): um tom mais claro,
   divisores em 10%, títulos das colunas no rosa do eyebrow. */
.rca-rodape{background-color:#22083A;}
.rca-rodape .rca-rodape-linha{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10) 15%,rgba(255,255,255,.10) 85%,transparent);}
.rca-rodape .rca-rodape-selos{border-bottom-color:rgba(255,255,255,.10);}
.rca-rodape .rca-rodape-tit{color:var(--rca-rosa-claro,#E0479B);font-weight:700;}
.rca-rodape,.rca-rodape *{box-sizing:border-box;}
.rca-rodape-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}

/* colunas alinhadas ao topo */
.rca-rodape-grid{display:grid;
  grid-template-columns:1.5fr 1.15fr 1fr 1.1fr;
  gap:clamp(28px,4vw,56px);align-items:start;}
.rca-rodape-tit{margin:0 0 11px;font-weight:800;font-size:.74rem;letter-spacing:.13em;
  text-transform:uppercase;color:#746287;}
.rca-rodape-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
.rca-rodape-col a{color:rgba(255,255,255,.66);font-size:.89rem;text-decoration:none;
  transition:color .2s;display:inline-flex;align-items:center;gap:9px;line-height:1.25;}
.rca-rodape-col a:hover{color:#fff;}

/* ícone de cada link: discreto, na cor neutra do texto (não compete) */
.rca-rodape-ic{flex-shrink:0;width:20px;height:20px;display:inline-grid;place-items:center;
  color:#746287;transition:color .2s;}
.rca-rodape-ic svg{width:20px;height:20px;display:block;}
.rca-rodape-col a:hover .rca-rodape-ic{color:var(--rca-rosa-claro,#E0479B);}

/* tag "novo!" ao lado de um link */
.rca-rodape-novo{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;
  font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:lowercase;
  background:linear-gradient(100deg,var(--rca-rosa,#A52E78),var(--rca-laranja,#EF773B));
  color:#fff;vertical-align:middle;line-height:1.4;}

/* coluna da marca */
.rca-rodape-logo{display:inline-block;margin-bottom:32px;}
.rca-rodape-logo img{height:42px;width:auto;display:block;}
.rca-rodape-logo-txt{font-weight:800;font-size:1.7rem;color:#fff;letter-spacing:-.02em;}
.rca-rodape-tag{margin:0 0 16px;font-size:.92rem;line-height:1.45;color:rgba(255,255,255,.72);
  max-width:26ch;}
.rca-rodape-tag b{font-weight:800;color:#fff;}
.rca-rodape-local{margin:0 0 7px;font-size:.88rem;line-height:1.35;color:rgba(255,255,255,.5);
  display:flex;align-items:center;gap:10px;}
.rca-rodape-local .rca-rodape-ic{width:19px;height:19px;}
.rca-rodape-local .rca-rodape-ic svg{width:19px;height:19px;}

/* sociais: círculos com contorno (como a imagem 3) */
.rca-rodape-sociais{display:flex;gap:10px;margin-top:16px;}
.rca-rodape-sociais a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  background:transparent;border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.72);
  transition:border-color .2s,color .2s,transform .2s,background .2s;}
.rca-rodape-sociais a:hover{border-color:var(--rca-rosa-claro,#E0479B);color:#fff;
  background:rgba(224,71,155,.12);transform:translateY(-2px);}
.rca-rodape-sociais svg{width:18px;height:18px;fill:currentColor;}

/* divisória com degradê nas pontas (estilo do arquivo modelo) */
.rca-rodape-linha{border:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 15%,rgba(255,255,255,.14) 85%,transparent);
  margin:clamp(18px,2vw,25px) 0 clamp(13px,1.5vw,16px);}

/* base */
.rca-rodape-base{display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px 24px;}
.rca-rodape-copy{margin:0;font-size:.82rem;color:rgba(255,255,255,.45);}
.rca-rodape-legal{margin:0;font-size:.82rem;display:flex;align-items:center;
  justify-content:center;gap:10px;
  color:rgba(255,255,255,.3);}
.rca-rodape-legal a{color:rgba(255,255,255,.45);transition:color .2s;text-decoration:none;}
.rca-rodape-legal a:hover{color:#fff;}
.rca-rodape-assina{font-size:.86rem;font-weight:400;
  color:rgba(255,255,255,.55);
  transition:color .2s,gap .2s;display:inline-flex;align-items:center;gap:6px;
  text-decoration:none;}
.rca-rodape-assina:hover{color:rgba(255,255,255,.85);gap:9px;}
.rca-rodape-assina span{color:inherit;}
.rca-rodape-assina .rca-rodape-prox,
.rca-rodape-assina > span[aria-hidden]{color:var(--rca-rosa-claro,#E0479B);transition:color .2s;}
.rca-rodape-assina:hover .rca-rodape-prox,
.rca-rodape-assina:hover > span[aria-hidden]{color:var(--rca-rosa,#A52E78);}


/* selos numa linha discreta, dentro do rodapé (autoridade sem virar seção) */
.rca-rodape-selos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:10px 16px;padding-bottom:clamp(14px,1.6vw,19px);
  margin-bottom:clamp(14px,1.6vw,19px);
  border-bottom:1px solid rgba(255,255,255,.07);}
.rca-selo{display:inline-flex;align-items:center;gap:8px;line-height:1;
  font-size:.84rem;font-weight:600;color:rgba(255,255,255,.5);
  text-transform:none;letter-spacing:normal;}
.rca-selo img{height:18px;width:auto;display:block;opacity:.9;object-fit:contain;}
.rca-selo--meta img{height:14px;}
.rca-selo-sep{color:rgba(255,255,255,.18);font-size:.8rem;}
@media(max-width:520px){
  .rca-rodape-selos{gap:8px 12px;}
  .rca-selo{font-size:.78rem;}
  .rca-selo-sep{display:none;}
}

/* ==========================================================================
   RESPONSIVO · RODAPÉ
   ========================================================================== */
@media(max-width:820px){
  .rca-rodape-grid{grid-template-columns:1fr 1fr;gap:32px 24px;}
  .rca-rodape-col--marca{grid-column:1 / -1;}
}
@media(max-width:640px){
  /* área de toque maior no mobile: os links ganham altura sem afastar
     visualmente (padding compensado por margin negativa) */
  .rca-rodape-col a{padding-block:7px;}
  .rca-rodape-col ul{gap:1px;}
  /* redes: círculos não esticam */
  .rca-rodape-sociais a{flex-shrink:0;}
}
@media(max-width:520px){
  /* RODAPÉ MOBILE ENXUTO: o menu já tem a navegação e o CTA roxo acima já
     fez o trabalho comercial. Aqui só o essencial de fechamento. */
  .rca-rodape{padding-block:clamp(34px,9vw,44px) clamp(18px,4vw,24px);text-align:center;}
  .rca-rodape-in{padding-inline:24px;}
  .rca-rodape-grid{grid-template-columns:1fr;gap:clamp(20px,5vw,28px);}
  .rca-rodape-col--marca{grid-column:auto;display:flex;flex-direction:column;align-items:center;gap:4px;}
  /* logo + frase formam um bloco de marca coeso, bem próximos */
  .rca-rodape-col--marca .rca-rodape-logo{margin-bottom:6px;}
  .rca-rodape-col--marca .rca-rodape-tag{margin-bottom:0;font-size:.86rem;line-height:1.4;}
  /* respiro antes da localização, separando o bloco de marca do institucional */
  .rca-rodape-col--marca .rca-rodape-local{margin-bottom:0;margin-top:0;}
  .rca-rodape-col--marca .rca-rodape-tag + .rca-rodape-local{margin-top:18px;}
  .rca-rodape-local{justify-content:center;}

  /* esconder navegação redundante: "o que fazemos" inteira (já no menu) */
  .rca-rodape-col[aria-label="O que fazemos"]{display:none;}
  /* "por aqui": esconder a coluna toda MENOS o "área do cliente" */
  .rca-rodape-col[aria-label="Navegação"]{display:block;text-align:center;}
  .rca-rodape-col[aria-label="Navegação"] .rca-rodape-tit{display:none;}
  .rca-rodape-col[aria-label="Navegação"] ul{display:block !important;margin:0;}
  .rca-rodape-col[aria-label="Navegação"] li{display:none;}
  .rca-rodape-col[aria-label="Navegação"] li:last-child{display:inline-flex;justify-content:center;}
  .rca-rodape-col[aria-label="Navegação"] li:last-child a{color:rgba(255,255,255,.82);justify-content:center;}
  .rca-rodape-col[aria-label="Navegação"] .rca-rodape-ic{display:inline-flex;}
  .rca-rodape-novo{margin-left:6px;padding:2px 7px;font-size:.56rem;}

  /* "fale com a gente": esconder título e telefone/email, manter só as redes */
  .rca-rodape-col:last-of-type .rca-rodape-tit{display:none;}
  .rca-rodape-col:last-of-type > ul{display:none;}
  .rca-rodape-sociais{margin-top:0;justify-content:center;}

  /* selos: os três na mesma linha, centrados */
  .rca-rodape-selos{gap:0 12px;justify-content:center;align-items:center;flex-wrap:nowrap;max-width:100%;}
  .rca-selo{font-size:.68rem;gap:5px;flex-shrink:0;height:18px;align-items:center;white-space:nowrap;}
  .rca-selo img{height:14px;width:auto;object-fit:contain;}
  .rca-selo--meta img{height:11px;}
  .rca-selo-sep{display:none;}

  /* fechamento: política/termos e copyright, centrados */
  .rca-rodape-assina{display:none;}
  .rca-rodape-base{flex-direction:column;align-items:center;gap:8px;text-align:center;}
  .rca-rodape-copy{font-size:.78rem;}
  .rca-rodape-legal{font-size:.78rem;justify-content:center;}
}

/* ==========================================================================
   PÁGINA DE CONTATO  (.rca-ct)
   Corpo claro inteiro (o topo escuro é só o menu). Esquerda: mensagem, canais
   e dados empilhados, fechando no manuscrito. Direita: formulário sobre o
   mesmo claro, sem card, para virar uma composição só. Curva na entrada do
   rodapé escuro.
   ========================================================================== */
.rca-ct{position:relative;
  background:linear-gradient(180deg,#FBFAFE 0%,#F4F2FB 62%,#EFECF8 100%);
  font-family:var(--rca-fonte,'Nunito',sans-serif);
  padding-block:clamp(36px,4.2vw,62px) clamp(58px,6.4vw,96px);}
.rca-ct *{box-sizing:border-box;}
.rca-ct a{text-decoration:none;}
.rca-ct-pontos{position:absolute;z-index:0;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(84,46,129,.11) 1.1px,transparent 1.7px);
  background-size:26px 26px;
  /* cobre boa parte da área clara, esmaecendo nas bordas para não virar
     papel de parede */
  -webkit-mask:radial-gradient(110% 90% at 30% 30%,#000 22%,transparent 82%);
  mask:radial-gradient(110% 90% at 30% 30%,#000 22%,transparent 82%);}
.rca-ct-in{position:relative;z-index:3;width:100%;max-width:var(--rca-maxw,1240px);
  margin-inline:auto;padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}

.rca-ct-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(26px,3.2vw,48px);align-items:start;}
/* o formulário desce um pouco: a coluna de contato sobe, ele acompanha depois */
.rca-ct-form-lado{padding-top:clamp(10px,1.6vw,26px);}

/* ---------- esquerda ---------- */
.rca-ct-tit{font-weight:800;font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.07;
  letter-spacing:-.024em;color:var(--rca-roxo-profundo,#3D2168);margin:14px 0 0;}
.rca-ct-lead{margin:18px 0 0;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.6;
  color:#5F5B66;}

.rca-ct-canais{display:flex;flex-direction:column;gap:11px;margin-top:clamp(26px,3vw,38px);
  /* cards mais curtos: não precisam ocupar a coluna inteira */
  max-width:clamp(240px,70%,330px);}
.rca-ct-canal{display:flex;align-items:center;gap:13px;padding:10px 15px;
  border-radius:15px;background:#fff;
  border:1.5px solid var(--rca-borda,#E4E4EF);
  box-shadow:var(--rca-sombra-card,0 4px 18px rgba(80,44,138,.07));
  transition:border-color .24s,box-shadow .24s,transform .24s;}
.rca-ct-canal:hover{border-color:rgba(165,46,120,.4);transform:translateX(4px);
  box-shadow:0 14px 32px rgba(80,44,138,.14);}
.rca-ct-canal-ic{flex-shrink:0;width:40px;height:40px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;color:#fff;
  background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B 55%,#EF773B));
  box-shadow:0 8px 18px rgba(165,53,107,.26);}
.rca-ct-canal-ic svg{width:19px;height:19px;}
.rca-ct-canal-txt{display:flex;flex-direction:column;line-height:1.3;flex:1;}
.rca-ct-canal-txt b{font-weight:800;font-size:.98rem;color:#302A35;}
.rca-ct-canal-txt span{font-size:.85rem;color:#5F5B66;margin-top:1px;}
.rca-ct-canal-seta{font-style:normal;font-size:1.05rem;color:#B9AECC;
  transition:transform .24s,color .24s;}
.rca-ct-canal:hover .rca-ct-canal-seta{transform:translateX(4px);color:var(--rca-laranja,#EF773B);}

.rca-ct-meta{display:flex;flex-direction:column;gap:13px;margin-top:clamp(20px,2.4vw,28px);
  padding-left:2px;}
.rca-ct-meta-item{display:flex;align-items:center;gap:11px;}
.rca-ct-meta-ic{flex-shrink:0;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  background:none;border:0;color:var(--rca-roxo,#542E81);}
.rca-ct-meta-ic svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.9;}
/* o pin é uma gota estreita e parece menor que o relógio (círculo cheio);
   ganha um tico de tamanho para os dois pesarem igual */
.rca-ct-meta-item:first-child .rca-ct-meta-ic svg{width:23px;height:23px;}
.rca-ct-meta-item span{display:flex;flex-direction:column;font-size:.82rem;
  color:#5F5B66;line-height:1.4;}
.rca-ct-meta-item b{font-weight:800;font-size:.9rem;color:#302A35;}

/* manuscrito no padrão da home: Caveat, levemente inclinado */
.rca-ct-nota{display:flex;align-items:center;gap:10px;
  margin-top:clamp(22px,2.6vw,32px);transform:rotate(-3deg);
  transform-origin:left center;
  /* empurra para a direita, encostando na coluna do formulário */
  margin-left:clamp(30px,7vw,120px);}
.rca-ct-nota-txt{font-family:'Caveat','Segoe Script','Bradley Hand',cursive;
  font-size:clamp(1.34rem,1.9vw,1.68rem);line-height:1.2;
  color:var(--rca-roxo,#542E81);
  /* trava em duas linhas: o <br> manda, não a largura da coluna */
  white-space:nowrap;}
.rca-ct-nota-seta{width:clamp(56px,4.4vw,76px);height:auto;flex-shrink:0;
  color:var(--rca-rosa,#A52E78);}

/* ---------- direita: formulário ---------- */
.rca-ct-form{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,18px);}
.rca-ct-linha2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,18px);}
.rca-ct-campo{display:flex;flex-direction:column;gap:6px;}
.rca-ct-campo label{font-size:.86rem;font-weight:700;color:#302A35;}
.rca-ct-campo label i{font-style:normal;color:var(--rca-rosa,#A52E78);}
.rca-ct-campo input,.rca-ct-campo textarea,.rca-ct-campo select{
  width:100%;font-family:inherit;font-size:.98rem;color:#302A35;
  background:#fff;border:1.5px solid var(--rca-borda,#E4E4EF);
  border-radius:12px;padding:14px 16px;
  transition:border-color .2s,box-shadow .2s;}
.rca-ct-campo textarea{resize:vertical;min-height:122px;line-height:1.55;}
.rca-ct-campo input::placeholder,.rca-ct-campo textarea::placeholder{color:#9C97A3;}
.rca-ct-campo select{appearance:none;-webkit-appearance:none;cursor:pointer;
  padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E5F86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:17px;}
.rca-ct-campo select:invalid{color:#9C97A3;}
/* as opções do menu aberto herdam cinza claro em alguns navegadores; força o
   texto escuro para ficar legível. o fundo do menu é do sistema, não dá para
   estilizar sem trocar por dropdown customizado. */
.rca-ct-campo select option{color:#302A35;}
.rca-ct-campo input:focus,.rca-ct-campo textarea:focus,.rca-ct-campo select:focus{
  outline:none;border-color:var(--rca-rosa,#A52E78);
  box-shadow:0 0 0 3px rgba(165,46,120,.1);}

.rca-ct-pe{display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;margin-top:4px;}
.rca-ct-seguro{display:flex;align-items:center;gap:11px;margin:0;
  font-size:.82rem;line-height:1.45;color:#5F5B66;}
.rca-ct-seguro-ic{flex-shrink:0;width:36px;height:36px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(84,46,129,.07);color:var(--rca-roxo,#542E81);}
.rca-ct-seguro-ic svg{width:18px;height:18px;}

.rca-ct-enviar{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:54px;padding-inline:34px;border:0;border-radius:13px;cursor:pointer;
  font-family:inherit;font-weight:800;font-size:1rem;color:#fff;
  background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B 55%,#EF773B));
  box-shadow:0 12px 30px rgba(85,46,129,.3);
  transition:transform .2s var(--rca-ease,cubic-bezier(.2,.8,.3,1)),box-shadow .3s,gap .2s;}
.rca-ct-enviar i{font-style:normal;transition:transform .2s;}
.rca-ct-enviar:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(85,46,129,.42);}
.rca-ct-enviar:hover i{transform:translateX(4px);}
.rca-ct-aviso{margin:2px 0 0;font-size:.86rem;color:#C2560F;}

/* curva de saída: onda SVG na cor exata do rodapé. o rodapé não tem glow no
   topo (foram descidos), então a emenda fica uniforme, sem faixa de outro tom. */
.rca-ct-onda{position:absolute;left:0;right:0;bottom:-1px;width:100%;
  height:clamp(56px,6vw,104px);display:block;pointer-events:none;z-index:0;}


/* aviso de currículo: aparece só quando o assunto é envio de currículo */
.rca-ct-curriculo{display:flex;align-items:flex-start;gap:11px;margin:0;
  padding:13px 15px;border-radius:12px;
  background:rgba(84,46,129,.06);border:1px solid rgba(84,46,129,.16);
  font-size:.86rem;line-height:1.5;color:#5F5B66;}
.rca-ct-curriculo[hidden]{display:none;}
.rca-ct-curriculo-ic{flex-shrink:0;width:32px;height:32px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  background:var(--rca-roxo-profundo,#3D2168);color:#fff;}
.rca-ct-curriculo-ic svg{width:16px;height:16px;}
.rca-ct-curriculo a{font-weight:700;color:var(--rca-rosa,#A52E78);}
.rca-ct-curriculo a:hover{text-decoration:underline;}
/* campo segmento escondido por JS quando o assunto não é contratar serviço */
.rca-ct-form [data-ct-segmento][hidden]{display:none;}

/* ---------- responsivo ---------- */
@media(max-width:940px){
  .rca-ct-grid{grid-template-columns:1fr;gap:38px;}
  .rca-ct-nota{margin-top:26px;}
}
@media(max-width:560px){
  .rca-ct-linha2{grid-template-columns:1fr;}
  .rca-ct-pe{flex-direction:column;align-items:stretch;}
  .rca-ct-enviar{width:100%;}
  .rca-ct-lead br{display:none;}
}
/* blocos que somem quando o assunto é trabalhar na RCA */
.rca-ct-form [data-ct-oculta][hidden]{display:none;}

/* ==========================================================================
   PÁGINAS DE SERVIÇO · CRIAÇÃO DE SITES  (.rca-sv)
   Abertura editorial: sem caixa de hero. O texto ocupa a esquerda com folga,
   o site real invade pela direita sangrando na borda, e a base fecha em curva.
   A linguagem vem do GESTO (sangramento, profundidade, curva, sobreposição),
   não só da paleta.
   ========================================================================== */
.rca-sv-abre{position:relative;overflow:hidden;isolation:isolate;
  background:#160628;
  background-image:
    radial-gradient(100% 80% at 78% 0%, #32135A 0%, transparent 58%),
    linear-gradient(180deg,#210A40 0%,#170729 62%,#140525 100%);
  color:#fff;font-family:var(--rca-fonte,'Nunito',sans-serif);
  padding-block:clamp(52px,6.4vw,104px) clamp(96px,11vw,190px);}
.rca-sv-abre *{box-sizing:border-box;}
.rca-sv-abre a{text-decoration:none;}

.rca-sv-glow{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(90px);}
.rca-sv-glow--a{width:620px;height:620px;top:-180px;right:-40px;opacity:.5;
  background:radial-gradient(closest-side,rgba(224,71,155,.34),transparent 72%);}
.rca-sv-glow--b{width:520px;height:520px;bottom:-160px;left:-140px;opacity:.45;
  background:radial-gradient(closest-side,rgba(123,82,192,.42),transparent 72%);}
.rca-sv-pontos{position:absolute;z-index:0;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1.6px);
  background-size:30px 30px;
  -webkit-mask:radial-gradient(80% 65% at 16% 24%,#000 6%,transparent 72%);
  mask:radial-gradient(80% 65% at 16% 24%,#000 6%,transparent 72%);}

/* a arte sangra: sai da direita e desce sobre a curva, sem caixa */
.rca-sv-arte{position:absolute;z-index:1;margin:0;pointer-events:none;
  right:clamp(-160px,-9vw,-40px);
  top:clamp(60px,7vw,110px);
  width:clamp(520px,52vw,860px);
  transform:rotate(-2deg);}
.rca-sv-arte img{display:block;width:100%;height:auto;
  filter:drop-shadow(0 40px 80px rgba(6,2,18,.62));}

.rca-sv-in{position:relative;z-index:2;width:100%;max-width:var(--rca-maxw,1240px);
  margin-inline:auto;padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}

.rca-sv-eyebrow{margin:0;font-weight:700;font-size:.74rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.58);line-height:1.2;}
.rca-sv-h1{font-weight:800;font-size:clamp(1.8rem,2.9vw,2.55rem);line-height:1.1;
  letter-spacing:-.026em;color:#fff;margin:16px 0 0;max-width:24ch;}
/* a primeira linha não quebra: o <br> manda, não a largura */
.rca-sv-l1{white-space:nowrap;}
@media(max-width:620px){ .rca-sv-l1{white-space:normal;} }

/* as perguntas marcadas no espaço: número quase apagado + linha, sem card */
.rca-sv-perguntas{list-style:none;margin:clamp(30px,3.6vw,46px) 0 0;padding:0;
  display:flex;flex-direction:column;gap:0;max-width:32ch;}
.rca-sv-perguntas li{display:flex;align-items:baseline;gap:14px;
  padding:13px 0;border-top:1px solid rgba(255,255,255,.1);}
.rca-sv-perguntas li:last-child{border-bottom:1px solid rgba(255,255,255,.1);}
.rca-sv-perguntas i{font-style:normal;font-weight:800;font-size:.78rem;
  letter-spacing:.06em;color:var(--rca-rosa-claro,#E0479B);opacity:.75;flex-shrink:0;}
.rca-sv-perguntas span{font-size:clamp(1rem,1.24vw,1.14rem);line-height:1.4;
  color:rgba(255,255,255,.82);}

.rca-sv-lead{margin:clamp(26px,3vw,36px) 0 0;font-size:clamp(.98rem,1.16vw,1.08rem);
  line-height:1.68;color:rgba(255,255,255,.6);max-width:46ch;}

.rca-sv-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,38px);}
.rca-sv-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding-inline:30px;
  border-radius:13px;font-weight:800;font-size:1rem;color:#fff;
  background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B 55%,#EF773B));
  box-shadow:0 14px 34px rgba(165,53,107,.44);
  transition:transform .2s,box-shadow .3s,gap .2s;}
.rca-sv-btn:hover{transform:translateY(-2px);gap:14px;box-shadow:0 18px 42px rgba(165,53,107,.56);}
.rca-sv-btn2{display:inline-flex;align-items:center;gap:10px;height:54px;padding-inline:26px;
  border-radius:13px;font-weight:700;font-size:1rem;color:#fff;
  background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.2);
  transition:background .2s,border-color .2s,gap .2s,transform .2s;}
.rca-sv-btn2:hover{background:rgba(255,255,255,.11);border-color:rgba(239,119,59,.5);
  gap:14px;transform:translateY(-2px);}

.rca-sv-onda{position:absolute;left:0;right:0;bottom:-1px;width:100%;z-index:1;
  height:clamp(58px,6.4vw,112px);display:block;pointer-events:none;}

/* ---------- responsivo ---------- */
@media(max-width:1080px){
  .rca-sv-arte{width:clamp(440px,60vw,680px);top:auto;bottom:clamp(40px,6vw,90px);
    right:clamp(-220px,-16vw,-90px);opacity:.5;}
  .rca-sv-h1{max-width:18ch;}
}
@media(max-width:760px){
  .rca-sv-abre{padding-block:clamp(40px,6vw,64px) clamp(120px,20vw,190px);}
  .rca-sv-arte{width:min(560px,120%);right:-24%;bottom:clamp(20px,4vw,50px);opacity:.35;}
  .rca-sv-perguntas{max-width:none;}
  .rca-sv-lead{max-width:none;}
}
@media(max-width:520px){
  .rca-sv-acoes{flex-direction:column;}
  .rca-sv-btn,.rca-sv-btn2{width:100%;justify-content:center;}
}

/* ==========================================================================
   PÁGINA · CRIAÇÃO DE SITES  (.rca-cs)
   Refeita do zero. Gesto próprio: a página nasce escura, clareia no miolo
   e volta a escurecer no fim, contando o trajeto do briefing ao site no ar.
   Nada de card genérico; a prova é feita de tela de site de verdade.
   Prefixo rca-cs pra não colidir com o rca-sv antigo.
   ========================================================================== */
.rca-cs-hero,.rca-cs-caminho,.rca-cs-prova,.rca-cs-incluso,.rca-cs-saida{position:relative;}
.rca-cs-hero *,.rca-cs-saida *{box-sizing:border-box;}
.rca-cs-hero a,.rca-cs-saida a,.rca-cs-prova a{text-decoration:none;}

/* eyebrow e sublinhado reaproveitados com variante clara */
.rca-cs-eyebrow{margin:0 0 14px;font-weight:800;font-size:.74rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.62);}
.rca-cs-eyebrow--claro{color:var(--rca-roxo,#542E81);}
.rca-sublinhado--claro{color:var(--rca-roxo-profundo,#3D2168);}
.rca-sublinhado--claro svg path{stroke:var(--rca-laranja,#EF773B);}
.rca-sublinhado--rosa{color:var(--rca-rosa,#A52E78);}
.rca-sublinhado--rosa svg path{stroke:var(--rca-laranja,#EF773B);}

/* títulos da página */
.rca-cs-h1{margin:0;font-weight:800;font-size:clamp(1.95rem,3vw,2.7rem);line-height:1.12;
  letter-spacing:-.022em;color:#fff;text-wrap:balance;}
.rca-cs-h2{margin:0;font-weight:800;font-size:clamp(1.7rem,2.7vw,2.35rem);line-height:1.12;
  letter-spacing:-.02em;color:var(--rca-roxo-profundo,#3D2168);}

/* botões da página (grad + fantasma), usados nas duas pontas escuras */
.rca-cs-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding-inline:30px;
  border-radius:var(--rca-r-pill,999px);background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B,#EF773B));
  color:#fff;font-weight:800;font-size:.98rem;box-shadow:0 14px 34px rgba(165,53,107,.42);
  transition:transform .2s var(--rca-ease),box-shadow .3s,gap .2s;}
.rca-cs-btn:hover{transform:translateY(-2px);gap:14px;box-shadow:0 18px 42px rgba(165,53,107,.56);}
.rca-cs-btn-ic{width:22px;height:22px;display:grid;place-items:center;}
.rca-cs-btn-ic svg{width:100%;height:100%;}
.rca-cs-btn2{display:inline-flex;align-items:center;gap:10px;height:54px;padding-inline:26px;
  border-radius:var(--rca-r-pill,999px);background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:.96rem;
  transition:background .2s,border-color .2s,gap .2s;}
.rca-cs-btn2:hover{background:rgba(255,255,255,.1);border-color:rgba(239,119,59,.5);gap:14px;}

/* wrapper que une hero + dor: contexto de posicionamento da fita vazada */
.rca-cs-topo{position:relative;background:#EDE7F7;}

/* ---------- 1 · HERO FINO (escuro) ---------- */
/* FAIXA FINA (~200px): só o nome do serviço, sem frase/botão. O mockup
   nasce aqui e vaza pra seção clara. NÃO tem overflow:hidden pra o mockup
   poder escapar pra baixo. */
.rca-cs-hero{isolation:isolate;
  background:radial-gradient(130% 160% at 80% -30%,#2E1055 0%,#210A40 46%,#150728 100%);
  min-height:clamp(150px,17vw,188px);
  display:flex;align-items:center;
  padding-block:clamp(18px,2.4vw,28px);}
/* container que RECORTA todos os efeitos dentro do hero. sem ele, os glows
   vazam pra seção clara e escurecem a faixa logo abaixo da curva. */
.rca-cs-hero-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.rca-cs-glow{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(90px);}
.rca-cs-glow--a{width:520px;height:520px;top:-260px;right:-40px;opacity:.5;
  background:radial-gradient(circle,rgba(165,53,107,.55),transparent 66%);}
.rca-cs-glow--b{width:440px;height:440px;bottom:-80px;left:-160px;opacity:.4;
  background:radial-gradient(circle,rgba(85,46,129,.72),transparent 66%);}
.rca-cs-glow--c{width:560px;height:560px;top:-180px;left:50%;transform:translateX(-50%);opacity:.4;
  background:radial-gradient(circle,rgba(239,119,59,.34),transparent 64%);}
/* aurora: 3 manchas de cor em blur que flutuam devagar (mesh gradient vivo).
   z-index 0, atrás do título; screen pra as cores somarem luz. respeita
   prefers-reduced-motion. */
.rca-cs-aurora{position:absolute;z-index:0;top:-20%;left:-20%;right:-20%;bottom:0;pointer-events:none;
  filter:blur(60px);opacity:.6;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 82%);
          mask-image:linear-gradient(180deg,#000 0%,#000 50%,transparent 82%);}
.rca-cs-aurora i{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen;
  will-change:transform;animation:rca-cs-aurora-float 16s ease-in-out infinite;}
.rca-cs-aurora i:nth-child(1){width:38vw;height:38vw;max-width:520px;max-height:520px;
  top:2%;left:10%;background:radial-gradient(circle,rgba(165,53,107,.85),transparent 68%);animation-delay:0s;}
.rca-cs-aurora i:nth-child(2){width:34vw;height:34vw;max-width:460px;max-height:460px;
  top:8%;right:12%;background:radial-gradient(circle,rgba(85,46,129,.9),transparent 68%);animation-delay:-5.3s;}
.rca-cs-aurora i:nth-child(3){width:28vw;height:28vw;max-width:380px;max-height:380px;
  bottom:-6%;left:42%;background:radial-gradient(circle,rgba(239,119,59,.5),transparent 66%);animation-delay:-10.6s;}
@keyframes rca-cs-aurora-float{
  0%,100%{transform:translate(0,0) scale(1);}
  33%{transform:translate(4%,-5%) scale(1.14);}
  66%{transform:translate(-4%,4%) scale(.9);}}
@media(prefers-reduced-motion:reduce){
  .rca-cs-aurora i{animation:none;}}
.rca-cs-malha{position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1.4px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 90%);
          mask-image:linear-gradient(180deg,#000 0%,transparent 90%);}
.rca-cs-hero-in{position:relative;z-index:3;width:100%;max-width:var(--rca-maxw,1240px);
  margin-inline:auto;padding-inline:var(--rca-pad-lat,40px);}
.rca-cs-hero-tit{margin:0;font-weight:800;line-height:1;letter-spacing:-.015em;color:#fff;
  font-size:clamp(1.7rem,3.4vw,2.7rem);white-space:nowrap;
  display:inline-flex;align-items:baseline;gap:.4ch;}
.rca-cs-hero-tit .rca-sublinhado{color:#fff;}
.rca-cs-hero-tit .rca-sublinhado svg{bottom:-.24em;}

/* mockup que VAZA: absoluto no wrapper .rca-cs-topo. começa no alto do hero
   e desce cruzando a onda, pousando na coluna esquerda da dobra do problema.
   ancorado à esquerda porque é lá que a coluna vazia o recebe. */
.rca-cs-fita{margin:0;position:absolute;z-index:4;pointer-events:none;
  top:clamp(16px,2vw,32px);
  left:clamp(41%,43vw,47%);
  width:clamp(205px,21vw,320px);
  filter:drop-shadow(0 30px 40px rgba(60,20,90,.28));}
.rca-cs-fita img{display:block;width:100%;height:auto;}

/* onda que troca a cor da seção */
.rca-cs-onda{position:absolute;left:-1px;right:-1px;bottom:-2px;width:calc(100% + 2px);z-index:1;
  height:clamp(58px,6.4vw,112px);display:block;pointer-events:none;}

/* =======================================================================
   NOVA LINGUAGEM EDITORIAL (prefixo rca-cx) — movimentos 1 e 2
   ======================================================================= */

.rca-cx-eyebrow{margin:0 0 clamp(14px,1.6vw,20px);font-weight:800;
  font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--rca-rosa,#A52E78);display:inline-flex;align-items:center;gap:12px;}
.rca-cx-eyebrow::after{content:'';width:clamp(30px,4vw,54px);height:2px;border-radius:2px;
  background:var(--rca-grad-linha,linear-gradient(90deg,#A52E78,#EF773B));}
.rca-cx-eyebrow--escuro{color:var(--rca-rosa-claro,#E0479B);}
.rca-cx-eyebrow--sem-linha::after{display:none;}

/* ---------- MOVIMENTO 1 · o problema, editorial ---------- */
.rca-cx-prob{position:relative;background:#EDE7F7;overflow:hidden;
  padding-block:clamp(48px,6vw,88px) clamp(56px,7vw,104px);}
.rca-cx-prob-fx{position:absolute;inset:0;z-index:0;pointer-events:none;}
.rca-cx-rabisco{position:absolute;pointer-events:none;}
/* rabisco laranja solto, interferência gráfica RCA */
.rca-cx-rabisco--1{right:clamp(4%,8vw,10%);top:clamp(30%,34vw,42%);
  width:clamp(90px,12vw,170px);height:clamp(60px,8vw,120px);
  background:
    radial-gradient(closest-side,rgba(239,119,59,.16),transparent 70%);
  filter:blur(2px);}
.rca-cx-prob-in{position:relative;z-index:1;width:100%;max-width:var(--rca-maxw,1240px);
  margin-inline:auto;padding-inline:var(--rca-pad-lat,40px);
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,78px);
  align-items:start;}

.rca-cx-prob-txt{max-width:none;}
.rca-cx-prob-tit{margin:0;font-weight:800;letter-spacing:-.03em;line-height:1.02;
  font-size:clamp(2.4rem,5.4vw,4.4rem);color:var(--rca-roxo-profundo,#3D2168);}
/* segunda metade do título riscada em magenta, com rabisco embaixo */
.rca-cx-risca{position:relative;display:inline-block;color:var(--rca-magenta,#C2286C);}
.rca-cx-risca-svg{position:absolute;left:0;right:0;bottom:-.14em;width:100%;height:.28em;
  overflow:visible;pointer-events:none;}
.rca-cx-risca-svg path{fill:none;stroke:var(--rca-laranja,#EF773B);stroke-width:3.4;
  stroke-linecap:round;vector-effect:non-scaling-stroke;}
.rca-cx-circulo{position:relative;display:inline-block;}
.rca-cx-circulo-svg{position:absolute;left:-.24em;right:-.24em;top:-.2em;bottom:-.24em;width:calc(100% + .48em);height:calc(100% + .44em);
  overflow:visible;pointer-events:none;}
.rca-cx-circulo-svg path{fill:none;stroke:var(--rca-laranja,#EF773B);stroke-width:3.4;
  stroke-linecap:round;vector-effect:non-scaling-stroke;}
.rca-cx-prob-lead{margin:clamp(26px,3vw,40px) 0 0;max-width:34ch;
  font-size:clamp(1.05rem,1.35vw,1.24rem);line-height:1.6;color:var(--rca-texto,#2D2932);}
.rca-cx-prob-lead em{font-style:normal;color:var(--rca-magenta,#C2286C);font-weight:700;}

/* notas de margem numeradas: anotação de revista, não card */
.rca-cx-notas{list-style:none;margin:clamp(10px,1.4vw,22px) 0 0;padding:0;
  display:flex;flex-direction:column;gap:clamp(20px,2.4vw,32px);}
.rca-cx-nota{position:relative;display:grid;grid-template-columns:auto 1fr;
  gap:clamp(14px,1.6vw,20px);align-items:start;
  padding-left:clamp(14px,1.6vw,20px);}
/* filete curto colorido à esquerda de cada nota */
.rca-cx-nota::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:2.5px;
  border-radius:2px;background:var(--rca-grad-linha,linear-gradient(180deg,#A52E78,#EF773B));
  opacity:.55;}
.rca-cx-nota-n{font-weight:800;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1;
  letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px var(--rca-rosa,#A52E78);
  opacity:.85;}
.rca-cx-nota-txt b{display:block;font-weight:800;font-size:1.06rem;letter-spacing:-.01em;
  color:var(--rca-roxo-profundo,#3D2168);margin-bottom:4px;}
.rca-cx-nota-txt span{display:block;font-size:.9rem;line-height:1.55;color:var(--rca-texto-suave,#66616C);}

/* ---------- MOVIMENTO 2 · a prova, projetos dominam (escuro) ---------- */
.rca-cx-prova{position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(130% 140% at 70% -10%,#2E1055 0%,#210A40 50%,#150728 100%);
  padding-block:clamp(52px,6.5vw,92px) clamp(60px,7vw,100px);}
.rca-cx-prova-fx{position:absolute;inset:0;z-index:0;pointer-events:none;}
.rca-cx-glow{position:absolute;border-radius:50%;filter:blur(80px);}
.rca-cx-glow--a{top:-8%;right:6%;width:min(520px,50vw);height:340px;
  background:radial-gradient(closest-side,rgba(194,40,108,.26),transparent 72%);}
.rca-cx-glow--b{bottom:-14%;left:-6%;width:min(460px,46vw);height:320px;
  background:radial-gradient(closest-side,rgba(239,119,59,.16),transparent 72%);}

.rca-cx-prova-cab{position:relative;z-index:2;width:100%;max-width:var(--rca-maxw,1240px);
  margin:0 auto clamp(30px,4vw,54px);padding-inline:var(--rca-pad-lat,40px);}
.rca-cx-prova-tit{margin:6px 0 0;font-weight:800;letter-spacing:-.02em;line-height:1.1;
  font-size:clamp(1.9rem,3.4vw,2.9rem);color:#fff;}
.rca-cx-sub{position:relative;display:inline-block;white-space:nowrap;color:#fff;}
.rca-cx-sub svg{position:absolute;left:-2%;bottom:-.32em;width:104%;height:.4em;overflow:visible;}
.rca-cx-sub svg path{fill:none;stroke:var(--rca-laranja,#EF773B);stroke-width:3;
  stroke-linecap:round;vector-effect:non-scaling-stroke;}

/* projeto destaque: texto no gutter esquerdo, tela ESTOURA pela direita da tela */
.rca-cx-caso--destaque{max-width:none;padding-left:0;padding-right:0;
  display:grid;grid-template-columns:
    calc((100vw - min(100vw,var(--rca-maxw,1240px))) / 2 + var(--rca-pad-lat,40px))
    minmax(0,.46fr)
    minmax(0,1fr);
  align-items:center;column-gap:clamp(20px,3vw,44px);}
.rca-cx-caso--destaque .rca-cx-caso-info{grid-column:2;}
.rca-cx-caso--destaque .rca-cx-caso-tela{grid-column:3;
  border-radius:18px 0 0 18px;}
.rca-cx-caso-info{padding-block:clamp(8px,2vw,24px);max-width:36ch;}
.rca-cx-caso-tipo{display:inline-block;font-weight:800;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rca-laranja-claro,#FF914D);margin-bottom:12px;}
.rca-cx-caso-nome{margin:0;font-weight:800;font-size:clamp(1.6rem,2.6vw,2.3rem);
  letter-spacing:-.02em;line-height:1.1;color:#fff;}
.rca-cx-caso-desc{margin:14px 0 0;font-size:1rem;line-height:1.6;color:var(--rca-d-texto-suave,rgba(255,255,255,.72));}
.rca-cx-caso-link{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(20px,2.4vw,30px);
  font-weight:800;font-size:.98rem;color:#fff;text-decoration:none;
  border-bottom:2px solid rgba(255,255,255,.28);padding-bottom:3px;transition:border-color .25s,gap .25s;}
.rca-cx-caso-link:hover{border-color:var(--rca-laranja,#EF773B);gap:12px;}
.rca-cx-caso-tela{margin:0;position:relative;overflow:hidden;
  box-shadow:0 40px 80px -24px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.08);}
.rca-cx-caso-tela img{display:block;width:100%;height:auto;}

/* ---------- HOSPEDAGEM · hero protagonista (a estátua tranquila) ---------- */
.rca-hosp-hero *{box-sizing:border-box;}
.rca-hosp-hero{--h-gutter:max(var(--rca-pad-lat,40px),calc((100vw - var(--rca-maxw,1240px)) / 2));
  position:relative;overflow:clip;isolation:isolate;
  background:linear-gradient(155deg,#370E5F 0%,#210A40 55%,#150728 100%);
  padding-top:var(--rca-header-h,78px);
  font-family:var(--rca-fonte,'Nunito',sans-serif);}
.rca-hosp-hero-fx{position:absolute;inset:0;z-index:0;pointer-events:none;}
.rca-hosp-pontos{position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.6px);
  background-size:30px 30px;
  -webkit-mask:radial-gradient(80% 90% at 16% 46%,#000 5%,transparent 66%);
  mask:radial-gradient(80% 90% at 16% 46%,#000 5%,transparent 66%);}
.rca-hosp-glow{position:absolute;right:2%;top:8%;width:min(640px,58%);height:80%;
  filter:blur(30px);
  background:radial-gradient(closest-side,rgba(224,71,155,.34),rgba(123,82,192,.2) 50%,transparent 74%);}

.rca-hosp-hero-in{position:relative;z-index:2;width:100%;max-width:var(--rca-maxw,1240px);
  margin-inline:auto;padding-inline:var(--rca-pad-lat,40px);
  padding-block:0 clamp(20px,2vw,34px);
  display:grid;grid-template-columns:1.05fr 1.15fr;gap:clamp(8px,1vw,20px);align-items:center;
  min-height:clamp(120px,9.5vw,160px);}
.rca-hosp-hero-txt{position:relative;z-index:3;max-width:none;align-self:start;padding-top:clamp(6px,1.5vw,20px);}
.rca-hosp-eyebrow{margin:0 0 clamp(14px,1.6vw,18px);font-weight:800;font-size:.74rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--rca-rosa-claro,#E0479B);
  display:inline-flex;align-items:center;}
.rca-hosp-h1{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.1;
  font-size:clamp(1.9rem,3.5vw,2.7rem);color:#fff;max-width:none;}
.rca-hosp-h1 .rca-sublinhado{color:#fff;}
.rca-hosp-h1 .rca-sublinhado svg path{stroke:var(--rca-laranja,#EF773B);}
.rca-hosp-hero-lead{margin:clamp(18px,2vw,26px) 0 0;font-size:var(--rca-t-lead,1.06rem);
  line-height:1.6;color:var(--rca-d-texto-suave,rgba(255,255,255,.72));max-width:34ch;}
.rca-hosp-hero-lead em{font-style:normal;font-weight:400;color:#fff;}
.rca-br-mob{display:none;}
.rca-hosp-hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.8vw,34px);}
.rca-hosp-cta{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 24px;
  border-radius:12px;font-weight:700;font-size:.96rem;text-decoration:none;color:#fff;
  background:var(--rca-grad,linear-gradient(105deg,#542E81,#A5356B 55%,#EF773B));
  box-shadow:0 8px 22px rgba(85,46,129,.45);transition:transform .2s,box-shadow .3s;}
.rca-hosp-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(85,46,129,.55);}
.rca-hosp-cta:hover .rca-hosp-arr{transform:translateX(4px);}
.rca-hosp-arr{transition:transform .25s;}
.rca-hosp-cta2{display:inline-flex;align-items:center;height:48px;padding:0 22px;
  border-radius:12px;font-weight:700;font-size:.94rem;text-decoration:none;color:#fff;
  border:1px solid rgba(255,255,255,.28);transition:background .22s,border-color .22s;}
.rca-hosp-cta2:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);}

/* a estátua ancora na borda do conteúdo e sangra na base atrás da onda.
   trazida mais pra esquerda e com cor mais opaca (menos neon). */
.rca-hosp-hero-arte{margin:0;position:relative;z-index:2;align-self:end;
  width:min(720px,100%);justify-self:end;
  margin-right:clamp(-8px,0vw,8px);
  margin-bottom:clamp(-16px,-1.4vw,-6px);line-height:0;}
/* halo bem sutil atrás da colagem, só pra separar do fundo quase preto —
   se ficar visível como mancha rosa, a intensidade está errada */
.rca-hosp-hero-arte::before{content:'';position:absolute;z-index:-1;
  inset:-8% -6% 0 -14%;pointer-events:none;filter:blur(46px);
  background:radial-gradient(58% 62% at 62% 58%,rgba(224,71,159,.07),transparent 72%);}
.rca-hosp-hero-arte img{display:block;width:100%;height:auto;
  filter:saturate(.42) brightness(.95);}
/* manuscrito "a parte chata deixa com a gente", tudo branco, colado na estátua */
.rca-hosp-nota{position:absolute;z-index:3;top:clamp(10%,10vw,20%);left:clamp(-14%,-8vw,2%);
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:max-content;
  max-width:12rem;pointer-events:none;}
.rca-hosp-nota-txt{font-family:'Caveat','Segoe Script',cursive;font-weight:600;
  font-size:clamp(1.02rem,1.5vw,1.4rem);line-height:1.15;color:#fff;
  transform:rotate(-4deg);}
.rca-hosp-nota-seta{width:clamp(52px,4vw,72px);height:auto;color:var(--rca-laranja,#EF773B);
  margin-left:clamp(40px,6vw,90px);}
/* rabiscos soltos ao redor da estátua (ponto 1: 2-3 interferências) */
.rca-hosp-rab{position:absolute;z-index:3;pointer-events:none;color:var(--rca-laranja,#EF773B);}
.rca-hosp-rab svg{display:block;width:100%;height:100%;overflow:visible;}
.rca-hosp-rab--coroa{top:clamp(-4%,-1vw,2%);right:clamp(8%,10vw,16%);width:clamp(44px,5vw,70px);height:auto;}
.rca-hosp-rab--aster{top:clamp(30%,32vw,40%);left:clamp(-2%,1vw,4%);width:clamp(34px,4vw,52px);height:auto;
  color:var(--rca-laranja,#EF773B);}

.rca-hosp-onda{position:absolute;left:-1px;right:-1px;bottom:-2px;width:calc(100% + 2px);z-index:1;
  height:clamp(58px,6.4vw,112px);display:block;pointer-events:none;}

/* ---------- HOSPEDAGEM · faixa de benefícios (claro, modelo anexo 2) ---------- */
.rca-hb *{box-sizing:border-box;}
.rca-hb{background:#FAF7F2;position:relative;overflow:hidden;
  padding-block:clamp(25px,3.3vw,43px) clamp(25px,2.9vw,39px);}
/* bolinhas de fundo (mesma textura da home e do contato) */
.rca-hb::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(84,46,129,.11) 1.1px,transparent 1.7px);
  background-size:28px 28px;
  -webkit-mask:radial-gradient(120% 80% at 50% 30%,#000 18%,transparent 72%);
  mask:radial-gradient(120% 80% at 50% 30%,#000 18%,transparent 72%);}
.rca-hb-in{position:relative;z-index:1;width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,40px);}
.rca-hb-cab{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,64px);
  align-items:start;margin-bottom:clamp(27px,3.5vw,45px);}
.rca-hb-cab-r{padding-top:clamp(46px,5.2vw,78px);position:relative;padding-left:20px;}
.rca-hb-cab-r::before{content:'';position:absolute;left:0;top:calc(clamp(46px,5.2vw,78px) + .15em);
  bottom:.3em;width:3px;border-radius:3px;
  background:linear-gradient(180deg,var(--rca-rosa,#A52E78),var(--rca-laranja,#EF773B));}
.rca-hb-lead em{font-style:normal;font-weight:800;color:var(--rca-magenta,#C2286C);}
.rca-hb-cab-l{position:relative;padding-top:clamp(41px,4.25vw,56px);}
.rca-hb-nota{position:absolute;top:clamp(6px,1vw,14px);left:-4px;
  display:flex;align-items:center;gap:8px;pointer-events:none;}
.rca-hb-nota-txt{font-family:'Caveat','Segoe Script',cursive;font-weight:700;
  font-size:clamp(1.15rem,1.6vw,1.45rem);color:var(--rca-magenta,#C2286C);transform:rotate(-3deg);}
.rca-hb-nota-seta{width:clamp(26px,2.1vw,36px);height:auto;color:var(--rca-magenta,#C2286C);}
.rca-hb-tit{margin:0;font-weight:800;letter-spacing:-.018em;line-height:1.14;
  font-size:clamp(1.85rem,2.9vw,2.35rem);color:var(--rca-roxo-profundo,#3D2168);}
.rca-hb-lead{margin:0;font-size:var(--rca-t-lead,1.06rem);line-height:1.6;color:var(--rca-texto-suave,#66616C);}
.rca-hb-assinatura{margin:14px 0 0;font-size:1rem;color:var(--rca-roxo,#542E81);}
.rca-hb-assinatura b{font-weight:800;color:var(--rca-magenta,#C2286C);}

.rca-hb-grid{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2.4vw,30px);}
.rca-hb-grid > li{min-width:0;}
.rca-hb-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
  min-width:0;max-width:100%;}
.rca-hb-ic{position:relative;width:clamp(108px,10vw,135px);height:clamp(108px,10vw,135px);
  display:flex;align-items:center;justify-content:center;margin-bottom:8px;
  transition:transform .28s ease;}
.rca-hb-item:hover .rca-hb-ic{transform:translateY(-5px);}
/* mancha orgânica atrás, cor lavada, maior e mais viva */
.rca-hb-blob{position:absolute;inset:0;z-index:0;border-radius:42% 58% 60% 40% / 48% 44% 56% 52%;
  transform:rotate(-8deg);opacity:.6;transition:transform .28s ease,opacity .28s ease;}
.rca-hb-item:hover .rca-hb-blob{transform:rotate(-8deg) scale(1.08);opacity:.8;}
.rca-hb-ic svg{position:relative;z-index:1;width:clamp(43px,4.2vw,52px);height:clamp(43px,4.2vw,52px);
  transition:transform .28s ease;}
.rca-hb-item:hover .rca-hb-ic svg{transform:scale(1.08);}
/* leve destaque no Suporte RCA — é o diferencial humano da RCA */
.rca-hb-item--suporte .rca-hb-ic{width:clamp(112px,10.3vw,140px);height:clamp(112px,10.3vw,140px);}
.rca-hb-item--suporte .rca-hb-ic svg{width:clamp(44px,4.3vw,53px);height:clamp(44px,4.3vw,53px);}
.rca-hb-item--suporte .rca-hb-blob{opacity:.72;}
.rca-hb-cta{text-align:center;margin:clamp(34px,4vw,50px) 0 0;}
.rca-hb-cta a{display:inline-flex;align-items:center;gap:8px;
  font-size:.94rem;font-weight:700;color:var(--rca-roxo,#542E81);text-decoration:none;
  transition:color .2s,gap .2s;}
.rca-hb-cta a span{transition:transform .25s;}
.rca-hb-cta a:hover{color:var(--rca-magenta,#C2286C);}
.rca-hb-cta a:hover span{transform:translateY(3px);}
.rca-hb-ic--roxo .rca-hb-blob{background:rgba(123,82,192,.26);}
.rca-hb-ic--roxo svg{stroke:var(--rca-roxo,#542E81);}
.rca-hb-ic--laranja .rca-hb-blob{background:rgba(239,119,59,.26);border-radius:58% 42% 44% 56% / 52% 56% 44% 48%;}
.rca-hb-ic--laranja svg{stroke:var(--rca-laranja,#EF773B);}
.rca-hb-ic--rosa .rca-hb-blob{background:rgba(224,71,155,.24);border-radius:50% 50% 58% 42% / 56% 42% 58% 44%;}
.rca-hb-ic--rosa svg{stroke:var(--rca-rosa,#A52E78);}
.rca-hb-ic--amarelo .rca-hb-blob{background:rgba(245,166,35,.3);border-radius:46% 54% 50% 50% / 44% 52% 48% 56%;}
.rca-hb-ic--amarelo svg{stroke:#C88A12;}
.rca-hb-item b{font-weight:800;font-size:1.02rem;letter-spacing:-.01em;color:var(--rca-roxo-profundo,#3D2168);}
.rca-hb-item span{font-size:.85rem;line-height:1.5;color:var(--rca-texto-suave,#66616C);
  max-width:20ch;width:100%;}
.rca-hb-item b{width:100%;}

/* ---------- HOSPEDAGEM · CTA final (cena com a estátua do telefone) ---------- */
.rca-hcta *{box-sizing:border-box;}
.rca-hcta{position:relative;isolation:isolate;overflow-x:clip;overflow-y:visible;
  background:radial-gradient(120% 130% at 82% 30%, #7A1E5A 0%, #3A1160 46%, #1C0836 100%);}
.rca-hcta-fx{position:absolute;inset:0;z-index:0;pointer-events:none;}
.rca-hcta-glow{position:absolute;left:44%;top:10%;width:min(560px,60%);height:80%;filter:blur(70px);
  background:radial-gradient(closest-side,rgba(194,40,108,.3),rgba(123,82,192,.16) 52%,transparent 76%);}
.rca-hcta-in{position:relative;z-index:2;width:100%;max-width:var(--rca-maxw,1240px);
  margin-inline:auto;padding-inline:var(--rca-pad-lat,40px);
  display:grid;grid-template-columns:1fr auto;gap:clamp(16px,3vw,56px);align-items:end;
  min-height:clamp(300px,25vw,378px);}
.rca-hcta-txt{padding-block:clamp(32px,3.4vw,50px);align-self:center;max-width:none;}
.rca-hcta-eyebrow{margin:0 0 clamp(14px,1.8vw,20px);font-weight:800;font-size:.74rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--rca-rosa-claro,#E0479B);}
.rca-hcta-tit{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.16;
  font-size:clamp(1.8rem,3vw,2.6rem);color:#fff;}
.rca-hcta-nobreak{white-space:nowrap;}
.rca-hcta-tit .rca-cx-risca{color:#fff;}
.rca-hcta-tit .rca-cx-risca-svg path{stroke:var(--rca-laranja,#EF773B);}
.rca-hcta-tit .rca-cx-circulo{color:#fff;}
.rca-hcta-tit .rca-cx-circulo-svg path{stroke:var(--rca-laranja,#EF773B);}
.rca-hcta-lead{margin:clamp(16px,2vw,24px) 0 0;font-size:var(--rca-t-lead,1.06rem);
  line-height:1.55;color:var(--rca-d-texto-suave,rgba(255,255,255,.66));max-width:34ch;}
.rca-hcta-acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(26px,3vw,36px);}
.rca-hosp-cta2--claro{color:#fff;gap:9px;}
/* estátua do telefone: grande, encostada à direita, ocupando a altura, cortada pela base.
   opaca igual ao hero (mesmo filtro saturate/brightness) */
.rca-hcta-arte{margin:0;position:relative;z-index:4;align-self:end;justify-self:end;
  width:clamp(300px,34vw,500px);margin-bottom:clamp(-30px,-2vw,-18px);margin-right:clamp(-40px,-3vw,-8px);line-height:0;}
.rca-hcta-arte--larga{width:clamp(380px,46vw,680px);margin-bottom:clamp(-30px,-2.4vw,-16px);}
.rca-hcta-arte img{display:block;width:100%;height:auto;
  filter:saturate(.42) brightness(.95) drop-shadow(0 24px 44px rgba(0,0,0,.5));}

@media(max-width:860px){
  .rca-hcta{overflow-x:clip;overflow-y:visible;}
  .rca-hcta-in{grid-template-columns:1fr;text-align:left;justify-items:start;min-height:0;
    padding-inline:24px;padding-top:clamp(32px,8vw,44px);position:relative;}
  .rca-hcta-txt{max-width:none;padding-block:0;order:1;position:relative;z-index:3;}
  .rca-hcta-lead{max-width:26ch;}
  .rca-hcta-acoes{justify-content:flex-start;margin-bottom:0;}
  .rca-hcta-nobreak{white-space:normal;}
  /* estátua sobe e entra pela direita/base, sobrepondo para encurtar a seção */
  .rca-hcta-arte{order:2;width:min(320px,70%);justify-self:end;align-self:end;
    margin:clamp(-64px,-16vw,-40px) -24px -1px 0;position:relative;z-index:1;}
  .rca-hcta-arte--larga{width:min(340px,74%);}
}

/* ---------- HOSPEDAGEM · o que a RCA assume (escuro, grade de cuidado) ---------- */
.rca-cx-assume{position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(130% 140% at 30% -10%,#2E1055 0%,#210A40 50%,#150728 100%);
  padding-block:clamp(52px,6.5vw,92px) clamp(70px,8vw,120px);}
.rca-cx-assume-in{position:relative;z-index:2;width:100%;max-width:var(--rca-maxw,1240px);
  margin-inline:auto;padding-inline:var(--rca-pad-lat,40px);
  display:grid;grid-template-columns:32% 1fr;gap:clamp(28px,4vw,64px);align-items:start;}
.rca-cx-assume-cab{max-width:none;padding-right:clamp(10px,2vw,30px);}
.rca-cx-assume-tit{margin:6px 0 0;font-weight:800;letter-spacing:-.02em;line-height:1.12;
  font-size:clamp(1.8rem,3vw,2.5rem);color:#fff;}
.rca-cx-assume-grid{list-style:none;margin:clamp(4px,1vw,10px) 0 0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px) clamp(24px,3vw,40px);}
.rca-cx-assume-grid li{display:flex;flex-direction:column;gap:12px;}
.rca-cx-assume-ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  color:var(--rca-laranja,#EF773B);
  background:radial-gradient(circle at 34% 28%,rgba(239,119,59,.15),rgba(165,53,107,.08));
  box-shadow:inset 0 0 0 1.5px rgba(239,119,59,.36),0 0 24px rgba(239,119,59,.1);}
.rca-cx-assume-ic svg{width:25px;height:25px;}
.rca-cx-assume-grid b{font-weight:800;font-size:1.12rem;color:#fff;letter-spacing:-.01em;}
.rca-cx-assume-grid span{font-size:.92rem;line-height:1.55;color:var(--rca-d-texto-suave,rgba(255,255,255,.66));}

/* ---------- HOSPEDAGEM · planos (claro) ---------- */
.rca-cx-planos *{box-sizing:border-box;}
.rca-cx-planos{background:#F3F0FA;position:relative;overflow:hidden;
  padding-block:clamp(40px,5vw,72px) clamp(48px,6vw,84px);}
.rca-cx-planos-in{width:100%;max-width:1180px;margin-inline:auto;
  padding-inline:var(--rca-pad-lat,40px);}
.rca-cx-planos-cab{max-width:none;margin:0 auto clamp(34px,4.5vw,56px);text-align:center;}
.rca-cx-planos-cab .rca-cx-eyebrow{justify-content:center;}
.rca-cx-planos-tit{margin:6px 0 0;font-weight:800;letter-spacing:-.02em;line-height:1.1;
  font-size:clamp(1.9rem,3.2vw,2.7rem);color:var(--rca-roxo-profundo,#3D2168);}
/* circulo desenhado à mão em volta de "espaço" (como na referência) */
.rca-cx-planos-circulo{position:relative;display:inline-block;color:var(--rca-roxo,#542E81);}
.rca-cx-planos-circulo::after{content:'';position:absolute;left:-8%;top:-18%;width:116%;height:136%;
  border:2.4px solid var(--rca-lilas,#9B6BFF);border-radius:48% 52% 50% 50%/54% 48% 52% 46%;
  transform:rotate(-3deg);pointer-events:none;opacity:.85;}
.rca-cx-risca-clara{position:relative;display:inline-block;color:var(--rca-magenta,#C2286C);}

.rca-cx-planos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px);
  align-items:start;}
.rca-cx-plano{position:relative;background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 24px 50px -30px rgba(61,33,104,.34);
  display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease;}
.rca-cx-plano:hover{transform:translateY(-6px);box-shadow:0 30px 58px -28px rgba(61,33,104,.42);}
.rca-cx-plano--destaque{box-shadow:0 34px 64px -26px rgba(61,33,104,.5);
  transform:translateY(clamp(-14px,-1.4vw,-8px));}
.rca-cx-plano--destaque:hover{transform:translateY(clamp(-20px,-2vw,-14px));
  box-shadow:0 40px 72px -26px rgba(61,33,104,.56);}
/* protagonista: o Profissional se destaca claramente dos outros dois */
.rca-cx-plano--protagonista{transform:translateY(clamp(-24px,-2.4vw,-16px));
  box-shadow:0 44px 80px -28px rgba(61,33,104,.6);}
.rca-cx-plano--protagonista:hover{transform:translateY(clamp(-30px,-3vw,-22px));
  box-shadow:0 52px 92px -28px rgba(61,33,104,.64);}
/* faixa colorida no topo com o nome dentro */
.rca-cx-plano-topo{position:relative;padding:clamp(20px,2.2vw,28px) clamp(22px,2.4vw,30px);
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;}
.rca-cx-plano-topo--rosa{background:linear-gradient(120deg,#E0479B,#C2286C);}
.rca-cx-plano-topo--roxo{background:linear-gradient(120deg,#7B52C0,#542E81);}
.rca-cx-plano-topo--escuro{background:linear-gradient(120deg,#2E1055,#150728);}
.rca-cx-plano-nome{margin:0;font-weight:800;font-size:clamp(1.3rem,1.7vw,1.6rem);letter-spacing:-.01em;color:#fff;}
/* selo dentro da faixa (canto direito) */
.rca-cx-plano-selo{position:static;align-self:center;
  display:inline-flex;align-items:center;gap:6px;
  font-weight:800;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--rca-roxo-profundo,#3D2168);background:#fff;padding:6px 11px;border-radius:999px;
  box-shadow:0 6px 16px -6px rgba(0,0,0,.4);}
.rca-cx-plano-selo--claro{color:#fff;background:rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);}
.rca-cx-plano-coroa{width:15px;height:12px;color:var(--rca-amarelo,#F5A623);}
.rca-cx-plano-raio{width:13px;height:13px;color:var(--rca-laranja-claro,#FF914D);}
/* corpo do card */
.rca-cx-plano-corpo{padding:clamp(24px,2.6vw,32px) clamp(22px,2.4vw,30px) clamp(28px,3vw,36px);
  display:flex;flex-direction:column;flex:1;}
.rca-cx-plano-pra{margin:0;font-size:.98rem;line-height:1.45;color:var(--rca-texto-suave,#66616C);}
.rca-cx-plano-preco{margin:clamp(14px,1.6vw,20px) 0 0;font-weight:800;line-height:1;
  letter-spacing:-.03em;color:var(--rca-roxo-profundo,#3D2168);display:flex;align-items:baseline;gap:2px;}
.rca-cx-plano-cifra{font-size:1.1rem;font-weight:800;color:var(--rca-rosa,#A52E78);}
.rca-cx-plano-valor{font-size:clamp(2.8rem,4.2vw,3.6rem);}
.rca-cx-plano-ano{font-size:1rem;font-weight:700;color:var(--rca-texto,#2D2932);letter-spacing:0;}
.rca-cx-plano-lista{list-style:none;margin:clamp(18px,2vw,24px) 0 0;padding:0;
  display:flex;flex-direction:column;gap:0;text-align:left;flex:1;}
.rca-cx-plano-lista li{position:relative;padding:11px 0 11px 28px;font-size:.95rem;
  color:var(--rca-texto,#2D2932);border-top:1px solid var(--rca-borda,#E4E4EF);}
.rca-cx-plano-lista li:first-child{border-top:0;}
.rca-cx-plano-lista li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:15px;height:15px;border-radius:50%;
  background:var(--rca-grad-linha,linear-gradient(135deg,#A52E78,#EF773B));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/11px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/11px no-repeat;}
/* botão preto, como a referência */
.rca-cx-plano-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  margin-top:clamp(22px,2.4vw,30px);height:52px;border-radius:12px;
  font-weight:800;font-size:.98rem;text-decoration:none;
  background:var(--rca-escuro-1,#150728);color:#fff;
  box-shadow:0 12px 26px -12px rgba(21,7,40,.6);transition:transform .22s,box-shadow .22s;}
.rca-cx-plano-btn span{transition:transform .25s;}
.rca-cx-plano-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(21,7,40,.7);}
.rca-cx-plano-btn:hover span{transform:translateX(4px);}
/* manuscrito "pagamento anual..." acima dos cards, seta curva descendo à esquerda (anexo 1) */
.rca-cx-planos-nota{position:absolute;z-index:3;top:clamp(64px,7vw,96px);right:clamp(20px,4vw,90px);
  display:flex;flex-direction:column;align-items:flex-start;gap:0;pointer-events:none;}
.rca-cx-planos-nota-txt{font-family:'Caveat','Segoe Script',cursive;font-weight:700;
  font-size:clamp(1.12rem,1.45vw,1.4rem);line-height:1.24;color:var(--rca-rosa,#A52E78);
  text-align:left;transform:rotate(-3deg);}
.rca-cx-planos-nota-seta{width:clamp(44px,3.8vw,60px);height:auto;color:var(--rca-rosa,#A52E78);
  margin-top:clamp(6px,1vw,12px);margin-left:clamp(-6px,0vw,6px);}
.rca-cx-planos-contrato{text-align:center;margin:clamp(26px,3vw,38px) 0 0;}
.rca-cx-planos-contrato a{display:inline-flex;align-items:center;gap:8px;
  font-size:.94rem;color:var(--rca-roxo,#542E81);text-decoration:none;
  font-weight:400;transition:color .2s;}
.rca-cx-planos-contrato a:hover{color:var(--rca-magenta,#C2286C);}
.rca-cx-planos-contrato-ic{width:17px;height:17px;flex-shrink:0;
  color:var(--rca-rosa,#A52E78);transition:color .2s;}
.rca-cx-planos-contrato a:hover .rca-cx-planos-contrato-ic{color:var(--rca-magenta,#C2286C);}
.rca-cx-planos-contrato-risca{position:relative;display:inline-block;}
.rca-cx-planos-contrato-risca::after{content:'';position:absolute;left:-2px;right:-2px;bottom:-3px;
  height:2px;border-radius:2px;background:var(--rca-rosa,#A52E78);
  transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}
.rca-cx-planos-contrato a:hover .rca-cx-planos-contrato-risca::after{transform:scaleX(1);}

/* ---------- card SOB MEDIDA (o terceiro, roxo-escuro inteiro) ---------- */
.rca-cx-plano--sob{background:radial-gradient(120% 130% at 78% 12%,#2E1055 0%,#1C0836 46%,#150728 100%);
  overflow:visible;box-shadow:0 30px 60px -28px rgba(21,7,40,.66);}
.rca-cx-plano--sob:hover{transform:translateY(-6px);box-shadow:0 38px 72px -28px rgba(21,7,40,.72);}
.rca-cx-sob-corpo{position:relative;z-index:2;
  padding:clamp(26px,2.8vw,34px) clamp(24px,2.5vw,32px) clamp(28px,3vw,36px);
  display:flex;flex-direction:column;height:100%;}
.rca-cx-sob-head{position:relative;}
.rca-cx-sob-nome{margin:0;position:relative;display:inline-block;
  font-weight:800;font-size:clamp(1.5rem,2vw,1.9rem);letter-spacing:-.01em;color:#fff;line-height:1.1;}
.rca-cx-sob-nome span{color:var(--rca-rosa-claro,#E0479B);}
.rca-cx-sob-faisca{position:absolute;top:-6px;right:-30px;width:clamp(24px,2vw,30px);height:auto;
  color:var(--rca-laranja,#EF773B);}
.rca-cx-sob-sub{margin:clamp(8px,1vw,12px) 0 0;font-weight:700;
  font-size:clamp(1rem,1.2vw,1.14rem);color:#fff;line-height:1.3;}
.rca-cx-sob-circulo{position:relative;display:inline-block;color:#fff;white-space:nowrap;}
.rca-cx-sob-circulo::after{content:'';position:absolute;left:-9%;top:-24%;width:118%;height:150%;
  border:2.2px solid var(--rca-laranja,#EF773B);border-radius:49% 51% 47% 53%/58% 46% 54% 42%;
  transform:rotate(-4deg);pointer-events:none;}
.rca-cx-sob-texto{margin:clamp(16px,1.8vw,22px) 0 0;font-size:.92rem;line-height:1.6;
  color:var(--rca-d-texto-suave,rgba(255,255,255,.72));max-width:30ch;}
.rca-cx-sob-divisor{display:block;height:0;margin:clamp(16px,1.8vw,22px) 0;
  border-top:1.6px dashed rgba(155,107,255,.5);}
.rca-cx-sob-manuscrito{margin:0;font-family:'Caveat','Segoe Script',cursive;font-weight:700;
  font-size:clamp(1.7rem,2.2vw,2.1rem);line-height:1.05;color:#fff;}
.rca-cx-sob-manuscrito-risca{position:relative;display:inline-block;}
.rca-cx-sob-risca-svg{position:absolute;left:-2px;right:-6px;bottom:-9px;width:calc(100% + 8px);height:11px;
  color:var(--rca-rosa,#A52E78);overflow:visible;}
.rca-cx-sob-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;
  gap:clamp(12px,1.4vw,16px);flex:1;}
.rca-cx-sob-lista li{position:relative;padding-left:28px;font-size:.95rem;line-height:1.4;
  color:rgba(255,255,255,.9);}
.rca-cx-sob-lista li::before{content:'';position:absolute;left:0;top:2px;
  width:16px;height:16px;
  background:var(--rca-rosa,#A52E78);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/16px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/16px no-repeat;}
/* botão outline com borda gradiente pink->laranja */
.rca-cx-sob-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  margin-top:clamp(22px,2.4vw,30px);height:56px;border-radius:999px;
  font-weight:800;font-size:.98rem;text-decoration:none;color:#fff;background:transparent;
  border:1.8px solid transparent;
  background:linear-gradient(#1B0834,#1B0834) padding-box,
            var(--rca-grad-linha,linear-gradient(90deg,#A52E78,#EF773B)) border-box;
  transition:transform .22s,box-shadow .22s;}
.rca-cx-sob-btn span{transition:transform .25s;}
.rca-cx-sob-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(165,46,120,.5);}
.rca-cx-sob-btn:hover span{transform:translateX(4px);}
/* seta laranja curva vindo da direita apontando pro card */
.rca-cx-sob-seta{position:absolute;z-index:5;top:clamp(120px,14vw,180px);right:clamp(-52px,-4.2vw,-34px);
  width:clamp(44px,3.8vw,58px);height:auto;color:var(--rca-laranja,#EF773B);pointer-events:none;}
/* post-it lilás rotacionado, com fita, texto manuscrito claro (como o alvo) */
.rca-cx-sob-postit{position:absolute;z-index:4;top:clamp(158px,18vw,230px);right:clamp(-72px,-6vw,-52px);
  width:clamp(128px,12vw,158px);padding:clamp(20px,1.8vw,24px) clamp(14px,1.3vw,18px) clamp(16px,1.4vw,20px);
  background:linear-gradient(155deg,#8E64B8,#7A4CA6);
  box-shadow:0 18px 34px -14px rgba(21,7,40,.6);transform:rotate(9deg);pointer-events:none;}
.rca-cx-sob-postit-fita{position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-6deg);
  width:78px;height:22px;background:rgba(220,205,240,.5);
  box-shadow:0 2px 6px rgba(0,0,0,.12);}
.rca-cx-sob-postit-txt{font-family:'Caveat','Segoe Script',cursive;font-weight:700;
  font-size:clamp(1.05rem,1.15vw,1.24rem);line-height:1.24;color:#F5E6D8;
  text-align:center;display:block;}

@media(max-width:900px){
  .rca-cx-prob-in{grid-template-columns:1fr;gap:clamp(30px,6vw,44px);}
  .rca-cx-prob-tit br{display:initial;}
  .rca-cx-caso{grid-template-columns:1fr;padding-inline:var(--rca-pad-lat,40px);}
  .rca-cx-caso-info{max-width:none;}
  .rca-cx-caso-tela{border-radius:16px;}
  .rca-cx-planos{padding-block:clamp(40px,10vw,56px) clamp(44px,11vw,60px);}
  .rca-cx-planos-in{padding-inline:24px;}
  .rca-cx-planos-grid{grid-template-columns:1fr;max-width:320px;margin-inline:auto;gap:clamp(20px,5vw,28px);}
  .rca-cx-plano--destaque,.rca-cx-plano--protagonista{transform:none;}
  /* cards mais compactos e minimalistas no mobile */
  .rca-cx-plano{box-shadow:0 14px 30px -18px rgba(61,33,104,.34);}
  .rca-cx-plano-topo{padding:18px 22px;}
  .rca-cx-plano-corpo{padding:22px 22px 24px;}
  .rca-cx-plano-pra{font-size:.94rem;}
  .rca-cx-plano-lista{margin-top:16px;}
  .rca-cx-plano-lista li{padding:9px 0 9px 26px;font-size:.9rem;}
  .rca-cx-plano-btn{margin-top:18px;height:48px;}
  /* contrato: frase centralizada natural, não 4 pedacinhos */
  .rca-cx-planos-contrato a{display:block;line-height:1.5;max-width:30ch;margin-inline:auto;}
  .rca-cx-planos-contrato-ic{display:inline;vertical-align:-3px;margin-right:4px;}
  .rca-cx-assume-in{grid-template-columns:1fr;gap:clamp(26px,5vw,40px);}
  .rca-cx-assume-cab{padding-right:0;}
  /* HERO MOBILE: composição própria — label, título, IMAGEM, texto, botões */
  .rca-hosp-hero{padding-top:clamp(52px,13vw,62px);}
  .rca-hosp-hero-in{display:flex;flex-direction:column;gap:0;align-items:flex-start;
    padding-inline:24px;padding-top:clamp(2px,0.5vw,4px);padding-bottom:clamp(34px,8vw,48px);
    min-height:0;text-align:left;}
  .rca-hosp-hero-txt{display:contents;}
  .rca-hosp-eyebrow{order:1;}
  .rca-hosp-h1{order:2;margin-bottom:clamp(14px,3vw,20px);width:100%;}
  .rca-hosp-hero-arte{order:3;align-self:center;margin:0 0 clamp(14px,3vw,20px);
    width:min(440px,100%);}
  /* manuscrito do hero: não cortar à esquerda, subir e ir pra direita */
  .rca-hosp-nota{left:8%;top:2%;max-width:10rem;}
  .rca-hosp-hero-lead{order:4;max-width:none;width:100%;margin-top:0;margin-bottom:clamp(18px,4vw,24px);}
  .rca-hosp-hero-ctas{order:5;flex-direction:column;align-items:flex-start;gap:10px;margin-top:0;}
  .rca-hosp-hero-ctas .rca-hosp-cta,
  .rca-hosp-hero-ctas .rca-hosp-cta2{width:auto;min-width:230px;justify-content:center;}
  .rca-hosp-glow{right:-6%;top:24%;width:80%;}
  .rca-hb-cab{grid-template-columns:1fr;gap:clamp(14px,3vw,20px);align-items:start;}
  .rca-hb-cab-r{padding-top:0;padding-left:0;}
  .rca-hb-cab-r::before{display:none;}
  .rca-hb-grid{grid-template-columns:repeat(2,1fr);gap:clamp(20px,4vw,28px) clamp(16px,3vw,24px);}
  .rca-hb-item{gap:6px;}
  .rca-hb-ic{margin-bottom:4px !important;width:96px !important;height:96px !important;
    max-width:96px !important;min-width:96px !important;flex:none !important;align-self:center !important;}
  .rca-hb-ic svg{width:40px;height:40px;}
  .rca-hb-blob{border-radius:50% !important;transform:none !important;}
  /* Suporte RCA sozinho: ocupa a linha inteira, centralizado */
  .rca-hb-item--suporte{grid-column:1 / -1;}
  .rca-hb-item--suporte .rca-hb-ic{width:96px;height:96px;}
  .rca-hb-item--suporte .rca-hb-ic svg{width:40px;height:40px;}
}
@media(max-width:560px){
  /* quebra do lead do hero: suporte da RCA vai pra segunda linha */
  .rca-br-mob{display:inline;}
  /* reduzir um tico todos os títulos no mobile */
  .rca-hosp-h1{font-size:1.72rem;}
  .rca-hb-tit{font-size:1.62rem;}
  .rca-cx-planos-tit{font-size:1.5rem;}
  .rca-hcta-tit{font-size:1.6rem;}
  /* eyebrow dos planos menor: não competir com o título */
  .rca-cx-planos-cab .rca-cx-eyebrow{font-size:.62rem;letter-spacing:.12em;margin-bottom:10px;}
  /* selo MAIS ESCOLHIDO menor */
  .rca-cx-plano-selo{font-size:.58rem;padding:5px 9px;}
  .rca-cx-plano-coroa{width:14px;}
  .rca-cx-assume-grid{grid-template-columns:1fr;}
  /* libera o corte que estava comendo post-it e seta */
  .rca-cx-planos{overflow:visible;}
  .rca-cx-planos-in{overflow:visible;}
  /* card sob medida: conteúdo distribuído, sem blocão vazio embaixo */
  .rca-cx-plano--sob{overflow:visible;}
  .rca-cx-sob-corpo{padding:clamp(28px,7vw,34px) clamp(22px,5.5vw,28px) clamp(24px,6vw,30px);
    justify-content:center;gap:clamp(6px,1.5vw,10px);}
  .rca-cx-sob-texto{max-width:none;}
  .rca-cx-sob-divisor{margin:clamp(14px,3.5vw,18px) 0;}
  .rca-cx-sob-lista{gap:clamp(10px,2.5vw,14px);}
  .rca-cx-sob-lista li{font-size:.92rem;}
  .rca-cx-sob-btn{margin-top:clamp(16px,4vw,22px);height:52px;}
  /* post-it SAINDO do card pela direita (metade fora), colado na borda */
  .rca-cx-sob-postit{top:auto;bottom:clamp(214px,53vw,248px);right:6px;
    width:104px;transform:rotate(8deg);}
  .rca-cx-sob-postit-txt{font-size:.96rem;}
  /* seta logo acima do post-it, ponta apontando pra ele */
  .rca-cx-sob-seta{display:block;top:auto;bottom:clamp(302px,74vw,338px);right:58px;
    width:40px;z-index:5;}
}

/* ---------- 2 · PROBLEMA (claro, recebe o celular vazado) ---------- */
/* padding-top reserva o respiro onde o celular do hero cai. 3 colunas que
   conversam: texto · notebook · problemas. altura enxuta, sem buraco. */
.rca-cs-dor{
  background:#EDE7F7;
  margin-top:-2px;
  padding-block:clamp(72px,9vw,120px) clamp(24px,3.4vw,52px);}
.rca-cs-dor-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,40px);
  display:grid;grid-template-columns:45% 20% 35%;align-items:start;}

/* ESQUERDA (45%) */
.rca-cs-dor-cab{position:relative;padding-top:0;padding-right:clamp(16px,3vw,44px);}
.rca-cs-dor-cab .rca-cs-h2{font-size:clamp(1.75rem,2.5vw,2.3rem);}
.rca-cs-eyebrow--traco{display:flex;align-items:center;gap:14px;}
.rca-cs-eyebrow--traco::after{content:'';height:1.5px;width:clamp(28px,4vw,56px);
  background:linear-gradient(90deg,var(--rca-rosa,#A52E78),transparent);border-radius:2px;}
/* mais espaço entre o título e o apoio */
.rca-cs-dor-apoio{position:relative;padding-left:18px;margin-top:clamp(26px,3.2vw,40px);}
.rca-cs-dor-apoio::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:2.5px;border-radius:2px;
  background:linear-gradient(180deg,var(--rca-roxo,#542E81),var(--rca-rosa,#A52E78));}
.rca-cs-dor-lead{margin:0;font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.62;
  color:var(--rca-texto-suave,#66616C);max-width:40ch;}

/* notebook maior de novo, empurrado pra direita; nota colada à esquerda dele */
.rca-cs-dor-meio{position:relative;margin-top:clamp(28px,3.4vw,48px);
  transform:translateX(clamp(30px,6vw,96px));
  display:flex;align-items:flex-end;gap:clamp(6px,1.4vw,20px);}
.rca-cs-dor-note{margin:0;position:relative;flex:0 1 auto;}
.rca-cs-dor-note::before{content:'';position:absolute;z-index:0;inset:12% -10% -10% -8%;
  border-radius:50%;filter:blur(54px);pointer-events:none;
  background:radial-gradient(closest-side,rgba(85,46,129,.18),transparent 70%);}
.rca-cs-dor-note img{position:relative;z-index:1;display:block;
  width:min(560px,100%);max-width:none;height:auto;
  transform:rotate(-3deg);
  filter:drop-shadow(0 30px 54px rgba(85,46,129,.28)) contrast(1.06) saturate(1.05);}

/* DIREITA: 4 problemas. ícone em mini círculo lilás sutil (não é card).
   títulos e textos um pouco maiores e com mais contraste. */
/* DIREITA (35%): 4 problemas compactos, coluna 3 (a 2 é respiro do celular) */
.rca-cs-dor-lista{grid-column:3;list-style:none;margin:clamp(40px,6vw,96px) 0 0;padding:0;
  display:flex;flex-direction:column;gap:clamp(12px,1.5vw,18px);}
.rca-cs-dor-lista li{display:flex;align-items:flex-start;gap:13px;
  padding-bottom:clamp(12px,1.5vw,18px);
  border-bottom:1px solid rgba(123,82,192,.13);}
.rca-cs-dor-lista li:last-child{padding-bottom:0;border-bottom:0;}
.rca-cs-dor-lista .rca-cs-dor-ic{flex-shrink:0;width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-top:0;
  background:radial-gradient(circle at 32% 28%,rgba(155,107,255,.16),rgba(123,82,192,.11));
  box-shadow:inset 0 0 0 1px rgba(123,82,192,.1);}
.rca-cs-dor-ic svg{display:block;width:19px;height:19px;
  stroke:var(--rca-roxo,#542E81);fill:none;}
.rca-cs-dor-lista b{display:block;font-weight:800;font-size:1.04rem;margin-bottom:4px;
  color:var(--rca-roxo-profundo,#3D2168);letter-spacing:-.01em;}
.rca-cs-dor-lista span{display:block;font-size:.82rem;line-height:1.5;color:var(--rca-texto-suave,#66616C);}

/* fecho manuscrito: conclusão da RCA, discreta. fica À ESQUERDA do notebook,
   no vão abaixo do texto; a setinha aponta pra ele. */
/* destaque só na cor, sem rabisco */
.rca-cs-destaque{color:var(--rca-rosa,#A52E78);}

.rca-cs-dor-nota{position:relative;z-index:3;flex:0 0 auto;
  margin:0 0 clamp(48px,7vw,92px);
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  width:max-content;max-width:11rem;text-align:right;}
.rca-cs-dor-nota-seta{width:clamp(46px,3.8vw,64px);height:auto;flex-shrink:0;
  color:var(--rca-rosa,#A52E78);margin-right:2px;}
.rca-cs-dor-nota-txt{margin:0;
  font-family:'Caveat','Segoe Script','Bradley Hand',cursive;
  font-size:clamp(1.02rem,1.4vw,1.3rem);line-height:1.2;font-weight:600;
  color:var(--rca-laranja,#EF773B);opacity:.95;}


/* ---------- 3 · O QUE DESENVOLVEMOS (escura, COMPACTA) ---------- */
/* faixa baixa: título 30% à esquerda, 4 tipos maiores em linha à direita. */
.rca-cs-tipos{position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(130% 150% at 50% -20%,#2E1055 0%,#210A40 48%,#150728 100%);
  padding-block:clamp(46px,5vw,70px) clamp(64px,7vw,96px);}
.rca-cs-aurora--calma{opacity:.4;}
.rca-cs-aurora--calma i{animation-duration:22s;}
.rca-cs-tipos-in{position:relative;z-index:2;width:100%;max-width:var(--rca-maxw,1240px);
  margin-inline:auto;padding-inline:var(--rca-pad-lat,40px);
  display:grid;grid-template-columns:28% repeat(4,1fr);
  gap:clamp(22px,3vw,46px);align-items:start;}
.rca-cs-tipos-cab{max-width:none;padding-right:clamp(10px,2vw,30px);
  border-right:1px solid rgba(255,255,255,.1);}
.rca-cs-tipos-tit{margin:0;font-weight:800;font-size:clamp(1.7rem,2.5vw,2.2rem);line-height:1.12;
  letter-spacing:-.02em;color:#fff;}
.rca-cs-tipos-tit .rca-sublinhado{color:#fff;}
.rca-cs-tipos-sub{margin:16px 0 0;font-size:.94rem;line-height:1.6;color:rgba(255,255,255,.55);}
/* os 4 serviços: cada um é uma coluna da faixa (grid pai), maiores */
.rca-cs-tipos-grid{display:contents;}
.rca-cs-tipos-grid li{display:flex;flex-direction:column;gap:14px;}
.rca-cs-tipos-ic{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--rca-laranja,#EF773B);
  background:radial-gradient(circle at 34% 28%,rgba(239,119,59,.16),rgba(165,53,107,.09));
  box-shadow:inset 0 0 0 1.5px rgba(239,119,59,.42),0 0 26px rgba(239,119,59,.12);}
.rca-cs-tipos-ic svg{width:27px;height:27px;}
.rca-cs-tipos-grid b{font-weight:800;font-size:1.1rem;color:#fff;letter-spacing:-.01em;}
.rca-cs-tipos-grid span{font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.62);}

/* ---------- 4 · O PROCESSO · caminho orgânico (claro, sem card) ---------- */
.rca-cs-caminho{background:#EDE7F7;position:relative;overflow:hidden;
  padding-block:clamp(40px,5vw,66px) clamp(44px,5.5vw,74px);}
.rca-cs-caminho-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,40px);}
.rca-cs-caminho-cab{max-width:42ch;margin-bottom:clamp(20px,2.5vw,30px);}
.rca-cs-caminho-cab .rca-cs-eyebrow{white-space:nowrap;}
.rca-cs-caminho-cab .rca-cs-h2{font-size:clamp(1.5rem,2.2vw,1.98rem);}

/* o trajeto: os passos posicionados em grid, com deslocamentos verticais que
   fazem o zigue-zague; a linha SVG por trás liga os pontos. */
.rca-cs-trilha{position:relative;padding-top:clamp(6px,1vw,14px);
  min-height:clamp(360px,42vw,420px);}
/* o SVG ocupa exatamente o espaço de coordenadas dos ícones (1240x300),
   ancorado no topo — não estica com a altura do container. */
.rca-cs-trilha-linha{position:absolute;top:0;left:0;width:100%;height:300px;z-index:0;
  pointer-events:none;overflow:visible;}
.rca-cs-trilha-path{opacity:.85;}
.rca-cs-trilha-passos{list-style:none;margin:0;padding:0;position:relative;z-index:1;
  display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1vw,14px);
  align-items:start;}
/* cada passo empurrado verticalmente pra seguir a onda da linha */
.rca-cs-cam-passo{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;}
.rca-cs-cam-passo--1{transform:translateY(clamp(46px,6vw,90px));}
.rca-cs-cam-passo--2{transform:translateY(0);}
.rca-cs-cam-passo--3{transform:translateY(clamp(96px,13vw,190px));}
.rca-cs-cam-passo--4{transform:translateY(clamp(20px,3vw,44px));}
.rca-cs-cam-passo--5{transform:translateY(clamp(60px,8vw,116px));}
/* número GIGANTE translúcido, atrás de tudo */
.rca-cs-cam-n{position:absolute;top:clamp(-42px,-4vw,-58px);left:50%;
  transform:translateX(-50%);z-index:0;
  font-weight:800;font-size:clamp(4.2rem,7vw,6.6rem);line-height:.8;letter-spacing:-.04em;
  color:transparent;background:var(--rca-grad,linear-gradient(120deg,#542E81,#A5356B,#EF773B));
  -webkit-background-clip:text;background-clip:text;opacity:.14;pointer-events:none;user-select:none;}
.rca-cs-cam-ic{position:relative;z-index:2;width:clamp(52px,4.6vw,62px);height:clamp(52px,4.6vw,62px);
  border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px;
  color:#fff;background:radial-gradient(circle at 34% 26%,#4A2679,#22103F);
  box-shadow:0 14px 30px -10px rgba(34,16,63,.5),0 0 0 7px #EDE7F7,
             inset 0 0 0 1px rgba(255,255,255,.1);}
.rca-cs-cam-ic svg{width:clamp(22px,2.2vw,26px);height:clamp(22px,2.2vw,26px);}
.rca-cs-cam-passo h3{margin:0 0 6px;font-weight:800;font-size:1.02rem;letter-spacing:-.01em;
  color:var(--rca-roxo-profundo,#3D2168);}
.rca-cs-cam-passo p{margin:0;font-size:.83rem;line-height:1.5;color:var(--rca-texto-suave,#66616C);max-width:20ch;}

/* ---------- 3 · PROVA (claro, telas reais) ---------- */
.rca-cs-prova{background:#FBFAFE;padding-block:clamp(60px,7.5vw,100px);
  scroll-margin-top:calc(var(--rca-header-h,78px) + 20px);}
.rca-cs-prova-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,40px);}
.rca-cs-prova-cab{max-width:44rem;margin-bottom:clamp(30px,4vw,48px);}
.rca-cs-prova-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.2vw,28px);}
.rca-cs-caso{display:flex;flex-direction:column;border-radius:var(--rca-r-lg,20px);overflow:hidden;
  background:#fff;border:1px solid var(--rca-borda,#E4E4EF);box-shadow:var(--rca-sombra-card,0 4px 18px rgba(80,44,138,.07));
  transition:transform .24s var(--rca-ease),border-color .24s,box-shadow .24s;}
.rca-cs-caso:hover{transform:translateY(-4px);border-color:rgba(165,46,120,.4);
  box-shadow:var(--rca-sombra-hover,0 18px 40px rgba(80,44,138,.18));}
.rca-cs-caso--grande{grid-column:1 / -1;}
.rca-cs-caso-tela{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--rca-bg,#F7F7FC);}
.rca-cs-caso--grande .rca-cs-caso-tela{aspect-ratio:21/9;}
.rca-cs-caso-tela img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;
  transition:transform .5s var(--rca-ease);}
.rca-cs-caso:hover .rca-cs-caso-tela img{transform:scale(1.04);}
.rca-cs-caso-pe{display:flex;flex-direction:column;gap:3px;padding:18px 20px 22px;}
.rca-cs-caso-tag{align-self:flex-start;margin-bottom:6px;padding:4px 11px;border-radius:999px;
  font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--rca-rosa,#A52E78);background:rgba(165,46,120,.08);}
.rca-cs-caso-pe b{font-weight:800;font-size:1.12rem;color:var(--rca-roxo-profundo,#3D2168);}
.rca-cs-caso-desc{font-size:.92rem;line-height:1.5;color:var(--rca-texto-suave,#66616C);}
.rca-cs-prova-mais{margin:clamp(28px,3.4vw,40px) 0 0;text-align:center;}
.rca-cs-prova-mais a{display:inline-flex;align-items:center;gap:9px;font-size:1.02rem;
  color:var(--rca-roxo,#542E81);transition:gap .2s,color .2s;}
.rca-cs-prova-mais a b{font-weight:800;color:var(--rca-rosa,#A52E78);}
.rca-cs-prova-mais a:hover{gap:13px;color:var(--rca-rosa,#A52E78);}

/* ---------- 4 · INCLUSO (claro suave) ---------- */
.rca-cs-incluso{background:#fff;padding-block:clamp(60px,7.5vw,100px);}
.rca-cs-incluso-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,40px);}
.rca-cs-incluso-cab{max-width:44rem;margin-bottom:clamp(32px,4vw,50px);}
.rca-cs-incluso-lead{margin:18px 0 0;font-size:clamp(1rem,1.15vw,1.08rem);line-height:1.62;
  color:var(--rca-texto-suave,#66616C);max-width:52ch;}
.rca-cs-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(16px,2vw,26px);}
.rca-cs-lista li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;
  column-gap:14px;row-gap:5px;align-items:center;padding:clamp(18px,2vw,24px);
  border-radius:var(--rca-r-md,16px);background:#fff;border:1px solid var(--rca-borda,#E4E4EF);
  transition:border-color .2s,box-shadow .2s,transform .2s;}
.rca-cs-lista li:hover{transform:translateY(-3px);border-color:rgba(165,46,120,.32);
  box-shadow:var(--rca-sombra-card,0 4px 18px rgba(80,44,138,.07));}
.rca-cs-lista-ic{grid-row:1 / 3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  color:var(--rca-roxo,#542E81);background:rgba(85,46,129,.08);}
.rca-cs-lista-ic svg{width:22px;height:22px;}
.rca-cs-lista li b{font-weight:800;font-size:1rem;color:var(--rca-roxo-profundo,#3D2168);align-self:end;}
.rca-cs-lista li span{font-size:.88rem;line-height:1.5;color:var(--rca-texto-suave,#66616C);align-self:start;}

/* ---------- 5 · SAÍDA (escura, fecha o arco) ---------- */
.rca-cs-saida{overflow:hidden;isolation:isolate;
  background:radial-gradient(120% 120% at 50% 0%,#2E1055 0%,#210A40 44%,#150728 100%);
  padding-block:clamp(64px,8vw,100px) clamp(110px,13vw,160px);text-align:center;}
.rca-cs-saida-in{position:relative;z-index:2;width:100%;max-width:640px;margin-inline:auto;
  padding-inline:var(--rca-pad-lat,40px);}
.rca-cs-saida-tit{margin:0;font-weight:800;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.1;
  letter-spacing:-.02em;color:#fff;}
.rca-cs-saida-sub{margin:16px auto 0;max-width:46ch;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.6;
  color:rgba(255,255,255,.76);}
.rca-cs-saida-acoes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;
  margin-top:clamp(26px,3vw,36px);}

/* ---------- responsivo ---------- */
@media(max-width:900px){
  /* o vazamento cruzando seções não cabe: a fita vira estática, colada ao
     título no hero, e a dor empilha as 3 colunas. */
  .rca-cs-fita{position:static;margin:clamp(24px,5vw,40px) auto clamp(20px,5vw,32px) auto;
    width:min(300px,68vw);filter:drop-shadow(0 30px 50px rgba(0,0,0,.4));}
  .rca-cs-hero{padding-bottom:0;}
  .rca-cs-hero-in{position:relative;z-index:3;}
  .rca-cs-dor{padding-top:clamp(36px,7vw,60px);}
  .rca-cs-dor-in{grid-template-columns:1fr;gap:clamp(28px,5vw,44px);}
  .rca-cs-dor-cab{padding-top:0;}
  .rca-cs-dor-lead{max-width:none;}
  /* no celular: notebook em cima, nota embaixo centralizada */
  .rca-cs-dor-meio{margin-top:clamp(20px,5vw,32px);transform:none;
    flex-direction:column;align-items:center;gap:clamp(14px,4vw,22px);}
  .rca-cs-dor-note{order:1;}
  .rca-cs-dor-note img{width:min(440px,86%);margin-inline:auto;transform:rotate(-2deg);}
  .rca-cs-dor-nota{order:2;margin:0 auto;align-items:center;text-align:center;max-width:15rem;}
  .rca-cs-dor-nota-txt{max-width:none;}
  .rca-cs-dor-nota-seta{transform:rotate(96deg) scaleX(-1);margin:2px 0 0;width:44px;}
  .rca-cs-dor-lista{grid-column:1;margin-top:0;}
}
@media(max-width:1000px){
  .rca-cs-tipos-in{grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,38px);}
  .rca-cs-tipos-cab{grid-column:1 / -1;padding-right:0;border-right:0;padding-bottom:clamp(20px,3vw,28px);border-bottom:1px solid rgba(255,255,255,.1);}
  /* caminho: o zigue-zague e a linha só fazem sentido nas 5 colunas.
     abaixo disso vira grade reta, sem deslocamento, sem trilha. */
  .rca-cs-trilha{min-height:0;padding-top:clamp(30px,5vw,44px);}
  .rca-cs-trilha-linha{display:none;}
  .rca-cs-trilha-passos{grid-template-columns:repeat(3,1fr);gap:clamp(40px,5vw,56px) clamp(24px,3vw,34px);}
  .rca-cs-cam-passo{transform:none !important;}
  .rca-cs-cam-n{top:clamp(-34px,-3.4vw,-46px);font-size:clamp(3.4rem,7vw,4.6rem);}
}
@media(max-width:680px){
  .rca-cs-passos{grid-template-columns:1fr;}
  .rca-cs-tipos-in{grid-template-columns:1fr;}
  .rca-cs-trilha{padding-top:clamp(34px,9vw,48px);min-height:0;}
  .rca-cs-trilha-passos{grid-template-columns:1fr;gap:clamp(34px,7vw,44px);}
  .rca-cs-prova-grid{grid-template-columns:1fr;}
  .rca-cs-caso--grande .rca-cs-caso-tela{aspect-ratio:16/9;}
  .rca-cs-lista{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .rca-cs-saida-acoes{flex-direction:column;}
  .rca-cs-btn,.rca-cs-btn2{width:100%;justify-content:center;}
}

/* ==========================================================================
   CORTE DE GORDURA VERTICAL NO MOBILE (briefing UX da Fabi)
   Mesmo respiro do desktop aplicado no vertical do mobile alonga demais a
   página. Aqui reduzimos ~15-20% do padding vertical entre os momentos,
   sem apertar o design. Hierarquia: impacto → problema → serviços →
   diferencial → autoridade → prova → conversão.
   ========================================================================== */
@media(max-width:560px){
  /* resultados (cases) */
  .rca-res{padding-block:clamp(40px,5vw,64px) clamp(34px,4.4vw,56px);}
  /* números: itens mais próximos, sequência contínua */
  .rca-nums{padding-block:clamp(18px,3vw,30px);}
  .rca-nums-barra{gap:10px;}
  .rca-nums-item{padding-block:6px;}
  /* avaliações: menos paredão */
  .rca-aval{padding-block:clamp(16px,3.5vw,26px) clamp(24px,4.5vw,36px);}
  /* cta final: bloco mais compacto */
  .rca-cta{padding-block:clamp(28px,6vw,40px) clamp(22px,5vw,34px);}
  /* como fazemos: já reduzido acima, reforço do painel */
  .rca-met-painel{padding:22px 15px;}
}


/* ==========================================================================
   TRÁFEGO PAGO · corpo da interna (refazido fiel à referência v2 da Fabi)
   Namespace rca-tp-. Dobras: retorno · canais(3 plataformas) · IA ·
   como funciona(5) · resultados(faixa escura) · caminho(post-its) · CTA.
   ========================================================================== */
.rca-tp-retorno,.rca-tp-ia,.rca-tp-como,.rca-tp-caminho{background:#FAF7F2;}
.rca-tp-retorno *,.rca-tp-canais *,.rca-tp-ia *,.rca-tp-como *,
.rca-tp-result *,.rca-tp-caminho *{box-sizing:border-box;}
.rca-tp-eyebrow{margin:0 0 14px;font-weight:800;font-size:.72rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rca-rosa,#A52E78);}
.rca-tp-eyebrow--centro{text-align:center;}
.rca-tp-eyebrow--claro{color:var(--rca-rosa-claro,#E0479B);}
.rca-tp-tit{margin:0;font-weight:800;font-size:clamp(1.55rem,2.6vw,2.1rem);
  line-height:1.16;letter-spacing:-.02em;color:var(--rca-roxo-profundo,#3D2168);}
.rca-tp-tit--centro{text-align:center;}
.rca-tp-tit .rca-cx-risca{color:var(--rca-rosa,#A52E78);}
.rca-tp-rosa{color:var(--rca-rosa,#A52E78);}
.rca-tp-lead{margin:16px 0 0;font-size:var(--rca-t-lead,1.06rem);line-height:1.6;
  color:var(--rca-texto-suave,#6E5F86);}

/* ---------- DOBRA 2: aparecer x retorno ---------- */
.rca-tp-retorno{padding-block:clamp(40px,5vw,76px);}
.rca-tp-retorno-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:clamp(32px,5vw,64px);align-items:center;}
.rca-tp-retorno-txt .rca-tp-lead{max-width:44ch;}
.rca-tp-retorno-fecho{margin:18px 0 0;font-weight:800;color:var(--rca-texto,#2D2932);font-size:1.05rem;}
.rca-tp-retorno-arte{position:relative;margin:0;display:flex;align-items:center;justify-content:center;}
.rca-tp-retorno-img{width:100%;max-width:400px;height:auto;display:block;}
.rca-tp-retorno-nota{position:absolute;top:6%;right:-2%;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:6px;z-index:2;max-width:150px;}
.rca-tp-retorno-nota-txt{font-family:'Caveat','Segoe Script',cursive;font-weight:700;
  font-size:1.2rem;line-height:1.12;color:var(--rca-roxo,#542E81);transform:rotate(-4deg);white-space:nowrap;}
.rca-tp-retorno-nota svg{width:44px;height:auto;margin-top:20px;flex:0 0 auto;}

/* ---------- DOBRA 3: canais (3 plataformas, faixa escura) ---------- */
.rca-tp-canais{background:#150621;padding-block:clamp(40px,5vw,72px);}
.rca-tp-canais-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}
.rca-tp-canais .rca-tp-eyebrow{text-align:left;margin-bottom:clamp(28px,3.4vw,44px);}
.rca-tp-canais-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);align-items:start;}
.rca-tp-canal{position:relative;display:flex;align-items:flex-start;gap:clamp(14px,1.4vw,20px);
  text-align:left;padding-inline:clamp(2px,.6vw,10px);}
.rca-tp-canal:not(:last-child)::after{content:"";position:absolute;top:6px;bottom:6px;
  right:calc(clamp(24px,3vw,44px) / -2);width:1px;background:rgba(255,255,255,.1);}
.rca-tp-canal-ic{position:relative;flex:0 0 auto;width:clamp(64px,5.6vw,80px);height:clamp(64px,5.6vw,80px);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(122,84,168,.16);padding:clamp(9px,0.9vw,12px);}
.rca-tp-canal-ic img{width:100%;height:100%;object-fit:contain;display:block;}
.rca-tp-canal--novo .rca-tp-canal-ic{padding:clamp(6px,0.7vw,9px);}
.rca-tp-canal-disco{width:100%;height:100%;border-radius:50%;background:#3E8E7E;
  display:flex;align-items:center;justify-content:center;padding:22%;}
.rca-tp-canal-disco img{width:100%;height:100%;object-fit:contain;display:block;}
.rca-tp-canal-corpo{padding-top:4px;}
.rca-tp-canal-selo{position:absolute;top:-22px;right:-28px;
  padding:3px 9px 4px;border-radius:9px 9px 9px 2px;font-size:.54rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#fff;background:linear-gradient(100deg,#B5257A,#7A1E9E);
  box-shadow:0 4px 10px rgba(0,0,0,.35);}
.rca-tp-canal-selo::after{content:"";position:absolute;left:12px;bottom:-4px;width:8px;height:8px;
  background:#7A1E9E;transform:rotate(45deg);border-radius:0 0 2px 0;}
.rca-tp-canal-nome{margin:0 0 8px;font-weight:800;font-size:1.2rem;color:#fff;}
.rca-tp-canal-txt{margin:0;font-size:.92rem;line-height:1.55;color:rgba(255,255,255,.62);}

/* ---------- DOBRA 4: tráfego + IA ---------- */
.rca-tp-ia{padding-block:clamp(40px,5vw,80px);}
.rca-tp-ia-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(28px,5vw,64px);align-items:center;}
.rca-tp-ia-arte{margin:0;line-height:0;}
.rca-tp-ia-arte img{display:block;width:100%;height:auto;}
.rca-tp-ia-txt .rca-tp-lead{max-width:46ch;}
.rca-tp-ia-manuscrito{margin:22px 0 0;font-family:'Caveat','Segoe Script',cursive;
  font-weight:700;font-size:1.6rem;line-height:1.15;color:var(--rca-roxo,#542E81);
  position:relative;display:inline-block;}
.rca-tp-ia-manuscrito::after{content:"";position:absolute;left:0;right:20%;bottom:-4px;height:3px;
  border-radius:2px;background:var(--rca-laranja,#EF773B);}

/* ---------- DOBRA 5: como funciona (5 passos) ---------- */
.rca-tp-como{padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--rca-borda,#E4E4EF);}
.rca-tp-como-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}
.rca-tp-como-cab{margin-bottom:clamp(24px,3vw,40px);}
.rca-tp-passos{list-style:none;margin:0 auto;padding:0;max-width:1000px;
  display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.4vw,20px);}
.rca-tp-passo{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;}
.rca-tp-passo-ic{display:block;width:clamp(76px,7vw,104px);height:auto;margin-bottom:6px;}
.rca-tp-passo-n{display:inline-block;font-weight:800;font-size:.8rem;color:var(--rca-laranja,#EF773B);margin-bottom:4px;}
.rca-tp-passo-tit{margin:0 0 7px;font-weight:800;font-size:1rem;color:var(--rca-texto,#2D2932);}
.rca-tp-passo-txt{margin:0;font-size:.82rem;line-height:1.5;color:var(--rca-texto-suave,#6E5F86);max-width:20ch;margin-inline:auto;}

/* ---------- DOBRA 6: resultados (faixa escura) ---------- */
.rca-tp-result{background:#1C0836;padding-block:clamp(32px,4vw,56px);}
.rca-tp-result-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));}
.rca-tp-result .rca-tp-eyebrow{text-align:center;margin-bottom:clamp(24px,3vw,36px);}
.rca-tp-result-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.6vw,24px);}
.rca-tp-result-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-inline:6px;}
.rca-tp-result-item:not(:last-child)::after{content:"";position:absolute;top:6px;bottom:6px;right:calc(clamp(12px,1.6vw,24px) / -2);
  width:1px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 5px,transparent 5px 10px);}
.rca-tp-result-ic{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.16);color:var(--rca-rosa-claro,#E0479B);}
.rca-tp-result-ic svg{width:32px;height:32px;}
.rca-tp-result-item p{margin:0;font-size:.86rem;line-height:1.4;font-weight:500;color:#fff;}

/* ---------- DOBRA 7: caminho (post-its) ---------- */
.rca-tp-caminho{padding-block:clamp(56px,6.5vw,96px);}
.rca-tp-caminho-in{width:100%;max-width:var(--rca-maxw,1240px);margin-inline:auto;
  padding-inline:var(--rca-pad-lat,clamp(20px,4.5vw,40px));
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(28px,4vw,56px);align-items:center;}
.rca-tp-caminho-txt .rca-tp-lead{max-width:46ch;}
.rca-tp-caminho-txt .rca-tp-lead + .rca-tp-lead{margin-top:14px;}
.rca-tp-caminho-fluxo{line-height:0;}
.rca-tp-caminho-fluxo img{display:block;width:100%;height:auto;}

/* ---------- DOBRA 8: CTA final ---------- */

/* ---------- RESPONSIVO ---------- */
@media(max-width:960px){
  .rca-tp-retorno-in,.rca-tp-ia-in,.rca-tp-caminho-in{grid-template-columns:1fr;}
  .rca-tp-ia-arte{max-width:440px;margin-inline:auto;order:-1;}
  .rca-tp-retorno-arte{max-width:400px;margin-inline:auto;}
}
@media(max-width:760px){
  .rca-tp-canais-grid{grid-template-columns:1fr;gap:0;}
  .rca-tp-canal{padding:22px 0;}
  .rca-tp-canal:not(:last-child)::after{top:auto;bottom:0;right:auto;left:0;width:100%;height:1px;background:rgba(255,255,255,.1);}
  .rca-tp-passos{grid-template-columns:1fr 1fr;gap:28px 16px;}
  .rca-tp-passo:not(:last-child)::after{display:none;}
  .rca-tp-result-lista{grid-template-columns:1fr 1fr;gap:26px 12px;}
  .rca-tp-result-item:not(:last-child)::after{display:none;}
}
@media(max-width:520px){
  .rca-tp-postits{grid-template-columns:1fr 1fr;gap:22px 14px;}
  .rca-tp-postit:not(:last-child)::after{display:none;}
  .rca-tp-result-lista{grid-template-columns:1fr;}
  .rca-tp-result-item{flex-direction:row;text-align:left;gap:14px;padding:14px 0;}
}