.text-xxl{
  font-size: 2rem;
  line-height: 1.7rem;
}

.submenu {
    transition: all 0.3s ease;
}

.wrap-submenu {
    transition: all 0.3s ease;

}

.wrap-submenu.open .submenu {
    display: block!important;


}

.open {
    display: block!important;
    transition: all 0.3s ease;
}

@keyframes entering {
    from {background-color: red;}
    to {background-color: yellow;}
  }

  @keyframes entering {
    from {background-color: red;}
    to {background-color: yellow;}
  }


/*carrusel PODCASTS*/
.carousel {
  position: relative;
  overflow: hidden;
  width: 95%;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-item {
  flex: 0 0 auto;
  width: calc(100% / 5);
  box-sizing: border-box;
  padding: 10px;
}

.carousel-item img {
  width: 100%;
  border-radius: 8px;
}

.carousel-item p {
  text-align: center;
  margin-top: 8px;
  font-size: 1rem;
}

.carousel-buttons {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
}

.carousel-button {
  background-color: rgb(100, 102, 241, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  /*border-radius: 50%;*/
}

.carousel-item img{
  border-radius: 15px;
}

@media (max-width: 1200px) {
  .carousel-item {
    width: calc(100% / 4);
  }
}

@media (max-width: 992px) {
  .carousel-item {
    width: calc(100% / 3);
  }
}

@media (max-width: 768px) {
  .carousel-item {
    width: calc(100% / 2);
  }
}

@media (max-width: 576px) {
  .carousel-item {
    width: 100%;
  }
}

/*Landing radio*/
.bg-radio img{
  width: 100%;
}

.content-radio{
  position: absolute;
  top:100px;
  left: 60px;
  z-index: 1;
  width: 100%;
}

.content-radio img{
  width: 20%;
}

.textos-radio {
  width: 50%;
}

.ico-radio{
  width: 20px;
  float: left;
}


@media (max-width: 768px) {
  .content-radio{
    position: absolute;
    top:20px;
    left: 30px;
    z-index: 1;
    width: 100%;
  }
  .content-radio img{
    width: 35%;
  }
  .textos-radio{
    width: 80%;
  }

}
.mw125{
  max-width: 125px;
}
