.acerca {
    width: 100%;
    display: flex;
    flex-direction: column;

}

.acerca.director {
    background: #032c69;
    flex-direction: column-reverse;

}

.acerca h2 {
    margin: 40px 0;
    font-size: 2rem;

}

.acerca.director h2 {
    color: white;

}

.acerca.director p {
    color: white;

}

.acerca p {
    color: black;
    font-size: 1.3rem;
    margin-bottom: 30px;
    text-align: justify;
}

.acerca>div>div {
    max-width: 600px;
}

.acerca>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.acerca figure {
    width: 100%;
    height: 623px;

}

.acerca figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.acerca>div {
    display: flex;
    flex-direction: column;
    padding: 10px 30px 50px 30px;
}

.acerca.director p:nth-last-of-type(-n+2) {
    margin: 0;
    text-align: right;
}

.contacto-title {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #032c69;
    color: white;
    font-size: 2.5rem;
}

.contacto-info {
    /* width: 100%; */
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px 40px;
    margin: 0 20px;
}



.contacto-info p {
    font-size: 1.2rem;
    max-width: 400px;
}

.contacto-info div {
    height: 200px;
    display: flex;
    /* gap: ; */
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}

.btn-agenda {
    width: 150px;
    height: 40px;
    background: #032c69;
    border-radius: 20px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}

.ubicacion-mapa {
    width: 100%;
    height: 400px;
}

.redes {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.redes svg {
    width: 40px;
}

.redes a {
    height: fit-content;
}

.ubicacion-title {
    display: none;
}

.artista-title2 {
    display: none;
    margin: 0;
}

.botton.artista {
    font-size: 1.2rem;

}

.faq {
    width: 100%;
    height: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 60px;
    background: #f8f8f8;

}

.faq-title {
    margin-bottom: 60px;
}

.faq-title h2 {
    font-size: 2.5rem;
}

.faq-title a {
    display: none;
}

.faq-preguntas {
    display: flex;
    flex-direction: column;
    gap: 60px 0;
    justify-content: center;
}

.faq-pregunta {
    display: flex;
    width: 90%;
    max-width: 1000px;
    margin: 0 20px;
    background: white;
}

.faq-pregunta figure {
    width: 20%;
    height: 150px;

}

.faq-pregunta figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;

}

.fat-pregunta-info {
    width: 80%;
    padding: 20px 30px 0 50px;
}

.fat-pregunta-info h3 {
    font-size: 1.6rem;
    margin-bottom: 10px;
}

.fat-pregunta-info p {
    font-size: 1.3rem;
}



@media screen and (min-width: 1000px) {
    .acerca {
        flex-direction: row;
    }

    .acerca.artistas>div {
        padding: 0 20px;
    }

    .artista-title2 {
        width: 100%;
        height: 100px;
        background: #f8f8f8;
        display: flex;
        justify-content: center;
        align-items: center;
        /* color: white; */
    }

    .artista-title {
        display: none;
    }

    .acerca.artistas {
        height: 80%;
    }

    .acerca figure {
        width: 40%;
        height: auto;
    }

    .acerca>div {
        width: 60%;

    }

    .acerca.director {
        flex-direction: row;
    }

    .ubicacion-title {
        display: block;
        text-align: center;
        width: 50%;
        font-size: 3rem;
    }


    .contacto-info {
        display: flex;
        flex-direction: row;
        height: 180px;
    }

    .contacto-info div {
        top: 40%;
        justify-content: center;
        gap: 40px 0px;
        height: 190%;
        background: #f8f8f8;
        padding: 40px;
        z-index: 3;

    }

    .ubicacion-mapa {
        height: 300px;
    }

    #foto-artista {
        width: 50%;
        /* margin-left: 10%; */
    }
}