/* Apenas o tamanho e a apresentação das informações ao lado do curso em destaque,
   seguindo exatamente a escala usada no destaque de E-books. */
@media(max-width:620px){
  #page-curso .course-ref-feature-copy{
    padding:0!important;
    justify-content:center!important;
    gap:0!important;
  }
  #page-curso .course-ref-status{
    margin:0 0 7px!important;
    padding:5px 9px!important;
    font-size:8.5px!important;
    line-height:1!important;
    letter-spacing:.35px!important;
  }
  #page-curso .course-ref-feature-copy h2{
    margin:0 0 7px!important;
    font-size:16px!important;
    line-height:1.08!important;
    letter-spacing:-.45px!important;
  }
  #page-curso .course-ref-feature-copy>p{
    margin:0 0 9px!important;
    font-size:9.4px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  #page-curso .course-ref-feature-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 10px!important;
    margin:0 0 9px!important;
    font-size:8.8px!important;
    line-height:1.25!important;
  }
  #page-curso .course-ref-feature-meta span{
    gap:4px!important;
    white-space:nowrap!important;
  }
  #page-curso .course-ref-feature-meta svg{
    width:13px!important;
    height:13px!important;
  }
  #page-curso .course-ref-progress-head{
    margin:0 0 4px!important;
    font-size:8.8px!important;
    line-height:1.2!important;
  }
  #page-curso .course-ref-progress-head strong{
    font-size:8.8px!important;
  }
  #page-curso .course-ref-progress{
    height:6px!important;
  }
  #page-curso .course-ref-progress-note{
    margin:5px 0 9px!important;
    font-size:8.8px!important;
    line-height:1.2!important;
  }
  #page-curso .course-ref-continue{
    min-height:38px!important;
    margin-top:0!important;
    padding:5px 34px 5px 10px!important;
    border-radius:13px!important;
    font-size:9.6px!important;
    line-height:1!important;
  }
  #page-curso .course-ref-continue svg{
    right:12px!important;
    width:15px!important;
    height:15px!important;
  }
}
@media(max-width:420px){
  #page-curso .course-ref-feature-copy h2{font-size:14.5px!important}
  #page-curso .course-ref-feature-copy>p{font-size:8.8px!important;-webkit-line-clamp:2!important}
  #page-curso .course-ref-feature-meta,
  #page-curso .course-ref-progress-head,
  #page-curso .course-ref-progress-head strong,
  #page-curso .course-ref-progress-note{font-size:8.3px!important}
  #page-curso .course-ref-continue{min-height:36px!important;font-size:9px!important}
}