#formacao-psicodrama-one {
  & > .container > .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 2.5rem;
    margin-bottom: 4rem;

    .content__title {
      font-size: 2.5rem;
      font-weight: 400;
      line-height: 1.25;
      grid-column: 1;

      > * {
        margin: 0;
      }
    }

    .content__body {
      grid-column: 1;
      /* text-align: justify; */
      line-height: 1.5;
      > * {
        margin: 0;
      }
    }

    .content__image {
      grid-column: 2;
      grid-row: 1 / span 2;
      border-radius: 2rem;
      box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.33);
      background-color: black;
      width: 100%;
    }

    @media (max-width: 1024px) {
      grid-template-columns: 1fr;

      &.content > [class*='content__'] {
        grid-column: 1;
      }

      .content__title {
        grid-row: 1;
        text-align: center;
      }

      .content__image {
        grid-row: 2;
        min-height: 300px;
      }

      .content__body {
        grid-row: 3;
      }
    }
  }

  .focus {
    display: grid;
    gap: 2rem;
    justify-items: center;
    margin-bottom: 4rem;

    .focus__title {
      font-size: 2.5rem;
      display: inline;
      align-items: center;
      text-align: center;
      gap: 1.5rem;



      img {
        width: 2rem;
        height: auto;
      }
    }

    @media (max-width: 1024px) {
      & .focus__title {
        display: inline-flex;
        font-size: 2rem;
        align-items: center;
        gap: .5rem;

        img {
          width: 1.5rem;
        }
      }
    }

    .focus__items {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2.5rem;

      .focus__item {
        padding: 1rem 1.5rem;
        background-color: white;
        border-radius: 1.5rem;
        border: 1px solid black;
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.33);

        .title {
          text-align: center;
          font-size: 2rem;
          color: var(--active-pink);
        }

        .body {
          p {
            text-align: justify;
            padding-left: 1rem;
            border-left: 2px solid var(--active-pink);
          }

          li {
            font-weight: 600;
            margin-bottom: 1rem;
          }
        }
      }

      @media (max-width: 1024px) {
        gap: 1.5rem;

        & .focus__item {
          padding: 1rem;

          .title {
            font-size: 1.5rem;
          }
        }
      }

      @media (max-width: 860px) {
        grid-template-columns: 1fr;
      }
    }
  }

  .main-cta {
    width: 100vw;
    background-color: var(--purple-main);

    .container {
      padding: 2rem 0;
      display: grid;
      border-radius: 1.5rem 1.5rem 0 0;
      color: white;      

      .title {
        font-size: 2.5rem;
        text-align: center;
        font-family: 'Gloock', sans-serif;
        font-weight: 400;
        margin-bottom: 1.5rem;

        > * {
          margin: 0;
        }
      }

      .body {
        /* text-align: justify; */
        line-height: 1.5;
        font-size: 1.25rem;
      }

      .cta {
        margin-top: 2rem;
        text-align: center;

        button {
          background-color: white;
          color: var(--active-pink);
          font-weight: 600;
          font-size: 1.25rem;
          padding: .5rem 2rem;
        }
      }
    }
  }

  .structure {
    display: grid;
    gap: 1rem;
    justify-items: center;
    margin-top: 4rem;

    @media (max-width: 1024px) {
      margin-top: 4rem;
    }

    .card {
      border-radius: 100vmax;
      border: 1px solid black;
      color: black;
      padding: 1rem;
      display: flex;
      gap: 1rem;
      align-items: center;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.33);

      i {
        color: var(--active-pink);
      }
    }

    .title {
      display: flex;
      font-size: 2.5rem;
      --underline-height: 5px;

      > * {
        margin: 0;
      }
    }

    .subtitle {
      text-align: justify;
      width: 70%;
      margin-bottom: 2rem;
      font-size: 1.15rem;

      @media (max-width: 1024px) {
        &.subtitle {
          width: unset;
          margin-bottom: 0;
        }
      }
    }

    .items {
      display: grid;
      grid-template-columns: repeat(2, 5fr) 3fr;
      gap: 2rem;

      @media (max-width: 1024px) {
        grid-template-columns: 1fr;

        & > img {
          grid-row: 1;
        }

        .schedule {
          img {
            display: none;
          }
        }

        &.items > :nth-child(2n -1) {
          padding-top: 0;

          &.schedule .card {
            justify-content: start;
            justify-items: center;
          }
        }

        &.items .last {
          gap: 2rem;

          .cta {
            /* text-align: center; */
            justify-content: center;
            justify-items: center;
            
            
            

            .link {
              gap: 1rem;
            }
          }
        }
      }

      img {
        border-radius: 2rem;
        box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.33);
        width: 100%;
        height: auto;
        min-height: 200px;
        background-color: black;
        object-fit: cover;
      }

      > :nth-child(2n -1) {
        padding-top: 2rem;
      }

      .schedule {
        display: grid;
        gap: 2rem;
      }

      .last {
        display: grid;
        gap: 1rem;
        align-content: baseline;

        .card {
          border-radius: 2rem;
          display: grid;
        }

        .duration {
          justify-items: center;
          align-items: flex-start;
          align-content: flex-start;

          .duration__title {
            font-size: 1.25rem;
            display: flex;
            --underline-height: 3px;
          }
        }

        & > .cta {
          background-color: var(--purple-main);
          border: none;
          color: white;
          padding-top: 2rem;
          text-decoration: none;

          .content {
            font-size: .875rem;
            font-weight: 300;
          }

          .link {
            display: inline;
            /* grid-template-columns: auto 1fr; */
            align-items: center;
            width: 100%;
            text-align: center;
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            

            span {
              font-size: 1.25rem;
            }

            i {
              color: white;
            }
          }
        }
      }
    }
  }
}