.curso {
  display:flex;
  width:100%;
  position:sticky;
  top:0;
  background-color:grey;
  flex-direction:column;
  height:100vh;
  color:white;
  z-index: 6;
}

  .curso .top{
    width:100%;
    display:flex;
    padding:56px 40px 40px 40px;
    height:55vh;
    /*background-color:purple;*/
    align-items:center;
    justify-content:center;
    z-index:2;
  }

  .curso .bottom{
    width:100%;
    display:flex;
    height:45vh;
    padding:40px 40px 56px 40px;
    justify-content:center;
    align-items: center;
    /*background-color:darkred;*/
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color:rgba(0,0,0,0.3);
    z-index:2;
  }

  .curso .top .content{
    width:100%;
    max-width:1448px;
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  .curso .bottom .content{
    width:100%;
    display:flex;
    gap:34px;
    padding-right:40px;
    max-width:1448px;
    justify-content:space-between;
  }

  .curso .bottom .left{
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:826px;
    gap:28px;
  }

  .curso .bottom .puntos{
    width:100%;
    flex-wrap:wrap;
    column-gap:35px;
    row-gap:13px;
    display:flex;
  }

  .curso .bottom .caja{
    width:100%;
    display:flex;
    flex-direction:column;
    flex:1 1 260px;
    max-width:474px;
    gap:13px;
  }

  .curso .bottom .line{
    width:100%;
    height:1px;
    background-color:#838383;
  }

  .curso .bottom a.descargar{
    text-decoration:none;
    cursor:pointer;
    width:fit-content;
    color:white;
    padding:13px 26px;
    border:1px solid rgba(221, 221, 221, 0.3);
    background-color:rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }

  
.curso .bottom .right{
  display:flex;
  width:100%;
  max-width:335px;
  height:fit-content;
  border:1px solid rgba(221, 221, 221, 0.3);
  background-color:rgba(255, 255, 255, 0.1);
}

.curso .bottom .precio{
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
    color:white;
    padding:13px 26px;
    font-size: 15px;
    line-height: 24px;
} 

.curso .bottom a.inscripcion{
    text-decoration:none;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
    padding:13px 26px;
    color:black;
    background-color:#D9D9D9;
    font-size: 15px;
    line-height: 24px;
}  

  
.curso .bottom.especial{
  height:100vh;
  justify-content:center;
  align-items:center;
  backdrop-filter: none;
 -webkit-backdrop-filter: none;
  background-color:transparent;
}
  
.curso .content.rutaCompleta{
  flex-direction:column;
  height:50vh;
  width:100%;
  align-items:center;
  justify-content:center;
  max-width:617px;
  gap:23px;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background-color:rgba(0,0,0,0.3);
}


  .curso .background{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background-color:rgb(102, 93, 93);
  }

  .curso .background img{
    object-position:center;
    object-fit:cover;
    width:100%;
    height:100%;
  }

  .curso h2{
    font-size: 42px;
    line-height: 64px;
  }
    .curso h5{
    font-size: 17px;
    line-height: 27px;
  }
    .curso p{
    font-size: 15px;
    line-height: 28px;
    max-width: 700px;
  }

    .curso .caja p{
    font-size: 14px;
    line-height: 23px;
  }