/* paleta de colores predeterminados */
:root {
    --wistful-50: #f1f3fc;
    --wistful-100: #e5e8fa;
    --wistful-200: #d1d5f4;
    --wistful-300: #a5aae9;
    --wistful-400: #9796e3;
    --wistful-500: #837cd8;
    --wistful-600: #7262c9;
    --wistful-700: #6252b0;
    --wistful-800: #50448f;
    --wistful-900: #443d72;
    --wistful-950: #282343;
}

/* ----------------------------------------- */

/* Equipo */
body{
    background: url(../img/fondo3.webp);
    background-size: cover;
}

img{
	max-width: 100%;
}
.titu {
    margin-bottom: 2em;
}

.team-section {
    margin-top: 4em;
}

.row{
    display: flex;
    justify-content: space-around;

}

.team-info {
    margin-top: -1.7em;
    padding: 3px;
    background: linear-gradient(#50448f, #7262c9);
    text-align: center;
    border-radius: 0 0 0 32px;
}

.nombre{
    background: var(--wistful-800);
    padding: 3px;
}

.nombre h3 {
    margin-top: 25px;
    margin-bottom: 0;
    color: #f1f3fc;
    font-size: 22px;
}

.info p {
    background: var(--wistful-700);
    color: #f1f3fc;
    font-size: 15px;
}
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    .container{
        width: 100%;
        margin: 0 auto;
    }
    .row{
        display: flex;
        justify-content: space-around;
    }
    .tarjeta{
        width: 50%;
    }
    .tarjeta img{
        width: 100%;
    }
    .tituloserv{
        width: 80%;
    }

    .nombre h3 {
        font-size: 20px;
    }
    .info p{
        font-size: 15px;
    }

    .tarjeta {
        margin-bottom: 1em;
    }
}

@media only screen and (max-width: 576px) {

    .tituloserv{
        width: 80%;
    }

    .nombre h3 {
        font-size: 20px;
    }
    .info p{
        font-size: 15px;
    }

    .tarjeta {
        margin-bottom: 1em;
    }
}

/* Fin Equipo */