/* ===== RESET ===== */
body {
    margin: 0;
    padding: 0;
    background-color: #cacaa4;
    overflow-x: hidden;
    font-family: Georgia, "Times New Roman", serif;
}

/* ===== HEADER ===== */
.topo {
    background-color: #7fbf8a;
    padding: 10px;
}

#titulo {
    max-height: 90px;
    width: auto;
}

/* Busca */
.btnpesquise {
    display: flex;
    gap: 5px;
}

#lupa {
    display: flex;
    align-items: center;
    border: 2px solid #198754;
    background-color: #198754;
}

#lupa img {
    width: 20px;
}

/* Botões */
.log-cad {
    display: flex;
    gap: 10px;
}

#login, #cadastro {
    border: 2px solid #198754;
    background-color: #198754;
    color: white;
}

/* ===== NAVBAR ===== */
.navbar {
    background-color: #198754;
}

.navbar-nav {
    gap: 30px;
}

.nav-link {
    color: #08250d;
    font-size: 18px;
}

/* ===== BANNER ===== */
.banner {
    position: relative;
}

.banner-conteudo {
    width: 100%;
    min-height: 500px;

    background-image: url("../imagem/telainicial1.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    position: relative;
    display: flex;
    align-items: center; /* centraliza vertical */
}

.Tinicial {
    width: 100%;
    height: auto;
}

.texto-banner {
    margin-left: 5%;
    max-width: 500px;

    display: flex;
    flex-direction: column;
    gap: 15px;
}


/* Textos */
.texto1 {
    color: #e5f1e7;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
}

.texto2 {
    color: #d3ead6;
    font-size: 1.8rem;
    line-height: 1.3;
}

#conheca {
    width: fit-content;
    padding: 12px 25px;
    background-color: #198754;
    border: none;
}

#conheca:hover {
    background-color: #14511e;
}

@media (max-width: 768px) {

    .banner-conteudo {
        min-height: 350px;
        justify-content: center;
        text-align: center;
        background-position: -250px center;
    }

    .texto-banner {
        margin: 0 auto;
        align-items: center;
    }

    .texto1 {
        font-size: 1.5rem;
    }

    .texto2 {
        font-size: 1.2rem;
    }

    
}

/* ===== TELA 2 ===== */
.tela2 {
    padding: 40px 0;
}

/* Livros */
.tela2 img {
    width: 100%;
    max-width: 150px;
}

/* Texto */
.te2 {
    color: #198754;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

/* Botão */
#confira {
    margin-top: 20px;
    border: 2px solid #198754;
    background-color: #198754;
    color: white;
    padding: 10px 20px;
}

#confira:hover {
    background-color: #14511e;
}

/* ===== FOOTER ===== */
.footer {
    background-color: #7fbf8a;
    padding: 20px 0;
}

.footer .row {
    text-align: center;
}

.simbolos {
    width: 20px;
}

/* ===== RESPONSIVIDADE ===== */

/* Tablet */
@media (max-width: 768px) {

    .texto1 {
        font-size: 1.8rem;
        top: 10%;
    }

    .texto2 {
        font-size: 1.4rem;
        top: 30%;
    }

    .navbar-nav {
        gap: 15px;
    }
}

/* Celular */
@media (max-width: 480px) {

    #titulo {
        max-height: 60px;
    }

    .texto1 {
        font-size: 1.2rem;
    }

    .texto2 {
        font-size: 1rem;
    }

    .log-cad {
        flex-direction: column;
        align-items: center;
    }

    .btnpesquise {
        width: 100%;
    }
}