.mensaje-sin-cursos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #fcf3d7;
  padding: 1.5rem;
  border-radius: 8px;
  margin-top: 15px;
}

.mensaje-sin-cursos__content {
  max-width: 70%; /* el texto ocupa un lado */
}

.mensaje-sin-cursos__titulo {
    font-family: "Taviraj", Sans-serif;
    font-size: 38px;
    color: #07342D;
}

.mensaje-sin-cursos__texto {
    font-size: 16px;
    margin-bottom: 20px;
    color: #555;
}

.mensaje-sin-cursos__button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: #0073e6;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  transition: background 0.3s ease;
}

.btn-descargar-diploma{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 14px;
  background-color: #e8f0ed;   /* Fondo similar al de la imagen */
  border-radius: 12px;         /* Bordes redondeados */
  text-decoration: none;
  color: #0a4a3a;              /* Texto en tono verde oscuro */
  font-family: "Taviraj", Sans-serif;
  transition: background 0.3s ease;
}

.btn-descargar-diploma:hover {
  background-color: #d5e8e2;   /* Cambio de color al pasar el mouse */
}

.mensaje-sin-cursos__boton:hover {
    background-color: #005f4c;
}

@media (max-width: 768px) {
  .mensaje-sin-cursos {
    flex-direction: column;   /* Cambia de fila a columna */
    align-items: flex-start;  /* Alinea a la izquierda */
  }

  .mensaje-sin-cursos__content {
    max-width: 100%;
  }

  .btn-descargar-diploma {
    margin-top: 15px; /* Espacio entre el texto y el botón */
    width: 100%;      /* Ocupa todo el ancho en móvil */
    text-align: center;
  }
}