@charset "UTF-8";

:root {
--bs-blue: #1e30f3;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #e21e80;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #1e30f3;
--bs-secondary: #e21e80;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 30, 48, 243;
--bs-secondary-rgb: 226, 30, 128;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg-rgb: 255, 255, 255;
--bs-font-sans-serif: "Plus Jakarta Sans";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-bg: #fff;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-2xl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-link-color: #1e30f3;
--bs-link-hover-color: #1826c2;
--bs-code-color: #e21e80;
--bs-highlight-bg: #fff3cd;
}

@media (prefers-reduced-motion: no-preference){
:root { scroll-behavior: smooth; }
}

body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); background-color: var(--bs-body-bg); background: linear-gradient(315deg, #01444f 0%, #005759 100%); animation: textShine 5s ease-in-out infinite alternate; }

body { margin: 0; font-family: var(--bs-body-font-family); font-family: 'Open Sans', sans-serif!important; font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); background-color: var(--bs-body-bg); background: linear-gradient(200deg, #007f62 0%, #005947 100%); animation: textShine 5s ease-in-out infinite alternate; background: transparent; }

body::-webkit-scrollbar { width: 8px; }
body::-webkit-scrollbar-track { background-color: white; }
body::-webkit-scrollbar-thumb { background: #888; height: 2px; /* border-radius: 5px; */ }
body::-webkit-scrollbar-thumb:hover { background: #555; }

body.dark-version::-webkit-scrollbar-track { background: #26303e; }
body.dark-version::-webkit-scrollbar-thumb { background: #49576a; }

body.dark-version{

background-color: #191f2b!important; color: #c3cad7!important;

& section#tabs{ background-color: #121721!important; color: #fff; }
& .text-muted{ color: #b9c3cb!important; }
& .text-padrao{ color: #b9c3cb!important; }
& #web-menu .text-padrao{ color: #fff!important; }
& .content-tabinfo:not(.active){ color: #e1e1e1!important; border-left: 4px solid #313131; }
& .content-tabinfo.active{ background-image: linear-gradient(90deg, #007f62 0%, rgb(0 89 71 / 0%) 90%)!important; }
& .sub-contents .sub-content, .tab-image{ background: #202631!important; background: linear-gradient(360deg, #202631, transparent, transparent)!important; background: linear-gradient(180deg, #242931, transparent, transparent)!important; }
& header#top-header { background: linear-gradient(180deg, #005f48 0%, #005947 /* #121721 */ 100%); background: linear-gradient(180deg, #161c29 0%, #1d2433 100%); }
& #web-menu.show { background: rgba(11, 39, 20, 0.9); background: rgb(1, 69, 52, 0.9); background: rgba(3, 53, 49, 0.9); background: rgba(22, 28, 43, 0.85); border-bottom: 2px solid #242d43; }
& .btn.bg-gradient-light { background-image: linear-gradient(310deg, rgb(206 212 218 / 20%) 0%, rgb(235 239 244 / 20%) 100%)!important; }
& .lg-title { color: #fff; }
& .lg-subtitle { color: #b9c3cb; }
& section#components { background-image: linear-gradient(0deg, rgb(1 79 72) 0%, #00594100 100%); background-image: linear-gradient(0deg, rgb(18 43 49) 0%, #00594100 100%); background-image: linear-gradient(0deg, #152631 0%, #00594100 100%); background-image: linear-gradient(0deg, #1d2433 0%, #00594100 100%); }
& section#faq { background: linear-gradient(50deg, #191f2b 0%, #1c2433 100%); }
& section#faq .faq-tabinfo{ border-bottom: 0px solid #273145; border-left: 4px solid #232c3f; background-image: linear-gradient(230deg, rgb(24 24 24 / 50%) 0%, #35353514 100%); color: #fff; background-image: linear-gradient(230deg, rgb(24, 24, 24, 0.2) 0%, #242b396e 100%); }
& section#faq .faq-tabinfo.active{ background-image: linear-gradient(230deg, rgb(39 47 63) 0%, rgb(0 0 0 / 0%) 100%); }
& .faq-tabinfo.active .tab-title { color: #8bddca; }
& .faq-tabinfo.active .sub-title { color: #b0bbc5; }
& .faq-tab.active .sub-content { color: #b5b7bd; }
& #web-menu:not(.hidden, .show) #submenu, #submenu.open { background: rgba(14, 67, 31, 0.98); background: rgba(14, 67, 59, 0.98); background: #172e3b; }
& #web-menu.show:not(.hidden) .open_close_menu { color: #fff!important; }
& #web-menu.show .drop-lang { background: #2f394d!important; }
& footer{ background-image: linear-gradient(315deg, #212937 0%, #1f2a3f 100%); }
& .sub-footer{ background-image: linear-gradient(135deg, #2c394e 0%, #212a39 100%); }

}

.pt-1px{ padding-top: 1px!important; }
.pt-2px{ padding-top: 2px!important; }
.pt-3px{ padding-top: 3px!important; }
.pt-4px{ padding-top: 4px!important; }
.pt-5px{ padding-top: 5px!important; }

.pb-1px{ padding-bottom: 1px!important; }
.pb-2px{ padding-bottom: 2px!important; }
.pb-3px{ padding-bottom: 3px!important; }
.pb-4px{ padding-bottom: 4px!important; }
.pb-5px{ padding-bottom: 5px!important; }

.drop-shaddow{ filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 0px 5px); }

.bg-gradient-primary-to-secondary { background: #1e30f3; background: linear-gradient(135deg, #11606c 0%, #018081 100%); }

.text-gradient { background-image: -webkit-linear-gradient(315deg, #00b57c 0%, #125d6a 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.text-gradient.text-pay2 { background-image: linear-gradient(310deg, #8affbe, #a5ffc5)!important; }
.text-gradient.text-success { background-image: linear-gradient(310deg, #17AD37, #C1E823)!important; }
.text-gradient.text-info { background-image: linear-gradient(310deg, #2152FF, #21D4FD)!important; }
.text-gradient.text-primary { background-image: linear-gradient(310deg, #7928CA, #FF0080)!important; }
.text-gradient.text-danger { background-image: linear-gradient(310deg, #D60808, #FF6690)!important; }

.bg-gradient-light { background-image: linear-gradient(310deg, #CED4DA 0%, #EBEFF4 100%)!important; }
.bg-gradient-dark { background-image: linear-gradient(310deg, #141727 0%, #3A416F 100%)!important; }
.bg-gradient-primary { background-image: linear-gradient(310deg, #7928CA 0%, #FF0080 100%)!important; }
.bg-gradient-secondary { background-image: linear-gradient(310deg, #627594 0%, #A8B8D8 100%)!important; }
.bg-gradient-success { background-image: linear-gradient(310deg, #17ad37 0%, #98ec2d 100%)!important; }
.bg-gradient-info { background-image: linear-gradient(310deg, #2152ff 0%, #21d4fd 100%)!important; }
.bg-gradient-danger { background-image: linear-gradient(310deg, #ea0606 0%, #ff667c 100%)!important; }

.bg-gradient-pay2 { background-image: linear-gradient(310deg, #007f62 0%, #005947 100%)!important; }
.bg-gradient-pay2-revert, .bg-gradient-pay2.revert { background-image: linear-gradient(310deg, #005947 0%, #007f62 100%)!important; }

.border-top.border-pay2{ border-color: #328372!important; }
.border-left.border-pay2{ border-color: #328372!important; }
.border-bottom.border-pay2{ border-color: #328372!important; }
.border-right.border-pay2{ border-color: #328372!important; }

.btn.btn-hover:hover{ background-color: rgba(225, 225, 225, 0.4)!important; backdrop-filter: blur(40px); transition: all 0.5s; }

.btn-shadow{ box-shadow: 0 4px 7px -1px rgba(0, 0, 0, 0.11), 0 2px 4px -1px rgba(0, 0, 0, 0.07); }

.rounded-4 { border-radius: 1rem!important; }

a { color: inherit!important; text-decoration: none!important; }
a:hover { color: inherit!important; }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }

.font-sm-m{ font-size: 1.3em!important; }

@media screen and (max-width: 768px){

.font-sm-menor{ font-size: 2.5rem!important; }
.font-sm-m{ font-size: 1em!important; }

}

@media screen and (max-width: 576px){

.font-sm-menor{ font-size: 2.2rem!important; }
.font-sm-m{ font-size: 1em!important; }

}

@media screen and (max-width: 425px){

.font-sm-menor{ font-size: 1.8rem!important; }
.font-sm-m{ font-size: 1em!important; }

}

.text-effect{ background: linear-gradient(to right, #00cf97 20%, #abf3ff 30%, #00cf97 70%, #abf3ff 80%); -webkit-background-clip: text; background-clip: text;-webkit-text-fill-color: transparent; background-size: 500% auto; animation: textShine 6s ease-in-out infinite alternate; }

.text-effect-pay2{ background: linear-gradient(to right, #00b57c 20%, #125d6a 30%, #00b57c 70%, #125d6a 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 500% auto; animation: textShine 6s ease-in-out infinite alternate; }

@keyframes textShine {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}

/* border-top-right-radius: 40px; border-top-left-radius: 40px; */

footer{ background: linear-gradient(315deg, #01444f 0%, #005759 100%); background-image: linear-gradient(315deg, #005941 0%, #014f48 100%); color: white; margin-top: -50px!important; position: relative; }

.content-apresentacao{ max-width: 800px!important; margin: auto!important; }

section#components{ background-color: transparent; background-image: linear-gradient(315deg, #014f48 0%, #005941 100%); color: #fff; margin: 25px 0; /* border-radius: 30px 30px 0 0; border-radius: 30px; */ }

body:not(.dark-version) section#components{

/* background-image: linear-gradient(360deg, #f0f0f0 0%, #ffffff 100%); */

background-image: linear-gradient(180deg, rgb(240 240 240 / 0%) 0%, #f0f0f0 100%);
color: #005e4a;

& .color-destaque{ color: #0b997b; }
& p.lead { color: #5d5d5d; }
& .component-icon{ border: 5px solid #005e4a; }
& .text-animate { background: linear-gradient(to right, #437470 20%, #005e4a 30%, #437470 70%, #005e4a 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
& .component p { color: #494949; }

}

.pointer{ cursor: pointer; }

.component { text-align: center; border-radius: 20px; cursor: pointer; }
.component p{ margin: 0; line-height: 1.2; font-size: 1em; color: #91c1bc; color: #a5a5a5; }
.component h5 { margin: 0; margin-top: 15px; }

/* border-color: #a2cf49; border-color: #56a313; */

.component-icon { width: 80px; height: 80px; border-radius: 100%; border: 10px solid #284D3D; color: #E1FFA0; border: 5px solid #005d50; background-color: rgb(0 114 89 / 15%); display: flex; align-items: center; justify-content: center; }

/* background: linear-gradient(to right, #E1FFA0 20%, #c7ff50 30%, #E1FFA0 70%, #c7ff50 80%); */

.text-animate { background: linear-gradient(to right, #E1FFA0 20%, #c7ff50 30%, #E1FFA0 70%, #c7ff50 80%); background: linear-gradient(to right, #00cf97 20%, #abf3ff 30%, #00cf97 70%, #abf3ff 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-size: 500% auto; animation: textShine 6s ease-in-out infinite alternate; }

section#components .component-icon:hover{ animation-duration: 3s!important; }

.text-animate.reverse { animation: textShine 6s ease-in-out infinite alternate-reverse; }

.fa-medio{ font-size: 1.5em!important; }
.fa-medio2{ font-size: 1.4em!important; }

.h-fit{ height: fit-content!important; }

section#components p.lead{ color: #94a7a5; }

.color-destaque{ color: #e1ffa0; }

.component:hover{ background: rgba(125, 125, 125, 0.05); transition: background 0.1s; }
.component:hover .component-icon { animation: textShine 4s ease-in-out infinite alternate; }

.ln-1{ line-height: 1!important; }
.ln1-1{ line-height: 1.1!important; }
.ln1-2{ line-height: 1.2!important; }
.ln1-3{ line-height: 1.3!important; }
.ln1-4{ line-height: 1.4!important; }
.ln1-5{ line-height: 1.5!important; }
.ln1-6{ line-height: 1.6!important; }
.ln1-7{ line-height: 1.7!important; }
.ln1-8{ line-height: 1.8!important; }
.ln1-9{ line-height: 1.9!important; }
.ln2{ line-height: 2!important; }

.text-xxs { font-size: 0.65rem!important; }
.text-xs { font-size: 0.75rem!important; }
.text-sm { font-size: 0.875rem!important; }
.text-lg { font-size: 1.125rem!important; }

.content-tabinfo{ height: 100px; color: #006973; cursor: pointer; border-left: 4px solid #e1e1e1; padding: 15px; display: flex; flex-direction: column; justify-content: center; transition: all 0.2s; }
.content-tabinfo .tab-title{ font-weight: bold; opacity: 0.8; }
.content-tabinfo.active{ border-left: 4px solid #00fdb7!important; color: #00ffc6!important; background-image: linear-gradient(59deg, #007f62 0%, #005947 100%)!important; }
.content-tabinfo.active .sub-title{ color: #8be5e5; }

.faq-tabinfo{ display: flex; flex-direction: column; justify-content: center; margin-bottom: 20px; padding-bottom: 20px; position: relative; border-bottom: 1px solid #fcfcfc; cursor: pointer; border-left: 4px solid #d7d7d7; padding: 15px; background-image: linear-gradient(230deg, rgba(239, 239, 239, 0.5) 0%, transparent 100%); }
.faq-tabinfo ~ .faq-tab .sub-content{ height: 100%; display: flex; align-items: center; }

.faq-tabinfo:before{ content: '\f107'; font-family: 'Font awesome 5 Pro'; position: absolute; right: 30px; font-size: 1.5em; color: #cccfca; line-height: 1; }
.faq-tabinfo.active { border-left: 4px solid #d1d1d1; background-image: linear-gradient(59deg, #efefef 0%, #f5f5f5 100%); margin-bottom: 0px; }
.faq-tabinfo.active:before { content: '\f106'; }
.faq-tabinfo.active .tab-title{ color: #395f56; }
.faq-tabinfo .sub-title{ color: #8da0b1; }
.faq-tabinfo.active .sub-title{ color: #414141; }

.faq-tab{ width: 100%; }
.faq-tab.active{ padding-top: 10px; padding-bottom: 20px; display: block; /* margin-bottom: 10px; */ }

.text-sub{ color: #8be5e5; }

section{ padding: 40px 0 40px 0; }
section#tabs{ background: #ffffff; }
section#faq{ background: linear-gradient(50deg, #fafafa 0%, #f7f7f7 100%); padding-bottom: 80px; user-select: none; }

.sub-contents .tab{ height: 100%; }
.sub-contents .sub-content{ padding: 20px; border-radius: 10px; background: #f1f1f1; height: 100%; }

header#top-header{ background: linear-gradient(200deg, #007f62 0%, #005947 100%); padding-top: 130px!important; position: relative; }

.text-padrao{ color: #6b6b6b!important; font-weight: 500!important; }

#web-menu{ height: 80px; top: 0; width: 100%; background: transparent; position: fixed; display: block; z-index: 999; opacity: 1; transition: all 0.2s ease; backdrop-filter: blur(10px); }
#web-menu.no-top{ top: -80px; }
#web-menu.hidden { top: -80px; opacity: 0; transition: all 1s ease; }

#web-menu:not(.hidden, .show){ background: transparent; border-bottom: 2px solid #0e8168; }
#web-menu.show { background: rgba(255, 255, 255, 0.9); transition: all 0.5s ease; backdrop-filter: blur(40px); }
#web-menu .menu-content { height: 100%; display: flex; align-items: center; }

.backdrop-blur{ backdrop-filter: blur(30px); }

#web-menu:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; will-change: opacity; transition: opacity .3s ease-in; z-index: -1; box-shadow: -2px 3px 90px -20px rgba(0, 0, 0, 0.6); }
#web-menu:not(.hidden, .show):before{ box-shadow: none; }
#web-menu.sub_open:before{ box-shadow: 0px 40px 90px -20px rgba(0, 0, 0, 0.6); }

#web-menu:not(.hidden, .show) #submenu{ background: rgba(255, 255, 255, 0.12); color: white!important; }
#web-menu:not(.hidden, .show) #submenu .btn{ color: white!important; }

.fs3-5{ font-size: 3.5rem; }

.tab-image, .tab-image.reverse{ height: 350px; background: #f1f3f3; overflow: hidden; }

.btn.bg-force-transparent{ background-color: transparent!important; color: white!important; }

#submenu{ width: 100%; top: -50px; opacity: 0; transition: all 0.5s ease; z-index: -1; position: relative; display: flex; }
#submenu.open{ height: 50px; top: -1px; opacity: 1; transition: all 0.5s ease; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(40px); }

.open_close_menu{ color: white; }

.open_menu{ width: 25px; min-width: 25px; align-items: center; justify-content: center; }

#web-menu.show:not(.hidden) .open_close_menu{ color: #656565; }

.drop-lang{ min-width: fit-content!important; padding: 10px 0!important; backdrop-filter: blur(50px); width: 54px!important; background: rgba(6, 49, 6, 0.1)!important; text-align: center!important; }
.drop-lang img{ max-width: 35px!important; }

#web-menu.show .drop-lang{ background: rgb(255, 255, 255, 0.8)!important; box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 1200px){
.fs3-5{ font-size: 3rem; }
}

@media screen and (max-width: 768px){

.mark-mobile::marker{ content: '+'; font-size: 1em; color: #fff; }

.faq-tabinfo:before{ content: ''; }
.faq-tabinfo.active:before { content: ''; }

.faq-tabinfo .tab-title:before{ content: '\f107'; font-family: 'Font awesome 5 Pro'; position: absolute; right: 30px; font-size: 1.5em; color: #cccfca; line-height: 1; }
.faq-tabinfo.active .tab-title:before { content: '\f106'; }

header#top-header{ padding-top: 90px!important; padding-bottom: 20px!important; }

#web-menu{ height: 60px; }
#web-menu.no-top{ top: -60px; }
#web-menu.hidden { top: -60px; }

.fs3-5{ font-size: 2.8rem; }
.tab-image{ height: 200px!important; /* margin-bottom: 20px; */ }
.tab-image.reverse{ margin-bottom: 0; margin-top: 10px; margin-top: 0px; }

.faq-tabinfo{ margin-bottom: 10px; }
.faq-tabinfo .tab-title:before{ right: 15px; }

.content-tabinfo{ height: 120px; }

section{ padding: 20px 0 20px 0; }
section#faq{ padding-top: 50px; }

.mobile-pox{ transform: scale(0.90); /* margin-right: -110px; */ }

.text-min{ font-size: 1em!important; }
.text-min-top{ font-size: 0.9em!important; }

.btn.bt-min{ font-size: 0.8em!important; padding-left: 0.8rem!important; padding-right: 0.8rem!important; }

section#why .text-md{ font-size: 0.8em; }

section#components{ margin: 0 0; }
section#components h1{ font-size: 1.4em; } 
section#components p.lead{ font-size: 1em; } 

section#components .component h5{ font-size: 0.8em; }
section#components .component p{ font-size: 0.7em; }

}

@media screen and (max-width: 572px){

.fs3-5{ font-size: 1.8rem; }

}

.bt-download-app{ width: 165px; height: 45px; background: linear-gradient(180deg, #000, #212121, #000); font-family: 'Montserrat', sans-serif; border-radius: 7px!important; justify-content: center; }
.bt-download-app.play-store:hover, .bt-download-app.app-store:hover{ background: linear-gradient(180deg, #073431, #000, #000); }
.bt-download-app .store{ font-size: 1.2em; }

.link:hover{ opacity: 0.8; }

.image-shadow{ box-shadow: 0px 0px 5px 4px rgb(0 0 0 / 8%); border-top-right-radius: 10px; border-top-left-radius: 10px; }

.sub-footer{ background-image: linear-gradient(310deg, #007f62 0%, #005947 100%); }