/* Espaçamentos verticais explícitos para blocos de texto e frases. */

:root {
  --espaco-texto-y: var(--section-copy-padding-y);
  --espaco-frase-y: clamp(2.5rem, 5vw, 4.5rem);
}

.espaco-texto,
.espaco-frase {
  display: block;
  flex: 0 0 auto;
  grid-column: 1 / -1;
  width: 100%;
  pointer-events: none;
}

.espaco-texto {
  height: var(--espaco-texto-y);
}

.espaco-frase {
  height: var(--espaco-frase-y);
}

@media (max-width: 768px) {
  :root {
    --espaco-texto-y: 2.5rem;
  }
}