/* ===================================
   CONQUISTATIVA AUTOMÓVEIS
=================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f8f9fa;
    color:#222;
    overflow-x:hidden;

    /* Espaço para o menu fixo */
    padding-top:85px;
}

/* ================= HEADER ================= */

.navbar{
    background:#111 !important;
    transition:.4s;
}

.navbar-brand{
    font-weight:700;
    font-size:1.4rem;
}

.nav-link{
    color:#fff !important;
    margin-left:15px;
    transition:.3s;
}

.nav-link:hover{
    color:#dc3545 !important;
}

/* ================= HERO ================= */

.hero{

    min-height:100vh;

    background:
    linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),
    url("../imagens/banner/banner.jpg");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    display:flex;
    align-items:center;

    color:white;

}

.texto-pequeno{

    color:#dc3545;
    font-weight:600;
    letter-spacing:2px;

}

.hero h1{

    font-size:4rem;
    font-weight:800;
    margin:20px 0;

}

.hero p{

    font-size:1.2rem;
    color:#ddd;
    max-width:600px;

}

.hero .btn{

    padding:15px 35px;
    border-radius:10px;
    font-weight:600;

}

.carro-principal{

    max-width:100%;
    animation:flutuar 4s ease-in-out infinite;

}

@keyframes flutuar{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0px);
    }

}

/* ================= FOOTER ================= */

footer{

    background:#111;
    color:white;

}

.footer-link{

    color:#ccc;
    text-decoration:none;

}

.footer-link:hover{

    color:#dc3545;

}

/* ================= RESPONSIVO ================= */

@media(max-width:992px){

    body{
        padding-top:75px;
    }

    .hero{
        text-align:center;
        padding-top:120px;
    }

    .hero h1{
        font-size:2.8rem;
    }

}