@charset "utf-8";

/* *********************************** */
/*      RESETS E ESTILOS PADRAO        */
/* *********************************** */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul { list-style: none; }
button, input, select, textarea{ margin: 0; }
img, embed, iframe, object, video{ height: auto; max-width: 100%; border: 0; margin: 0; padding: 0; }
audio { max-width: 100%; }
iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; text-align: left; }
html { font-size: 62.5%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; text-rendering: optimizeLegibility; box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
article, aside, figure, footer, header, hgroup, section{ display: block; }
body, button, input, select, textarea{ font-family: var(--font); }
code, pre{ -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; }
body { color: var(--color1); font-weight: 400; line-height: 1.5; -webkit-overflow-scrolling: touch; margin: 0; }
a { cursor: pointer; text-decoration: none; color: inherit; }
a strong { color: currentColor; }
a:hover{ color: inherit; }
code { background-color: whitesmoke; color: #ff3860; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; }
hr { background-color: whitesmoke; border: none; display: block; height: 2px; margin: 1.5rem 0; }
input[type="checkbox"], input[type="radio"] { vertical-align: baseline; }
small { font-size: 0.875em; }
span { font-style: inherit; font-weight: inherit; }
strong { font-weight: bolder; }
fieldset { border: none; }
pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #4a4a4a; font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; }
pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; }
table td, table th { text-align: left; vertical-align: middle; }

::-moz-selection { background: #D5EAFF; }
::selection { background: #D5EAFF; }

.centralizador { width:1300px; width:130rem; }
.hack   { clear:both; }
.oculto { display:none; }
.block  { display: block; }

.flex             { display: flex; }
.inline-flex      { display: inline-flex; }
.flex-wrap        { flex-wrap: wrap; }
.justify-center   { justify-content: center; }
.justify-start    { justify-content: flex-start; }
.justify-end      { justify-content: flex-end; }
.justify-between  { justify-content: space-between; }
.justify-around   { justify-content: space-around; }
.align-center     { align-items: center; }
.align-start      { align-items: flex-start; }
.align-base       { align-items: baseline; }
.align-end        { align-items: flex-end; }
.direction-column { flex-direction: column; }
.direction-row    { flex-direction: row; }

.aesquerda { float:left; }
.adireita  { float:right; }
.center    { margin-right: auto; margin-left: auto; }

.txt-aesquerda { text-align:    left; }
.txt-adireita  { text-align:   right; }
.txt-aocentro  { text-align:  center; }
.txt-justify   { text-align: justify; }

.thin      { font-weight: 100; }
.extralight{ font-weight: 200; }
.light     { font-weight: 300; }
.regular   { font-weight: 400; }
.medium    { font-weight: 500; }
.semibold  { font-weight: 600; }
.bold      { font-weight: 700; }
.extrabold { font-weight: 800; }
.black     { font-weight: 900; }
.italic    { font-style: italic; }

.capitalize { text-transform: capitalize; }
.uppercase  { text-transform: uppercase; }
.lowercase  { text-transform: lowercase; }

.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.left{ margin-right: 8px; }
.right{ margin-left: 8px; }

.row    { display: flex; flex-wrap: wrap; }
.cl     { padding: 0 12px; transition: var(--smooth); }
.cl_100 { width: 100%;     }
.cl_90  { width: 90%;      }
.cl_80  { width: 80%;      }
.cl_70  { width: 70%;      }
.cl_75  { width: 75%;      }
.cl_66  { width: 66.666%;  }
.cl_60  { width: 60%;      }
.cl_50  { width: 50%;      }
.cl_40  { width: 40%;      }
.cl_33  { width: 33.333%;  }
.cl_30  { width: 30%;      }
.cl_25  { width: 25%;      }
.cl_20  { width: 20%;      }
.cl_10  { width: 10%;      }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    .centralizador        { max-width:1300px; max-width:130rem; margin:0 auto; }
    .esconde_desktop      { display: none; }
    .esconde_fulldesktop  { display: none; }
    .exibe_desktop        { display: block; }
    .exibe_fulldesktop    { display: block; }

    .cl_fd     { padding: 0 12px; }
    .cl_fd_100 { width: 100%;     }
    .cl_fd_90  { width: 90%;      }
    .cl_fd_80  { width: 80%;      }
    .cl_fd_70  { width: 70%;      }
    .cl_fd_75  { width: 75%;      }
    .cl_fd_66  { width: 66.666%;  }
    .cl_fd_60  { width: 60%;      }
    .cl_fd_50  { width: 50%;      }
    .cl_fd_40  { width: 40%;      }
    .cl_fd_33  { width: 33.333%;  }
    .cl_fd_30  { width: 30%;      }
    .cl_fd_25  { width: 25%;      }
    .cl_fd_20  { width: 20%;      }
    .cl_fd_10  { width: 10%;      }
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    .centralizador        { width:95%; max-width:1280px; max-width:128rem; margin:0 auto; }
    .esconde_desktop      { display: none; }
    .esconde_smalldesktop { display: none; }
    .exibe_desktop        { display: block; }
    .exibe_smalldesktop   { display: block; }
    
    .cl_d     { padding: 0 12px; }
    .cl_d_100 { width: 100%;     }
    .cl_d_90  { width: 90%;      }
    .cl_d_80  { width: 80%;      }
    .cl_d_70  { width: 70%;      }
    .cl_d_75  { width: 75%;      }
    .cl_d_66  { width: 66.666%;  }
    .cl_d_60  { width: 60%;      }
    .cl_d_50  { width: 50%;      }
    .cl_d_40  { width: 40%;      }
    .cl_d_33  { width: 33.333%;  }
    .cl_d_30  { width: 30%;      }
    .cl_d_25  { width: 25%;      }
    .cl_d_20  { width: 20%;      }
    .cl_d_10  { width: 10%;      }

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .centralizador    { width:95%; margin: 0 auto; }
    .esconde_tablet   { display: none !important; }
    .exibe_tablet     { display: block; }

    .cl_t     { padding: 0 12px; }
    .cl_t_100 { width: 100%;     }
    .cl_t_90  { width: 90%;      }
    .cl_t_80  { width: 80%;      }
    .cl_t_70  { width: 70%;      }
    .cl_t_75  { width: 75%;      }
    .cl_t_66  { width: 66.666%;  }
    .cl_t_60  { width: 60%;      }
    .cl_t_50  { width: 50%;      }
    .cl_t_40  { width: 40%;      }
    .cl_t_33  { width: 33.333%;  }
    .cl_t_30  { width: 30%;      }
    .cl_t_25  { width: 25%;      }
    .cl_t_20  { width: 20%;      }
    .cl_t_10  { width: 10%;      }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .centralizador    { width: 95%; margin: 0 auto; }
    .esconde_celular  { display: none !important; }
    .exibe_celular    { display: block; }   

    .cl_c     { padding: 0 12px; }
    .cl_c_100 { width: 100%;     }
    .cl_c_90  { width: 90%;      }
    .cl_c_80  { width: 80%;      }
    .cl_c_70  { width: 70%;      }
    .cl_c_75  { width: 75%;      }
    .cl_c_66  { width: 66.666%;  }
    .cl_c_60  { width: 60%;      }
    .cl_c_50  { width: 50%;      }
    .cl_c_40  { width: 40%;      }
    .cl_c_33  { width: 33.333%;  }
    .cl_c_30  { width: 30%;      }
    .cl_c_25  { width: 25%;      }
    .cl_c_20  { width: 20%;      }
    .cl_c_10  { width: 10%;      }

    .w3-copy{ top: calc(100vh + 390px) !important; }
}


/* ************************************************************************************************************************** */
/*          CSS CLIENTE           CSS CLIENTE           CSS CLIENTE           CSS CLIENTE           CSS CLIENTE               */
/* ************************************************************************************************************************** */
.ps__rail-x,
.ps__rail-y { background: transparent !important; }
.ps__thumb-x,
.ps__thumb-y{ background: #00000080 !important; }

/* CSS ASSINATURA W3 CORP */
:root{
    --color-primaria: var(--color2);     /* ALTERAR */
    --color-secundaria: var(--color-client1);   /* ALTERAR */
    --color-coracao: var(--color-client2);      /* ALTERAR */
    --smooth: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.w3-copy{ position: absolute; bottom: 0; top: calc(100vh + 100px); }
p.w3{ font-size: 12px; color: var(--color-primaria); text-align: center; opacity: .5; }
a.w3-assinatura{ transition: var(--smooth); }
a.w3-assinatura svg{ height: 7px; margin-left: 3px; }
a.w3-assinatura svg path#w,
a.w3-assinatura svg path#t,
a.w3-assinatura svg path#re{ fill: var(--color-primaria); transition: var(--smooth); }
a.w3-assinatura svg path#c,
a.w3-assinatura svg path#o,
a.w3-assinatura svg path#r,
a.w3-assinatura svg path#p{ fill: var(--color-primaria); transition: var(--smooth); }
a.w3-assinatura:hover svg path#w,
a.w3-assinatura:hover svg path#t,
a.w3-assinatura:hover svg path#re,
a.w3-assinatura:hover svg path#c,
a.w3-assinatura:hover svg path#o,
a.w3-assinatura:hover svg path#r,
a.w3-assinatura:hover svg path#p{ fill: var(--color-secundaria); }
/* CSS ASSINATURA W3 CORP */

/* BUTTONS */
.btn{ display: inline-flex; justify-content: center; align-items: center; font-family: var(--font2); letter-spacing: 1px; height: 50px; width: 180px; font-size: 16px; font-weight: 600; text-align: center; cursor: pointer; border-radius: 0px; color: var(--color5); text-transform: uppercase; line-height: 1; white-space: nowrap; border: 0; transition: var(--smooth); }
.btn:focus{ opacity: .75; outline: none; }
/* Tamanhos */
.btn-sm{ font-size: 12px; padding: 8px 16px; letter-spacing: -.4px; line-height: initial; width:initial; }
.btn-lg{ font-size: 14px; padding: 14px 64px; }
/* Variações */
.btn-outline      { background-color: transparent; outline: 2px solid var(--color1); color: var(--color1); outline-offset: -2px; }
.btn-outline:hover{ background-color: var(--color1); color: var(--color5); }
.btn-outline.verde       { outline-color: var(--color-user3); color: var(--color-user3); }
.btn-outline.verde:hover { background-color: var(--color-user3); color: var(--color5); }
.btn-outline.branco      { outline-color: var(--color5); color: var(--color5); }
.btn-outline.branco:hover{ background-color: var(--color5); color: var(--color-user3); }
.btn-default      { background-color: var(--color2); }
.btn-default:hover{ background-color: var(--color1); color: var(--color5); }
.btn-user         { background-color: var(--color-user3); color: var(--color5); }
.btn-user:hover   { background-color: var(--color-user2); color: var(--color5); }
.btn-user.branco         { background-color: var(--color5); color: var(--color-user3); }
.btn-user.branco:hover   { background-color: var(--color-user2); color: var(--color5); }
.btn-success      { background-color: var(--color-user7); }
.btn-success:hover{ background-color: var(--color-user8); color: var(--color-user7); }
.btn-warning      { background-color: var(--color-user11); }
.btn-warning:hover{ background-color: var(--color-user12); color: var(--color-user11); }
.btn-danger       { background-color: var(--color-user9); }
.btn-danger:hover { background-color: var(--color-user10); color: var(--color-user9); }
.btn-info         { background-color: var(--color-user5); }
.btn-info:hover   { background-color: var(--color-user6); color: var(--color-user5); }
.btn-light        { background-color: var(--color5); color: var(--color-user14); }
.btn-light:hover  { background-color: var(--color-user14); color: var(--color5); }
.btn-dark         { background-color: var(--color-user15); }
.btn-dark:hover   { background-color: var(--color-user16); color: var(--color-user15); }
.btn-disable      { opacity: .5; cursor: default; pointer-events: none; }
/* Icons */
.btn-icon{ display: inline-block; vertical-align: middle; text-align: center; line-height: 40px; padding: 0; height: 40px; width: 40px; }
/* Btn Link */
.btn-link{ display: inline-block; background: none; border: 0; margin-top: 16px; font-size: 14px; color: var(--color2); font-weight: 700; letter-spacing: -.4px; line-height: 1.5; white-space: nowrap; cursor: pointer; transition: var(--smooth); }
.btn-link:hover{ color: var(--color1); }
.btn-link .left{ margin-right: 4px; }
.btn-link .right{ margin-left: 4px; }
/* Link */
.a-link{ color: var(--color-user5); text-decoration: underline; }

/* TAGS */
.tag-float{ position: relative; margin-left: -24px; transform: translate(50%, -50%); border: 3px solid var(--color5); height: 24px; width: 24px; border-radius: 50%; text-align: center; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 600; }
.tag-user  { background-color: var(--color-user1); color: var(--color5); }
.tag-danger{ background-color: var(--color-user10); color: var(--color-user9); }

/* VARIÁVEIS DO PROJETO */
:root{
    --color1: #030A10;
    --color2: #5E5E5E;
    --color3: #BABFC2;
    --color4: #DBDBDB;
    --color5: #ffffff;
    --color-light: #EAEAEA;
    --font: 'Quicksand', 'Helvetica', 'Helvetica Neue', 'Arial', sans-serif;
    --font2: 'Oswald', sans-serif;

    --color-user1:  #1B827D;
    --color-user2:  #125A5C;
    --color-user3:  #19AC9C;
    --color-user4:  #e4e8ed;
    --color-user5:  #08a1c4;
    --color-user6:  #abe9f7;
    --color-user7:  #67b108;
    --color-user8:  #cdf59b;
    --color-user9:  #fb0000;
    --color-user10: #fdd4d4;
    --color-user11: #f2930d;
    --color-user12: #ffdfb3;
    --color-user13: #8e9faf;
    --color-user14: #c7d3de;
    --color-user15: #595966;
    --color-user16: #D9D9D9;

    
    --color-facebook: #3b5998;
    --color-twitter: #00aced;
    --color-linkedin: #007bb6;
    --color-youtube: #bb0000;
    --color-instagram: #517fa4;
    --color-pinterest: #cb2027;
    --color-behance: #1769ff;
    --color-skype: #00aff0;
    --color-twitch: #6441a5;
    --color-spotify: #7ab800;
    --color-whatsapp: #25d366;
    --color-whatsapp-alt: #128C7E;
    
    --shadow-sm: 0 4px 7px -1px rgb(0 0 0 / 11%), 0 2px 4px -1px rgb(0 0 0 / 7%);
    --shadow-xl: 0 20px 27px 0 rgb(0 0 0 / 5%);

    --smooth: all 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


/*************************************** CSS PADRÃO ***************************************/
.color-facebook{ color: var(--color-facebook); }
.color-twitter{ color: var(--color-twitter); }
.color-linkedin{ color: var(--color-linkedin); }
.color-youtube{ color: var(--color-youtube); }
.color-instagram{ color: var(--color-instagram); }
.color-pinterest{ color: var(--color-pinterest); }
.color-behance{ color: var(--color-behance); }
.color-skype{ color: var(--color-skype); }
.color-twitch{ color: var(--color-twitch); }
.color-spotify{ color: var(--color-spotify); }
.color-whatsapp{ color: var(--color-whatsapp); }
.color-whatsapp-alt{ color: var(--color-whatsapp-alt); }

.margin-top{ margin-top: 16px !important; }
.margin-bottom{ margin-bottom: 16px !important; }
.margin-top-0{ margin-top: 0 !important; }
.margin-bottom-0{ margin-bottom: 0 !important; }
.margin-left{ margin-left: 16px !important; }
.margin-right{ margin-right: 16px !important; }
.margin-left-0{ margin-left: 0 !important; }
.margin-right-0{ margin-right: 0 !important; }

.shadow-none{ box-shadow: none !important; }

.space-20{ height: 20px; width: 100%; }
.space-40{ height: 40px; width: 100%; }
.space-80{ height: 80px; width: 100%; }

.w3-body{ background-color: var(--color5); }
.w3-body.swal2-shown{ padding-right: 0 !important; }
section.w3-dashboard{ margin-top: 83px; margin-left: 278px; padding: 0 12px 24px 0; display: flex; flex-wrap: wrap; }

.row{ width: 100%; }
.row .box{ margin-top: 24px; height: calc(100% - 24px); }
.row .cl > .box{ display: flex; flex-direction: column; }

.box{ border-radius: 10px; background-color: var(--color5); box-shadow: var(--shadow-xl);  }
.box.padding,
.padding{ padding: 16px; }
.box-header{ padding-bottom: 16px; }
.box-header h2{ font-size: 16px; color: var(--color1); line-height: 1.625; font-weight: 600; margin-bottom: 8px; }
.box-header h3{ font-size: 14px; color: var(--color2); line-height: 1.5; font-weight: 400; }
.box-body{ flex-grow: 1; }
.box-txt{ margin-bottom: 48px; }
.box-txt h3{ font-size: 14px; font-weight: 600; margin-bottom: 8px; margin-top: 16px; color: var(--color-user2); }
.box-txt p{ font-size: 14px; margin-bottom: 8px; }
.box-img{ width: 100%; height: 100%; max-width: 430px; max-height: 290px; overflow: hidden; border-radius: 10px; margin-bottom: 16px; }
.box-img img{ height: 100%; min-width: none; }
.box-icon{ color: var(--color-user1); font-size: 14px; }

.subtitle{ font-size: 14px; color: var(--color2); line-height: 1.5; font-weight: 600; }
.subtitle i:is(.fa-info, .fa-info-circle){ opacity: .75; }
.title{ font-size: 18px; font-family: var(--font2); color: var(--color1); line-height: 1.375; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 40px; }
.text{ font-size: 14px; line-height: 2; font-weight: 400; letter-spacing: 1px; }
span.porcentagem{ font-size: 14px; font-weight: 700; }
span.porcentagem[data-status="+"]{ color: var(--color-user7); }
span.porcentagem[data-status="-"]{ color: var(--color-user9); }

/* Tabelas */
.box-table{ width: 100%; overflow-x: auto; }
.box-table::-webkit-scrollbar{ width: 8px; height: 8px; }
.box-table::-webkit-scrollbar-thumb{ background: #8e9faf; border-radius: 4px; }
.box-table::-webkit-scrollbar-thumb:hover{ background: #67748E; }
.box-table::-webkit-scrollbar-track{ background: #e9ecef; border-radius: 4px; box-shadow: inset 7px 10px 12px #f0f0f0; }
.box-table table{ width: 100%; }
.box-table table tr{ border-radius: 10px; border-bottom: 1px solid var(--color3); transition: var(--smooth); }
.box-table table tr:last-of-type{ border-bottom-color: transparent; }
.box-table table tr:first-of-type:hover{ background-color: transparent; }
.box-table table tr:hover{ background-color: var(--color3); }
.box-table table tr th.tablecel-width{ min-width: 200px; }
.box-table table tr th.tablecel-options{ text-align: center; max-width: 180px; }
.box-table table tr th,
.box-table table tr td{ line-height: 1.4; padding: 12px 24px 12px 8px; }
.box-table table tr th{ font-size: 10px; color: var(--color2); text-transform: uppercase; font-weight: 600; }
.box-table table tr td{ font-size: 14px; }
.box-table table tr td p[data-status="ativo"],
.box-table table tr td p[data-status="enviado"]{ color: var(--color-user7); font-weight: 600; }
.box-table table tr td p[data-status="inativo"],
.box-table table tr td p[data-status="aguardando-pagamento"]{ color: var(--color-user9); font-weight: 600; }
.box-table table tr td p[data-status="aguardando-envio"]{ color: var(--color-user5); font-weight: 600; }
.table-img{ height: 80px; width: 80px; min-width: 80px; border-radius: 8px; overflow: hidden; display: flex; justify-content: center; margin-right: 16px; }
.table-img img{ height: 100%; max-width: none; }
.table-buttons .btn{ margin: 0 4px; }

/* Formulários */
fieldset.box-form{ border: 1px solid var(--color-user14); border-radius: 6px; padding: 22px 0 12px; transition: opacity 300ms ease-in-out; }
fieldset.box-form legend{ font-size: 14px; font-weight: 600; color: var(--color1); margin-left: 16px; padding: 0 8px; }
.box-form{ display: flex; flex-wrap: wrap; margin-bottom: 24px; }
.box-form-group{ margin-bottom: 24px; }
.box-form-group p{ font-size: 12px; }
.box-form-group label{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.box-form-group label span,
.box-form-group h4 span{ color: var(--color-user9); }
.box-form-group input,
.box-form-group select{ height: 40px; }
.box-form-group input,
.box-form-group select,
.box-form-group textarea{ font-size: 14px; color: var(--color1); background-color: var(--color5); border-radius: 8px; border: 1px solid var(--color-user13); width: 100%; max-width: 100%; padding: 8px 12px; line-height: 1.4; -webkit-appearance: none; }
.box-form-group input:focus,
.box-form-group select:focus,
.box-form-group textarea:focus{ outline-color: var(--color-user1); }
.box-form-group textarea{ height: 90px; }
.box-form-group .form-btn-unico{ margin-top: 22px; }
.form-info{ padding: 4px 8px; border-radius: 4px; font-size: 11px; display: block; margin-top: 4px; }
.form-info.erro{ background-color: var(--color-user10); color: var(--color-user9); }
.form-info.warning{ background-color: var(--color-user12); color: var(--color-user11); }
.form-info.success{ background-color: var(--color-user8); color: var(--color-user7); }
.form-info.info{ background-color: var(--color-user6); color: var(--color-user5); }
.box-form-group input[data-info="erro"],
.box-form-group select[data-info="erro"],
.box-form-group textarea[data-info="erro"]{ border-color: var(--color-user9); background-image: url('../img/img-info-erro.svg'); background-repeat: no-repeat; background-size: 12px 12px; background-position: right 12px top 12px; }
.box-form-group input[data-info="warning"],
.box-form-group select[data-info="warning"],
.box-form-group textarea[data-info="warning"]{ border-color: var(--color-user11); background-image: url('../img/img-info-warning.svg'); background-repeat: no-repeat; background-size: 12px 12px; background-position: right 12px top 12px; }
.box-form-group input[data-info="success"],
.box-form-group select[data-info="success"],
.box-form-group textarea[data-info="success"]{ border-color: var(--color-user7); background-image: url('../img/img-info-success.svg'); background-repeat: no-repeat; background-size: 12px 12px; background-position: right 12px top 12px; }
.box-form-group input[data-info="info"],
.box-form-group select[data-info="info"],
.box-form-group textarea[data-info="info"]{ border-color: var(--color-user5); background-image: url('../img/img-info-info.svg'); background-repeat: no-repeat; background-size: 12px 12px; background-position: right 12px top 12px; }
.box-form-group select[data-info="erro"],
.box-form-group select[data-info="warning"],
.box-form-group select[data-info="success"],
.box-form-group select[data-info="info"]{ background-position: right 24px top 12px; }
/* Checkbox Switch */
.form-checkbox-switch.horizontal{ display: flex; align-items: center; }
.form-checkbox-switch.horizontal h4{ margin-left: 8px; order: 1; }
.form-checkbox-switch h4{ font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.switch{ position: relative; display: inline-block; width: 40px; min-width: 40px; height: 20px; }
.switch input{ opacity: 0; width: 0; height: 0; }
.slider{ position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color3); -webkit-transition: var(--smooth); transition: var(--smooth); }
.slider:before{ position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: var(--smooth); transition: var(--smooth); }
input:checked + .slider{ background-color: var(--color-user1); }
input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
.slider.round{ border-radius: 10px; }
.slider.round:before{ border-radius: 50%; }
/* Checkbox */
.form-options h4{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.form-options .checkbox{ display: flex; align-items: center; margin-bottom: 12px; }
.form-options .checkbox input[type='checkbox'],
.form-options .checkbox label{ cursor: pointer; margin: 0; color: var(--color1); }
.form-options .checkbox input[type='checkbox']{ -webkit-appearance: none; height: 20px; width: 20px; margin-right: 8px; padding: 0; font-size: 0; border-radius: 6px; position: relative; transition: var(--smooth); display: inline-block; }
.form-options .checkbox input[type='checkbox']:checked:active{ background-color: var(--color-user1); }
.form-options .checkbox input[type='checkbox']:checked{ border-color: var(--color-user1); background-color: var(--color-user1); }
.form-options .checkbox input[type='checkbox']:disabled{ background-color: var(--color3); border-color: var(--color4); }
.form-options .checkbox input[type='checkbox']:before{ opacity: 0.14; content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: 10px; font-weight: bold; width: 100%; height: 100%; background: transparent; transition: var(--smooth); display: flex; align-items: center; justify-content: center; }
.form-options .checkbox input[type='checkbox']:checked:before{ opacity: 1; color: var(--color5); }
/* Radio */
.form-options h4{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.form-options .radio{ display: flex; align-items: center; margin-bottom: 12px; }
.form-options .radio input[type='radio'],
.form-options .radio label{ cursor: pointer; margin: 0; color: var(--color1); }
.form-options .radio input[type='radio']{ -webkit-appearance: none; height: 20px; width: 20px; margin-right: 8px; padding: 0; font-size: 0; border-radius: 50%; position: relative; transition: var(--smooth); display: inline-block; }
.form-options .radio input[type='radio']:checked:active{ background-color: var(--color-user1); }
.form-options .radio input[type='radio']:checked{ border-color: var(--color-user1); background-color: var(--color-user1); }
.form-options .radio input[type='radio']:before{ opacity: 0.14; content: '\f111'; font-family: 'Font Awesome 5 Pro'; font-size: 8px; font-weight: bold; width: 100%; height: 100%; background: transparent; transition: var(--smooth); display: flex; align-items: center; justify-content: center; padding: 1px 0 0 1px; }
.form-options .radio input[type='radio']:checked:before{ opacity: 1; color: var(--color5); }

/***************** Choices CSS *****************/
.box-form-group.choices{ margin-bottom: 24px; }
.box-form-group .choices .choices__inner { font-size: 14px; color: var(--color1); background-color: var(--color5); border-radius: 8px; border: 1px solid var(--color-user13); width: 100%; max-width: 100%; padding: 8px 12px; display: inline-block; vertical-align: top; max-height: 40px; overflow: hidden; }
.box-form-group .choices .choices__list--dropdown { display: block; opacity: 0; top: 6px; transform-origin: 50% 0; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform,box-shadow; border: 1px solid var(--color3); border-radius: 8px; box-shadow: var(--shadow-sm); transform: perspective(999px) rotateX(-10deg) translateZ(0) translate3d(0,37px,0)!important; padding: 8px 12px; transition: visibility .25s,opacity .25s,transform .25s; }
.box-form-group .choices .choices__list--dropdown.is-active { transform: perspective(999px) rotateX(0deg) translateZ(0) translate3d(0,37px,5px)!important; opacity: 1; display: block; pointer-events: auto; }
.box-form-group .choices .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: var(--color3); border-radius: 8px; }
.box-form-group .choices[data-type*=select-one]:after{ color: var(--color2); transition: var(--smooth); }
/***************** Choices CSS *****************/

/**************** Sweet Alert 2 ****************/
.swal2-popup{ border-radius: 10px !important; width: auto !important; min-width: 320px; padding: 16px !important; overflow: hidden; }
.swal2-styled{ display: inline-block; font-size: 12px !important; font-weight: 700 !important; vertical-align: middle !important; text-align: center !important; cursor: pointer !important; border-radius: 8px !important; color: var(--color5) !important; text-transform: uppercase !important; padding: 12px 24px !important; margin-top: 16px !important; line-height: 1.4 !important; white-space: nowrap !important; border: 0 !important; box-shadow: var(--shadow-sm) !important; transition: var(--smooth) !important; }
.swal2-styled.swal2-confirm { background-color: var(--color-user1) !important; color: var(--color5); }
.swal2-styled.swal2-deny { background-color: var(--color-user9) !important; color: var(--color5); }
.swal2-styled.swal2-cancel { background-color: var(--color2) !important; color: var(--color2); }
.swal2-title{ font-size: 18px !important; color: var(--color1) !important; }
.swal2-popup.swal2-toast .swal2-title{ font-size: 14px !important; }
.swal2-html-container{ font-size: 14px !important; color: var(--color2) !important; }
.swal2-footer{ font-size: 14px !important; }
.swal2-footer a{ color: var(--color-user5); font-weight: 600; }
.swal2-footer a:hover{ text-decoration: underline; }
.swal2-validation-message{ font-size: 14px !important; color: var(--color2) !important; }
.swal2-input{ font-size: 14px !important; color: var(--color1) !important; background-color: var(--color5) !important; border-radius: 8px !important; border: 1px solid var(--color-user13) !important; padding: 8px 12px !important; line-height: 1.4 !important; -webkit-appearance: none; height: 40px !important; }
/**************** Sweet Alert 2 ****************/

.tooltipster-content{ text-align: center; }



/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    .box-table table tr th, .box-table table tr td{ min-width: 100px; }

}
/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .box-table::-webkit-scrollbar{ width: 4px; height: 4px; }
    .box-table::-webkit-scrollbar-thumb, .box-table::-webkit-scrollbar-track{ border-radius: 2px; }
    .box-table table tr th, .box-table table tr td{ padding-right: 8px; min-width: 100px; }
    .table-img{ height: 60px; width: 60px; min-width: 60px; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    section.w3-dashboard{ margin-top: 140px; }

    .box-table::-webkit-scrollbar{ width: 4px; height: 4px; }
    .box-table::-webkit-scrollbar-thumb, .box-table::-webkit-scrollbar-track{ border-radius: 2px; }
    .box-table table tr th, .box-table table tr td{ padding-right: 8px; min-width: 100px; }
    .table-img{ height: 60px; width: 60px; min-width: 60px; }
}
/*************************************** CSS PADRÃO ***************************************/





/*************************************** COMEÇO DO LOGIN ***************************************/
.w3-login-wellcome{ background: url('../img/img-bg.jpg') no-repeat center; background-size: cover; min-height: 50vh; border-radius: 10px; margin-top: 12px; padding-top: 48px; padding-bottom: 224px; }
.w3-login-wellcome h1{ font-size: 48px; margin: 8px 0; text-align: center; color: var(--color5); }
.w3-login-wellcome h2{ font-size: 16px; text-align: center; color: var(--color5); }

.w3-login-form{ position: relative; margin: -220px auto 0; background-color: var(--color5); border-radius: 10px; max-width: 400px; }
.w3-login-form-cabecalho h3{ padding: 24px; font-size: 20px; text-align: center; font-weight: 600; }
.w3-login-form-cabecalho h5{ padding: 24px 0 0; font-size: 16px; text-align: center; font-weight: 600; color: var(--color2); }
.w3-login-form-cabecalho h4{ padding: 0 0 24px; font-size: 16px; text-align: center; font-weight: 600; color: var(--color2); }
ul.w3-login-form-contas{ display: flex; justify-content: center; }
ul.w3-login-form-contas li{ margin: 0 4px; }
ul.w3-login-form-contas li a{ display: flex; align-items: center; justify-content: center; height: 58px; width: 76px; border-radius: 8px; border: 1px solid var(--color3); transition: var(--smooth); }
ul.w3-login-form-contas li a:hover{ background-color: var(--color3); }
ul.w3-login-form-contas li a img{ height: 24px; width: 24px; }
/* Controle flip login/cadastro */
.flip-card { background-color: transparent; perspective: 1000px; }
.flip-card-inner { position: relative; transition: transform 0.6s; transform-style: preserve-3d; }
.flip-card-inner-rotate { transform: rotateY(180deg); }
.flip-card-front,
.flip-card-back { position: relative; width: 100%; height: 100%; background-color: var(--color5); border-radius: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: var(--smooth); box-shadow: var(--shadow-xl);  }
.flip-card-back { transform: rotateY(180deg); margin-top: -100%; top: -59px;  }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
 
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    

    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .adm-login-form{ max-width: calc(100% - 32px); margin: -160px auto 0; }
}
/*************************************** FIM DO LOGIN ***************************************/





/*************************************** COMEÇO DO TOPO ***************************************/

/* Pesquisa */
.w3-pesquisa{ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-color: rgba(3, 10, 16, .8); display: flex; justify-content: center; align-items: center; z-index: 5; opacity: 0; pointer-events: none; transition: var(--smooth); }
.w3-pesquisa .content{ background-color: var(--color5); padding: 40px; min-width: 290px; width: 390px; display: flex; align-items: center; flex-direction: column; position: relative; transition: var(--smooth); transform: translateY(100px); opacity: 1; }
.w3-pesquisa .content .close{ position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; transition: var(--smooth); font-size: 18px; cursor: pointer; color: var(--color-user9); }
.w3-pesquisa .content .close:hover{ background-color: var(--color-light); }
.w3-pesquisa .content .title{ text-align: center; }
.w3-pesquisa .content input{ background-color: var(--color-light); padding: 0 10px; height: 50px; width: 100%; border: 0; text-align: center; margin-bottom: 10px; }
.w3-pesquisa .content button{ width: 100%; }
.w3-pesquisa.open-search{ opacity: 1; pointer-events: initial; }
.w3-pesquisa.open-search .content{ opacity: 1; transform: translateY(0); }
/* Pesquisa */

/* info */
.w3-info{ background-color: var(--color1); color: var(--color5); padding: 30px; width: 90%; max-width: 390px; position: fixed; top: 0; right: 0; height: 100vh; z-index: 4; transition: var(--smooth); transform: translateX(100%); }
.w3-info .content{ position: relative; }
.w3-info .close{ position: absolute; right: 0; display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; transition: var(--smooth); font-size: 18px; cursor: pointer; color: var(--color-user9); }
.w3-info .close:hover{ background-color: var(--color5); }
.w3-info .logo{ margin: 0 0 30px; }
.w3-info .logo svg{ fill: var(--color5); height: 80px; }
.w3-info .horarios h2{ color: var(--color2); margin-bottom: 10px; }
.w3-info .w3-social{ display: flex; align-items: center; margin: 30px 0; }
.w3-info .w3-social li a{ display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; transition: var(--smooth); font-size: 18px; }
.w3-info .w3-social li a:hover{ background-color: var(--color-user3); }
.w3-info .contato h2{ color: var(--color2); margin-bottom: 10px; }
.w3-info .contato ul{ margin-bottom: 30px; }
.w3-info .contato ul li a{ transition: var(--smooth); }
.w3-info .contato ul li a:hover{ color: var(--color-user3); }

.w3-info.open-info{ transform: translateX(0); }
/* info */

.float-menu{ transition: var(--smooth); opacity: 0; pointer-events: none; width: 0; overflow: hidden; }
.float-menu nav.w3-menu ul li{ color: var(--color1); font-weight: 600; }
.float-menu nav.w3-menu ul li:last-of-type{ margin-right: 0px; }
.float-menu nav.w3-menu ul li a{ transition: var(--smooth); }
.float-menu nav.w3-menu ul li a:hover{ color: var(--color-user3); }
.float-menu nav.w3-menu ul li a::after{ margin-top: 0px; }
.float-menu nav.w3-menu ul li a:hover::after{ background-color: var(--color-user3); }

header.w3-topo{ position: fixed; top: 0; left: 0; width: 100%; z-index: 3; padding-top: 60px; transition: var(--smooth); }
header.w3-topo .logo{ flex-grow: 1; }
header.w3-topo .logo a svg{ fill: var(--color5); transition: var(--smooth); }
header.w3-topo .acesso li{ margin-left: 30px; }
header.w3-topo .acesso li.mobile-info-item{ display: none; }
header.w3-topo .acesso li .acesso-item{ display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; cursor: pointer; }
header.w3-topo .acesso li .acesso-item svg{ fill: var(--color5); transition: var(--smooth); }
header.w3-topo .acesso li .acesso-item:hover svg{ fill: var(--color-user3); }

.w3-topo-nav{ padding-top: 30px; transition: var(--smooth); }
.w3-menu-btn-mobile{ display: none; }
nav.w3-menu .close{ display: none; }
nav.w3-menu ul{ display: flex; align-items: center; }
nav.w3-menu ul li{ font-size: 14px; font-weight: 400; color: var(--color5); margin-right: 40px; }
nav.w3-menu ul li a{ display: block; padding: 10px 0; }
nav.w3-menu ul li a::after{ content: ''; display: block; height: 1px; width: 0; background-color: var(--color5); margin-top: 14px; transition: var(--smooth); }
nav.w3-menu ul li a:hover::after{ width: 100%; }
.w3-topo-nav .info .info-item{ display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; cursor: pointer; }
.w3-topo-nav .info .info-item svg{ fill: var(--color5); transition: var(--smooth); }
.w3-topo-nav .info .info-item:hover svg{ fill: var(--color-user3); }

.topo-float{ padding: 20px 0 !important; background-color: var(--color5); }
.topo-float .logo a svg{ fill: var(--color1) !important; }
.topo-float .float-menu{ opacity: 1; pointer-events: initial; width: auto; }
.topo-float .acesso li .acesso-item svg{ fill: var(--color1) !important; }
.topo-float .acesso li .acesso-item:hover svg{ fill: var(--color-user3) !important; }
.topo-float .w3-topo-nav{ opacity: 0; pointer-events: none; padding-top: 0; height: 0; }

/* Topo interno */
header.w3-topo-interno{ position: fixed; top: 0; left: 0; width: 100%; z-index: 3; padding: 20px 0; background-color: var(--color5); transition: var(--smooth); }
header.w3-topo-interno .logo{ flex-grow: 1; }
header.w3-topo-interno .logo a svg{ fill: var(--color1); transition: var(--smooth); }
header.w3-topo-interno .acesso li{ margin-left: 30px; }
header.w3-topo-interno .acesso li.mobile-info-item{ display: none; }
header.w3-topo-interno .acesso li .acesso-item{ display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; cursor: pointer; }
header.w3-topo-interno .acesso li .acesso-item svg{ fill: var(--color1); transition: var(--smooth); }
header.w3-topo-interno .acesso li .acesso-item:hover svg{ fill: var(--color-user3); }

header.w3-topo-interno .w3-topo-nav{ padding-top: 0; transition: var(--smooth); }
header.w3-topo-interno .w3-topo-nav nav.w3-menu ul li{ color: var(--color1); font-weight: 600; }
header.w3-topo-interno .w3-topo-nav nav.w3-menu ul li:last-of-type{ margin-right: 0px; }
header.w3-topo-interno .w3-topo-nav nav.w3-menu ul li a{ transition: var(--smooth); }
header.w3-topo-interno .w3-topo-nav nav.w3-menu ul li a:hover{ color: var(--color-user3); }
header.w3-topo-interno .w3-topo-nav nav.w3-menu ul li a::after{ content: ''; display: block; height: 1px; width: 0; background-color: var(--color5); margin-top: 0; transition: var(--smooth); }
header.w3-topo-interno .w3-topo-nav nav.w3-menu ul li a:hover::after{ width: 100%; background-color: var(--color-user3); }

.w3-topo-nav{ padding-top: 30px; transition: var(--smooth); }
.w3-menu-btn-mobile{ display: none; }
nav.w3-menu .close{ display: none; }
/* Topo interno */

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {

}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    nav.w3-menu ul li { margin-right: 15px; }
    header.w3-topo .acesso li{ margin-left: 10px; }
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .w3-pesquisa .content{ min-width: 250px; width: 80%; }

    header.w3-topo{ padding-top: 20px; }
    header.w3-topo .acesso li,
    header.w3-topo-interno .acesso li { margin-left: 10px; }
    header.w3-topo .acesso li.mobile-info-item{ display: list-item; }
    .float-menu{ transition: var(--smooth); opacity: 1; pointer-events: initial; width: auto; overflow: initial; }
    .float-menu .w3-menu-btn-mobile i{ color: var(--color5); }
    
    .topo-float .float-menu .w3-menu-btn-mobile i{ color: var(--color1); }
    .w3-topo-nav{ display: none; }
    .open-menu{ display: block !important; transform: translateX(0) !important; }

    .w3-menu-btn-mobile{ display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; font-size: 20px; }
    .w3-menu{ position: absolute; width: 100%; top: 0; left: 0; transform: translateX(-100%); background-color: var(--color5); transition: var(--smooth); }
    .w3-menu ul{ flex-direction: column; }
    .w3-menu ul li{ margin-right: 0 !important; color: var(--color1) !important; width: 100%; text-align: center; font-weight: 600 !important; }
    .w3-menu ul li a{ width: 100%; }
    nav.w3-menu .close{ display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; font-size: 18px; margin: 20px; background-color: var(--color4); }
    nav.w3-menu .close i{ color: var(--color-user9); }

    /* Topo interno */
    header.w3-topo-interno .w3-topo-nav{ display: block; }
    header.w3-topo-interno .w3-topo-nav .w3-menu-btn-mobile{ fill: var(--color1); }
    header.w3-topo-interno .w3-topo-nav .w3-menu-btn-mobile i{ fill: var(--color1); }
    header.w3-topo-interno .acesso li.mobile-info-item{ display: list-item; }
    /* Topo interno */
}
@media only screen and (max-width: 640px) and (orientation:portrait) {
    .w3-menu{ height: 100vh; }
}

/*************************************** FIM DO TOPO ***************************************/


/*************************************** COMEÇO DA HOME ***************************************/
.swiper.swiper-banner-topo{ width: 100%; background: rgba(18, 90, 92, 1); }
.swiper-banner-topo .swiper-slide { box-sizing: border-box; padding: 40px 0; }
.swiper-banner-topo .swiper-slide .swiper-slide-content{ display: flex; flex-direction: column; justify-content: center; height: 100%; }
.swiper-banner-topo .parallax-bg { position: absolute; left: 0; top: 0; width: 130%; height: 100%; -webkit-background-size: cover; background-size: cover; opacity: .35; }
.swiper-banner-topo .swiper-slide .title { margin-bottom: 40px; font-size: 18px; font-weight: 600; line-height: 1.2; color: var(--color5); text-transform: uppercase; font-family: var(--font2); }
.swiper-banner-topo .swiper-slide .subtitle { font-size: 16px; }
.swiper-banner-topo .swiper-slide .text { margin-bottom: 40px; font-size: 16px; max-width: 720px; line-height: 2; color: var(--color5); }
.swiper-banner-topo .swiper-slide .cta a:first-of-type{ margin-right: 20px; }
.swiper-banner-topo .swiper-banner-topo-pagination { position: relative !important; bottom: 60px !important; text-align: right; }
.swiper-banner-topo .swiper-pagination-bullet { width: auto !important; height: auto !important; margin: 0 9px !important; text-align: center; line-height: 1; font-size: 14px; font-weight: 400; font-family: var(--font2); letter-spacing: 1px; color: var(--color5); opacity: 1; background: none; }
.swiper-banner-topo .swiper-pagination-bullet::before { content: '0'; }
.swiper-banner-topo .swiper-pagination-bullet::after { content: ''; display: block; height: 1px; width: 0; background-color: var(--color5); margin-top: 6px; transition: var(--smooth); }
.swiper-banner-topo .swiper-pagination-bullet.swiper-pagination-bullet-active::after { width: 100%; }

section.w3-sobre{ padding: 100px 0; }
.w3-sobre-txt{ max-width: 720px; }
.w3-sobre-txt p{ column-count: 2; column-gap: 20px; margin-bottom: 40px; }
.w3-sobre-img{ padding-left: 60px; }

section.w3-obrigado{ padding: 100px 0; }
.w3-obrigado-txt{ max-width: 720px; }
.w3-obrigado-txt p{ column-count: 2; column-gap: 20px; margin-bottom: 40px; }
.w3-obrigado-img{ padding-left: 60px; }

.w3-comofunciona-content{ background-color: var(--color-light); padding: 60px; margin: 0 80px; }
.w3-comofunciona-content-carrossel{ min-width: 375px; position: relative; }
.w3-comofunciona-content-carrossel .carrossel{ position: absolute; width: 100%; }
.w3-comofunciona-content-carrossel .carrossel .swiper-pagination-bullet{ background-color: transparent; height: 12px; width: 12px; border: 2px solid var(--color5); opacity: 1; }
.w3-comofunciona-content-carrossel .carrossel .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--color5); }
.w3-comofunciona-content-txt{ text-align: right; padding-left: 60px; }
.w3-comofunciona-content-txt p{ margin-bottom: 40px; }

section.w3-parceiros{ padding: 230px 0 100px; }
.w3-parceiros-content .parceiro{ aspect-ratio: auto 1 / 1; }
.w3-parceiros-content .parceiro a{ display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; background-color: rgba(3, 10, 16, 0); transition: all ease-out 800ms; }
.w3-parceiros-content .parceiro a:hover{ background-color: rgba(18, 90, 92, 0); transition: var(--smooth); }
.w3-parceiros-content .parceiro a img{ max-height: 201px; transition: all ease-out 800ms; }
.w3-parceiros-content .parceiro a:hover img{ transform: scale(1.1); transition: var(--smooth); }
/* modal */
.w3-parceiro-background{ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.5); opacity: 0; pointer-events: none; z-index: 99; transition: var(--smooth); }
.w3-parceiro-background .box{ height: auto; width: 80%; position: relative; min-height: 360px;  }
.w3-parceiro-background .box-body img{ max-height: 220px; }
.w3-parceiro-background .box-body h2{ margin-bottom: 0; }
.w3-parceiro-background .box-body-txt{ margin-top: 20px; overflow-y: auto; }
.w3-parceiro-background .box-body-txt p{ font-size: 14px; line-height: 2; margin-bottom: 8px; }
.w3-parceiro-background .box .close{ height: 40px; width: 40px; background-color: var(--color4); display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; margin: 10px 10px 0 0; cursor: pointer; transition: var(--smooth); }
.w3-parceiro-background .box .close:hover{ background-color: var(--color3); }
.w3-parceiro-background .box .close i{ font-size: 16px; color: var(--color-user9); }
.open-modal-parceiro{ opacity: 1; pointer-events: initial; }
/* modal */

section.w3-apoiadores{ padding: 0 0 100px; }
section.w3-apoiadores .swiper-wrapper{ padding-bottom: 30px; }
section.w3-apoiadores .apoiador{ text-align: center; }
section.w3-apoiadores .apoiador img{ max-height: 200px; opacity: .5; transition: var(--smooth); }
section.w3-apoiadores .apoiador:hover img{ opacity: 1; }
section.w3-apoiadores .swiper-pagination-bullet{ background-color: transparent; height: 12px; width: 12px; border: 2px solid var(--color-user3); opacity: 1; }
section.w3-apoiadores .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--color-user3); }


.w3-faq-content{ background-color: var(--color-light); padding: 60px; margin: 0 80px; }
.w3-faq-content-txt ul li:not(:last-of-type){ margin-bottom: 40px; }
.w3-faq-content-txt ul li h3{ margin-bottom: 20px; }



/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
    .swiper.swiper-banner-topo{ height: 100vh; }

    .w3-parceiros-content .parceiro{ width: calc(100% / 6); }
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    .swiper.swiper-banner-topo{ height: 100vh; }
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    .swiper.swiper-banner-topo{ height: 100vh; }
    
    .w3-sobre-txt{ max-width: 50%; }
    .w3-sobre-txt p{ column-count: 1; column-gap: 0px; }
    .w3-sobre-img{ padding-left: 40px; }

    .w3-comofunciona-content{ margin: 0; flex-wrap: wrap; justify-content: flex-end; }
    .w3-comofunciona-content-carrossel{ width: 375px; margin-bottom: 40px; }
    .w3-comofunciona-content-carrossel .carrossel{ position: relative; }

    section.w3-parceiros{ padding: 100px 0; }

    .w3-faq-content{ margin: 0; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .swiper-banner-topo .swiper-slide .title{ margin-bottom: 20px; }
    .swiper-banner-topo .swiper-slide .text{ margin-bottom: 20px; font-size: 14px; line-height: 1.5; }
    .swiper-banner-topo .swiper-slide .cta a:first-of-type{ margin-bottom: 10px; margin-right: 10px; }

    .w3-sobre .centralizador{ flex-wrap: wrap; }
    .w3-sobre-txt{ max-width: 100%; text-align: center; }
    .w3-sobre-txt p{ column-count: 1; column-gap: 0px; }
    .w3-sobre-img{ padding-left: 0; width: 80%; margin: 30px auto 0; }

    .w3-comofunciona-content{ margin: 0; padding: 40px; flex-wrap: wrap; justify-content: flex-end; }
    .w3-comofunciona-content-carrossel{ width: 100%; min-width: 0; max-width: 375px; margin-bottom: 40px; }
    .w3-comofunciona-content-carrossel .carrossel{ position: relative; }
    .w3-comofunciona-content-txt{ padding: 0; width: 100%; text-align: center; }

    section.w3-parceiros{ padding: 100px 0; }
    .w3-parceiros-content .parceiro a img{ max-height: 120px; }

    .w3-faq-content{ margin: 0; padding: 40px; }

}
@media only screen and (max-width: 640px) and (orientation:portrait) {
    /* aqui é 100vh */
    .swiper.swiper-banner-topo{ height: 100vh; }
}
@media only screen and (max-width: 900px) and (orientation:landscape) {
    .swiper.swiper-banner-topo{ height: 750px; }
}
/*************************************** FIM DA HOME ***************************************/

.w3-cadastro-wellcome{  }
.w3-cadastro-wellcome .txt{ padding: 0 80px; }
.w3-cadastro-wellcome h1{  font-family: var(--font2); font-size: 48px; text-align: center; font-weight: 600; color: var(--color-user2); text-transform: uppercase; }
.w3-cadastro-wellcome h2{ font-family: var(--font1); font-size: 18px; text-align: center; font-weight: 600; color: var(--color-user13); text-transform: uppercase; }
.w3-cadastro-wellcome .img{ position: relative; min-width: 575px; width: 575px; }
.w3-cadastro-wellcome .img img{ position: absolute; margin-top: -120px; width: 100%; }




/*************************************** COMEÇO DA SOBRE ***************************************/
section.w3-sobre-wellcome{ background-color: var(--color4); padding: 280px 0 150px; }
section.w3-sobre-wellcome .txt{ padding: 0 80px; }
section.w3-sobre-wellcome .txt h1{ max-width: 460px;  font-family: var(--font2); font-size: 48px; text-align: center; font-weight: 600; color: var(--color5); text-transform: uppercase; }
section.w3-sobre-wellcome .img{ position: relative; min-width: 575px; width: 575px; }
section.w3-sobre-wellcome .img img{ position: absolute; margin-top: -120px; width: 100%; }

section.w3-sobre-text{ background-color: var(--color-light); padding: 180px 0 100px; }
section.w3-sobre-text .text{ column-count: 2; }

section.w3-obrigado-text{ background-color: var(--color-light); padding: 180px 0 100px; }
section.w3-obrigado-text .text{ column-count: 1; }

section.w3-sobre-galeria{ padding: 100px 0; }
section.w3-sobre-galeria .centralizador{ position: relative; }
section.w3-sobre-galeria .galeria a{ font-size: 0; aspect-ratio: auto 1 / 1; overflow: hidden; background-color: var(--color1); position: relative; }
section.w3-sobre-galeria .galeria a img{ height: 100%; max-width: none; position: absolute; transform: translateX(-50%); left: 50%; transition: var(--smooth); }
section.w3-sobre-galeria .galeria a:hover img{ opacity: .15; }
section.w3-sobre-galeria .galeria a i{ color: var(--color5); font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: var(--smooth); }
section.w3-sobre-galeria .galeria a:hover i{ opacity: 1; }
section.w3-sobre-galeria .link{ position: absolute; bottom: 0; width: 100%; display: flex; justify-content: center; pointer-events: none; }
section.w3-sobre-galeria .link a{ font-size: 16px; font-weight: 600; display: block; padding: 15px 50px; background-color: var(--color5); transition: var(--smooth); pointer-events: initial; }
section.w3-sobre-galeria .link a:hover{ color: var(--color-user3); }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {

}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    section.w3-sobre-wellcome{ min-height: 755px; }
    section.w3-sobre-wellcome .txt h1{ font-size: 36px; }
    section.w3-sobre-wellcome .img{ position: relative; min-width: 575px; width: 575px; }
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    section.w3-sobre-wellcome{ padding: 140px 0 100px; }
    section.w3-sobre-wellcome .txt{ padding: 0 40px; }
    section.w3-sobre-wellcome .txt h1{ max-width: 215px; font-size: 28px; }
    section.w3-sobre-wellcome .img{ position: relative; min-width: 325px; width: 325px; }
    section.w3-sobre-wellcome .img img{ margin-top: -20px; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    section.w3-sobre-wellcome{ padding: 140px 0 100px; flex-wrap: wrap; }
    section.w3-sobre-wellcome .centralizador .flex{ flex-wrap: wrap; }
    section.w3-sobre-wellcome .txt{ padding: 0 40px; width: 100%; }
    section.w3-sobre-wellcome .txt h1{ width: 100%; font-size: 28px; margin: 0; }
    section.w3-sobre-wellcome .img{ position: relative; min-width: 0; width: 100%; padding: 0 10%; margin-top: 30px; }
    section.w3-sobre-wellcome .img img{ position: relative; width: 100%; min-width: 0; margin-top: 0; margin-bottom: -180px; }

    section.w3-sobre-text .text{ column-count: 1; }

}
/*************************************** FIM DA SOBRE ***************************************/


/*************************************** COMEÇO DA COMO FUNCIONA ***************************************/
section.w3-comofunciona{ padding: 100px 0; }
section.w3-comofunciona .content{ padding: 80px; background-color: var(--color-light); align-items: center; }
section.w3-comofunciona .content .title{ margin-bottom: 20px; }
section.w3-comofunciona .content .txt{ padding-left: 80px; }
section.w3-comofunciona .content .btn{ margin-top: 40px; }

section.w3-comofunciona-itens{ padding: 0 0 60px; }
section.w3-comofunciona-itens .item{ padding: 0 20px 40px; }
section.w3-comofunciona-itens .item .title{ margin-top: 40px; }

section.w3-comofunciona-cta{ height: 500px; overflow: hidden; background-color: rgba(3, 10, 16, .8); }
section.w3-comofunciona-cta video{ width: 100%; max-width: none; z-index: -1; }
section.w3-comofunciona-cta .txt{ position: absolute; color: var(--color5); max-width: 960px; padding: 0 20px; }
section.w3-comofunciona-cta .txt h1,
section.w3-comofunciona-cta .txt h2{ margin-bottom: 20px; color: var(--color5) }
section.w3-comofunciona-cta .txt .btn{ margin: 40px 0 0; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {

}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    section.w3-comofunciona-cta video{ width: auto; height: 100%; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    section.w3-comofunciona .content{ padding: 40px; }
    section.w3-comofunciona .content .txt{ padding-left: 0; padding-top: 40px; }

    section.w3-comofunciona-cta video{ width: auto; height: 100%; }

}
/*************************************** FIM DA COMO FUNCIONA ***************************************/


/*************************************** COMEÇO DA CONTATO ***************************************/
section.w3-contato{ padding: 200px 0 100px; }
section.w3-contato .content{ align-items: stretch; }
section.w3-contato .content iframe{ width: 100%; }
section.w3-contato .content .form{ background-color: var(--color5); padding-top: 40px; margin-left: 40px; }
section.w3-contato .content .form .title{ margin-bottom: 20px; }
section.w3-contato .content .form .content-form-box{ margin-bottom: 40px; }
section.w3-contato .content .form .content-form-box:first-of-type{ padding-right: 10px; }
section.w3-contato .content .form .content-form-box a{ transition: var(--smooth); text-decoration: underline dotted var(--color3); }
section.w3-contato .content .form .content-form-box a:hover{ color: var(--color-user3); }
section.w3-contato .content .form .content-form-box .campo{ height: 50px; background-color: var(--color-light); margin-bottom: 15px; }
section.w3-contato .content .form .content-form-box .campo.textarea{ height: 180px; }
section.w3-contato .content .form .content-form-box .campo input,
section.w3-contato .content .form .content-form-box .campo textarea{ padding: 10px; height: 100%; width: 100%; background-color: transparent; border: 0; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {

}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    section.w3-contato .content .form .content-form-box:first-of-type{ margin-bottom: 20px; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    section.w3-contato .content .form .content-form-box:first-of-type{ margin-bottom: 20px; }
    section.w3-contato .content{ flex-wrap: wrap; }
    section.w3-contato .content iframe{ width: 100%; }
    section.w3-contato .content .form{ width: 100%; margin-left: 0; }
}
/*************************************** FIM DA CONTATO ***************************************/






/*************************************** COMEÇO DO CADASTRO ***************************************/
.adm-cadastro-wellcome{ background: url('../img/img-bg.jpg') no-repeat center; background-size: cover; min-height: 50vh; border-radius: 10px; margin-top: 12px; padding-top: 48px; padding-bottom: 224px; }
.adm-cadastro-wellcome h1{ font-size: 48px; line-height: 1; margin: 8px 0; text-align: center; color: var(--color1); }
.adm-cadastro-wellcome h2{ font-size: 16px; text-align: center; color: var(--color1); }

.adm-cadastro .box{ margin-top: -200px; }

.multistep-passos{ margin-bottom: 24px; }
.multistep-passos .passo{ display: flex; justify-content: center; align-items: center; padding: 12px; border-radius: 8px; cursor: default; transition: var(--smooth); }
.multistep-passos .passo.active{ background-color: var(--color3); box-shadow: var(--shadow-sm); background-color: var(--color2); }
.multistep-passos .passo.active span{ color: var(--color5); }
.multistep-passos .passo span{ text-align: center; font-size: 14px; color: var(--color2); transition: var(--smooth); line-height: 1; }

.multistep-form .form{ background-color: var(--color5); transition: var(--smooth); }
.multistep-form .form-2,
.multistep-form .form-3,
.multistep-form .form-4{ display: none; }

/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {
 
}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    

    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .multistep-passos .passo span{ font-size: 0; height: 24px; width: 24px; border-radius: 50%; border: 8px solid var(--color3); }
    .multistep-passos .passo.active{ background-color: transparent; box-shadow: none; }
    .multistep-passos .passo.active span{ border: 8px solid var(--color2); box-shadow: var(--shadow-sm); transform: scale(1.5); }
}
/*************************************** FIM DO CADASTRO ***************************************/












/*************************************** COMEÇO DO RODAPÉ ***************************************/
.gotop{ position: absolute; right: 2%; margin-top: 20px; z-index: 2; display: flex; align-items: center; justify-content: center; background-color: var(--color1); height: 40px; width: 40px; cursor: pointer; transition: var(--smooth); }
.gotop:hover{ background-color: var(--color2); }
.gotop svg{ height: 14px; fill: var(--color5); position: relative; top: 3px; }

footer.w3-rodape{ padding: 100px 0; }
footer.w3-rodape .logo a svg{ width: 180px; }
footer.w3-rodape .w3-social{ display: flex; justify-content: center; margin-bottom: 30px; }
footer.w3-rodape .w3-social li a{ display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; font-size: 16px; color: var(--color3); }
footer.w3-rodape .w3-social li a i{ transition: var(--smooth); }
footer.w3-rodape .w3-social li a:hover i{ color: var(--color-user3); }
footer.w3-rodape .links li{ margin: 0 10px; }
footer.w3-rodape .w3-menu-links{ flex-direction: column; text-align: center; margin-top: 30px; }
footer.w3-rodape .w3-menu-links li{ margin-right: 0; }
footer.w3-rodape .w3-menu-links li a{ color: var(--color1); font-size: 14px; font-weight: 600; display: inline-block; padding: 10px 20px; line-height: 1; transition: var(--smooth); }
footer.w3-rodape .w3-menu-links li a:hover{ color: var(--color-user3); }
footer.w3-rodape .centralizador > p{ font-size: 14px; color: var(--color3); margin-top: 90px; }
footer.w3-rodape .assinatura{ font-size: 14px; margin-top: 10px; text-align: center; }
footer.w3-rodape .assinatura a img{ height: 8px; margin-left: 2px; transition: var(--smooth); }
footer.w3-rodape .assinatura a:hover img{ opacity: .5; }


/* ******************* */
/*    DESKTOP LARGE    */
/* ******************* */
@media screen and (min-width: 1320px) {

}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {

}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {    
    
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    .gotop{ display: none; }

    footer.w3-rodape .w3-menu{ transform: none; background-color: transparent; position: initial; height: auto; }
    footer.w3-rodape .w3-menu .close{ display: none; }

    footer.w3-rodape .links ul{ flex-direction: column; }
    footer.w3-rodape .links ul li{ margin-bottom: 10px; }
}
/*************************************** FIM DO RODAPÉ ***************************************/