[data-component-id="usfq_theme:section_modal_contest"] {

  /* @todo Add your styles here. */

  .documentos-lista {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .documentos-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .documento-item a {
    font-weight: 400;
    letter-spacing: 0%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    color: var(--primary);
  }

  .etapas-titulo {
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
  }

  .etapas-lista {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #00000033;
    border-right: 1px solid #00000033;
    border-left: 1px solid #00000033;
  }

  .etapa-item {
    border-bottom: 1px solid #00000033;
    padding: 14px 0;
  }

  :where(html[data-theme="dark"]) & {
    .etapas-lista {
      border-top: 1px solid #ffffff33;
      border-right: 1px solid #ffffff33;
      border-left: 1px solid #ffffff33;
    }

    .etapa-item {
      border-bottom: 1px solid #ffffff33;
    }
  }

  @media (max-width: 767px) {
    .etapas-lista {
      border-top: none;
      border-right: none;
      border-left: none;
    }

    .etapa-item {
      border-bottom: none;
    }
  }

  .etapa-item.etapa-header {
    padding: 12px 0;
  }

  .etapa-item.etapa-header h5 {
    color: var(--primary, #cc0000);
  }

  .etapa-item:not(.etapa-header) .col-6 div {
    color: #1a1a1a;
  }

  .etapa-item:not(.etapa-header) .col-6 p {
    color: #6c6c6c;
    margin: 0;
  }

  :where(html[data-theme="dark"]) & {

    .etapa-item:not(.etapa-header) .col-6 div,
    .etapa-item:not(.etapa-header) .col-6 p,
    .text-block .subtitle,
    .etapas-titulo {
      color: #ffffff !important;
    }
  }

  .text-block .subtitle {
    font-family: var(--headings-font-family);
    font-weight: var(--fw-subtitle);
    font-size: var(--fs-s1);
    line-height: var(--lh-s1);
    color: #00000080;
  }
}