/* Estilos para el recuadro con ribbon PREMIUM */
body .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon {
  background-color: #FF5733; /* Cambiado a un tono naranja */
  color: #FFFFFF;
  font-size: 90%;
  text-shadow: none;
}

/* Estilos para el recuadro con ribbon animado */
body .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon:not(.enrolled) {
  animation: colorChange 5s infinite;
}

@keyframes colorChange {
  0% { background-color: #FF5733; } /* Naranja */
  25% { background-color: #FFC300; } /* Amarillo */
  50% { background-color: #FF5733; } /* Naranja */
  75% { background-color: #FF00FF; } /* Fucsia */
  100% { background-color: #FF5733; } /* Naranja */
}


/*Estilos para el botón */
body div.ld-course-list-items div.ld_course_grid .thumbnail.course a.btn-primary {
  background-color: #f9b233; /* Cambio a #f9b233 */
  color: #000000; /* Cambio a texto negro */
  position: relative;
  overflow: hidden;
  text-transform: uppercase; /* Transforma el texto en mayúsculas */
}

/* Estilos para el hover del botón */
body div.ld-course-list-items div.ld_course_grid .thumbnail.course a.btn-primary:hover {
  background-color: #262350; /* Cambio a #262350 */
  color: #FFFFFF; /* Cambio a texto blanco */
}

/* Estilos para el recuadro */
body div.ld-course-list-items div.ld_course_grid .thumbnail.course,
.ld_course_grid .thumbnail,
#et-boc .ld_course_grid .thumbnail,
.entry-content div.ld_course_grid .thumbnail {
  max-width: 100%;
  margin: 10px; /* Agregar margen entre los cuadros */
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  min-height: 100%;
  background-color: transparent; /* Cambio a fondo transparente */
  border-radius: 0;
  border: 0 !important;
  box-shadow: none;
}

/* Estilos para el texto dentro del recuadro */
body div.ld-course-list-items div.ld_course_grid .thumbnail.course .caption .entry-title,
.ld_course_grid .thumbnail .caption .entry-title,
#et-boc .ld_course_grid .thumbnail .caption .entry-title,
.entry-content div.ld_course_grid .thumbnail .caption .entry-title {
  color: #FFFFFF; /* Cambio a blanco */
  line-height: 1.2;
  margin-bottom: 15px !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  text-transform: uppercase; /* Transforma el texto en mayúsculas */
}

/* Recuadro (grid) sin bordes */
body div.ld-course-list-content .ld_course_grid,
#ld_course_list .ld-course-list-items .ld_course_grid,
#et-boc .ld-course-list-items .ld_course_grid {
  box-sizing: border-box;
  background: transparent; /* Cambio a fondo transparente */
  border-radius: var(--ldx-grid-item-border-radius);
  border: none;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
  transition: all .15s ease;
  z-index: 1;
}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net., Cached Timestamp: 2025-08-24 15:52:40 UTC -->