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


:root {
    --color-font-light: #ffffff;
    --color-font-dark: #045485;


    --lpone-color-primary: #0173b9;
    --lpone-color-secondary: #00abe2;
    --lpone-color-secondary-hover: #031c2c;

    --lpone-color-headline-form: #f7f7f7;
    --lpone-color-button-conversao: #0e9f2e;
    --lpone-color-button-conversao-hover: #031c2c;

    --color-obrigado-primary: #0173b9;
    --color-obrigado-button: #0e9f2e;
}



.fab { font-family: Font Awesome\ 5 Brands !important; }
.fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; }

/* Msg alert flashdata */
.msg_status { position: fixed; z-index: 9999; width: 100%; top: 0; right: 0; }
.msg_status .alert { border-radius: 0; padding-top: 1rem; padding-bottom: 1rem; font-size: 1.2rem; }
.msg_status .alert button span { font-size: 2.3rem; }


/**
 * -----------------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------
 * STYLE LANDING PAGE - NOVA VERSÃO - CONVERSÃO
 * -----------------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------
 */
#lp_conversao { color: var(--color-font-dark); }
#lp_conversao * { font-family: 'Poppins', sans-serif; }

#lp_conversao header { padding-top: 1rem; padding-bottom: 1rem; }
#lp_conversao header img.logo { max-width: 290px; }
#lp_conversao header .row { align-items: center; }
#lp_conversao header .phone { display: inline-block; font-size: 1.5rem; font-weight: 600; }


@media(max-width:767px) {
    #lp_conversao header img.logo { max-width: 250px; }
    #lp_conversao header .phone { display: inline-block; font-size: 1.3rem; font-weight: 600; }
}
@media(max-width:575px) {
    #lp_conversao header .phone { margin-top: 1.5rem; }
}


#lp_conversao .slider { background: url(../img/slider.png); background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 720px; display: flex; align-items: center; }
#lp_conversao .slider .headline .form-container { background: var(--lpone-color-headline-form); padding: 2.5rem 1.5rem; border-radius: 1rem; }
#lp_conversao .slider .headline .form-container h3 { font-size: 1.45rem; font-weight: 600; color: var(--color-font-dark); }
#lp_conversao .slider .headline .form-container .btn_style__secondary { transition: .3s; display: block; width: 100%; font-size: 1.3rem; font-weight: 600; background: var(--lpone-color-button-conversao) !important; margin: .5rem 0; }
#lp_conversao .slider .headline .form-container .btn_style__secondary:hover { transition: .3s; transform: scale(1.04); background: var(--lpone-color-button-conversao-hover) !important; }

@media(max-width:575px) {
    #lp_conversao .slider { background-position: right; background-attachment: initial; height: 550px; }
    #lp_conversao .slider .headline .form-container h3 { font-size: 17px; text-align: center; }
    #lp_conversao .slider .headline .form-container button { font-size: 16px; }
    #lp_conversao .slider .headline { padding-bottom: 2rem; }
    #lp_conversao .slider .headline .form-container { padding: 1rem 1rem; }
}



/* SOBRE O SERVIÇO */
#lp_conversao #servico { padding-top: 5rem; padding-bottom: 6rem; }
#lp_conversao #servico h2 { font-weight: bold; font-size: 3rem; margin-bottom: 3rem; height: 50px; }
#lp_conversao #servico img { border-radius: 1rem; }
#lp_conversao #servico h3 { font-weight: 600; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 2rem; height: 50px; }
#lp_conversao #servico p { font-size: 1.1rem; font-weight: 500; }

@media(max-width:991px) {
    #lp_conversao #servico h2 { font-size: 2.2rem; }
}
@media(max-width:575px) {
    #lp_conversao #servico { padding-top: 4rem; padding-bottom: 3rem; }
    #lp_conversao #servico h2 { font-size: 1.8rem; margin-bottom: 1rem; text-align: center; }
    #lp_conversao #servico h3 { font-size: 1.4rem; margin-top: 1.2rem; margin-bottom: 1.6rem; height: auto; }
    #lp_conversao #servico p { font-size: 1rem; }
}





/* FOOTER */
#lp_conversao #footer { padding-top: 3rem; background: var(--lpone-color-primary); }
#lp_conversao #footer * { color: var(--color-font-light); }
#lp_conversao #footer .footer-container { padding-top: 5rem; padding-bottom: 6rem; }
#lp_conversao #footer h2 { font-weight: bold; font-size: 2.3rem; margin-bottom: 2rem; }
#lp_conversao #footer p { font-size: 1.4rem; }
#lp_conversao #footer .btn_lp_whatsapp { transition: .3s; background: var(--lpone-color-button-conversao); padding: 1rem 2.5rem; font-size: 1.5rem; font-weight: 500; margin-top: 2rem; }
#lp_conversao #footer .btn_lp_whatsapp:hover { transition: .3s; background: var(--lpone-color-button-conversao-hover); transform: scale(1.04); }
#lp_conversao #footer .btn_lp_whatsapp i { margin-right: 10px; }



@media(max-width:991px) {
    #lp_conversao #footer h2 { font-size: 2rem; }
    #lp_conversao #footer h2 br { display: none; }
}
@media(max-width:767px) {
    #lp_conversao #footer .footer-container { padding-top: 2rem; padding-bottom: 2rem; }
}
@media(max-width:575px) {
    #lp_conversao #footer { padding: 2rem 0; background-position: bottom; text-align: center; }
    #lp_conversao #footer .logo { max-width: 250px; }
    #lp_conversao #footer h2 { font-size: 24px; }
    #lp_conversao #footer p { font-size: 17px; font-weight: 500; line-height: 22px; }
}




/**
 * -----------------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------
 * STYLE LANDING PAGE - OBRIGADO
 * -----------------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------
 */

.obrigado,  .lp-obrigado { background: var(--color-obrigado-primary) !important; }
.lp-obrigado { height: 540px; display: flex; align-items: center; }
.obrigado h1 { color: var(--color-font-light); font-weight: bold; font-size: 3.5rem; margin-bottom: 1.5rem; }
.obrigado p { color: var(--color-font-light); font-size: 1.5rem; }
.obrigado a { background: var(--color-obrigado-button) !important; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; padding: 1rem 3rem; color: var(--color-font-light); }
.obrigado a i { margin-right: 10px; }

@media(max-width:991px) {
    .obrigado h1 { font-size: 2.8rem; }
}
@media(max-width:767px) {
    .obrigado h1 { text-align: center; }
    .obrigado h1 br { display: none; }
    .obrigado p { text-align: center; }
}
@media(max-width:575px) {
    .obrigado .logo img { max-width: 280px; }
    .obrigado h1 { font-size: 2rem; }
    .obrigado p { text-align: center; }
}