main {
    font-family: 'Inter';
}

.sobre-a-pagina {
    display: block;
    background-color: #EAEAED;
    color: #1A1A23;
    padding: 4rem 8.5rem;
}

.titulo {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 2.75rem;
    padding: 0.5rem 0rem;
}

.sobre {
    font-size: 1.25rem;
    padding: 0.5rem 0rem;
}

.livros, .cursos {
    padding: 0rem 8.5rem;
}

.clube {
    padding: 0rem 8.5rem 5rem !important
}

.titulo-livros, .titulo-cursos {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.75rem;
    padding: 2rem 0rem;
    color: #1A1A23;
}

.container-livros, .container-cursos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 1.5rem;
}

.conteudo-livro, .conteudo-curso {
    display: flex;
}

.imagem-livro {
    max-width: 6.25rem;
    max-height: 9.25rem;
    margin-right: 1rem;
    filter: drop-shadow(0px 0px 0.25rem rgba(0, 0, 0, 0.25)) grayscale(100%) brightness(100%);
    border-radius: 0.25rem;
    object-fit: cover;
}

.titulo-do-livro, .titulo-do-curso, .autor, .empresa {
    color: #1A1A23;
}

.titulo-do-livro, .titulo-do-curso {
    padding-top: 0.25rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.autor, .empresa {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.188rem;
    padding: 0.5rem 0rem;
    margin-bottom: 0.5rem;
}

.onde-comprar {
    display: flex;
}

.onde-comprar a {
    display: flex;
    align-items: center;
    padding: 0.5rem 0rem;
}

.lugar-da-compra {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.188rem;
    transition: 0.5s;
    color: #5A5B63;
}

.onde-comprar .img-seta {
    width: 0.55rem;
    height: 0.85rem;
    padding: 0.15rem 0.5rem;
    background-image: url(../imgs/imgs\ sobregestão/Vector.png);
    background-repeat: no-repeat;
    background-position: center;
    animation-name: transicao;
    transition-timing-function: ease;
    transition-duration: 0.5s;
    transition-delay: 0s;
}

@keyframes transicao {
    from {
        image-rendering: url(../imgs/imgs\ sobregestão/Vector.png);
    }

    to {
        image-rendering: url(../imgs/imgs\ sobregestão/Vector2.png);
    }
}

#livro-1:hover .lugar-da-compra, #livro-2:hover .lugar-da-compra, #livro-3:hover .lugar-da-compra, #livro-4:hover .lugar-da-compra, #livro-5:hover .lugar-da-compra, #livro-6:hover .lugar-da-compra, #curso1:hover .lugar-da-compra, #curso2:hover .lugar-da-compra{
    color: #1A1A23;
}

#livro-1:hover .img-seta, #livro-2:hover .img-seta, #livro-3:hover .img-seta, #livro-4:hover .img-seta, #livro-5:hover .img-seta, #livro-6:hover .img-seta, #curso1:hover .img-seta, #curso2:hover .img-seta {
    background-image: url(../imgs/imgs\ sobregestão/Vector2.png);
}

.cursos {
    margin: 1.5rem 0rem 8rem 0rem;
}

.conteudo-curso {
    margin-right: 5rem;
}

@media (max-width: 800px) {

    .sobre-a-pagina {
        padding: 4rem 5rem;
    }

    .titulo {
        font-size: 4rem;
        line-height: 4.15rem;
    }

    .sobre {
        font-size: 2rem;
    }

    .container-livros, .container-cursos {
        grid-template-columns: 1fr;
    }

    .livros, .cursos {
        padding: 0rem 5rem;
    }

    .titulo-livros, .titulo-cursos {
        font-size: 4rem;
        padding: 4rem 0rem;
    }

    .conteudo-livro, .conteudo-curso {
        margin: 1rem 0rem;
    }

    .imagem-livro {
        width: 15rem;
        height: 15rem;
    }



    .titulo-do-livro, .titulo-do-curso {
        font-size: 1.8rem;
        line-height: 1.8rem;
    }

    .autor, .empresa {
        font-size: 1.8rem;
        line-height: 1.8rem;
        padding: 1rem 0rem;
    }

    .onde-comprar a {
        padding: 0rem 0rem;
    }

    .lugar-da-compra {
        font-size: 1.8rem;
    }

    .onde-comprar .img-seta {
        width: 1.10rem;
        height: 1.7rem;
    }
}

@media (max-width: 400px) {
    .sobre-a-pagina {
        padding: 4rem 2rem;
    }

    .livros, .cursos {
        padding: 0rem 2rem;
    }

    .conteudo-livro, .conteudo-curso {
        align-items: center;
    }
}