.titulo-secundario {
   color: #120241 !important;
   font-size: calc(0.6em + 1vw) !important;
}

.seccion-oferta {
   background-color: #524094;
}

   .seccion-oferta .texto {
      font-size: 15px;
      font-weight: bold;
      width: 90%;
   }

.cursos-online .texto-color {
   color: #7737E5;
}

.cursos-online .seccion-cursos {
   background-image: none;
   padding: 25px 20px 32px 9px;
}

.card-link {
   display: none;
}

.seccion-practica {
   background-color: #4E3392;
}

   .seccion-practica .background-image {
      background-image: url('/images/practica-mejora-habilidades.jpg?v=2025');
      background-size: cover;
      background-position: center;
   }


   .seccion-practica .texto {
      padding-left: 10%;
      padding-right: 10%;
      font-size: 15px;
   }

      .seccion-practica .texto img {
         height: 5vw;
         max-height: 50px;
         position: relative;
         right: -95%;
      }

   .seccion-practica .imagen {
      width: 100%;
   }

.seccion-inscribete {
   background-color: #503A93;
   font-size: 15px;
   font-weight: bold;
}

   .seccion-inscribete .imagen {
      height: 10vw;
      max-height: 100px;
   }

   @media screen and (min-width: 576px) {
      .seccion-oferta .texto {
      font-size: calc(0.6em + 1vw);
      width: 95%;
   }

   .seccion-practica .texto {
      padding-left: 3%;
      padding-right: 3%;
      font-size: calc(0.5em + 1vw);
   }

   .seccion-practica .imagen {
      display: none;
   }

   .seccion-inscribete {
      font-size: calc(0.6em + 1vw);
   }
}

@media screen and (max-width: 767px) {
   .cursos-online .seccion-cursos {
      padding: 25px 20px 50px 9px;
   }
}

@media screen and (min-width: 992px) {
   .titulo-secundario {
      margin-top: 0px !important;
      font-size: 30px !important;
   }

   .cursos-online .seccion-cursos {
      padding-top: 25px;
      padding-bottom: 90px;
   }
}