/*!
==========================================================
INFORMAÇÕES DO CURSO LIVRE
==========================================================
*/

.stbg-informacoes-curso {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;

  background: #d0d0d0;
  border-radius: 10px;
  overflow: hidden;

  &[data-total="1"] {
    grid-template-columns: 1fr;
  }

  &[data-total="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  &[data-total="4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  &[data-total="5"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));

    .stbg-info-curso {
      grid-column: span 2;
    }

    .stbg-info-curso:nth-last-child(-n + 2) {
      grid-column: span 3;
    }
  }

  &[data-total="7"] {
    .stbg-info-curso:last-child {
      grid-column: 1 / -1;
    }
  }

  &[data-total="8"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));

    .stbg-info-curso {
      grid-column: span 2;
    }

    .stbg-info-curso:nth-last-child(-n + 2) {
      grid-column: span 3;
    }
  }
}

.stbg-info-curso {
  display: flex;
  align-items: center;
  gap: 14px;

  min-width: 0;
  min-height: 105px;
  padding: 22px;

  background: #f7f7f7;
}

.stbg-info-icone {
  width: 32px;
  flex-shrink: 0;

  font-size: 25px;
  color: #811719;
  text-align: center;
}

.stbg-info-texto {
  min-width: 0;

  font-size: 16px;
  line-height: 1.5;
  color: #292929;

  strong {
    display: block;

    font-size: 18px;
  }
}

.stbg-info-observacao {
  strong {
    font-size: 16px;
  }
}

/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1024px) {
  .stbg-informacoes-curso {
    &,
    &[data-total] {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    &[data-total] {
      .stbg-info-curso {
        grid-column: auto;
      }
    }

    &[data-total="1"] {
      grid-template-columns: 1fr;
    }
  }
}

/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 600px) {
  .stbg-informacoes-curso {
    &,
    &[data-total] {
      grid-template-columns: 1fr;
    }

    &[data-total] {
      .stbg-info-curso {
        grid-column: auto;
      }
    }
  }
}