@charset "utf-8";
/* ======================== CSS TOKENS ======================== */
/* @import url("tokens/oldcss.css"); */

/* @import url("tokens/buttons.css");
@import url("tokens/inputs.css");
@import url("tokens/icons.css");
@import url("tokens/modals-site.css"); */

/* ======================== HEADER | FOOTER ======================== */
/* @import url("pages/header.css");
@import url("pages/footer.css"); */

/* ======================== PAGES SITE ======================== */
/* @import url("pages/home.css");
@import url("pages/sobre-nos.css");
@import url("pages/como-funciona.css");
@import url("pages/page-sucesso.css");
@import url("pages/nossos-planos.css");
@import url("pages/checkout.css"); */

/* ======================== LOGIN ======================== */
/* @import url("pages/login.css");
@import url("pages/admin.css"); */

/* ======================== ADMIN PAGES ======================== */



/* ======================== MOBILE ======================== */
/* @import url("styles-mobile.css"); */




/* ======================== RESET ======================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h4, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0;  font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0;} a, a:link, a:visited, a:hover, a:active{text-decoration:none} table { border-collapse: separate;border-spacing: 0;} th, td {text-align: left; font-weight: normal;} img, iframe {border: none; text-decoration:none;} ol, ul {list-style: none;} input, textarea, select, button {font-size: 100%;font-family: inherit; margin:0; padding:0;} select {margin: inherit;} hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px} b { font-weight:700 } img { max-width: 100%; height: auto; } @media \0screen { img { width: auto; /* for ie 8 */ }  }


/* ======================== TOKENS ======================== */
:root {
    /* ++++++++ COLORS ++++++++ */
    --lightgreen: #53C46C;
    --darkgreen: #00332A;
    --lightbg: #FCFCF9;
    --darkbg: #F1F1EB;
    --darkbg-light: #f1f1eb52;
    --black: #000000;
    --white: #FFFFFF;
    --text: #667085;
    --textbg: #66708514;
    --gray900: #343434;
    --gray800: #4F4F4F;
    --gray500: #828282;
    --gray300: #BDBDBD;
    --gray200: #E0E0E0;
    --gray100: #F2F2F2;

    --blue: #42A2F6;  
    --bluebg: #42A2F614;
    --bluedark: #3e74a4;  
    --bluedarkbg: #3e74a414;

    --red: #c45353;
    --redbg: #c4535314;
    
    --bronze: #D95436;
    --bronzebg: #D9543614;
    --prata: #DCDCDC;
    --pratabg: #DCDCDC14;
    --ouro: #EECD22;
    --ourobg: #EECD2214;

    
    /* ++++++++ HOVERS ++++++++ */
    --lightgreen-hover:#57ce71;
    --darkgreen-hover: #004b3d;
    --blue-hover: #82c1f8;   
    --darkgreenbg: #00332a11;
    --lightgreenbg: #53c46b14;


    --shadow: 3.0px 6.1px 6.1px hsl(0deg 0% 0% / 0.11);
    --shadow-hover: 6.3px 12.6px 12.6px hsl(0deg 0% 0% / 0.21);

    /* ++++++++ FONT ++++++++ */
    --base-font-size: var(--spac4);
    --font-light:300;
    --font-regular:400;
    --font-medium:500;
    --font-semibold:600;
    --font-bold:700;

    /* ++++++++ SPACINGS ++++++++ */
    --base-spacing: 4px;
    --spac1: calc(var(--base-spacing) * 1); /* 4px */
    --spac2: calc(var(--base-spacing) * 2); /* 8px */
    --spac3: calc(var(--base-spacing) * 3); /* 12px */
    --spac4: calc(var(--base-spacing) * 4); /* 16px */
    --spac5: calc(var(--base-spacing) * 5); /* 20px */
    --spac6: calc(var(--base-spacing) * 6); /* 24px */
    --spac7: calc(var(--base-spacing) * 7); /* 28px */
    --spac8: calc(var(--base-spacing) * 8); /* 32px */
    --spac9: calc(var(--base-spacing) * 9); /* 36px */
    --spac10: calc(var(--base-spacing) * 10); /* 40px */
    --spac11: calc(var(--base-spacing) * 11); /* 44px */
    --spac12: calc(var(--base-spacing) * 12); /* 48px */
    --spac13: calc(var(--base-spacing) * 13); /* 52px */
    --spac14: calc(var(--base-spacing) * 14); /* 56px */
    --spac15: calc(var(--base-spacing) * 15); /* 60px */
    --spac16: calc(var(--base-spacing) * 16); /* 64px */
    --spac17: calc(var(--base-spacing) * 17); /* 68px */
    --spac18: calc(var(--base-spacing) * 18); /* 72px */
    --spac19: calc(var(--base-spacing) * 19); /* 76px */
    --spac20: calc(var(--base-spacing) * 20); /* 80px */

    /* ++++++++ border ++++++++ */
    --box-border-radius: var(--spac4);
    --box-border-radius-small: var(--spac2);
    --border-color: var(--gray200);
    /* ++++++++ MODAL ++++++++ */
    --modalbg: #00000061;
    --modalblur: blur(3px);


}

/* ======================== GLOBALS ======================== */
html{background: var(--lightbg);border:0;scroll-behavior: smooth; }
body{ font-family: 'Inter', sans-serif, Arial; color:var(--text); font-size: var(--base-font-size); font-weight:var(--font-regular); background:var(--lightbg); height: auto; display: flex;
  flex-direction: column;}
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
section {width:-webkit-fill-available; position: relative; }
figure {padding: 0; margin: 0;}
.row { width: -webkit-fill-available; max-width: 1340px; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding: 0 4%;}
.admin .row { max-width: inherit;}

.hide { display: none !important}
.scrollhidden {overflow: hidden !important;}
.scroll-off {overflow: hidden !important;}
.is-visible {display: flex !important;}   
.pointer {cursor: pointer;}
.absolute{position: absolute;}
.disable {display: none;}

.space-between{justify-content: space-between !important;}
.space-around{justify-content: space-around !important;}
.flex-row {display: flex; flex-direction: row !important;}
.flex-column {display: flex; flex-direction: column !important;}

.start{justify-content: flex-start !important; align-items: flex-start !important;}
.center{justify-content: center !important; align-items: center !important;}
.end{justify-content: flex-end !important; align-items: flex-end !important;}

.full-width{width: -webkit-fill-available;}
.grid-container {display: grid;display: inline-grid; gap: var(--spac10);}
.grid1 {grid-template-columns: 1fr;}
.grid2 {grid-template-columns: 1fr 1fr;}
.grid3 {grid-template-columns: 1fr 1fr 1fr;}
.grid4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.grid5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.flex-container {display: flex; gap: var(--spac10); }
.box-darkbg { background-color: var(--darkbg); display: flex; padding: var(--spac10); border-radius: var(--box-border-radius); flex-direction: column; width: -webkit-fill-available;}
.divider{width: -webkit-fill-available;height: 1px; background-color: var(--border-color); display: flex;margin: var(--spac6) 0 var(--spac4) 0;}
@media (max-width: 800px) { 
  .grid1 {grid-template-columns: 1fr;}
  .grid2 {grid-template-columns: 1fr;}
  .grid3 {grid-template-columns: 1fr;}
  .grid4 {grid-template-columns: 1fr;}
  .grid5 {grid-template-columns: 1fr;}
}
@media (max-width: 600px) { 
  .box-darkbg { padding: var(--spac6);}
}


.gap1{gap: var(--spac1);}
.gap2{gap: var(--spac2);}
.gap3{gap: var(--spac3);}
.gap4{gap: var(--spac4);}
.gap5{gap: var(--spac5);}
.gap6{gap: var(--spac6);}
.gap7{gap: var(--spac7);}
.gap8{gap: var(--spac8);}
.gap9{gap: var(--spac9);}
.gap10{gap: var(--spac10);}
.gap11{gap: var(--spac11);}
.gap12{gap: var(--spac12);}
.gap13{gap: var(--spac13);}
.gap14{gap: var(--spac14);}
.gap15{gap: var(--spac15);}
.gap16{gap: var(--spac16);}
.gap17{gap: var(--spac17);}
.gap18{gap: var(--spac18);}
.gap19{gap: var(--spac19);}
.gap20{gap: var(--spac20);}
.pad1{padding: var(--spac1);}
.pad2{padding: var(--spac2);}
.pad3{padding: var(--spac3);}
.pad4{padding: var(--spac4);}
.pad5{padding: var(--spac5);}
.pad6{padding: var(--spac6);}
.pad7{padding: var(--spac7);}
.pad8{padding: var(--spac8);}
.pad9{padding: var(--spac9);}
.pad10{padding: var(--spac10);}
.pad11{padding: var(--spac11);}
.pad12{padding: var(--spac12);}
.pad13{padding: var(--spac13);}
.pad14{padding: var(--spac14);}
.pad15{padding: var(--spac15);}
.pad16{padding: var(--spac16);}
.pad17{padding: var(--spac17);}
.pad18{padding: var(--spac18);}
.pad19{padding: var(--spac19);}
.pad20{padding: var(--spac20);}

/* ++++++++ FONTS ++++++++ */
p {color: var(--text); font-size: var(--base-font-size);line-height: calc(var(--base-font-size) * 1.6);font-weight: var(--font-regular);margin: 0;padding: 0;}
a {cursor: pointer !important;}
p a {color: var(--blue); text-decoration: underline !important;}
p a:hover {color: var(--blue);opacity: .85;}
b {font-weight: var(--font-semibold);}
p.small { font-size: 13px;line-height: calc(var(--base-font-size) * 1.2);}
p.uppercase { text-transform: uppercase; font-weight: var(--font-semibold); }
p.light {font-weight: var(--font-light);}
p.medium {font-weight: var(--font-medium);}
p.semibold {font-weight: var(--font-semibold);}
.word-break {word-break: break-word;}
h1, h2, h3, h4, h5, h6 {color: var(--darkgreen); font-weight: var(--font-semibold);line-height: calc(var(--base-font-size) * 1.6); padding: 0;margin: 0;}
h1 {font-size: 46px;line-height: calc(var(--base-font-size) * 3.5); }
h2 {font-size: 32px; align-self: center; line-height: calc(var(--base-font-size) * 2);}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}


a.link {font-weight: var(--font-medium);font-size: 14px;color: var(--darkgreen);}
a.link:hover {text-decoration: underline;}

.slide-home {overflow: hidden;width: -webkit-fill-available;position: relative;}
.slide-track {display: flex;gap: var(--spac12);width: calc(200%);  animation: scroll 150s linear infinite;}
.slide-track img {border-radius: var(--spac2);height: var(--spac16); flex-shrink: 0;width: auto;}
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }




.tag {display: flex; padding: var(--spac1) var(--spac2); border-radius: var(--spac1); font-weight: var(--font-semibold); font-size: 15px; text-transform: uppercase;}
.tag.green {color: var(--lightgreen); background-color: var(--lightgreenbg);}
.tag.blue {color: var(--blue); background-color: var(--bluebg);}


.new-switch { display: flex; align-self: center;  }
.new-switch a { padding: var(--spac3) var(--spac6); border-bottom: 3px solid var(--border-color); justify-content: center; display: flex; gap: var(--spac3); align-items: center;  transition: .2s;}
.new-switch a p { text-align: center; line-height: 1.3;}
.new-switch a:hover {border-bottom: 3px solid var(--gray300); }
.new-switch a.active {border-bottom: 3px solid var(--darkgreen);}
.new-switch a.active p { color: var(--darkgreen); font-weight: var(--font-medium); }

.alert-success {color: var(--blue) !important;background: var(--bluebg);padding: var(--spac1) var(--spac2);font-weight: var(--font-semibold);border-radius: var(--spac1);text-align: center;}
.alert-danger {color: var(--red) !important;background: var(--redbg);padding: var(--spac1) var(--spac2);font-weight: var(--font-semibold);border-radius: var(--spac1);text-align: center;}


@media (max-width:650px) {
  h1 {font-size: 30px;line-height: 1.2; }
  h2 {font-size: 26px; }
  h3 {font-size: 18px;}
  h4 {font-size: 16px;}
  .slide-track{ gap: var(--spac4) !important; }
}

#wallet_container p {color: #FCFCF9;}


.servico .breadcamps { width: fit-content; align-self: center; gap: var(--spac5) !important;  border: 0;}


/* ===================== HOME - BANNER LAST DAYS =================== */
#last-days {background-color: var(--darkgreen);display: flex; width: 100%; padding: var(--spac3);box-sizing: border-box; position: relative;overflow: hidden; justify-content: center; align-items: center; gap: var(--spac3); z-index: 1; border-radius: var(--box-border-radius-small) var(--box-border-radius-small) 0 0; }
#last-days i {width: 24px; height: 24px;}
#last-days h4 {position: relative; z-index: 2;color: var(--white); font-weight: var(--font-regular); line-height: 1.4;}
#last-days h4 b {color: var(--lightgreen);font-weight: var(--font-semibold);}
.nossos-planos #last-days {}


/* ===================== LP MAX VARIAVEL 1 =================== */
.lp header .row {justify-content: center;}
.lp section#funciona .last a.btn.small {display: none;}
.lp #perguntas-e-blog .grid-container { grid-template-columns: 1fr;}
.lp #perguntas-e-blog .grid-container ul.perguntas {    max-width: 740px;
  justify-self: center;}
  .lp #perguntas-e-blog .grid-container .blog {display: none;}
  
/* ======================== PAGINAS DE ERRO ======================== */
section#pagina-erro {  width: -webkit-fill-available; display: flex; padding: 20vh 0;}
section#pagina-erro .row {max-width: 900px; }

section#pagina-erro img {  max-width: 173px;}
section#pagina-erro .emoticon {  font-size: 122px; line-height: 1; }
section#pagina-erro h4 { text-align: center; }
section#pagina-erro .pagina-erro {display: flex; gap: var(--spac10);align-items: center; text-align: center;}
section#pagina-erro .pagina-erro i.arrow-right {transform: rotate(-180deg); }

@media (max-width:650px) {
  section#pagina-erro div { flex-direction: column !important;align-items: center;}

}