@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');
*{
    margin: 0;
    border: 0;
    box-sizing: border-box;
    text-decoration: none;
}
/* HESEAT */
:root{
    --h1: 'Bebas Neue', sans-serif;
    --p: 'Comfortaa', sans-serif;
}
body{
    font-family: sans-serif;
}
section{
    padding: 100px 50px;
}
h1, h2, h3, h4{
    font-family: var(--h1);
}
p{
    font-family: var(--p);
    font-size: 1em;
}
h1{
    font-size: 3em;
}
h2, h3, h4{
    font-size: 2em;
}
.cta-btn{
    background-color: #fbfed7;
    color: #710000;
    padding: 10px 20px;
}
/* GLOBAL */
.logo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fbfed7;
    padding: 1px 7px;
}
.logo h1{
    font-size: 1px;
    color: #fbfed7;
}
.logo img{
    width: 155px;
}
.cabecalho-corpo{
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 50px 20px;
    background: url('../imagens/header_bg_3.jpg');
    background-size: cover;
    background-position: center;
    color: aliceblue;
    gap: 30px;
}
.cabecalho-corpo h1, p{
    text-shadow: 1px 1px 1px black;
}
.cabecalho-corpo-txt{
    max-width: 400px;
}
.cabecalho-corpo-txt p{
    margin-bottom: 10px;
}
.p-bottom{
    margin-bottom: 30px !important;
}
/* HEADER */
.cursos{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.cursos h2{
    width: 100%;
}
.cursos h3{
    width: 100%;
    color: #710000;
    margin-bottom: 50px;
}
.instrumentos{
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.instrumento-card{
    width: 300px;
    height: 300px;
    text-shadow: 1px 1px 1px black;

}
.instrumento-card h4{
    color: #fbfed7d5;
    font-size: 3em;
}
.violao{
    background: url('../imagens/violao.jpg');
    background-position: center;
    background-size: cover;
}
.violino{
    background: url('../imagens/violino.jpg');
    background-position: bottom;
    background-size: cover;
}
.guitarra{
    background: url('../imagens/guitarra.jpg');
    background-position: center;
    background-size: cover;
}
.bateria{
    background: url('../imagens/bateria.jpg');
    background-position: center;
    background-size: cover;
}
.canto{
    background: url('../imagens/canto.jpg');
    background-position: center;
    background-size: cover;
}
.piano{
    background: url('../imagens/piano.jpg');
    background-position: center;
    background-size: cover;
}
.contrabaixo{
    background: url('../imagens/contrabaixo.jpg');
    background-position: center;
    background-size: cover;
}
.teclado{
    background: url('../imagens/teclado.jpg');
    background-position: center;
    background-size: cover;
}
.musicalizacao{
    background: url('../imagens/musicalizacao.jpg');
    background-position: center;
    background-size: cover;
}
.vestibular{
    background: url('../imagens/vestibular.jpg');
    background-position: center;
    background-size: cover;
}
.instrumentos img{
    width: 300px;
}
.instrumentos a{
    border: #710000 solid 2px;
    color: black;
    padding: 30px;
    margin-top: 5px;
}
/* CURSOS */
.info-cursos{
    background-color: #710000;
    color: aliceblue;
    text-align: center;
}
.info-cursos i{
    font-size: 3em;
    margin-bottom: 20px;
    border: solid 2px #fbfed7;
    border-radius: 100px;
    padding: 15px;
}
.info-cursos h2{
    margin-bottom: 50px;
}
.info-curso-geral{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: 30px;
}
.info-curso-geral-card{
    width: 300px;
}
.info-curso-geral-card h3{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #fbfed7;
}
/* INFORMAÇÕES CURSOS */
.apresentacoes{
    background: url('../imagens/apresenta_1.jpg');
    background-position: top;
    background-size: cover;
    min-height: 95vh;
    color: #fbfed7;
    text-shadow: 1px 1px 1px black;
}
/* .apresentacoes-txt{
    padding: 10px;
    backdrop-filter: blur(10px);
    width: fit-content;
} */
.apresentacoes p{
    margin: 5px 0;
}
.apresentacoes a{
    text-shadow: none;
    margin-top: 100px;
}
/* APRESENTAÇÕES */
.alunos{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.alunos video{
    height: 95vh;
}
/* ALUNOS */
.acao{
    background-color: #710000;
    text-align: center;
}
.acao a{
    font-family: var(--h1);
    font-size: 2em;
}
/* AÇÃO */
.maps{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    gap: 30px;
    background-color: black;
    color: #fbfed7;
}
/* MAPS */
footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 50px 20px;
    background-color: black;
    color: #fbfed7;
    border-top: 1px solid #fbfed7;
}
.social i{
    font-size: 2em;
    color: #fbfed7;
    margin: 0 5px;
}
/* FOOTER */
/* ========MOBILE======== */
@media (max-width: 700px){
    .alunos video{
        height: auto;
        width: 100%;
    }
    /* ALUNOS */
    .apresentacoes{
        background: url('../imagens/apresentacoes_mobile.jpg');
        background-size: cover;
    }
    /* APRESENTAÇÕES */
    .maps iframe{
        width: 100%;
    }
}