/* Botões com posição absoluta */
.btn {
  position: absolute;
  display: block;
  z-index: 2;
}

.btn img {
  width: 100%;
  height: auto;
  display: block;
}

/* Posicionamento exato dos botões */
.orcamento {
  top: 30%;
  left: 48%;
  transform: translate(-50%, -50%);
  width: 68%;
}

.ensaio {
  top: 51%;
  left: 14%;
  width: 33%;
}

.social {
  top: 51%;
  right: 18%;
  width: 33%;
}

.tiktok {
  top: 64%;
  left: 14%;
  width: 33%;
}

.editorial {
  top: 64%;
  right: 18%;
  width: 33%;
}

/* Efeito pulsante no botão principal */
.pulse {
  animation: pulse 1.8s infinite;
}

@keyframes pulse {
  0%   { transform: translate(-50%, -50%) scale(1); }
  50%  { transform: translate(-50%, -50%) scale(1.05); }
  100% { transform: translate(-50%, -50%) scale(1); }
}

/* Seção principal com rolagem fluida */
.hero {
  position: relative;
  width: 100%;
  min-height: 120vh; /* altura maior que 100% da tela */
  background: url("assets/prancheta-1.png") no-repeat center top;
  background-size: cover;
  background-color: #000;
  background-repeat: no-repeat;
  padding-bottom: 100px; /* espaço extra no final para scroll */
}

/* Estilização global */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #000;
  font-family: sans-serif;
}