/*
Theme Name: Numerama by Webiq
Author: Webiq
Author URI: https://webiq.com.br/
Version: 1.0
Description: Tema criado pela Webiq, com admin completo. Dúvidas e manutenções, entrar em contato por email <a href="mailto:contato@webiq.com.br" target="_blank">contato@webiq.com.br</a> ou telefone/WhatsApp <a href="https://api.whatsapp.com/send?phone=554732036158" target="_blank">+55 (47) 3202-6158</a>. 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap');

html.wf-active { margin-top: 0 !important; }

:root {
    --color-primary: #f8983e;
    --color-secondary: #ffb053;
    --color-complement: #ffac84;
    --color-background: #fff;
    --color-text: #939292;
    --color-text-dark: #5d5d5d;
    --color-text-light: #e3e3e3;
}

#master { overflow-x: hidden;}

* { margin: 0; padding: 0; box-sizing: border-box; }
*:focus { outline-offset: 0 !important; outline-width: 0; }
p { font-size: 22px; line-height: auto; color: var(--color-text); }
body { background-color: var(--color-background); font-family: 'Roboto', sans-serif; }

h1, h2, h3, h4 { font-family: 'Poppins', sans-serif; }
h1, h2 { color: #000; font-size: 36px; font-weight: bold; text-align: center; }
h3 { color: #ffb053; font-size: 30px; font-weight: bold; }
p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 18px; }

header { background: transparent url('images/bg-header.jpg') center top no-repeat; background-size: cover; }
.home header, .page-id-8 header { background-image: none; }
header .logo { margin-top: 40px; }
header .social { text-align: right; font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: bold; margin-top: 10px; }
header .social a { color: #fff; text-shadow: 1px 1px 1px rgba(35,31,32,.1); margin-left: 25px; }
header .social a i { font-size: 16px; }
header .social a:hover { color: #fcebe3; }
.line { border-bottom: 1px solid rgba(255,255,255,.5); margin-top: 30px; }

header .navigation { text-align: right; margin-top: 30px; } 
header .navigation a { color: #fff; font-size: 15px; font-weight: 300; margin-left: 45px; }
header .navigation a strong { font-size: 12px; }
header .navigation a.bt-experimente { background-color: #2659a5; padding: 14px 23px; font-size: 13px; border-radius: 5px; box-shadow: 1px 1px 1px rgba(35,31,32,.1); transition: all .5s; }
header .navigation a.bt-experimente:hover { background-color: #ef7f3c; }
header .navigation a:hover { text-decoration: none; color: #fcebe3; }

header .row-mobile { display: flex; align-items: flex-end; gap: 20px; }
header .row-mobile .entrar { color: #f8983e; background: #fff; padding: 8px 15px; border-radius: 50px; font-size: 15px; line-height: 20px; position: absolute; right: 60px; top: 28px; }

/* TOPO */
.home .banner { background: transparent url('images/banner-top.jpg') center top no-repeat; background-size: cover; height: 100vh; }
.page-id-8 .banner { background: url('images/bg-fale-conosco.jpg') transparent no-repeat center top/cover; height: 100vh; }
.banner h1 { color: #fff; font-size: 42px; font-weight: 300; text-shadow: 3px 3px rgba(35,31,32,.1); margin-top: 140px; margin-bottom: 30px; text-align: left; }
.banner h1 strong { font-weight: bold; display: block; }
.banner p { font-weight: 300; font-size: 14px; color: #fff; text-shadow: 1px 1px 1px rgba(35,31,32,.1); }
.page-id-8 .banner p { text-transform: uppercase; }
.banner p strong { font-weight: bold; font-size: 18px; display: block; margin-bottom: 5px; }
.banner .bt-cta { background-color: #fff; border-radius: 5px; padding: 20px 26px; font-weight: bold; font-size: 17px; color: #f98700; box-shadow: 1px 1px 1px rgba(35,31,32,.1); margin-top: 30px; display: inline-block; text-decoration: none; }
.banner .bt-cta i { margin-left: 10px; }


.whatsapp { text-align: center; background-color: #f8983e; border-top: 1px solid #fff; padding: 30px 0; position: fixed; bottom: 0; width: 100%; z-index: 999; }
.whatsapp a { color: #fff; font-size: 21px; font-weight: 300; }
.whatsapp a i { font-size: 30px; position: relative; top: 2px; left: 4px; }

p.sub { margin-bottom: 40px; }

.content-topics, .content-planos, .content-alguma-duvida { padding: 65px 0; }
.topics h2 { margin-bottom: 20px; }

.topic h3 { margin-top: 20px; margin-bottom: 20px; }
.topic img { max-width: 90%; }
.topic p { font-size: 14px; font-weight: 300; margin-bottom: 30px; }

.plano .box { text-align: center; border: 1px solid #e1e1e1; padding: 30px 20px; border-radius: 4px; box-shadow: 1px 1px 2px rgba(0,0,0,.1); margin: 0 10px; overflow: hidden; position: relative; }
.plano h3 { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 30px; }
.plano span { display: block; font-size: 14px; margin-bottom: 7px; }
.plano span.ativo { color: #555555; font-weight: bold; }
.plano span.inativo { color: #e2e2e2; }

.plano .features { min-height: 520px; }
.plano .features .sub { line-height: 12px; }
.plano .features small { text-transform: uppercase; color: #5d5d5d; font-size: 9px; line-height: 12px !important; }

.plano .assine { position: absolute; bottom: 0; width: 100%; text-shadow: 1px 1px 1px rgba(35,31,32,.1); }
.plano .assine { background-color: #ffac84; display: block; margin: -20px; color: #fff; height: 100px; padding: 22px 25px; }
.plano .assine .preco { float: left; line-height: 18px; border-right: 1px solid #fff; padding-right: 10px; margin-right: 10px; }
.plano .assine .preco strong { font-size: 28px; }
.plano .assine span { margin-bottom: 0; }
.plano .assine span.mes { font-size: 13px; }
.plano .text-assine { margin-top: 10px; }
.plano .text-assine i { margin-left: 5px; }


.content-alguma-duvida { background-color: #f3f3f3; }
.form { text-align: center; }
.form { margin-top: 40px; }
.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form textarea { border: 1px solid #f98700; border-radius: 4px; background-color: transparent; color: #f98700; padding: 10px; width: 100%; margin-bottom: 10px; font-size: 17px; }  
.form textarea { height: 130px; }
.form input[type="submit"]{ float: right; background-color: #f8983e; border: 1px solid #f98700; padding: 10px 20px; color: #fff; border-radius: 4px; }


.vantagens { text-align: center; }
.vantagens h2 { padding: 65px 0; }
.vantagens .box { margin-bottom: 60px; }
.vantagens h3 { font-size: 30px; padding: 20px 0 10px 0; }
.vantagens .icon { min-height: 100px; vertical-align: bottom; }
.vantagens p { font-size: 14px; padding: 0 20px; }

::placeholder{ color: #f98700; }

footer { padding: 65px 0 145px 0; }
footer a, footer strong { display: block; color: #8c8888; font-size: 14px; }
footer a:hover { text-decoration: none; color: #f98700; }
footer strong { margin-bottom: 10px; display: block; }
footer .social { margin-bottom: 10px; }
footer .social a { display: inline-block; color: #c4c3c3; margin-right: 10px; }
footer .email a, footer .tel a { color: #c4c3c3; }
footer .tel a { font-weight: bold; }
footer .social a:hover, footer .email a:hover, footer .tel a:hover { color: #f98700; }

.modal-experimente { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background-color: rgba(255,255,255,.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 40px; overflow-y: scroll; }
.modal-experimente h2 { padding-bottom: 30px; }
.modal-experimente label { color: #f98700; }
.modal-experimente input[type="text"], .modal-experimente input[type="email"], .modal-experimente input[type="password"], .modal-experimente select { border: 1px solid #f98700 !important; margin-bottom: 20px; color: #f98700; transition: all .3s ease-in-out; }
.modal-experimente input[type="submit"]{ float: right; background-color: #f8983e; border: 1px solid #f98700; padding: 10px 20px; color: #fff; border-radius: 4px;  }
.modal-experimente form { position: relative; transition: all .3s ease-in-out; }
.modal-experimente form .hide { display: none; }
.modal-experimente form::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAwIDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8cGF0aCBmaWxsPSIjZjk4NzAwIiBkPSJNNzMsNTBjMC0xMi43LTEwLjMtMjMtMjMtMjNTMjcsMzcuMywyNyw1MCBNMzAuOSw1MGMwLTEwLjUsOC41LTE5LjEsMTkuMS0xOS4xUzY5LjEsMzkuNSw2OS4xLDUwIj4gPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHR5cGU9InJvdGF0ZSIgZHVyPSIxcyIgZnJvbT0iMCA1MCA1MCIgdG89IjM2MCA1MCA1MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4gPC9wYXRoPiA8L3N2Zz4=);
    background-size: 50px; background-position: center; background-repeat: no-repeat; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .3s ease-in-out;
    transform: scale(0); opacity: 0; z-index: -1;
}
.modal-experimente form.loading .container { transition: all .3s ease-in-out; filter: blur(2px); }
.modal-experimente form.loading::before { opacity: 1; transform: scale(1); z-index: 999;}
#cadastro .invalid input { border-color: #ff1e1e !important; }

.modal-assine { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background-color: rgba(255,255,255,.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 40px; overflow-y: scroll; }
.modal-assine h2 { padding-bottom: 30px; }
.modal-assine label { color: #f98700; }
.modal-assine input[type="text"], .modal-assine input[type="tel"], .modal-assine input[type="email"], .modal-assine input[type="password"], .modal-assine select { border: 1px solid #f98700 !important; margin-bottom: 20px; color: #f98700; transition: all .3s ease-in-out; }
.modal-assine input[type="submit"]{ float: right; background-color: #f8983e; border: 1px solid #f98700; padding: 10px 20px; color: #fff; border-radius: 4px;  }
.parceiro_content textarea { width: 100%; display: block; color: #495057; border: 1px solid #f98700 !important; margin-bottom: 20px; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; border-radius: 0.25rem; background-color: #fff; background-clip: padding-box; transition: all .3s ease-in-out; }
.modal-assine form { position: relative; transition: all .3s ease-in-out; }
.modal-assine form .hide { display: none; }
.modal-assine form::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAwIDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8cGF0aCBmaWxsPSIjZjk4NzAwIiBkPSJNNzMsNTBjMC0xMi43LTEwLjMtMjMtMjMtMjNTMjcsMzcuMywyNyw1MCBNMzAuOSw1MGMwLTEwLjUsOC41LTE5LjEsMTkuMS0xOS4xUzY5LjEsMzkuNSw2OS4xLDUwIj4gPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHR5cGU9InJvdGF0ZSIgZHVyPSIxcyIgZnJvbT0iMCA1MCA1MCIgdG89IjM2MCA1MCA1MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZVRyYW5zZm9ybT4gPC9wYXRoPiA8L3N2Zz4=);
    background-size: 50px; background-position: center; background-repeat: no-repeat; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all .3s ease-in-out;
    transform: scale(0); opacity: 0; z-index: -1;
}
.modal-assine form.loading .container { transition: all .3s ease-in-out; filter: blur(2px); }
.modal-assine form.loading::before { opacity: 1; transform: scale(1); z-index: 999;}
.modal-assine .select2-container { display: block; width: 100%; }
.modal-assine .select2-container .select2-selection--single { border: 1px solid #f98700 !important; margin-bottom: 20px; color: #f98700; transition: all .3s ease-in-out; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; }
.modal-assine .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; color: #f98700; }
.modal-assine .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { color: #f98700; }
#assine .invalid input { border-color: #ff1e1e !important; }
.container_codigo { position: relative; }
.container_codigo .aplicar_codigo { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-size: 13px; line-height: 15px; color: #f8983e; text-decoration: none; cursor: pointer; transition: all .3s ease-in-out; }

.planos_title h3 { font-weight: 400; margin-bottom: 20px; }
#assine .aviso p { color: #f8983e; font-weight: bold; }
.flex-title {  display: flex;  align-items: center;  gap: 40px; margin-bottom: 15px;}
.flex-title .precos span { font-size: 20px; line-height: 25px; font-weight: normal; color: #ffb053; }

.submit_aceitacao { margin-top: 20px; }
.submit_aceitacao .label_submit { display: flex; align-items: center; gap: 5px; }
.submit_aceitacao input {
    appearance: none;
    min-width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 1px solid #f8983e !important;
    border-radius: 5px;
    cursor: pointer;
}
.submit_aceitacao input:checked {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 32 32'%3E%3Cpath d='M27 4l-15 15-7-7-5 5 12 12 20-20z'%3E%3C/path%3E%3C/svg%3E");
    animation: all .2s ease-in-out;
    border: none;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f8983e;
}
.submit_aceitacao .label_submit .texto_aceitacao { margin: 0; }
.submit_aceitacao .label_submit .texto_aceitacao a { color: #f98700; text-decoration: underline; }


.bt-fechar { position: absolute; right: 30px; top: 30px; font-size: 30px; width: 30px; display: flex; align-items: center; justify-content: center; color: #000; z-index: 999; text-decoration: none !important; }
.bt-fechar:hover { color: #f8983e; }

.modal-sucesso { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background-color: rgba(255,255,255,.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 40px; overflow-y: scroll; }
.modal-sucesso h2 { padding-bottom: 30px; }
.modal-sucesso .container { height: 100%;  display: flex;  align-items: center; justify-content: center; }
.modal-sucesso .title {font-size: 30px; line-height: 35px; margin: 0 0 20px; padding: 0; color: #f8983e; }
.modal-sucesso h3 { font-size: 20px; line-height: 25px; font-weight: 600; margin-bottom: 30px; color: #3b3b3b; }
.modal-sucesso .msg { color: #262626; }
.modal-sucesso .botoes { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 40px; }
.modal-sucesso .botoes .bt {color: #331a03;font-weight: normal; text-decoration: none; padding: 10px 20px; background: #ffac84; cursor: pointer; border-radius: 10px; display: flex; align-items: center; gap: 10px; transition: all .3s ease-in-out; }
.modal-sucesso .botoes .bt:hover {background-color: #f8983e; }

.menu-mobile { display: none; }

.box-content-int { padding: 65px 0; }

#wpadminbar { display: none; }

.desktop { display: block; }

/*** FALE CONOSCO **/
.page-id-8 .banner .form {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.page-id-8 .banner .form .wpcf7 {
    width: 90%;
}
.page-id-8 .banner .form input:not([type=submit]) {
    background: #fff;
    color: #f98700;
}
.page-id-8 .banner .form input:not([type=submit])::placeholder {
    color: #f98700;
}

@media (max-width: 1200px) {
	.vantagens h3 { font-size: 25px; }
} 

@media (max-width: 992px) { 
    .home .banner  {
        background: transparent url(images/banner-top-mob.jpg) center top no-repeat;
        background-size: cover;
        background-position: center bottom;
    }
    header .logo { margin-top: 20px; }
    .banner h1 { margin-top: 20px; font-size: 30px; margin-bottom: 10px; }
    .banner p strong { font-size: 16px; }
    .banner p { margin-bottom: 10px; }
    .banner .bt-cta { margin-top: 0;  padding: 10px 26px; }
    .desktop { display: none; }
    .topic { text-align: center; }
    .content-topics, .content-planos, .content-alguma-duvida { padding-bottom: 0; }
    .content-alguma-duvida { padding-bottom: 65px; }
    footer { padding-top: 20px; text-align: center; }
    footer .navigation { display: none; }
    footer .social { margin-top: 40px; }
    .menu-mobile { display: block; position: absolute; right: 20px; top: 30px; }
    .img-solucoes { text-align: center; }
    .page-id-8 .banner .form { display: block; }
    .page-id-8 .banner .form .wpcf7 { width: 100%; }

    .modal-sucesso .botoes { gap: 15px; }
    .modal-sucesso .botoes .bt { width: 220px; justify-content: center; }
}

@media (max-width: 768px) { 
    
}

@media (max-width: 576px) {
    
}

@media (max-width: 377px) { 
}