#nuestro-equipo {
  margin: 0 auto;
  width: 100%;

  .title {
    color: var(--dark-blue);
    margin-bottom: var(--spacing-lg);
  }
  .body {
    margin-bottom: var(--spacing-sm);
  }

  .equipo__container_cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-lg);

    .equipo__card {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      margin-bottom: var(--spacing-sm);
      border-radius: 8px;
      overflow: hidden;
      height: auto;
      overflow: hidden;

      .equipo__card_image {
        width: 100%;
        height: 17rem;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .equipo__card_content {
        padding: 1rem;
        width: 100%;
        background-color: var(--gray);
        display: flex;
        flex-direction: column;
        flex: 1;

        .body-lg {
          margin-bottom: var(--spacing-md);
          color: var(--white);
        }

        .body {
          margin-bottom: var(--spacing-xs);
          word-break: break-all;
          color: var(--white);

          a:hover {
            text-decoration: underline;
            color: var(--green);
          }

          i {
            margin-right: var(--spacing-xs);
            color: var(--green);
            font-size: 1.2rem;
          }
        }
      }
    }
  }

  @media (min-width: 768px) {
    .equipo__container_cards {
      grid-template-columns: repeat(2, 1fr);
      gap: var(--spacing-md);

      .equipo__card {
        margin-bottom: 0;
        width: 80%;
        margin: 0 auto;

        .equipo__card_image {
          width: 100%;
          height: 20rem;
        }
      }
    }
  }

  @media (min-width: 1024px) {       
  }

  @media (min-width: 1280px) {
    width: var(--container-wide);

    .equipo__container_cards {
      grid-template-columns: repeat(4, 1fr);

      .equipo__card {
        width: 100%;
      }
    }
  }

  @media (min-width: 1536px) {
    padding: var(--spacing-lg) 0;
    width: var(--container-full);    
  }
}
