/* =========================================================================
   AS OUTRAS DUAS PORTAS · Command (B2C) e in.Company
   Carrega DEPOIS de pulsarh.css, rentabiliza.css (e proposta.css na LP).
   As paginas do Command e do in.Company REUSAM a gramatica inteira do
   Rentabiliza (`.perna-rentabiliza`): mesma dobra, mesmas secoes, mesmos
   motores. O que muda aqui e so o que o Branding Book (cap. 10-B) manda
   mudar: UM acento por porta — sem sublogo, sem paleta propria. Chao,
   tipografia e o Pulse nao mudam nunca.

     Rentabiliza  ambar   #F4B93E  (razao contratual — co-marca)
     Command      violeta #7A5BA0  → sobre a noite, a versao clara (#9B7FC7)
                                     que ja existe como --violeta-neon
     in.Company   papel   #F2EFE6

   O truque e o mesmo do rentabiliza.css: o token `--ouro` e o que toda a
   perna usa pra acento; trocar o token troca a porta inteira.
   ========================================================================= */

/* ---------- COMMAND · violeta ---------- */
.perna-command {
  --ouro:       #9B7FC7;
  --ouro-alto:  #DCCFF2;
  --ouro-fundo: #5C4280;
  --metal-ouro: linear-gradient(145deg, #EADFF8 0%, #9B7FC7 46%, #5C4280 100%);
}
.perna-command .r-hero::before {
  background:
    radial-gradient(ellipse 62% 90% at 78% 8%, rgba(155,127,199,.16), transparent 62%),
    radial-gradient(ellipse 50% 70% at 8% 96%, rgba(92,66,128,.34), transparent 64%);
}
.perna-command .r-chevron { filter: drop-shadow(0 10px 26px rgba(155,127,199,.3)); }
.perna-command .r-hero-fundo,
.perna-command .p-capa-fundo {
  /* A placa do Command (23/08, gerada pelo prompt de PROMPTS-IMAGEM): o terco
     esquerdo e parede escura, vazia — onde a copy assenta; o dono e o
     funcionario com o tablet vivem a direita. Por isso a posicao e 100%: o
     que sobra de largura sai da ESQUERDA, que e a area reservada. */
  background-image: url("../img/command-hero.jpg");
  background-position: 100% center;
  filter: saturate(1) contrast(1.04) brightness(.96);
}
.perna-command .r-degrau--zero { box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px var(--ouro), 0 0 70px -6px rgba(155,127,199,.7); }

/* ---------- IN.COMPANY · papel ---------- */
.perna-incompany {
  --ouro:       #F2EFE6;
  --ouro-alto:  #FFFFFF;
  --ouro-fundo: #B9B29C;
  --metal-ouro: linear-gradient(145deg, #FFFFFF 0%, #F2EFE6 46%, #B9B29C 100%);
}
.perna-incompany .r-hero::before {
  background:
    radial-gradient(ellipse 62% 90% at 78% 8%, rgba(242,239,230,.10), transparent 62%),
    radial-gradient(ellipse 50% 70% at 8% 96%, rgba(92,66,128,.3), transparent 64%);
}
.perna-incompany .r-chevron { filter: drop-shadow(0 10px 26px rgba(242,239,230,.22)); }
.perna-incompany .r-hero-fundo,
.perna-incompany .p-capa-fundo {
  /* a sala de formacao: a unica foto clara que entra, e entra bem escurecida */
  background-image: url("../img/lacuna.jpg");
  background-position: 60% center;
  filter: saturate(.85) contrast(1.05) brightness(.58);
}
.perna-incompany .r-degrau--zero { box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px var(--ouro), 0 0 70px -6px rgba(242,239,230,.45); }
/* sobre papel, o texto do botao-ouro e a tinta escura — ja e assim no .btn-ouro */

/* ---------- o lockup das portas da casa ----------
   O Rentabiliza tem o Impossible Chevron. Command e in.Company NAO tem
   simbolo proprio (Branding Book: sem sublogo) — assinam com o vortice da
   casa e o nome em texto, no mesmo lockup. */
.r-chevron--casa { border-radius: 50%; }
.perna-command .r-nome, .perna-incompany .r-nome { font-style: italic; }

/* ---------- a segunda coluna da dobra ----------
   No Rentabiliza e o celular com a VSL. No Command e o Pulse (o avatar da
   marca — e a perna AI que o lojista recebe). No in.Company e a foto da
   sala, porque a entrega e presencial. */
.r-hero-pulse { margin: 0; justify-self: center; align-self: end; }
.r-hero-pulse img {
  /* o PNG e de corpo inteiro (355x1014): pela LARGURA ele fazia a dobra ter
     1025px [MEDIDO 23/08]. Pela altura, a dobra fica do tamanho da do
     Rentabiliza. */
  display: block; height: clamp(400px, 58vh, 540px); width: auto; max-width: 100%;
  filter: drop-shadow(0 30px 44px rgba(11,12,31,.5));
}
.r-hero-foto {
  margin: 0; justify-self: center; width: 100%; max-width: 470px;
  border-radius: 22px; overflow: hidden;
  border: 1px solid var(--fio-alto);
  box-shadow: 0 30px 70px -20px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.12);
}
.r-hero-foto img { display: block; width: 100%; height: auto; }
@media (max-width: 999px) {
  .r-hero-pulse img { height: auto; max-width: 200px; width: 100%; }
  .r-hero-foto { max-width: 100%; }
}

/* ---------- a escada sem funil (in.Company: tres formatos) ---------- */
.r-filtro--sem-funil { padding-top: 0; }
.r-filtro--sem-funil .r-escada { margin-top: 0; }

/* ---------- tres cases/dados em linha (o cenario do Command) ---------- */
@media (min-width: 900px) { .p-cases--tres { grid-template-columns: repeat(3, 1fr); } }