body {
   background-color: #000000;
   color: #b7b4c8;
}

.text-header {
   font-weight: bold;
   font-size: 16px;
   color: #120241;
}


.linea {
   border: solid;
   border-width: 1px;
   border-color: #3f0a8b
}

.carrito-item {
   background-color: #f5f5fc;
   border-radius: 8px;
   box-shadow: 0 1px 3px 1px rgba(102, 102, 102, 0.16);
}

   .carrito-item.black {
      background-color: #3f0a8b;
      box-shadow: 0 1px 3px 1px rgba(175, 173, 245, 0.16);
   }


.producto,
.promocion,
.precio,
.cantidad,
.total {
   font-size: 16px;
   font-weight: bold;
   color: #3f0a8b;
}

   .text-header.black,
   .carrito-item.black .producto,
   .carrito-item.black .promocion,
   .carrito-item.black .precio,
   .carrito-item.black .cantidad,
   .total.black,
   .carrito-vaciar.dark {
      color: #b7b4c8;
   }

.total-importe.black {
   color: #ffffff;
}


.inicio {
   font-size: 16px;
   font-weight: bold;
   color: #3f0a8b;
}

.fecha {
   font-size: 16px;
   font-weight: normal;
   color: #3f0a8b;
}

.total-importe {
   font-size: 18px;
   font-weight: bold;
   color: #120241;
}

.carrito-borrar-articulo i,
.carrito-disminuir-articulo i,
.carrito-incrementar-articulo i {
   color: #7fd859;
   font-weight: bold;
}

.carrito-item.black .carrito-borrar-articulo i,
.carrito-item.black .carrito-disminuir-articulo i,
.carrito-incrementar-articulo i {
   color: lightgoldenrodyellow;
}

.spinner-color {
   color: #7fd859 !important;
}

.carrito-vaciar {
   color: #120241;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
}

.texto-vacio {
   font-size: 16px;
   font-weight: normal;
}

.seccion-carrito .seccion-cursos {
   padding: 10px 20px 32px 9px;
}

.seccion-cursos .tituloPagina {
   margin-top: 10px;
   margin-bottom: 20px;
}


@media screen and (max-width: 575px) {
   .inicio {
      display: none;
   }

   .titulo-sm {
      display: none;
   }
}

@media screen and (min-width: 576px) {
   .titulo-xm {
      display: none;
   }


   .promocion {
      font-size: 14px;
   }

   .fecha {
      font-size: 14px;
   }

   .precio {
      font-weight: normal;
   }

   .total {
      font-weight: normal;
   }

   .total-importe {
      font-size: 16px;
   }

   .carrito-vaciar {
      font-size: 12px;
   }

   .texto-vacio {
      font-size: 24px;
   }
}

@media screen and (min-width: 992px) {
   .text-header {
      font-size: 20px;
   }

   .producto,
   .inicio,
   .fecha,
   .precio,
   .total,
   .total-importe {
      font-size: 18px;
   }

   .promocion {
      font-size: 16px;
   }

   .cantidad {
      font-size: 20px;
      font-weight: bold;
   }

   .carrito-vaciar {
      font-size: 16px;
   }

   .seccion-cursos .tituloPagina {
      font-size: 30px;
   }
}