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

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family: "Montserrat", sans-serif; background-color: #314338; background-image: url("../img/body.jpg");background-repeat:no-repeat;background-position:center top;background-size:cover; color:#fff;line-height:1.6;overflow-x:hidden;}
div{scroll-margin-top: 165px;}
.container{max-width: 1045px;}

.hero{position: relative;overflow: hidden; max-height: 100vh;}
.hero img{width: 100%;display: block;}

.hero .topo{position:absolute;inset:0;width: 100%;max-width: 980px;margin:auto;}
.right{position:absolute;top:280px;right:80px;text-align:center;}
.embreve a{display:inline-block;padding:12px 34px;border:1px solid #fff;border-radius:50px;font-weight: 600;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:4px; transition: all .3s;}
.embreve a:hover{background-color: #ffffff38; transition: all .3s;}
.right p{margin-top:25px;color:#fff;font-weight: 500;font-size:20px;line-height:1;}
.hero .topo h1{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:100%;max-width:700px;text-align:center;color:#fff;font-size:22px;font-weight:400;}

.divider{position: relative;width: 100%;height: 2px;background: transparent;overflow: hidden;}
.divider::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 2px;
background: #515b43;transform: scaleX(0);transform-origin: center;animation: dividerLine 1.4s ease-out forwards;}
@keyframes dividerLine{from{transform: scaleX(0);}to{transform: scaleX(1);}}

.divider-1{position: relative;width: 100%;height: 2px;background: transparent;overflow: hidden;}
.divider-1::after{content: "";position: absolute;left: 0;top: 0;width: 100%;
height: 2px;background: #515b43;transform: scaleX(0);transform-origin: center;transition: transform 1.4s ease;}
.divider-1.aos-animate::after{transform: scaleX(1);}

.centro{position: relative; overflow: hidden;}
.imagem-vector-left{position: absolute;top: 0;right: -170px;z-index: 0;}
.imagem-vector-left img{width: 100%;}
.imagem-vector-right {position: absolute;bottom: -597px;left: -171px;z-index: 0;}
.imagem-vector-right img{width: 100%;}

.cadastro form{display: flex; flex-direction: column; margin: 50px;}
form input{background-color: transparent; border: 2px solid #515b43; border-radius: 20px; margin: 10px 0; padding: 15px 0; transition: all .3s; outline: none; text-align: center; color: #989783; font-size: 22px; font-weight: 600;}
form input:hover{background-color: #515b432f; transition: all .3s;}
form input::placeholder{text-align: center; text-transform: uppercase; font-size: 22px; color: #989783; font-family: "Montserrat", sans-serif; font-weight: 600;}
.cadastro button{background-color: #928f4d; border: none; border-radius: 50px; font-size: 22px; color: #111b14; padding: 10px 0; text-transform: uppercase; margin-top: 15px; transition: all .3s;}
.cadastro button:hover{background-color: #928f4d7e; transition: all .3s;}

#parceiros .row{position: relative;margin-bottom: 80px;padding-bottom: 80px;}
#parceiros .row::before{content: "";position: absolute;left: 50%;top: 0;width: 2px;height: 100%;background: #515b43;transform: translateX(-50%) scaleY(0);transform-origin: center;transition: transform 1.2s ease;}
#parceiros .row.aos-animate::before{transform: translateX(-50%) scaleY(1);}
#parceiros{margin-top: 80px;}
.titulo{text-align: center; padding: 30px 0; max-width:650px; margin: 0 auto; font-family: "Montserrat", sans-serif;}
.titulo h2{color: #989783; font-size: 22px; letter-spacing:5px;}
.titulo p{color: #989783; font-size: 22px; padding: 20px 0; line-height: 1; letter-spacing:5px;}
.parceiro{text-align: center; margin-top: 50px;}
.parceiro img{height:75px;margin:0 auto 45px;}
.parceiro p{max-width:340px; color: #989783; letter-spacing:2px; margin: 0 auto;}

.forma{padding: 80px 0; text-align: center;}
.texto-nova-forma{text-align: center; padding-top: 30px; max-width:650px; margin: 0 auto;}
.texto-nova-forma h2{color: #989783; font-size: 22px; letter-spacing:5px;}
.texto-nova-forma  p{color: #989783; font-size: 22px; padding: 20px 0; line-height: 1; letter-spacing:5px;}

.localizacao{ background-image: url("../img/fundo-localizacao.jpg");}
.imagem-local{ height: 100%; overflow: hidden;}
.imagem-local img{width: 100%;display: block;}

.footer{text-align: center; padding: 80px 0;}
.footer p{color: #989783; padding: 30px;}
.footer p:first-child{font-size: 22px;}
.footer p:last-child{font-size: 13px;padding-top: 50px;}
.logos{display: flex; align-items: center; justify-content: center; gap: 25px;}

/* =========================================
   TELAS MENORES 1440PX
========================================= */

@media(max-width:1440px){

    .hero .topo{max-width:850px;}
    .right{ top:220px;right:50px;}
    .hero .topo h1{bottom:40px;max-width:600px;}
    .imagem-vector-left{right:-120px;}
    .imagem-vector-left img{width: 350px;}
    .imagem-vector-right{bottom:-450px;left:-120px;}
    .imagem-vector-right img{width: 350px;}
    .container{max-width:950px;}

}


@media(max-width:991px){
    .container{width:90%;}
    .hero{ max-height:none;}
    .hero img {width: 100%;display: block;object-fit: cover;object-position: center;height: 50vh;}
    .hero .topo{max-width:90%;}
    .right{position:relative;top:0;right:0;width:100%;}
    .hero .topo h1{bottom:30px;font-size:18px;max-width:90%;}
    .cadastro form{margin:30px 0;}
    form input{font-size:18px;padding:12px 0;}
    .cadastro button{font-size:18px;}
    #parceiros{margin-top:40px;}
    #parceiros .row{margin-bottom:40px;padding-bottom:40px;}
    #parceiros .row::before{display:none;}
    .parceiro{margin-top:40px;}
    .titulo h2, .titulo p, .texto-nova-forma h2, .texto-nova-forma p{font-size:18px;letter-spacing:3px;}
    .imagem-vector-left{right:-100px;width:250px;}
    .imagem-vector-right{ bottom:-250px;left:-100px;width:250px;}


}


@media(max-width:576px){
    .hero .topo{ max-width:100%;}
    .right{position:absolute;padding-top: 20px;top:0;right:0;width:100%;}
    .embreve a{ padding:10px 25px;font-size:12px;letter-spacing:2px;}
    .hero .topo h1{font-size:15px;bottom:20px;letter-spacing:1px;}
    .titulo{padding:20px 0;}
    .titulo h2, .texto-nova-forma h2{font-size:16px;letter-spacing:2px;}
    .titulo p, .texto-nova-forma p{font-size:15px;letter-spacing:2px;}
    .parceiro img{ height:55px;margin-bottom:25px;}
    .parceiro p{ font-size:14px;letter-spacing:1px;}
    .forma{padding:40px 0;}
    .imagem-vector-left{right:-80px;width:180px;}
    .imagem-vector-left img{width: 150px;}
    .imagem-vector-right{bottom:-150px;left:-80px;width:180px;}
    .imagem-vector-right img{width: 150px;}
    .logos{flex-direction:column;gap:15px;}
    .up{padding-bottom: 30px;}
    .footer{padding:40px 0;}


}