/* Escala geral maior para uma apresentação mais próxima e impactante. */
html { font-size: 120%; }

/* Troca de imagens solicitada entre destaque inicial e seção Sobre. */
#topo img[src="images/adriana.png"] { content: url("images/158c4420-f7eb-49a3-a357-b4d487f70876.png"); }
#sobre img[src="images/gestao-CD4TECsJ.jpg"] { content: url("images/adriana.png"); }

/* Ajustes exclusivos para telas pequenas; preserva o layout original no desktop. */
@media (max-width: 47.99rem) {
  header.fixed > div { padding-inline: 1rem; }
  header.fixed > div > a:last-child { padding: .5rem .75rem; font-size: .72rem; white-space: nowrap; }
  #topo h1 { font-size: clamp(2.5rem, 12vw, 3rem); line-height: 1.08; overflow-wrap: anywhere; }
  #topo h1 .text-gradient-gold { font-size: .94em; }
  #topo .pt-32 { padding-top: 7rem; }
  #topo .text-lg { font-size: 1rem; line-height: 1.6; }
  #topo dl { gap: .75rem; }
  #topo dd { font-size: .58rem; letter-spacing: .04em; }
  #topo dt { font-size: 1.55rem; }
  #topo .max-w-sm { max-width: 19rem; }
}

.whatsapp-float {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 60;
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: var(--primary);
  color: var(--primary-foreground);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, .35);
  transition: transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .48); }
.whatsapp-float:focus-visible { outline: .18rem solid white; outline-offset: .22rem; }
@media (max-width: 47.99rem) { .whatsapp-float { right: 1rem; bottom: 1rem; } }