.aluno-turma-page {
    min-height: 100vh;

    background:
      #f3f6f8;

    color:
      #1c3145;
  }


  .aluno-turma-page.hidden {
    display: none;
  }


  .aluno-turma-header {
    min-height: 78px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding:
      14px 30px;

    border-bottom:
      1px solid #dce4e9;

    background:
      #ffffff;
  }


  .aluno-turma-header-left {
    display: flex;
    align-items: center;

    gap: 18px;
  }


  .aluno-turma-voltar {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    padding: 8px 0;

    border: 0;

    cursor: pointer;

    background:
      transparent;

    color:
      #183f60;

    font-size: 12px;
    font-weight: 700;
  }


  .aluno-turma-divider {
    width: 1px;
    height: 36px;

    background:
      #dfe5e9;
  }


  .aluno-turma-eyebrow {
    display: block;

    margin-bottom: 6px;

    color:
      #c69234;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .14em;
  }


  .aluno-turma-header-left strong {
    color:
      #183f60;

    font-size: 14px;
  }


  .aluno-turma-status {
    display: inline-flex;

    padding: 6px 10px;

    border-radius: 999px;

    background:
      #edf8f2;

    color:
      #177245;

    font-size: 9px;
    font-weight: 800;
  }


  .aluno-turma-main {
    width:
      min(
        100%,
        1280px
      );

    margin:
      0 auto;

    padding:
      34px 30px 50px;
  }


  .aluno-turma-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 30px;

    padding:
      30px;

    border:
      1px solid #dde5ea;

    border-radius:
      16px;

    background:
      #ffffff;
  }


  .aluno-turma-hero h1 {
    margin:
      0 0 8px;

    color:
      #102d47;

    font-size:
      30px;
  }


  .aluno-turma-hero p {
    margin: 0;

    color:
      #74828e;

    font-size:
      13px;
  }


  .aluno-turma-meta {
    display: grid;

    grid-template-columns:
      repeat(
        4,
        minmax(
          90px,
          1fr
        )
      );

    gap:
      12px;
  }


  .aluno-turma-meta div {
    min-width: 100px;

    padding:
      12px 14px;

    border-radius:
      10px;

    background:
      #f4f7f9;
  }


  .aluno-turma-meta span,
  .aluno-turma-meta strong {
    display: block;
  }


  .aluno-turma-meta span {
    margin-bottom: 4px;

    color:
      #87939c;

    font-size: 9px;
    font-weight: 650;
  }


  .aluno-turma-meta strong {
    color:
      #183f60;

    font-size: 12px;
  }


  .aluno-turma-conteudo {
    margin-top:
      28px;
  }


  .aluno-turma-section-header {
    margin-bottom:
      20px;
  }


  .aluno-turma-section-header h2 {
    margin:
      0 0 7px;

    color:
      #102d47;

    font-size:
      23px;
  }


  .aluno-turma-section-header p {
    margin: 0;

    color:
      #75838f;

    font-size:
      13px;
  }


  .aluno-turma-modulos {
    display: grid;

    grid-template-columns:
      repeat(
        3,
        minmax(
          0,
          1fr
        )
      );

    gap:
      16px;
  }


  .aluno-turma-modulo {
    min-height: 220px;

    display: flex;
    flex-direction: column;

    align-items: flex-start;

    padding:
      22px;

    border:
      1px solid #dce4e9;

    border-radius:
      14px;

    cursor: pointer;

    background:
      #ffffff;

    text-align:
      left;

    transition:
      transform .15s ease,
      box-shadow .15s ease;
  }


  .aluno-turma-modulo:hover {
    transform:
      translateY(-2px);

    box-shadow:
      0 10px 24px
      rgba(
        17,
        45,
        69,
        .07
      );
  }


  .aluno-turma-modulo-icon {
    width: 46px;
    height: 46px;

    display: grid;
    place-items: center;

    margin-bottom:
      23px;

    border-radius:
      11px;

    background:
      #eaf0f5;

    color:
      #183f60;

    font-size:
      19px;
  }


  .aluno-turma-modulo div:nth-child(2) span {
    color:
      #c69234;

    font-size:
      9px;

    font-weight:
      800;

    letter-spacing:
      .1em;
  }


  .aluno-turma-modulo h3 {
    margin:
      9px 0 8px;

    color:
      #183148;

    font-size:
      17px;
  }


  .aluno-turma-modulo p {
    margin: 0;

    color:
      #75838f;

    font-size:
      12px;

    line-height:
      1.6;
  }


  .aluno-turma-modulo > strong {
    margin-top:
      auto;

    padding-top:
      20px;

    color:
      #183f60;
  }


  .aluno-turma-resumo {
    margin-top:
      30px;

    padding:
      26px;

    border:
      1px solid #dde5ea;

    border-radius:
      16px;

    background:
      #ffffff;
  }


  .aluno-turma-resumo-grid {
    display: grid;

    grid-template-columns:
      repeat(
        4,
        minmax(
          0,
          1fr
        )
      );

    gap:
      13px;
  }


  .aluno-turma-resumo-card {
    min-height:
      115px;

    display: flex;
    flex-direction: column;

    padding:
      17px;

    border:
      1px solid #e2e8ec;

    border-radius:
      11px;

    background:
      #fbfcfd;
  }


  .aluno-turma-resumo-card span {
    color:
      #7b8994;

    font-size:
      10px;
  }


  .aluno-turma-resumo-card strong {
    margin:
      12px 0 5px;

    color:
      #102d47;

    font-size:
      23px;
  }


  .aluno-turma-resumo-card small {
    color:
      #929da5;

    font-size:
      10px;
  }


  @media (
    max-width: 900px
  ) {

    .aluno-turma-hero {
      align-items:
        stretch;

      flex-direction:
        column;
    }


    .aluno-turma-modulos {
      grid-template-columns:
        1fr;
    }


    .aluno-turma-resumo-grid {
      grid-template-columns:
        repeat(
          2,
          minmax(
            0,
            1fr
          )
        );
    }

  }


  @media (
    max-width: 650px
  ) {

    .aluno-turma-header {
      padding:
        12px 16px;
    }


    .aluno-turma-voltar span {
      display: none;
    }


    .aluno-turma-main {
      padding:
        25px 16px 40px;
    }


    .aluno-turma-hero {
      padding:
        22px;
    }


    .aluno-turma-hero h1 {
      font-size:
        25px;
    }


    .aluno-turma-meta {
      grid-template-columns:
        repeat(
          2,
          minmax(
            0,
            1fr
          )
        );
    }


    .aluno-turma-resumo-grid {
      grid-template-columns:
        1fr;
    }

  }
.aluno-turma-view.hidden {
  display: none;
}


.aluno-turma-section-spacer {
  height: 18px;
}


.aluno-atividades-lista {
  display: grid;

  gap: 14px;

  margin-top: 22px;
}


.aluno-atividade-card {
  width: 100%;

  padding: 22px;

  border:
    1px solid #dce4e9;

  border-radius: 14px;

  cursor: pointer;

  background: #ffffff;

  text-align: left;
}


.aluno-atividade-card:hover {
  box-shadow:
    0 8px 22px
    rgba(
      17,
      45,
      69,
      .07
    );
}


.aluno-atividade-card-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 15px;
}


.aluno-atividade-card h3 {
  margin:
    8px 0 7px;

  color: #183148;

  font-size: 17px;
}


.aluno-atividade-card p {
  margin: 0;

  color: #75838f;

  font-size: 12px;

  line-height: 1.55;
}


.aluno-atividade-status {
  display: inline-flex;

  padding:
    6px 9px;

  border-radius:
    999px;

  font-size: 9px;
  font-weight: 800;
}


.aluno-atividade-status-aberta {
  background: #edf8f2;
  color: #177245;
}


.aluno-atividade-status-entregue {
  background: #eaf0f5;
  color: #183f60;
}


.aluno-atividade-status-atrasada {
  background: #fff5e5;
  color: #9b6515;
}


.aluno-atividade-status-encerrada {
  background: #f3eeee;
  color: #8c4c4c;
}


.aluno-atividade-meta {
  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 15px;
}


.aluno-atividade-meta span {
  padding:
    7px 9px;

  border-radius:
    7px;

  background: #f4f7f9;

  color: #75838f;

  font-size: 9px;
}


.aluno-atividade-abrir {
  margin-top: 18px;

  color: #183f60;

  font-size: 11px;
  font-weight: 800;
}


.aluno-atividade-vazio {
  padding: 32px;

  border:
    1px solid #dde5ea;

  border-radius: 14px;

  background: #ffffff;

  text-align: center;
}


.aluno-atividade-vazio strong,
.aluno-atividade-vazio span {
  display: block;
}


.aluno-atividade-vazio span {
  margin-top: 7px;

  color: #7a8893;

  font-size: 11px;
}


.aluno-atividade-detalhe {
  margin-top: 20px;

  padding: 26px;

  border:
    1px solid #dde5ea;

  border-radius: 16px;

  background: #ffffff;
}


.aluno-atividade-detalhe-header {
  position: relative;
}


.aluno-atividade-detalhe-header h2 {
  margin:
    5px 0 12px;

  color: #102d47;

  font-size: 25px;
}


.aluno-atividade-instrucoes {
  margin-top: 24px;

  padding: 18px;

  border-radius: 10px;

  background: #f6f8fa;
}


.aluno-atividade-instrucoes strong {
  color: #183f60;

  font-size: 11px;
}


.aluno-atividade-instrucoes p {
  margin:
    8px 0 0;

  color: #5f7080;

  font-size: 12px;

  line-height: 1.65;

  white-space: pre-wrap;
}


.aluno-atividade-dados-grid {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0, 1fr)
    );

  gap: 12px;

  margin-top: 20px;
}


.aluno-atividade-dados-grid div {
  padding: 14px;

  border:
    1px solid #e1e7eb;

  border-radius: 9px;
}


.aluno-atividade-dados-grid span,
.aluno-atividade-dados-grid strong {
  display: block;
}


.aluno-atividade-dados-grid span {
  margin-bottom: 5px;

  color: #87939c;

  font-size: 9px;
}


.aluno-atividade-dados-grid strong {
  color: #183f60;

  font-size: 11px;
}


.aluno-entrega-pendente,
.aluno-entrega-confirmada,
.aluno-entrega-encerrada {
  margin-top: 22px;

  padding: 18px;

  border-radius: 10px;
}


.aluno-entrega-pendente {
  background: #f6f8fa;
}


.aluno-entrega-confirmada {
  background: #edf8f2;
}


.aluno-entrega-encerrada {
  background: #f5eeee;
}


.aluno-entrega-pendente p,
.aluno-entrega-confirmada p,
.aluno-entrega-encerrada p {
  margin:
    7px 0 0;

  font-size: 11px;

  line-height: 1.5;
}


@media (
  max-width: 750px
) {

  .aluno-atividade-dados-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

}
.aluno-entrega-form {
  margin-top: 24px;

  padding: 20px;

  border:
    1px solid #dce4e9;

  border-radius: 12px;

  background: #fbfcfd;
}


.aluno-entrega-form-header strong {
  color: #183f60;

  font-size: 14px;
}


.aluno-entrega-form-header p {
  margin: 5px 0 18px;

  color: #75838f;

  font-size: 11px;
}


.aluno-entrega-label {
  display: block;

  margin-bottom: 7px;

  color: #34495c;

  font-size: 11px;
  font-weight: 700;
}


.aluno-entrega-label span {
  color: #8c98a1;

  font-weight: 400;
}


.aluno-entrega-textarea {
  width: 100%;

  box-sizing: border-box;

  padding: 12px;

  border:
    1px solid #d3dde4;

  border-radius: 8px;

  resize: vertical;

  background: #ffffff;

  color: #263d50;

  font: inherit;
  font-size: 12px;
}


.aluno-entrega-arquivos {
  margin-top: 20px;
}


.aluno-entrega-selecionar {
  display: inline-flex;

  padding: 10px 14px;

  border:
    1px solid #cfdbe3;

  border-radius: 8px;

  cursor: pointer;

  background: #ffffff;

  color: #183f60;

  font-size: 11px;
  font-weight: 700;
}


.aluno-entrega-arquivos > small {
  display: block;

  margin-top: 9px;

  color: #87939c;

  font-size: 9px;
}


.aluno-entrega-arquivos-lista {
  display: grid;

  gap: 7px;

  margin-top: 12px;
}


.aluno-entrega-arquivo-item {
  display: flex;

  justify-content: space-between;

  gap: 15px;

  padding: 10px 12px;

  border-radius: 7px;

  background: #eef3f6;
}


.aluno-entrega-arquivo-item span {
  color: #334b5e;

  font-size: 10px;
}


.aluno-entrega-arquivo-item small {
  color: #7c8993;

  font-size: 9px;
}


.aluno-entrega-alerta {
  display: flex;

  flex-direction: column;

  gap: 4px;

  margin-top: 20px;

  padding: 13px 15px;

  border-radius: 8px;

  background: #fff7e8;
}


.aluno-entrega-alerta strong {
  color: #8d651e;

  font-size: 10px;
}


.aluno-entrega-alerta span {
  color: #806e4c;

  font-size: 10px;

  line-height: 1.5;
}


.aluno-entrega-enviar {
  margin-top: 20px;

  padding: 12px 20px;

  border: 0;

  border-radius: 8px;

  cursor: pointer;

  background: #183f60;

  color: #ffffff;

  font-size: 11px;
  font-weight: 800;
}


.aluno-entrega-enviar:disabled {
  cursor: wait;

  opacity: .6;
}


.aluno-entrega-mensagem {
  margin-top: 12px;

  color: #687986;

  font-size: 10px;
}
/* ============================================================
   PARTICIPAÇÃO DO ALUNO
   ============================================================ */

.aluno-participacao-view {
  margin-top: 8px;
}


.aluno-participacao-header {
  display: flex;
  align-items: flex-start;
  gap: 24px;

  margin-bottom: 24px;
}


.aluno-participacao-titulo {
  flex: 1;
}


.aluno-participacao-titulo h2 {
  margin: 0 0 7px;

  color: #102d47;

  font-size: 24px;
}


.aluno-participacao-titulo p {
  margin: 0;

  color: #75838f;

  font-size: 12px;
  line-height: 1.6;
}


/* ============================================================
   RESUMO
   ============================================================ */

.aluno-participacao-resumo {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(
        0,
        1fr
      )
    );

  gap: 14px;

  margin-bottom: 26px;
}


.aluno-participacao-resumo-card {
  min-height: 126px;

  display: flex;
  flex-direction: column;

  padding: 18px;

  border:
    1px solid #dde5ea;

  border-radius: 12px;

  background: #ffffff;
}


.aluno-participacao-resumo-card > span {
  color: #7b8994;

  font-size: 10px;
  font-weight: 650;
}


.aluno-participacao-resumo-card > strong {
  margin: 13px 0 6px;

  color: #102d47;

  font-size: 25px;
}


.aluno-participacao-resumo-card > small {
  margin-top: auto;

  color: #929da5;

  font-size: 9px;
  line-height: 1.45;
}


/* ============================================================
   HISTÓRICO
   ============================================================ */

.aluno-participacao-historico {
  padding: 24px;

  border:
    1px solid #dde5ea;

  border-radius: 14px;

  background: #ffffff;
}


.aluno-participacao-historico-header {
  margin-bottom: 20px;
}


.aluno-participacao-historico-header h3 {
  margin: 0 0 6px;

  color: #183148;

  font-size: 18px;
}


.aluno-participacao-historico-header p {
  margin: 0;

  color: #7b8994;

  font-size: 11px;
}


.aluno-participacao-lista {
  display: grid;

  gap: 7px;
}


.aluno-participacao-tabela-cabecalho {
  display: grid;

  grid-template-columns:
    minmax(
      150px,
      1.6fr
    )
    minmax(
      110px,
      .9fr
    )
    minmax(
      70px,
      .5fr
    )
    28px;

  gap: 12px;

  align-items: center;

  padding: 0 14px 7px;

  color: #87939c;

  font-size: 9px;
  font-weight: 750;

  text-transform: uppercase;
  letter-spacing: .06em;
}


.aluno-participacao-linha {
  width: 100%;

  display: grid;

  grid-template-columns:
    minmax(
      150px,
      1.6fr
    )
    minmax(
      110px,
      .9fr
    )
    minmax(
      70px,
      .5fr
    )
    28px;

  gap: 12px;

  align-items: center;

  padding: 14px;

  border:
    1px solid #e0e7eb;

  border-radius: 10px;

  cursor: pointer;

  background: #fbfcfd;

  text-align: left;

  transition:
    transform .14s ease,
    box-shadow .14s ease,
    border-color .14s ease;
}


.aluno-participacao-linha:hover {
  transform:
    translateY(-1px);

  border-color:
    #cfdbe3;

  box-shadow:
    0 7px 18px
    rgba(
      16,
      45,
      71,
      .06
    );
}


.aluno-participacao-data {
  display: flex;
  flex-direction: column;

  gap: 3px;
}


.aluno-participacao-data strong {
  color: #263f54;

  font-size: 11px;
}


.aluno-participacao-data small {
  color: #8a97a1;

  font-size: 9px;
}


.aluno-participacao-situacao {
  display: inline-flex;

  width: fit-content;

  padding: 5px 9px;

  border-radius: 999px;

  font-size: 9px;
  font-weight: 800;
}


.aluno-participacao-situacao-presente {
  background: #edf8f2;

  color: #177245;
}


.aluno-participacao-situacao-ausente {
  background: #fdeeee;

  color: #a13c3c;
}


.aluno-participacao-situacao-justificado {
  background: #fff5df;

  color: #94691c;
}


.aluno-participacao-nota {
  color: #183f60;

  font-size: 15px;
}


.aluno-participacao-seta {
  color: #71818e;

  font-size: 20px;
  text-align: right;
}


.aluno-participacao-vazio {
  display: flex;
  flex-direction: column;

  gap: 5px;

  padding: 30px 20px;

  border:
    1px dashed #d6e0e6;

  border-radius: 10px;

  background: #fafcfd;

  color: #7d8a95;

  font-size: 11px;

  text-align: center;
}


.aluno-participacao-vazio strong {
  color: #42596c;

  font-size: 12px;
}


/* ============================================================
   MODAL
   ============================================================ */

.aluno-participacao-modal {
  position: fixed;

  inset: 0;

  z-index: 9999;

  display: flex;

  align-items: center;
  justify-content: center;

  padding: 20px;
}


.aluno-participacao-modal.hidden {
  display: none;
}


.aluno-participacao-modal-overlay {
  position: absolute;

  inset: 0;

  background:
    rgba(
      16,
      35,
      51,
      .56
    );
}


.aluno-participacao-modal-card {
  position: relative;

  z-index: 1;

  width:
    min(
      100%,
      620px
    );

  max-height:
    calc(
      100vh - 40px
    );

  overflow-y: auto;

  border-radius: 15px;

  background: #ffffff;

  box-shadow:
    0 24px 70px
    rgba(
      9,
      29,
      44,
      .24
    );
}


.aluno-participacao-modal-header {
  display: flex;

  justify-content: space-between;

  gap: 20px;

  padding: 22px 24px 18px;

  border-bottom:
    1px solid #e1e7eb;
}


.aluno-participacao-modal-header h3 {
  margin: 0 0 5px;

  color: #153550;

  font-size: 19px;
}


.aluno-participacao-modal-header p {
  margin: 0;

  color: #87939c;

  font-size: 10px;
}


.aluno-participacao-modal-fechar {
  width: 34px;
  height: 34px;

  flex:
    0 0 auto;

  border: 0;

  border-radius: 50%;

  cursor: pointer;

  background: #eef3f6;

  color: #3d5669;

  font-size: 20px;
  line-height: 1;
}


.aluno-participacao-modal-conteudo {
  padding: 22px 24px 26px;
}


.aluno-participacao-modal-situacao {
  display: flex;

  justify-content: space-between;
  align-items: center;

  gap: 20px;

  padding: 13px 15px;

  border-radius: 9px;

  background: #f4f7f9;
}


.aluno-participacao-modal-situacao span {
  color: #7b8994;

  font-size: 10px;
}


.aluno-participacao-modal-situacao strong {
  color: #183f60;

  font-size: 12px;
}


/* ============================================================
   CRITÉRIOS
   ============================================================ */

.aluno-participacao-criterios {
  display: grid;

  gap: 8px;

  margin-top: 17px;
}


.aluno-participacao-criterio {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 18px;

  padding: 13px 14px;

  border:
    1px solid #e2e8ec;

  border-radius: 9px;

  background: #ffffff;
}


.aluno-participacao-criterio > div {
  display: flex;
  flex-direction: column;

  gap: 3px;
}


.aluno-participacao-criterio > div strong {
  color: #334d61;

  font-size: 11px;
}


.aluno-participacao-criterio > div span {
  color: #87949e;

  font-size: 9px;
  line-height: 1.45;
}


.aluno-participacao-criterio-nota {
  flex:
    0 0 auto;

  color: #183f60;

  font-size: 16px;
}


.aluno-participacao-media-modal {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 16px;

  padding: 15px;

  border-radius: 9px;

  background: #edf3f7;
}


.aluno-participacao-media-modal span {
  color: #566c7d;

  font-size: 10px;
  font-weight: 700;
}


.aluno-participacao-media-modal strong {
  color: #102d47;

  font-size: 19px;
}


/* ============================================================
   OBSERVAÇÃO
   ============================================================ */

.aluno-participacao-observacao {
  margin-top: 16px;

  padding: 14px;

  border-left:
    3px solid #c69234;

  border-radius: 6px;

  background: #fffaf0;
}


.aluno-participacao-observacao span {
  display: block;

  margin-bottom: 5px;

  color: #90671f;

  font-size: 9px;
  font-weight: 800;

  text-transform: uppercase;
  letter-spacing: .05em;
}


.aluno-participacao-observacao p {
  margin: 0;

  color: #655a48;

  font-size: 10px;
  line-height: 1.55;
}


.aluno-participacao-sem-criterios {
  margin-top: 16px;

  padding: 18px;

  border-radius: 9px;

  background: #f7f9fa;

  color: #798791;

  font-size: 10px;

  text-align: center;
}


body.aluno-modal-aberto {
  overflow: hidden;
}


/* ============================================================
   RESPONSIVO
   ============================================================ */

@media (
  max-width: 900px
) {

  .aluno-participacao-resumo {
    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );
  }

}


@media (
  max-width: 650px
) {

  .aluno-participacao-header {
    gap: 12px;
  }


  .aluno-participacao-titulo h2 {
    font-size: 20px;
  }


  .aluno-participacao-resumo {
    grid-template-columns:
      repeat(
        2,
        minmax(
          0,
          1fr
        )
      );

    gap: 9px;
  }


  .aluno-participacao-resumo-card {
    min-height: 112px;

    padding: 14px;
  }


  .aluno-participacao-resumo-card > strong {
    font-size: 21px;
  }


  .aluno-participacao-historico {
    padding: 17px 14px;
  }


  .aluno-participacao-tabela-cabecalho {
    grid-template-columns:
      1.2fr
      .8fr
      48px
      18px;

    gap: 7px;

    padding:
      0 8px 7px;
  }


  .aluno-participacao-linha {
    grid-template-columns:
      1.2fr
      .8fr
      48px
      18px;

    gap: 7px;

    padding: 12px 9px;
  }


  .aluno-participacao-data strong {
    font-size: 10px;
  }


  .aluno-participacao-data small {
    font-size: 8px;
  }


  .aluno-participacao-situacao {
    padding:
      4px 7px;

    font-size: 8px;
  }


  .aluno-participacao-nota {
    font-size: 13px;
  }


  .aluno-participacao-modal {
    padding: 10px;
  }


  .aluno-participacao-modal-card {
    max-height:
      calc(
        100vh - 20px
      );

    border-radius: 12px;
  }


  .aluno-participacao-modal-header {
    padding:
      18px 17px 15px;
  }


  .aluno-participacao-modal-conteudo {
    padding:
      17px;
  }


  .aluno-participacao-criterio {
    padding:
      12px;
  }

}
/* ============================================================
   CORREÇÃO DA ATIVIDADE — ALUNO
   ============================================================ */

.aluno-atividade-correcao {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #d9e7df;
  border-radius: 14px;
  background: #ffffff;
}

.aluno-atividade-correcao-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px;
  background: #f4faf6;
}

.aluno-atividade-correcao-header > div:first-child > strong {
  display: block;
  color: #24483a;
  font-size: 15px;
}

.aluno-atividade-nota {
  min-width: 105px;
  padding-left: 20px;
  border-left: 1px solid #d8e6de;
  text-align: right;
}

.aluno-atividade-nota span {
  display: block;
  margin-bottom: 2px;
  color: #75877e;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.aluno-atividade-nota strong {
  color: #177245;
  font-size: 27px;
  line-height: 1;
}

.aluno-atividade-nota small {
  margin-left: 3px;
  color: #718078;
  font-size: 10px;
}

.aluno-atividade-devolutiva {
  padding: 20px 22px;
}

.aluno-atividade-devolutiva > span {
  display: block;
  margin-bottom: 9px;
  color: #7b8993;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.aluno-atividade-devolutiva p {
  margin: 0;
  color: #334c5e;
  font-size: 12px;
  line-height: 1.65;
  white-space: pre-wrap;
}

.aluno-atividade-sem-devolutiva {
  color: #87939c !important;
  font-style: italic;
}

.aluno-atividade-aguardando-correcao {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid #e4e8eb;
  border-radius: 12px;
  background: #f8fafb;
}

.aluno-atividade-aguardando-correcao span {
  display: block;
  margin-bottom: 6px;
  color: #c18a2e;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}

.aluno-atividade-aguardando-correcao strong {
  display: block;
  color: #344f63;
  font-size: 13px;
}

.aluno-atividade-aguardando-correcao p {
  margin: 6px 0 0;
  color: #7b8993;
  font-size: 11px;
  line-height: 1.5;
}

@media (max-width: 600px) {

  .aluno-atividade-correcao-header {
    align-items: flex-start;
  }

  .aluno-atividade-nota {
    min-width: 75px;
    padding-left: 14px;
  }

  .aluno-atividade-nota strong {
    font-size: 23px;
  }

}