/* HERO */

.hero{

    min-height:100vh;

    display:flex;

    align-items:center;

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
    135deg,
    #08152d 0%,
    #1d2f58 100%);

}


/* CONTAINER */
.hero-content{

    padding-top:160px;

    padding-bottom:60px;

}


/* TAG SUPERIOR */
.hero-tag{

    display:inline-block;

    color:#FE904C;

    font-size:15px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:20px;

}

/* TÍTULO */
.hero h1{

    font-family:'Montserrat',sans-serif;

    font-size:62px;

    line-height:1.1;

    color:#FFF;

    font-weight:800;

    margin-bottom:28px;

}



/* TEXTO */
.hero p{

    font-size:20px;

    line-height:1.8;

    color:#D9DFEA;

    max-width:600px;

    margin-bottom:45px;

}


/* BOTÕES */
.hero-buttons{

    display:flex;

    gap:20px;

}



/* BOTÃO PRINCIPAL */
.btn-primary-spaox{

    background:#FE904C;

    color:#FFF;

    padding:18px 32px;

    border-radius:12px;

    font-weight:600;

    transition:.35s;

}

.btn-primary-spaox:hover{

    background:#ff7f2b;

    transform:translateY(-3px);

}


/* BOTÃO SECUNDÁRIO */
.btn-secondary-spaox{

    border:2px solid rgba(255,255,255,.25);

    color:#FFF;

    padding:18px 30px;

    border-radius:12px;

    transition:.35s;

}



/* IMAGEM */
.hero-image{

    width:100%;

    max-width:650px;

}

.hero {

    position: relative;
    min-height: 100vh;

    background:
        linear-gradient(
rgba(13,27,54,.82),
rgba(13,27,54,.88)
        ),
        url("../img/hero/index.png");

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

    display: flex;
    align-items: center;

}


/* ==========================================
HERO - MOBILE
========================================== */

@media (max-width: 991px){

    .hero{

        min-height:auto;

    }

    .hero-content{

        padding-top:0px;
        padding-bottom:40px;

    }

}