@font-face {
    font-family: neotitulo;
    src: url('UniviaPro-Book.ttf');
}

@font-face {
    font-family: neo;
    src: url('UniviaPro-Regular.ttf');
}

html,
body{
   margin:0 !important;
     padding:0 !important;
    overflow-x:hidden;
    scroll-behavior:smooth;
}


body{
    background:
      
    url('../imagens/bg.png');

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

    color:#fff;
}

*{
    font-family:neo;
    box-sizing:border-box;
}

p{
    font-size:16px;
    line-height:24px;
}

h1{
    font-family:neotitulo;
    font-size:48px;
    font-weight:bold;
    margin-bottom:20px;
    text-transform:uppercase;
}

h2{
    font-size:24px;
}

h3{
    font-size:18px;
}

/* Área principal */

.conteudo{
    min-height:100%;
    display:flex;
    align-items:center;
	   margin:0 !important;
    padding:0 !important;
    min-height:100vh;
}

.container{
    width:100%;
}

/* Caixa do formulário */

.box-promocao{
  /*  background:rgba(0,0,0,.75);*/
    padding:35px;
    border-radius:15px;
    backdrop-filter:blur(5px);

    /*box-shadow:0 0 25px rgba(0,0,0,.4);*/
}

/* Campos */

.form-control{
    height:55px;
    border-radius:8px;
    border:none;
    margin-bottom:10px;
    font-size:16px;
}

.form-control:focus{
    box-shadow:0 0 10px rgba(255,193,7,.5);
}

/* Botão */

.btn-warning{
    height:60px;
    font-size:22px;
    font-weight:bold;
    border:none;
    border-radius:8px;
    margin-top:10px;
}

/* Logo */

.logo{
    max-width:250px;
    margin-bottom:30px;
	margin-top:20px;
}

/* WhatsApp */

.whatsapp-fixo{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:999;
}

/* Links */

a{
    color:#ffc107;
}

a:hover{
    color:#ffd95a;
    text-decoration:none;
}

/* Mensagens */

.msg-sucesso{
    color:#8dff8d;
    margin-top:15px;
}

.msg-erro{
    color:#ff8f8f;
    margin-top:15px;
}

/* Mobile */

@media(max-width:768px){

    body{
        background-position:center center;
        background-size:cover;
        background-attachment:scroll;
    }

    .conteudo{
        padding:20px 0;
        align-items:flex-start;
    }

    h1{
        font-size:32px;
    }

    .box-promocao{
        padding:20px;
        margin-top:15px;
    }

    .form-control{
        height:50px;
    }

    .btn-warning{
        height:55px;
        font-size:18px;
    }

    .logo{
   		 max-width:280px;
		margin:20px auto 0 auto;
		display:block;
	}
}