/* Páginas internas (serviços, segmentos, método, sobre, cases): componentes no mesmo
   espírito da home branca. Entra depois de omnia.css, branca.css e home.css. */

/* ---------- capa interna: texto à esquerda, recorte da cidade com etiquetas à direita ---------- */
.capa-interna{position:relative;background:linear-gradient(180deg,#f7f6fa 0%,#fff 100%);padding:clamp(36px,5vw,64px) 0 clamp(48px,6vw,80px);border-bottom:1px solid var(--borda);overflow:hidden}
.capa-interna__grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:center}
.trilha{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--font-label);font-weight:500;font-size:13px;color:var(--tinta-2)}
.trilha a{color:var(--tinta-2);text-decoration:none} .trilha a:hover{color:var(--roxo)}
.trilha i{width:14px;height:1px;background:var(--borda-roxa)}
.trilha [aria-current]{color:var(--roxo)}
.capa-interna h1{font-family:var(--font-label);font-weight:700;font-size:clamp(32px,3.9vw,56px);line-height:1.04;letter-spacing:-.045em;margin:22px 0 0;color:var(--tinta);text-wrap:balance}
.capa-interna h1 em{font-family:var(--font-serif);font-style:italic;font-weight:500;letter-spacing:0;color:var(--roxo)}
.capa-interna .apoio{font-size:clamp(16px,1.25vw,18px);margin-top:20px;max-width:620px}
.capa-interna .hero__acoes{margin-top:28px}
.capa-interna__visual{position:relative}
.recorte{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;border:1px solid var(--borda);box-shadow:var(--sombra-forte);background:#f3f1f7}
.recorte img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--zoom,1.6));transform-origin:var(--foco,50% 50%)}
.recorte--foto img{transform:none}
.recorte::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0) 70%,rgba(255,255,255,.35) 100%);pointer-events:none}
.capa-interna .popup{opacity:1}
.capa-interna .popup .corpo{transform:translateY(-50%) scale(1)}
.capa-interna .popup--esq .corpo{transform:translateY(-50%) scale(1)}
.capa-interna .orbita{width:min(440px,100%);margin:0 auto}

/* ---------- blocos de conteúdo ---------- */
.secao--sem-topo{padding-top:0}
.bloco-titulo .titulo{margin-top:14px}
.lista-traco{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.lista-traco li{position:relative;padding-left:28px;font-size:17px;line-height:1.6;color:var(--tinta-2)}
.lista-traco li::before{content:"";position:absolute;left:0;top:.8em;width:14px;height:2px;background:var(--roxo)}
.lista-traco--grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:0 48px;margin-top:36px}
.lista-traco--grade li{padding:14px 0 14px 28px;border-top:1px solid var(--borda)}
.lista-traco--grade li::before{top:calc(.8em + 14px)}
.duas-colunas--topo{align-items:start}
.texto-grande{font-size:clamp(17px,1.25vw,18px);line-height:1.65;color:var(--tinta-2);margin:0}
.texto-grande a{color:var(--roxo);font-weight:500}
.nota{font-size:15px;line-height:1.6;color:var(--tinta-2);margin:28px 0 0;max-width:800px}

/* passos de um processo */
.processo{list-style:none;margin:40px 0 0;padding:0}
.processo li{position:relative;display:grid;grid-template-columns:48px minmax(180px,300px) 1fr;gap:10px 24px;padding:26px 0;border-top:1px solid var(--borda);align-items:start}
.processo li:last-child{border-bottom:1px solid var(--borda)}
.processo .num{width:40px;height:40px;border-radius:50%;background:var(--roxo-leve);color:var(--roxo);display:grid;place-items:center;font-family:var(--font-label);font-weight:600;font-size:13px}
.processo h3{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(21px,1.8vw,25px);line-height:1.2;margin:8px 0 0;color:var(--tinta)}
.processo p{margin:8px 0 0;font-size:16px;line-height:1.6;color:var(--tinta-2)}

/* cartão de destaque claro e cartão roxo */
.card--leve{background:var(--roxo-fundo)}
.card--roxo{background:linear-gradient(135deg,#8a72c0 0%,#7861b4 60%,#4f3f86 100%);border-color:transparent;color:#fff}
.card--roxo .card__topo span,.card--roxo h3,.card--roxo p{color:#fff}
.card--roxo .rotulo{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}
.card--roxo .rotulo::before{background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.card--roxo a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.card--roxo .pendente{background:rgba(255,255,255,.14);color:#fff;border-bottom-color:#fff}
.card .rotulo{align-self:flex-start}
.card h3.card__titulo-sans{font-family:var(--font-label);font-style:normal;font-weight:700;font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;line-height:1.1}

/* perguntas frequentes */
.faq{border-top:1px solid var(--borda);margin-top:8px}
.faq details{border-bottom:1px solid var(--borda)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;cursor:pointer;font-family:var(--font-serif);font-weight:600;font-size:clamp(18px,1.5vw,20px);line-height:1.3;color:var(--tinta);transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--roxo)}
.faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--roxo-leve);color:var(--roxo);font-family:var(--font-sans);font-weight:400;font-size:20px;line-height:1;transition:transform .25s var(--suave)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq__resposta{padding:0 44px 22px 4px;font-size:16px;line-height:1.6;color:var(--tinta-2)}
.faq__resposta p{margin:0} .faq__resposta a{color:var(--roxo);font-weight:500}

/* chamada final em roxo */
.chamada{position:relative;overflow:hidden;background:linear-gradient(135deg,#8a72c0 0%,#7861b4 55%,#4f3f86 100%);color:#fff;border-radius:28px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;box-shadow:0 24px 60px rgba(120,97,180,.28)}
.chamada::before{content:"";position:absolute;right:-12%;top:-60%;width:60%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.25);pointer-events:none}
.chamada::after{content:"";position:absolute;right:-4%;top:-30%;width:40%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.chamada h2{font-family:var(--font-label);font-weight:700;font-size:clamp(26px,3vw,40px);letter-spacing:-.04em;line-height:1.05;margin:0;color:#fff;text-wrap:balance}
.chamada h2 em{font-family:var(--font-serif);font-style:italic;font-weight:500;letter-spacing:0;color:#e4d8ff}
.chamada p{margin:12px 0 0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.86);max-width:640px}
.chamada .botao{position:relative;z-index:1}
.botao--branco{background:#fff;color:var(--roxo)} .botao--branco:hover{background:#f1ebff;color:var(--roxo)}
.botao--branco .botao__check{border-color:var(--roxo)} .botao--branco .botao__check svg{stroke:var(--roxo)}

/* leia também: chips */
.leia-tambem{padding:0 0 var(--secao)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.chips a,.chips button{display:inline-flex;align-items:center;min-height:38px;padding:8px 16px;border-radius:999px;border:1px solid var(--borda-roxa);background:#fff;font-family:var(--font-label);font-weight:500;font-size:14px;color:var(--tinta);text-decoration:none;box-shadow:var(--sombra);cursor:pointer;transition:background .2s,color .2s,transform .2s var(--suave)}
.chips a:hover,.chips button:hover{background:var(--roxo-fundo);color:var(--roxo);transform:translateY(-2px)}
.chips button.ativo{background:var(--roxo);border-color:var(--roxo);color:#fff}

/* pilares com a roda ao lado */
.pilares-roda{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px;margin-top:40px;align-items:start}
.pilares-roda .card{align-items:center;gap:20px}
.pilares-roda .roda{width:100%;max-width:360px;margin:0;animation:none}
.pilares-roda .roda svg{width:100%;height:auto;display:block}
.pilares-roda .pilares{margin-top:0}
.pilares li{color:var(--tinta-2);border-color:var(--borda)} .pilares li:last-child{border-color:var(--borda)} .pilares b{color:var(--tinta)}

/* cartões dos cinco pilares (página do método) */
.pilar{display:flex;flex-direction:column;gap:12px}
.pilar__cor{width:14px;height:14px;border-radius:4px}
.pilar h3{font-family:var(--font-label);font-weight:700;font-size:clamp(22px,2vw,26px);letter-spacing:-.03em;margin:0;color:var(--tinta)}
.pilar .como{font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--roxo);margin:0}
.pilar dl{margin:8px 0 0;display:grid;gap:10px}
.pilar dt{font-family:var(--font-label);font-weight:600;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--roxo)}
.pilar dd{margin:2px 0 0;font-size:15px;line-height:1.55;color:var(--tinta-2)}

/* tabela simples (resultados do case) */
.tabela{width:100%;border-collapse:collapse;margin-top:28px;font-size:15px}
.tabela th,.tabela td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--borda)}
.tabela th{font-family:var(--font-label);font-weight:600;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--roxo);background:var(--roxo-fundo)}
.tabela td{color:var(--tinta-2)}

/* depoimento em cartão */
.depoimento-card{margin:0;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:20px}
.depoimento-card p{margin:0;font-family:var(--font-serif);font-weight:500;font-size:clamp(20px,2vw,28px);line-height:1.4;color:var(--tinta)}
.depoimento-card footer{font-size:14px;color:var(--tinta-2)}

/* equipe (sobre) */
.pessoa{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.pessoa__foto{width:100%;aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,#ebe5f5,#f6f4fa);display:grid;place-items:center;color:var(--roxo)}
.pessoa h3{font-family:var(--font-label);font-weight:600;font-size:17px;margin:0;color:var(--tinta)}
.pessoa p{margin:0;font-size:14px;color:var(--tinta-2)}

@media (max-width:959px){
  .capa-interna__grade{grid-template-columns:1fr}
  .capa-interna__visual{order:2}
  .processo li{grid-template-columns:40px 1fr}
  .processo li p{grid-column:2}
  .chamada{grid-template-columns:1fr}
}