@media (min-width: 600px) {
  .promessa__lista {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .entregaveis__grade {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .modal__acoes {
    gap: var(--espaco-sm);
  }
}

@media (max-width: 380px) {
  .roda-zodiacal {
    --roda: min(92vw, 300px);
  }

  .botao {
    padding-inline: 1.2em;
    font-size: var(--texto-sm);
  }
}

@media (hover: none) {
  .botao:hover {
    box-shadow: 0 12px 30px rgba(107, 27, 46, 0.42), inset 0 1px 0 rgba(242, 233, 220, 0.16);
  }

  .campo__entrada:hover {
    border-color: var(--cor-borda);
  }
}

@media (min-width: 1200px) {
  .heroi {
    padding-block: var(--espaco-md) calc(var(--espaco-xl) * 1.1);
  }
}