.botao-eventos {
  
}

.showDesktop .banner {
  width: 80%;
  height: auto;
}

.showMobile .banner {
  width: 100%;
  height: auto;
}

.geral {
  margin-top: 24px;
  text-align: center;
}

.showDesktop .img-canal {
  --size: 10px;

  background-image: radial-gradient(
    circle,
    #c8c7c9 0%,
    #c8c7c9 20%,
    transparent 20%,
    transparent 100%
  );
  background-size: var(--size) var(--size);
  background-position: 0 0, calc(var(--size) / 2) calc(var(--size) / 2);
}

.showMobile .img-canal {
  --size: 10px;

  margin-right: 16px;
  margin-left: 16px;
  padding-top: 24px;
  padding-bottom: 24px;

  background-image: radial-gradient(
    circle,
    #c8c7c9 0%,
    #c8c7c9 20%,
    transparent 20%,
    transparent 100%
  );
  background-size: var(--size) var(--size);
  background-position: 0 0, calc(var(--size) / 2) calc(var(--size) / 2);
}