@import "./global/header.css";
@import "./global/global.css";
@import "./home/introducao.css";
@import "./utilidades/componentes.css";
@import "./utilidades/cores.css";
@import "./utilidades/tipografia.css";
@import "./servicos/servicos-lista.css";
@import "./home/depoimentos.css";
@import "./home/sobrenos.css";
@import "./home/sobreTeste.css";
@import "./depoimentos/depoimentos-lista.css";
@import "./global/footer.css";
@import "./protocolo/protocolo.css";
@import "./bicicleta.css";

/* ===== Offset automático do header fixo ===== */
:root {
  --header-h: 80px;
}

/* Empurra todo o conteúdo para baixo pela altura real do header */
body {
  padding-top: var(--header-h);
}

/* Âncoras (#sobrenos etc.) não ficam escondidas atrás do header */
html {
  scroll-padding-top: var(--header-h);
  scroll-behavior: smooth;
}

/* ===== Logo responsiva ===== */
.logo {
  width: clamp(120px, 18vw, 210px);
  height: auto;
  display: block;
}

/* ===== Botão flutuante WhatsApp ===== */
.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  background-color: #77afa8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  z-index: 100;
}

.whatsapp-float:hover {
  background-color: #77afa8;
}

.whatsapp-icon {
  width: 35px;
  height: 35px;
}