.equipo-main {
    margin: 5rem 2rem 6rem 2rem;
}

.equipo-main h1 {
    font-family: Gruppo;
    font-size: 1.8rem;
    color: var(--color-secondary-blue-gray);
}

.equipo-section {
    margin-top: 2rem;
    border-radius: 0.75rem;
}

.equipo-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1024px) {
    .equipo-main {
        margin: 7rem 20% 6rem 20%;
    }

    .equipo-main h1 {
        font-size: 2.5rem;
    }

    .equipo-content {
        flex-direction: row;
    }
}

.equipo-content h1 {
    font-family: Gruppo;
    font-size: 1.8rem;
    color: var(--color-secondary-blue-gray);
}

.equipo-content h2 {
    font-family: Gruppo;
    font-size: 1.6rem;
    color: var(--color-secondary-blue-gray);
    text-align: center;
}

.equipo-content h3 {
    font-family: Gruppo;
    font-size: 1.4rem;
    color: var(--color-secondary-blue-gray);
}

.equipo-content p {
    font-size: 1.1rem;
    color: var(--text-color-card);
    font-family: Quicksand;
}

.equipo-image-wrapper {
    margin-top: 1rem;
    text-align: center;
}

.equipo-text-content ul {
    text-align: left;
}

.equipo-text-content ul li {
    margin-bottom: 0.5rem;
}

@media (min-width: 1024px) { /* lg:w-1/2 */
    .equipo-image-wrapper {
        width: 36%;
        margin-top: 0rem;
    }

    .equipo-text-content ul {
        columns: 2; /* Crea 2 columnas */
        -webkit-columns: 2; /* Para navegadores WebKit */
        -moz-columns: 2;
    }
}

.equipo-image-wrapper img {
    display: inline-block;
    width: 50%;
    height: auto;
    object-fit: cover;
    border-radius: 0.75rem;
    box-shadow: var(--shadow-medium);
    margin: 0.5rem;
    max-width: 230px;
}

@media (min-width: 768px) {
    .equipo-image-wrapper img {
        width: 70%;
    }
}

.equipo-text-content {
    margin-bottom: 1rem;
}

.equipo-text-content a {
  outline: none;
  text-decoration: none;
  color: var(--color-li-subtitle);
  font-family: Gruppo;
  font-size: 1.2rem;
  font-weight: 600;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.equipo-text-content a:hover {
  color: #7e99b8;
  /*text-shadow: var(--text-color-card) 1px 1px 3px;*/
  /*text-shadow: #8e9cb3 1px 1px 4px;*/
}

@media (min-width: 768px) {
    .equipo-text-content {
        width: 64%;
        max-width: 500px;
    }

    .equipo-content h2 {
        text-align: left;
    }    

    .equipo-content hr {
        margin-top: 6rem; 
    }

    .equipo-content p {
        font-size: 1.2rem;
    }

    .equipo-text-content {
        margin: 2rem 0rem;
    }

}