/* Bitcoin Contabilidade e Perícia: laranja do logo (#FA8920), branco e grafite.
   A paleta do painel (principal escura = grafite #2B2F36) faz a maior parte;
   aqui só o que ela não alcança. */

/* Logo com a frase "Seu patrimônio digital seguro": um pouco maior para ler. */
.logo img { height: 56px; }
.cabecalho.rolou .logo img { height: 46px; }

/* Faixa do lema: laranja de ponta a ponta, letra branca. */
.lema { background: linear-gradient(90deg, #D96F0C, #FA8920 50%, #D96F0C); }
.lema p, .lema p span { color: #fff; }
.lema .listras i { background: rgba(255, 255, 255, .85); }

/* Fotos do Márcio ficam à direita da imagem: no celular o recorte acompanha. */
.slide__foto img { object-position: 72% 30%; }

/* Foto do fundador em cor (o modelo deixa a equipe em preto e branco). */
.pessoa__foto img { filter: none; object-position: center 20%; }

/* Texto sobre laranja: branco com contraste. */
.btn--acao, .btn--destaque { color: #fff; }

/* Equipe de uma pessoa só (o fundador): cartão largo, foto ao lado do texto. */
.grade--3:has(> .pessoa:only-of-type) { grid-template-columns: minmax(0, 860px); justify-content: center; }
.grade--3 > .pessoa:only-of-type { display: grid; grid-template-columns: 320px 1fr; align-items: center; grid-column: 1 / -1; }
.grade--3 > .pessoa:only-of-type .pessoa__info { padding: 32px 36px; }
.grade--3 > .pessoa:only-of-type .pessoa__info p { font-size: 16px; }
@media (max-width: 700px) {
  .grade--3 > .pessoa:only-of-type { grid-template-columns: 1fr; }
}

/* WhatsApp no verde do WhatsApp (o botão de ação do site é laranja). */
.zap:not(.zap--telegram) { background: #25D366; }
.zap:not(.zap--telegram)::before { border-color: #25D366; }

/* "Vamos conversar": esta fica no tom terroso, que o Tiago aprovou. */
.chamada { background: #492708; }
.chamada::before { background: radial-gradient(ellipse at center, rgba(184, 90, 6, .55), #492708 75%); }

/* Fale Conosco: versão clara, cartão do formulário branco e laranja nos detalhes. */
.secao:has(.contato-itens) { background: var(--papel); color: var(--texto); }
.secao:has(.contato-itens) .subtitulo, .secao:has(.contato-itens) .form__dica,
.secao:has(.contato-itens) .campo--check, .secao:has(.contato-itens) .form__aviso { color: var(--texto-suave); }
.secao:has(.contato-itens) .fantasma::before { -webkit-text-stroke-color: rgba(250, 137, 32, .18); }
.contato-item__icone { border-color: rgba(0, 0, 0, .14); color: #D96F0C; background: #fff; }
.contato-item:hover .contato-item__icone { color: #fff; }
.contato-item b, .contato-item a, .contato-item span { color: var(--texto); }
.secao:has(.contato-itens) .form.vidro { background: #fff; border: 1px solid var(--papel-2); box-shadow: 0 24px 60px rgba(43, 47, 54, .10); color: var(--texto); -webkit-backdrop-filter: none; backdrop-filter: none; }
.secao:has(.contato-itens) .campo input, .secao:has(.contato-itens) .campo select, .secao:has(.contato-itens) .campo textarea { background: #F7F5F2; border-color: rgba(0, 0, 0, .14); color: var(--texto); }
.secao:has(.contato-itens) .campo input:focus, .secao:has(.contato-itens) .campo select:focus, .secao:has(.contato-itens) .campo textarea:focus { background: #fff; }
.secao:has(.contato-itens) .campo label { color: var(--texto-suave); }
.secao:has(.contato-itens) .campo label.fixo, .secao:has(.contato-itens) .campo input:focus + label,
.secao:has(.contato-itens) .campo input:not(:placeholder-shown) + label, .secao:has(.contato-itens) .campo textarea:focus + label,
.secao:has(.contato-itens) .campo textarea:not(:placeholder-shown) + label { color: #D96F0C; }
.secao:has(.contato-itens) .campo :focus::placeholder { color: rgba(0, 0, 0, .35); }
.secao:has(.contato-itens) .mapa { filter: none; }

/* Foto ao lado de "Menos taxa": no celular o modelo muda para 4:3 e cortava o rosto. Fica 4:5 sempre. */
@media (max-width: 1080px) { .vidro__foto { aspect-ratio: 4 / 5; max-width: 340px; } }

/* Quem Somos, "Nossa história": retângulo laranja em cima à esquerda e a
   foto (P&B, 4:5) com o canto superior esquerdo no centro dele.
   Retângulo 60% x 45% da largura (centro em 30% / 22,5%); margem em % é
   sempre sobre a largura, então as duas medidas andam juntas. */
.foto-moldura:has(img[src*="historia"]) { max-width: 560px; margin-inline: auto; width: 100%; }
.foto-moldura:has(img[src*="historia"])::before {
  left: 0; top: 0; right: auto; bottom: auto; width: 60%; height: auto; aspect-ratio: 4 / 3;
}
.foto-moldura:has(img[src*="historia"]) .foto {
  width: 60%; margin: 22.5% 0 0 30%; aspect-ratio: 4 / 5; box-shadow: 0 30px 60px rgba(43, 47, 54, .28);
}

/* Serviços: seção "Regularização de dívidas com a União (PGFN)". */
#pgfn .pgfn__texto { margin-top: 18px; color: var(--texto-suave); font-size: 16px; }
#pgfn .pgfn__lado { display: grid; gap: 22px; }
#pgfn .pgfn__lado .card p { margin-top: 12px; }
#pgfn .pgfn__lado .card .btn { margin-top: 22px; }

/* Quem chega por servicos.html#pgfn não fica com o título atrás do cabeçalho fixo. */
#pgfn { scroll-margin-top: 110px; }