.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  transition: transform 0.3s ease;
  background-color: #fff; /* O el fondo de tu header */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.site-header.hide-header {
  transform: translateY(-100%);
}

.site-content {
  margin-top: 80px; /* Ajusta según la altura de tu header */
}