@media (max-width: 1024px) {
  .cabecalho {
    font-size: 6rem;
  }

  .titulo-video {
    display: none;
  }

  .pag4-grade {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8rem;
    margin-bottom: 8rem;
  }

  .videos-web,
  .videos-app {
    height: 46rem; /* Defina uma altura fixa para a div */
    overflow-y: scroll; /* Barra de rolagem */
  }

  .videos-web iframe,
  .videos-app iframe {
    width: 100%;
    height: 40rem;
  }

  .titulo-video-celular,
  .titulo-video-celular2 {
    display: flex;
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    color: cornflowerblue;
    background-color: #e1e9f5;
    border: 0.1rem solid cornflowerblue;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4); /*sombra ao redor */
    border-bottom: none;
    margin-bottom: -8.1rem;
  }

  .videos-web,
  .videos-app {
    border: 0.1rem solid cornflowerblue;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border-top: none;
    background-color: #e1e9f5;
  }
}

@media (max-width: 428px) {
  .cabecalho {
    font-size: 4rem;
  }

  .titulo-video {
    display: none;
  }

  .titulo-video-celular,
  .titulo-video-celular2 {
    display: flex;
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    color: cornflowerblue;
    background-color: #e1e9f5;
    border: 0.1rem solid cornflowerblue;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4); /*sombra ao redor */
    border-bottom: none;
    margin-bottom: -8.1rem;
  }

  .videos-web,
  .videos-app {
    border: 0.1rem solid cornflowerblue;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
    border-top: none;
    background-color: #e1e9f5;
  }

  .legenda-video1 {
    margin-left: 1rem;
  }

  .legenda-video {
    margin-left: 1rem;
  }

  .pag4-grade {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8rem;
    margin-bottom: 8rem;
  }

  .videos-web iframe,
  .videos-app iframe {
    width: 100%;
    height: 40rem;
  }
}