[data-component-id="usfq_theme:text_block"] {
  .button {
    padding: 1.25rem 1.5rem;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: var(--ff-eyebrow);
    font-weight: 500;
    font-size: var(--fs-eyebrow);
    line-height: var(--lh-eyebrow);
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--dark);
    border-radius: 61px;
    border: 2px solid var(--dark);
    &:hover{
      background-color: var(--dark);
      color: var(--white);
    }
    &.red{
      border: 2px solid var(--primary);
      background-color: var(--white);
      color: var(--primary);
      &:hover{
        background-color: var(--primary);
        color: var(--white);
      }
    }
    &.bred{
      border: 2px solid var(--primary);
      background-color: var(--primary);
      color: var(--white);
      &:hover{
        background-color: var(--white);
        color: var(--primary);
      }
    }
    &.bblack{
      background-color: var(--dark);
      color: var(--white);
      &:hover{
        background-color: var(--white);
        color: var(--dark);
        border: 2px solid var(--dark);
      }
    }
  }
  .responsive-table {
    width: 100%;
    margin: 3rem 0;
  }

  .responsive-table td {
      vertical-align: top;
      border-left: solid;
      border-right: solid;
      padding: 1rem;
  }

  .responsive-table td strong {
    display: block;
  }

  .responsive-table td p {
    margin-bottom: 0;
  }

  .text-block__paragraph-table {
    margin: 3rem 0;
  }

  .text-block__paragraph-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .text-block__paragraph-item {
    padding: 1rem;
    border: 1px solid currentColor;
    box-sizing: border-box;
  }

  .text-block__paragraph-title {
    margin-bottom: .75rem;
  }

  .text-block__paragraph-text p:last-child {
    margin-bottom: 0;
  }

  @media (min-width: 768px) {
    .text-block__paragraph-row {
      grid-template-columns: var(
        --column-template,
        repeat(var(--columns, 1), minmax(0, 1fr))
      );
    }
  }

  @media (max-width: 768px) {
    .responsive-table,
    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table td {
      display: block;
      width: 100%;
    }

    .responsive-table td {
      border: none;
      border-top: solid;
    }
    .responsive-table td:last-child {
      border-bottom: solid;
    }
  }

  [data-component-id="usfq_theme:nav-breadcrumb"] {
    margin-bottom: 1rem;
  }

  h1:empty,
  .h1:empty,
  .title:empty {
    display: none;
  }

  &[data-component-variant="default"] {
    .eyebrow {
      margin-bottom: 1rem;
    }

    h1,
    .h1 {
      margin-bottom: 2rem;
    }

    h3,
    h4,
    h5,
    h6,
    .subtitle,
    .description {
      margin-bottom: 1rem;
    }
  }

  /* .p {
    font-size: 16px;
  } */

  &[data-component-variant="postgraduate"] {

    .title {
      color: var(--primary);
      margin-bottom: 2rem;
    }

    .subtitle-s1 {
      color: var(--primary);
      margin-bottom: 1.5rem;
    }

    .programa-ficha {
      border: 2px solid currentColor;
      margin-bottom: 2rem;
    }

    .programa-ficha .fila {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    }

    .programa-ficha .fila>.celda:last-child:nth-child(odd) {
      grid-column: 1 / -1;
    }

    .programa-ficha .celda {
      border: 1px solid currentColor;
      padding: .5rem 1.25rem;
      text-transform: uppercase;
      line-height: 1.2;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      box-sizing: border-box;
      min-width: 0;
      word-break: break-word;
    }

    .programa-ficha .celda strong {
      font-weight: 900;
    }

    .programa-ficha .celda p, .programa-ficha .celda li {
      margin: 0;
      font-size: var(--fs-eyebrow);
      line-height: var(--lh-eyebrow);
      font-weight: 500;
    }

    .description {
      margin-bottom: 2rem;
    }

    /* DESKTOP */
    @media (min-width: 769px) {
      .programa-ficha .fila {
        grid-template-columns: repeat(var(--cols, 3), minmax(0, auto));
      }

      .programa-ficha .fila>.celda:last-child:nth-child(odd) {
        grid-column: auto;
      }
    }
  }

  &[data-component-variant="career"] {
        p {
      margin: 0;
    }

    .title {
      color: var(--primary);
      margin-bottom: 2rem;
    }

    .subtitle-s1 {
      color: var(--primary);
      margin-bottom: 1.5rem;
    }

    .programa-ficha {
      display: grid;
      grid-template-columns: 1fr 1fr;
      margin-bottom: 2rem;
    }

    .programa-ficha .celda {
      border-bottom: 1px solid currentColor;
      border-left: 1px solid currentColor;
      padding: .5rem 1.25rem;
      /* font-size: 14px; */
      text-transform: uppercase;
      line-height: 1.2;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      box-sizing: border-box;
      min-width: 0;
      word-break: break-word;
    }

    .programa-ficha .celda:nth-child(-n+2) {
      border-top: 1px solid currentColor;
    }

    .programa-ficha .celda:nth-child(even) {
      border-right: 1px solid currentColor;
    }

    /* DESKTOP */
    @media (min-width: 769px) {
      .programa-ficha {
        grid-template-columns: 1fr 1fr 1fr 1fr;
      }

      .programa-ficha .celda:nth-child(-n+2),
      .programa-ficha .celda:nth-child(even) {
        border: none;
      }

      .programa-ficha .celda {
        border-top: none;
        border-bottom: none;
        border-left: none;
        border-right: 1px solid currentColor !important;
      }


      .programa-ficha .celda:first-child {
        border-left: 1px solid currentColor;
      }
    }

    .description {
      margin-bottom: 2rem;
    }
  }

  :where(html[data-theme="dark"]) & {
    .title {
      color: var(--white) !important;
    }
    .highlighted-text.red, h2.red, .red.h2, h3.red, .red.h3, h4.red, .red.h4 {
      color: var(--White) !important;
    }
    &[data-component-variant="career"] {
      .subtitle-s1 {
        color: var(--white);
      }
    }

    &[data-component-variant="postgraduate"] {
      .subtitle-s1 {
        color: var(--white);
      }
    }
  }
}

.title-red .title{
  color: var(--primary);
}