@charset "UTF-8";
/* Tema: Luiz Felipe Resende
Desenvolvido por Anderson Bispo - andersonbispo.designer@gmail.com*/

body{
    margin: auto;
    font-family: "DM Sans", sans-serif;}

h1{
    font-size: 3.125rem;
    font-weight: 400;}

h2{
    font-size: 2.5rem;
    font-weight: 300;
    color: #151740;}

.h2-branco{
    font-size: 2.5rem;
    font-weight: 300;
    color: #ffffff;}

.h2-footer{
    font-size: 1.375rem;
    margin-top: 0px;
    color: #ffffff;}

.h3-destaque{
    font-size: 1.875rem;
    font-weight: 200;
    margin: 0px;}

.h3-card{
    font-size: 1.25rem;
    color: #151740;
    font-weight: 400;}

p{
    font-size: 1rem;
    font-weight: 300;}

a{
    text-decoration: none;
    color: #ffffff;}

a:hover{
    text-decoration: underline;
    cursor: pointer;}

.header-description{
    font-size: 1.25rem;
    font-weight: 200;}

.title{
    font-size: 0.875rem;
    font-weight: 900;
    margin-bottom: -30px;}

.title-branco{
    font-size: 0.875rem;
    font-weight: 900;
    margin-bottom: -30px;
    color: #ffffff;}

.botao-branco{
    width: 220px;
    height: 50px;
    background-color: #ffffff;
    color: #151740;
    border-radius: 50px;
    margin-top: 50px;
    border: none;
    font-size: 1rem;}

.botao-branco:hover{
    cursor: pointer;
    color: #ffffff;
    background-color: #2b34d9;}

.botao-azul{
    width: 220px;
    height: 50px;
    background-color: #151740;
    color: #ffffff;
    border-radius: 50px;
    margin-top: 50px;
    border: none;
    font-size: 1rem;}

.botao-azul:hover{
    cursor: pointer;
    color: #ffffff;
    background-color: #2b34d9;}

#header{
    width: 100%;
    height: 700px;
    margin: auto;
    color: #ffffff;
    background-image: url("https://luizfeliperesende.com.br/wp-content/themes/astra/landing-page/images/bg-banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}

.header-logo{
    width: 90%;
    height: auto;
    margin: auto;
    text-align: center;
    border-bottom: 1px solid #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;}

.header-content{
    width: 1050px;
    height: auto;
    margin: auto;
    text-align: center;
    padding-top: 60px;}

.who{
    width: 1230px;
    height: 640px;
    margin: auto;
    padding-top: 100px;}

.who-text{
    width: 700px;
    height: auto;
    text-align: center;
    color: #000000;
    float: right;}

.who-image{
    width: 500px;
    height: 640px;
    text-align: center;
    float: left;}

.who-content{
    width: auto;
    height: auto;
    margin: auto;
    padding-top: 30px;}

.who-left{
    width: 300px;
    height: auto;
    padding-right: 45px;
    border-right: 1px solid #D9D9D9;
    float: left;}

.who-right{
    width: 300px;
    height: auto;
    float: right;}

.who-card{
    width: 285px;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;}

.destaque{
    width: 1230px;
    height: 140px;
    margin: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(0deg,rgba(21, 23, 64, 1) 0%, rgba(22, 25, 87, 1) 100%);
    border-radius: 10px;
    display: flex;}

.destaque-card{
    width: 285px;
    height: auto;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;}

.destaque-linha{
    width: 1px;
    height: auto;
    border-left: 1px solid #ffffff;
    opacity: 0.3;}

.fluxo{
    width: 1230px;
    height: 670px;
    margin: auto;
    padding-top: 100px;}

.fluxo-text{
    width: 600px;
    height: auto;
    float: left;}

.fluxo-image{
    width: 600px;
    height: 600px;
    float: right;}

.funciona{
    width: auto;
    width: auto;
    margin: auto;
    background-image: url("https://luizfeliperesende.com.br/wp-content/themes/astra/landing-page/images/bg-funciona.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;}

.funciona-content{
    width: 1230px;
    height: auto;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    margin: auto;}

.funciona-card{
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;}

.card-funciona{
    width: 285px;
	
	height: auto;
	
    margin: auto 10px;
    padding: 40px 20px;
    background-color: #ffffff;
    border-radius: 10px;
    filter: drop-shadow(0px 0px 10px #000000);}

.parceiros{
    width: auto;
    height: auto;
    margin: auto;
    padding-top: 100px;
    text-align: center;}

.parceiros-content{
    width: 1230px;
    height: auto;
    margin: auto;}

.parceiros-content-card{
	width: 100%;
	height: auto;
	margin: auto;
	padding-top: 30px;
    padding-bottom: 10px;
	display: flex;}

.parceiros-card{
	width: 118px;
	height: auto;
	margin: auto;}

.parceiros-plugin{
    width: auto;
    height: auto;
    margin: auto;}

.cenario{
    width: 100%;
    height: 730px;
    margin: auto;
    padding-top: 130px;
    background-image: url("https://luizfeliperesende.com.br/wp-content/themes/astra/landing-page/images/bg-cenario.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 1900px;}

.cenario-content{
    width: 1230px;
    height: auto;
    margin: auto;}

.cenario-text{
    width: 500px;
    height: auto;
    float: left;}

.cenario-card{
    width: 630px;
    height: auto;
    float: right;}

.cenario-left{
    width: 315px;
    height: auto;
    float: left;}

.cenario-right{
    width: 315px;;
    height: auto;
    float: right;}

.card-cenario{
    width: auto;
    height: auto;
    margin-bottom: 70px;
    padding-right: 20px;}

.luiz{
    width: 100%;
    height: 600px;
    margin: auto;
    color: #ffffff;
    background: linear-gradient(0deg,rgba(21, 23, 64, 1) 0%, rgba(22, 25, 87, 1) 100%);}

.luiz-content{
    width: 1230px;
    height: auto;
    margin: auto;}

.luiz-text{
    width: 600px;
    height: auto;
    float: left;
    margin-top: 80px;}

.luiz-image{
    width: 500px;
    height: auto;
    float: right;
    margin-top: -45px;}

.google{
    width: auto;
    height: auto;
    margin: auto;
    padding-top: 180px;
    text-align: center;}

.cta{
    width: 1130px;
    height: 200px;
    margin: auto;
    background-color: #141873;
    border-radius: 10px;
    padding-left: 100px;
    position: relative;
    display: flex;
    color: #ffffff;
    background-image: url("https://luizfeliperesende.com.br/wp-content/themes/astra/landing-page/images/bg-cta.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;}

.cta-text{
    width: 530px;
    height: auto;
    margin-right: 90px;
    margin-top: 20px;}

.cta-botao{
    width: 400px;
    height: auto;
    text-align: center;
    margin-top: 30px;}

.footer{
    width: 100%;
    height: auto;
    margin-top: -100px;
    padding-top: 170px;
    color: #ffffff;
    background: linear-gradient(0deg,rgba(21, 23, 64, 1) 0%, rgba(22, 25, 87, 1) 100%);}

.footer-content{
    width: 1230px;
    height: auto;
    margin: auto;
    padding-bottom: 70px;
    display: flex;}

.footer-card{
    width: 410px;
    height: auto;}

.footer-icon{
    width: 24px;
    height: 24px;
    margin-right: 10px;
    float: left;}

.card-footer{
    width: auto;
    height: auto;
    margin-top: 25px;}

.footer-disclaimer{
    width: 1230px;
    height: 75px;
    margin: auto;
    border-top: 1px solid #ffffff;}

.diclaimer-content{
    width: auto;
    height: auto;
    margin: auto;
    padding-top: 10px;}

.disclaimer-text{
    width: 500px;
    height: auto;
    float: left;}

.disclaimer-links{
    width: 500px;
    height: auto;
    float: right;
    text-align: right;}

.text-disclaimer{
    font-size: 0.75rem;}