/* ==========================================================================
   AJUSTES DE LEITURA, TOQUE E CONTATO
   Carrega depois de styles.css, modelo.css e para-quem.css e só sobrescreve.
   Itens 1, 2, 3 e 6 do relatório mobile, mais o botão que faltava na faixa
   de contato.
   ========================================================================== */

/* ---------- 1. Campo do formulário ----------
   Abaixo de 16px o iPhone aproxima a tela sozinho quando o campo recebe o
   toque, e o visitante precisa afastar de novo para continuar lendo. */
.mdl-footer__field input{ font-size:16px; }

/* ---------- 2. Texto legal do rodapé ----------
   Era cinza com 72% de opacidade em 10,5px: 3,71:1, abaixo do mínimo de
   4,5:1. Sem a transparência e com 12,5px vai para 6,2:1. */
.footer__legal p{ font-size:12.5px; opacity:1; }

/* ---------- 3. Alvos de toque de 44px ----------
   Os links do rodapé tinham 32px de altura e o "topo da página", 17px. A
   altura cresce sem mudar o desenho: o texto continua no mesmo tamanho. */
.mdl-footer__list{ gap:0; }
.mdl-footer__list a{ min-height:44px; }
.footer__top{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:12px;
}

/* ---------- 6. Textos pequenos ---------- */
.qa summary{ min-height:56px; font-size:15px; }
.qa__body{ font-size:14px; }
.mdl-footer__hint{ font-size:13px; }

/* ---------- Faixa de contato com ação ----------
   "CONTATO" no menu e "FALAR COM O CONSULTOR" levavam a uma faixa só com o
   título e as duas marcas. O botão escuro entra sob o título, entre elas. */
.cta-band--logos .cta-band__inner{
  grid-template-areas:
    "carro title   imoveis"
    "carro actions imoveis";
  row-gap:var(--s-24);
}
.cta-band__actions{
  grid-area:actions;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.cta-band .cta-band__actions .btn{ margin-top:0; }
.cta-band__actions p{
  margin:0;
  font-size:14px;
  opacity:1;
}
.cta-band__actions a:not(.btn){
  text-decoration:underline;
  text-underline-offset:3px;
}

@media (max-width:1023px){
  .cta-band--logos .cta-band__inner{
    grid-template-areas:
      "title   title"
      "actions actions"
      "carro   imoveis";
  }
}

/* ---------- Botão "voltar ao topo" ----------
   Era um link de texto com 17px de altura. Virou um botão em pílula, com a
   seta subindo e descendo de leve; no hover ele ganha o dourado da marca e a
   seta acelera. Quem pediu menos movimento no sistema vê o botão parado. */
.footer__top{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 18px 0 12px;
  border:1px solid var(--line-2);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--muted-2);
  font-size:12px;
  font-weight:600;
  letter-spacing:.12em;
  transition:color .25s var(--ease), border-color .25s var(--ease),
             background-color .25s var(--ease), transform .25s var(--ease),
             box-shadow .25s var(--ease);
}
.footer__top:hover{
  transform:translateY(-2px);
  border-color:transparent;
  background:var(--grad-btn);
  color:var(--ink);
  box-shadow:0 12px 26px -14px var(--glow);
}
.footer__top-icon{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:rgba(var(--accent-rgb),.16);
  color:var(--blue-bright);
  transition:background-color .25s var(--ease), color .25s var(--ease);
}
.footer__top:hover .footer__top-icon{
  background:rgba(var(--bg-rgb),.18);
  color:var(--ink);
}
.footer__top-icon svg{
  width:15px;
  height:15px;
  animation:topo-respira 2.6s ease-in-out infinite;
}
.footer__top:hover .footer__top-icon svg{ animation-duration:.9s; }
@keyframes topo-respira{
  0%, 100%{ transform:translateY(1px); }
  50%{ transform:translateY(-2px); }
}

/* ---------- Crédito do rodapé ---------- */
.footer__legal-main{ display:grid; gap:6px; }
.footer__credit{
  font-size:12.5px;
  line-height:1.8;
  color:var(--muted);
}
.footer__credit strong{
  color:var(--blue-bright);
  font-weight:600;
  letter-spacing:.02em;
}

@media (min-width:1024px){
  .footer__legal{ align-items:center; }
}
@media (prefers-reduced-motion:reduce){
  .footer__top-icon svg{ animation:none; }
}