@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');


:root {
    --fonte1: 'Poppins', sans-serif;
    --fonte2: Arial, Helvetica, sans-serif;

    --cor1: #210291;
    --cor2: #FFFF00; 
    --cor3: #6a7cf5;
    --cor4: #555973;
}

/* Typical Device Breakpoints
Pequenas telas: até 600px
Celular: de 600px até 768px
Tablet: de 768px até 792px
Desktop: 992px até 1200px
Grandes telas: acima de 1200px
*/

@media screen and (max-width: 600px) {
    .diagramacao button {
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .container-menu {
        display: block;
        text-align: center;
    }

    .logo img {
        max-width: 200px;
        align-items: center;
        padding: 15px 0;
    }

    nav > ul > li > a:hover {
        background-color: var(--cor2);
        color: var(--cor4);
        transition: 0.3s;
    }

    /* ESTILOS CONTATO */

    .container-contato {
        min-width: 300px;
    }

    #formulario input {
        min-width: 250px;
    }

}

@media screen and (min-width: 768px) {

/* AVISO DE COOKIES */

.cookieConsentContainer {
    border-radius: 5px;

}


/* ESTILOS MENU PRINCIPAL */

span#burguer {
    display: none;
}

.container-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    width: 90%;
}

.logo img {
    width: 150px;
    height: auto;
    padding: 10px 0px;
    padding-right: 10px;
}

nav {
    color: white;
    text-decoration: none;
    align-items: center;
}

nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

nav a {
    color: var(--cor4);
    font-size: 1.2em;
    padding: 0px;
    background: none;
    border: none;
}

nav > ul > li > a:hover {
    background-color: transparent;
    color: var(--cor3);
    transition: 0.3s;
}

.conteudo-footer-primario {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 85%;

}

.social {
    display: flex;
    margin: 0px;
    align-items: center;
}

.social > button i {
    font-size: 20px;
}

.logo-footer-primario {
    padding: 5px 0px;
}

.logo-footer-primario img {
    display: flex;
    padding-bottom: 10px;
    max-width: 200px;
}

.logo-footer-primario p {
    margin-bottom: 0px;
}

.conteudo-footer-secundario {
    width: 85%;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.texto-footer-secundario-juridico {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.texto-footer-secundario-direitos {
    margin-top: 0px;
    margin-bottom: 0px;
}

}

@media screen and (min-width: 993px) {

/* HOME */

main#home {
    display: flex;
    flex-direction: column;
}

.container-home {
    display: flex;
    flex-direction: row;
}

section.home {
    display: flex;
    text-align: center;
    flex-direction: column;
    margin: 40px 20px;
    width: 350px;
    padding: 0px 15px;
    align-items: center;
}

    /* ESTILOS MENU PRINCIPAL */

    .container-menu {
        width: 85%;
    }

/* LARGURA MÁXIMA DAS PÁGINAS */


#home, #sobre, #livros, #diagramacao, #contato {
    width: 80%;
    padding: 0px;
}

.container-home, .container-sobre, .container-livros, .container-diagramacao, .container-contato {
    width: 100%;
}

}