.ravsound{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;
}

  .ravsound__titulo{
    text-align: center;
  }

  .ravsound__main{
    width: 100%;
    display: flex;
  }
    .ravsound__locucoes{
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

      .ravsound__demonstrativo{
        display: flex;
        flex-direction: column;
      }

        .locucao__play{
          margin: auto;
          height: 1.5rem;
          border-radius: 0.5rem;
        }

        .locucao__info{
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          gap: 0.25rem;
        }

          .locucao__titulo{
            text-transform: capitalize;
            font-size: 1.25rem;
            font-weight: var(--pesoFonte-titulo);
            color: var(--preto);
            text-align: center;
          }

          .locucao__descricao{
            font-size: 0.75rem;
            color: var(--preto-claro);
            text-align: center;
          }

    .ravsound__info{
      width: 50%;
      height: auto;
      padding: 0 1rem;

      display: flex;
      flex-direction: column;
      gap: 1rem;
      align-items: center;
      justify-content: space-between;
    }

      .ravsound__imagem{
        border-radius: 100%;
        width: 80%;
      }

      .ravsound__descricao{
        width: 100%;
        font-size: 1.15rem;
        color: var(--preto);
        text-align: left;
        white-space: pre-wrap;
      }

/* MOBILE */
@media screen and (min-width:0){
  .ravsound__main{
    flex-direction: column-reverse;
  }
  .ravsound__locucoes, .ravsound__info{
    width: 100%;
  }
  .ravsound__locucoes{
    margin-top: 1rem;
  }

  .locucao__play{
    width: 100%;
  }
}/* MOBILE - FIM */


/* TABLET */
@media screen and (min-width: 768px){
  
}/* TABLET - FIM */


/* 1024 */
@media screen and (min-width: 1024px){
  .ravsound__main{
    flex-direction: row;
  }

  .ravsound__locucoes, .ravsound__info{
    width: 50%;
  }

  .ravsound__locucoes{
    margin-top: unset;
  }

  .locucao__play{
    width: 80%;
  }
}/* 1024 - FIM */


/* 1200 */
@media screen and (min-width: 1200px){
  
}/* 1200 - FIM */