@import "~@fortawesome/fontawesome-free/css/all.min.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import "~hover.css/css/hover-min.css";
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {
    --primary-color: #215b9e;
    --secondary-color: #2ecc71;
    --accent-color: #e74c3c;
    --background-color: #f4f4f4;
    --text-color: #333;

    
}

/* Estilos gerais */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    color: var(--text-color);
    background-color: var(--background-color);
}

/* Container: centralizado e com largura máxima */
.container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 20px;
}

/* Wrapper: para organizar o conteúdo */
.wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

/* Estilos para dispositivos móveis */
@media (max-width: 768px) {
    .container {
        padding: 10px;
    }

    .wrapper {
        flex-direction: column;
    }
}

a{
    font-family: "Poppins";

}

.row-p{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.wd-50{
    width: 50%;

}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins";
    font-weight: 500;

}

p{
    font-family: "Montserrat";
}

h1{
    font-size: 37px;
    margin: 5px 0 ;
}
h2{
    font-size: 32px;
    margin: 5px 0 ;
}
h3{
    font-size: 27px;
    margin: 5px 0 ;
}

.sessoes{
    margin: 150px 0;
}

span{
    color: var(--primary-color)
}