@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; }
button{ background-color: unset; border: none; cursor: pointer; }
button:focus{ outline: none; }
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(--base); background-color: var(--color-white); font-size: 14px; 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: #999; font-size: 0.875em; overflow-x: auto; padding: 0; white-space: pre; word-wrap: normal; display: inline; }
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; }
.flex-grow        { flex-grow: 1; }
.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; }

.w3-primaria{fill:#404041;}
.w3-secundaria{fill:#006EB9;}

/* ***************** BUTTONS ******************* */
.w3-btn{ display: inline-flex; align-items: center; justify-content: center; height: 40px; font-size: 14px; font-weight: 500; font-style: normal; vertical-align: middle; text-align: center; cursor: pointer; border-radius: 10px; padding: 0 16px; line-height: 1; white-space: nowrap; border: 0; transition: var(--smooth); }
.w3-btn:focus{ outline: none; }
.w3-btn i{ height: 16px; }
.w3-btn p{ color: inherit; transition: inherit; }
.w3-btn *{ font-style: inherit; }

/* Icon */
.w3-btn-icon{ display: inline-flex; align-items: center; justify-content: center; height: 40px; min-width: 40px; width: 40px; cursor: pointer; border-radius: 10px; padding: 0; line-height: 1; border: 0; transition: var(--smooth); }
.w3-btn-icon i{ height: 16px; }

/************ Variações ************/

/* Default */
.w3-btn-default         { background-color: var(--color-500); color: var(--color-white); }
.w3-btn-default:hover   { background-color: var(--primaria); color: var(--color-white); }
.w3-btn-default:active  { background-color: var(--color-700); color: var(--color-white); }
.w3-btn-default:disabled,
.w3-btn-default-disabled{ background-color: var(--color-200); color: var(--color-700); opacity: .5; cursor: default; pointer-events: none; }
.w3-btn-default i       { background-color: var(--color-white); }

/* Default */
.w3-btn-light           { background-color: var(--color-100); color: var(--color-400); }
.w3-btn-light:hover     { background-color: var(--primaria); color: var(--color-white); }
.w3-btn-light:active    { background-color: var(--color-700); color: var(--color-white); }
.w3-btn-light:disabled,
.w3-btn-light-disabled  { background-color: var(--color-200); color: var(--color-700); opacity: .5; cursor: default; pointer-events: none; }
.w3-btn-light i         { background-color: var(--color-400); transition: var(--smooth); }
.w3-btn-light:hover i   { background-color: var(--color-white); }

/************ Variações ************/

/* Social */
.w3-btn-facebook{ background-color: var(--color-facebook); color: var(--color5); }
.w3-btn-twitter{ background-color: var(--color-twitter); color: var(--color5); }
.w3-btn-linkedin{ background-color: var(--color-linkedin); color: var(--color5); }
.w3-btn-youtube{ background-color: var(--color-youtube); color: var(--color5); }
.w3-btn-youtube:hover{ background-color: var(--color5); color: var(--color-youtube); }
.w3-btn-instagram{ background-color: var(--color-instagram); color: var(--color5); }
.w3-btn-pinterest{ background-color: var(--color-pinterest); color: var(--color5); }
.w3-btn-behance{ background-color: var(--color-behance); color: var(--color5); }
.w3-btn-skype{ background-color: var(--color-skype); color: var(--color5); }
.w3-btn-twitch{ background-color: var(--color-twitch); color: var(--color5); }
.w3-btn-twitch:hover{ background-color: var(--color5); color: var(--color-twitch); }
.w3-btn-spotify{ background-color: var(--color-spotify); color: var(--color5); }
.w3-btn-whatsapp{ background-color: var(--color-whatsapp); color: var(--color5); }
.w3-btn-whatsapp-alt{ background-color: var(--color-whatsapp-alt); color: var(--color5); }
/* ***************** BUTTONS ******************* */

/* VARIÁVEIS DO PROJETO */
:root{
    --font: 'Poppins', 'Helvetica', 'Helvetica Neue', 'Arial', sans-serif;

    --base:      var(--nox-950);
    --primaria:  var(--color-600);
    --destaque:  var(--complementar);

    --color-50:  #f9f5ff;
    --color-100: #f1e9fe;
    --color-200: #e5d6fe;
    --color-300: #d2b7fb;
    --color-400: #b688f8;
    --color-500: #9a5af2;
    --color-600: #8942e5;
    --color-700: #7028c8;
    --color-800: #6026a3;
    --color-900: #4f2083;
    --color-950: #330a61;

    --nox-50:  #f6f6f9;
    --nox-100: #ecebf3;
    --nox-200: #d5d3e4;
    --nox-300: #afadcc;
    --nox-400: #8380b0;
    --nox-500: #636097;
    --nox-600: #504c7d;
    --nox-700: #423e66;
    --nox-800: #393656;
    --nox-900: #343149;
    --nox-950: #1e1c2a;

    --complementar: #E6E243;

    --color-black: #000000;
    --color-white: #ffffff;

    --error:        #fb0000;
    --error-alt:    #fdd4d4;
    --warning:      #f2930d;
    --warning-alt:  #ffdfb3;
    --success:      #67b108;
    --success-alt:  #cdf59b;
    --info:         #08a1c4;
    --info-alt:     #abe9f7;

    --color-x:            #000000;
    --color-threads:      #000000;
    --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 10px 27px 0 rgb(0 0 0 / 35%);

    --smooth: all 200ms ease-out;
    --animation: all 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

    --tamanho-topo: 90px;
}


/*************************************** CSS PADRÃO ***************************************/
.w3-row{ width: 100%; }

.w3-box{ border-radius: 12px; background-color: var(--color-white); }
.w3-box-header h1{ font-size: 18px; color: var(--base); line-height: 1.625; font-weight: 600; margin-bottom: 8px; }
.w3-box-header h2{ font-size: 16px; color: var(--base); line-height: 1.625; font-weight: 600; margin-bottom: 8px; }
.w3-box-header h3{ font-size: 14px; color: var(--color-400); line-height: 1.5; font-weight: 400; }
.w3-box-body{ flex-grow: 1; }
.w3-box-body ul{ list-style-type: disc; list-style-position: inside; }
.w3-box-txt{ margin-bottom: 48px; }
.w3-box-txt h3{ font-size: 14px; font-weight: 600; margin-bottom: 8px; margin-top: 16px; color: var(--nox-300); }
.w3-box-txt p{ font-size: 14px; margin-bottom: 8px; }
.w3-box-txt figure{ margin-bottom: 16px; }
.w3-box-txt figure figcaption{ font-style: italic; }
.w3-box-img{ width: 100%; height: 100%; max-width: 430px; max-height: 290px; overflow: hidden; border-radius: 12px; margin-bottom: 16px; }
.w3-box-img img{ height: 100%; min-width: none; }
.w3-box-icon{ color: var(--primaria); font-size: 14px; }

.w3-shadow-sm{ box-shadow: var(--shadow-sm); }
.w3-shadow-xl{ box-shadow: var(--shadow-xl); }

.w3-subtitle{ font-size: 14px; color: var(--color-400); line-height: 1.5; font-weight: 600; }
.w3-title{ font-size: 20px; color: var(--base); line-height: 1.375; font-weight: 700; }

.w3-breadcrumb{ display: flex; flex-wrap: wrap; font-size: 13px; }
.w3-breadcrumb li:not(:last-of-type)::after{ content: '•'; margin: 0 10px; opacity: .5; color: inherit; }
.w3-breadcrumb li:last-of-type{ pointer-events: none; font-weight: 600; }
.w3-breadcrumb li a{ transition: var(--smooth); }
.w3-breadcrumb li a:hover{ color: var(--base); }

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

/* Formulários */
fieldset.w3-box-form{ border: 1px solid var(--color-200); border-radius: 12px; padding: 22px 0 12px; transition: opacity 300ms ease-in-out; }
fieldset.w3-box-form legend{ font-size: 14px; font-weight: 600; color: var(--base); margin-left: 16px; padding: 0 8px; }
.w3-box-form{ display: flex; flex-wrap: wrap; margin-bottom: 24px; }
.w3-box-form-group:not(:last-of-type){ margin-bottom: 24px; }
.w3-box-form-group p{ font-size: 12px; }
.w3-box-form-group label{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--nox-900); }
.w3-box-form-group label span,
.w3-box-form-group h4 span{ color: var(--nox-900); }
.w3-box-form-group input,
.w3-box-form-group select{ height: 40px; }
.w3-box-form-group input,
.w3-box-form-group select,
.w3-box-form-group textarea{ font-size: 14px; color: var(--base); background-color: var(--nox-50); border-radius: 8px; border: 0; width: 100%; max-width: 100%; padding: 8px 12px; line-height: 1.4; -webkit-appearance: none; }
.w3-box-form-group input:focus,
.w3-box-form-group select:focus,
.w3-box-form-group textarea:focus{ outline: 2px solid; outline-color: var(--color-300); }
.w3-box-form-group textarea{ height: 90px; }
.w3-box-form-group input[type="date"]::-webkit-inner-spin-button,
.w3-box-form-group input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; -webkit-appearance: none; }

.w3-box-form-group .mask{ position: relative; height: 40px; width: 100%; }
.w3-box-form-group .mask::before{ content: ''; position: absolute; right: 0; top: 0; height: 40px; width: 40px; background-color: var(--nox-900); pointer-events: none; transition: var(--smooth); }
.w3-box-form-group:has(.mask):hover .mask::before{ background-color: var(--primaria); }
.w3-box-form-group .select::before{ -webkit-mask: url('../img/icons/chevron-down.svg') no-repeat center; mask: url('../img/icons/chevron-down.svg') no-repeat center; -webkit-mask-size: 20px; }
.w3-box-form-group .input-date::before{ -webkit-mask: url('../img/icons/calendar-month.svg') no-repeat center; mask: url('../img/icons/calendar-month.svg') no-repeat center; -webkit-mask-size: 16px; }

.w3-box-form-group .form-btn-unico{ margin-top: 22px; }
.w3-form-info{ padding: 4px 8px; border-radius: 4px; font-size: 11px; display: block; margin-top: 4px; }
.w3-form-info.erro{ background-color: var(--color-user10); color: var(--color-user9); }
.w3-form-info.warning{ background-color: var(--color-user12); color: var(--color-user11); }
.w3-form-info.success{ background-color: var(--color-user8); color: var(--color-user7); }
.w3-form-info.info{ background-color: var(--color-user6); color: var(--color-user5); }
.w3-box-form-group input[data-info="erro"],
.w3-box-form-group select[data-info="erro"],
.w3-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; }
.w3-box-form-group input[data-info="warning"],
.w3-box-form-group select[data-info="warning"],
.w3-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; }
.w3-box-form-group input[data-info="success"],
.w3-box-form-group select[data-info="success"],
.w3-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; }
.w3-box-form-group input[data-info="info"],
.w3-box-form-group select[data-info="info"],
.w3-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; }
.w3-box-form-group select[data-info="erro"],
.w3-box-form-group select[data-info="warning"],
.w3-box-form-group select[data-info="success"],
.w3-box-form-group select[data-info="info"]{ background-position: right 24px top 12px; }
/* Checkbox Switch */
.w3-form-checkbox-switch.horizontal{ display: flex; align-items: center; }
.w3-form-checkbox-switch.horizontal h4{ margin-left: 8px; order: 1; }
.w3-form-checkbox-switch h4{ font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--base); }
.w3-switch{ position: relative; display: inline-block; width: 40px; min-width: 40px; height: 20px; }
.w3-switch input{ opacity: 0; width: 0; height: 0; }
.w3-slider{ position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--nox-300); -webkit-transition: var(--animation); transition: var(--animation); }
.w3-slider:before{ position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: var(--nox-50); -webkit-transition: var(--animation); transition: var(--animation); }
input:checked + .w3-slider{ background-color: var(--primaria); }
input:checked + .w3-slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
.w3-slider.w3-round{ border-radius: 12px; }
.w3-slider.w3-round:before{ border-radius: 50%; }
/* Checkbox */
.w3-form-options h4{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.w3-form-options .w3-checkbox{ display: flex; align-items: center; margin-bottom: 12px; }
.w3-form-options .w3-checkbox input[type='checkbox'],
.w3-form-options .w3-checkbox label{ cursor: pointer; margin: 0; color: var(--color1); }
.w3-form-options .w3-checkbox input[type='checkbox']{ -webkit-appearance: none; height: 16px; width: 16px; border: .15rem solid var(--color2); padding: 0; font-size: 0; border-radius: 50%; position: relative; display: inline-block; }
.w3-form-options .w3-checkbox input[type='checkbox']:checked:active{ background-color: var(--color-user1); }
.w3-form-options .w3-checkbox input[type='checkbox']:checked{ border-color: var(--color-user1); background-color: var(--color-user1); }
.w3-form-options .w3-checkbox input[type='checkbox']:disabled{ background-color: var(--color3); border-color: var(--color4); }
.w3-form-options .w3-checkbox input[type='checkbox']:before{ opacity: 0.14; content: '\f00c'; font-family: 'Font Awesome 5 Pro'; font-size: 8px; font-weight: bold; width: 100%; height: 100%; background: transparent; display: flex; align-items: center; justify-content: center; }
.w3-form-options .w3-checkbox input[type='checkbox']:checked:before{ opacity: 1; color: var(--color5); }
/* Radio */
.w3-form-options h4{ display: block; font-size: 12px; font-weight: 600; line-height: 1.2; margin: 0 0 8px 4px; color: var(--color2); }
.w3-form-options .w3-radio{ display: flex; align-items: center; margin-bottom: 12px; }
.w3-form-options .w3-radio input[type='radio'],
.w3-form-options .w3-radio label{ cursor: pointer; margin: 0; color: var(--color1); }
.w3-form-options .w3-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; }
.w3-form-options .w3-radio input[type='radio']:checked:active{ background-color: var(--color-user1); }
.w3-form-options .w3-radio input[type='radio']:checked{ border-color: var(--color-user1); background-color: var(--color-user1); }
.w3-form-options .w3-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; }
.w3-form-options .w3-radio input[type='radio']:checked:before{ opacity: 1; color: var(--color5); }

/**************** 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 ****************/

.w3-social{ display: flex; align-items: center; }
.w3-social li a{ display: flex; align-items: center; justify-content: center; }

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

.w3-margin-top{ margin-top: 10px; }
.w3-margin-bottom{ margin-bottom: 10px; }
.w3-margin-left{ margin-left: 10px; }
.w3-margin-right{ margin-right: 10px; }

.w3-padding{ padding: 10px; }
.w3-padding-top{ padding-top: 10px; }
.w3-padding-bottom{ padding-bottom: 10px; }
.w3-padding-left{ padding-left: 10px; }
.w3-padding-right{ padding-right: 10px; }

.w3-padding-0{ padding: 0 !important; }
.w3-padding-top-0{ padding-top: 0 !important; }
.w3-padding-bottom-0{ padding-bottom: 0 !important; }
.w3-padding-left-0{ padding-left: 0 !important; }
.w3-padding-right-0{ padding-right: 0 !important; }

.w3-shadow-none{ box-shadow: none; }

.w3-space-25{ width: 100%; height: 25px; pointer-events: none; }

.tooltipster-content{ text-align: center; font-family: var(--font) !important; font-weight: 500; }

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

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

}
/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    .w3-box-table::-webkit-scrollbar{ width: 4px; height: 4px; }
    .w3-box-table::-webkit-scrollbar-thumb, .w3-box-table::-webkit-scrollbar-track{ border-radius: 2px; }
    .w3-box-table table tr th, .w3-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; }

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

/* ************************************* CSS GERAL ****************************************** */
body{ margin-top: var(--tamanho-topo); }
.main{ min-height: calc(100vh - var(--tamanho-topo)); }

.w3-backdrop-overlay{ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background: rgba( 255, 255, 255, 0.25 ); backdrop-filter: blur( 4px ); -webkit-backdrop-filter: blur( 4px ); z-index: 20; display: none; }

.w3-popup{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 21; width: 640px; max-width: 87%; max-height: 90%; }
.w3-popup .w3-box{ padding: 25px; border-radius: 20px; box-shadow: var(--shadow-xl); }
.w3-popup .w3-box .w3-box-header{ margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
.w3-popup .w3-box .w3-box-header h2{ margin-bottom: 0; }
.w3-popup .w3-box .w3-box-header .w3-popup-close{ position: absolute; right: 0; top: 0; margin-right: -48px; margin-top: -48px; display: flex; align-items: center; justify-content: center; height: 30px; width: 30px; border-radius: 50%; background-color: var(--error); cursor: pointer; }
.w3-popup .w3-box .w3-box-header .w3-popup-close i{ background-color: var(--color-white); }
.w3-popup .w3-box .w3-box-form{ margin-bottom: 0; column-gap: 24px; }
@media only screen and (min-width: 640px) {
    .w3-popup .w3-box .w3-box-form .cl_50{ width: calc(50% - 12px); }
}

/* bright */
.w3-bright{ position: relative; padding: 25px; min-height: calc(100vh - var(--tamanho-topo)); }
.w3-bright-blur{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, 0.25 ); backdrop-filter: blur( 40px ); -webkit-backdrop-filter: blur( 4px ); z-index: -1; }
.w3-bright-box:first-of-type{ position: absolute; z-index: -1; width: calc(100% - 50px); left: 25px; top: 55px; }
.w3-bright-box{ border-radius: 12px; overflow: hidden; font-size: 0; max-height: 300px; margin-bottom: 25px; position: relative; }
.w3-bright-box-content{ aspect-ratio: 16/9 auto; height: 100%; width: 100%; object-fit: cover; }
.w3-bright-box-content video{ display: none; width: 100%; }
.w3-bright-box > img{ position: absolute; top: 50%; left: 50%; height: 100px; transform: translate(-50%, -50%); }
@media only screen and (max-width: 640px) {
    .w3-bright-box > img{ height: 50px; }
}
/* bright */

/* ************************************* CSS GERAL ****************************************** */

/*************************************** COMEÇO DO TOPO ***************************************/
header.w3-topo{ position: fixed; top: 0; right: 0; height: 90px; width: calc(100% - 240px); padding: 0 30px; background: var(--color-white); z-index: 10; transition: var(--animation); }
header.w3-topo > div{ height: inherit; }

form:has( > .w3-pesquisa){ width: 100%; margin-right: 15px; }
.w3-pesquisa{ background-color: var(--nox-50); border-radius: 10px; width: 100%; }
.w3-pesquisa .w3-box-form-group{ width: 100%; }
.w3-pesquisa .w3-box-form-group input{ border-top-right-radius: 0; border-bottom-right-radius: 0; }

ul.w3-topo-nav-links{ gap: 15px; }
.w3-topo-nav-mobile{ display: none; }
ul.w3-topo-nav-links li.w3-topo-nav-mobile-title{ display: none; }

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

}

/* ******************* */
/*        DESKTOP      */
/* ******************* */
@media screen and (min-width: 1024px) and (max-width: 1319px) {
    ul.w3-topo-nav-links .w3-btn p em{ display: none; }
}

/* ******************* */
/*       TABLET        */
/* ******************* */
@media only screen and (min-width: 641px) and (max-width: 1023px) {
    header.w3-topo{ width: calc(100% - 60px); }

    ul.w3-topo-nav-links .w3-btn p em{ display: none; }
}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    header.w3-topo{ z-index: 11; }

    nav.w3-topo-nav{ position: relative; }
    .w3-topo-nav-mobile{ display: block; }
    ul.w3-topo-nav-links{ gap: 0; position: absolute; right: 0; margin-top: 10px; padding: 15px; border-radius: 10px; background-color: var(--color-100); flex-direction: column; align-items: flex-end; box-shadow: var(--shadow-xl); display: none; }
    ul.w3-topo-nav-links li:not(:last-of-type){ margin-bottom: 15px; }
    ul.w3-topo-nav-links li{ width: 100%; }
    ul.w3-topo-nav-links li .w3-btn{ width: 100%; }
    ul.w3-topo-nav-links li.w3-topo-nav-mobile-title{ display: block; }
    ul.w3-topo-nav-links li.w3-topo-nav-mobile-title h1{ font-size: 10px; text-transform: uppercase; color: var(--nox-300); font-weight: 600; letter-spacing: 1px; text-wrap: nowrap; }
}
/*************************************** FIM DO TOPO ***************************************/


/*************************************** COMEÇO DA HOME ***************************************/
aside.w3-nav{ height: 100vh; width: 240px; position: fixed; top: 0; left: 0; background-color: var(--color-white); transition: var(--animation); z-index: 11; }
.w3-nav-content{ height: inherit; }
.w3-nav-content-logo{ padding: 30px 30px 60px; }
.w3-nav-content-logo .w3-logo{ position: relative; transition: var(--smooth); }
.w3-nav-content-logo .w3-logo img{ position: absolute; left: 0; height: 30px; transition: var(--smooth); }
.w3-nav-content-logo .w3-logo img.logo{ opacity: 1; min-width: 110px; }
.w3-nav-content-logo .w3-logo img.symbol{ opacity: 0; height: 30px; width: 44px; min-width: 44px; }
.w3-nav-menu-header{ display: flex; justify-content: flex-end; align-items: center; padding: 0 15px 10px 30px; }
.w3-nav-menu-header h2{ flex-grow: 1; font-size: 10px; text-transform: uppercase; color: var(--nox-300); font-weight: 600; letter-spacing: 1px; text-wrap: nowrap; transition: var(--smooth); }
ul.w3-menu{ height: calc(100% - 190px); overflow-y: auto; overflow-x: clip; }
ul.w3-menu::-webkit-scrollbar{ width: 8px; }
ul.w3-menu::-webkit-scrollbar-track{ border-radius: 4px; background-color: rgba(0, 0, 0, 0.1); }
ul.w3-menu::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; }
li.w3-menu-item{ margin-bottom: 1px; }
li.w3-menu-item:has(.divider){ display: flex; justify-content: center; }
li.w3-menu-item .divider{ background-color: rgba(0, 0, 0, 0.1); height: 1px; width: 70%; margin: 4px 0; }
a.w3-menu-link{ height: 50px; width: 100%; display: flex; align-items: center; padding: 0 15px 0 30px; transition: var(--smooth); }
a.w3-menu-link:hover .w3-menu-icon{ background-color: var(--primaria); }
a.w3-menu-link:hover .w3-menu-icon i{ background-color: var(--color-white); }
a.w3-menu-link:hover p{ color: var(--base); }
a.w3-menu-link p{ flex-grow: 1; font-weight: 500; color: var(--nox-400); transition: var(--animation); text-wrap: nowrap; line-height: 1.2; }
a.w3-menu-link > i.chevron-down{ height: 20px; background-color: var(--nox-400); transition: var(--animation); }
ul.w3-menu-lv2{ display: none; }
ul.w3-menu-lv2 a.w3-menu-link{ height: 40px; }
ul.w3-menu-lv2 a.w3-menu-link p{ font-weight: 400; }
ul.w3-menu-lv2 a.w3-menu-link p i{ position: relative; top: 2px; background-color: var(--nox-400); transition: var(--smooth); }
ul.w3-menu-lv2 a.w3-menu-link:hover p{ transform: translateX(4px); }
.w3-menu-icon{ height: 30px; width: 30px; min-width: 30px; position: relative; border-radius: 10px; display: flex; align-items: center; justify-content: center; background-color: var(--color-400); transition: var(--smooth); }
.w3-menu-icon i{ height: 14px; background-color: var(--color-200); transition: var(--smooth); }
.w3-menu-icon .w3-menu-icon-dropdown{ height: 14px; width: 14px; border-radius: 50%; background-color: var(--color-400); outline: 2px solid var(--color-white); position: absolute; bottom: -4px; right: -4px; }
.w3-menu-icon .w3-menu-icon-dropdown i{ height: 14px; background-color: var(--color-200) !important; position: relative; top: -1px; }

/* Controle menu ativo */
a.w3-menu-link.menu-active .w3-menu-icon{ background-color: var(--primaria); }
a.w3-menu-link.menu-active .w3-menu-icon i{ background-color: var(--color-white); }
a.w3-menu-link.menu-active p{ color: var(--base); }

.w3-nav-assinatura{ height: 50px; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; background-color: inherit; }
.w3-nav-assinatura p{ font-size: 13px; color: var(--nox-400); font-weight: 500; opacity: .5; transition: var(--smooth); }
.w3-nav-assinatura svg{ height: 8px; position: relative; top: -1px; opacity: .5; transition: var(--smooth); }
.w3-nav-assinatura a:hover svg{ opacity: 1; }
.w3-nav-assinatura svg .w3-primaria,
.w3-nav-assinatura svg .w3-secundaria{ fill: var(--nox-400); }

.w3-main-content{ padding-left: 240px; width: 100%; min-height: inherit; transition: var(--animation); }
.w3-main-content .w3-box{ background-color: var(--color-white); }
/* section.w3-content{ width: calc(100% - 330px); } */
section.w3-content{ width: 100%; }
li.w3-content-list-divisoria{ padding-top: 30px; padding-left: 20px; }
li.w3-content-list-divisoria h2{ font-size: 32px; font-weight: 800; color: var(--nox-600); }
li.w3-content-list-item .w3-box{ background-color: var(--color-50); padding: 25px; border-radius: 20px; border: 1px solid rgba(0, 0, 0, 0.03); }
li.w3-content-list-item .w3-box-header{ padding: 0 0 15px; border-bottom: 1px solid var(--color-200); }
.w3-data p{ gap: 4px; flex-wrap: wrap; }
.w3-data-num{ height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: var(--primaria); color: var(--color-white); font-weight: 600; font-size: 16px; line-height: 1; padding-top: 2px; }
.w3-data-mes,
.w3-data-ano{ color: var(--nox-600); font-weight: 500; font-size: 16px; line-height: 1; }
.w3-data-dia{ color: var(--nox-300); font-weight: 500; font-size: 14px; line-height: 1; text-transform: lowercase; }
.w3-temp{ gap: 5px; }
.w3-temp li{ display: flex; align-items: center; justify-content: center; border-radius: 10px; height: 30px; width: 30px; background-color: var(--nox-300); }
.w3-temp li i{ height: 14px; background-color: var(--color-50); }
.w3-temp li p{ display: none; }
ul.w3-comemoracoes-list{ padding-top: 15px; }
ul.w3-comemoracoes-list li{ list-style-type: none; display: flex; flex-direction: column; align-items: baseline; }
ul.w3-comemoracoes-list li:not(:last-of-type){ margin-bottom: 10px; }
ul.w3-comemoracoes-list li h2{ color: var(--nox-500); margin-bottom: 4px; display: flex; line-height: 1.3; }
ul.w3-comemoracoes-list li.hasInfo h2{ cursor: pointer; transition: var(--smooth); }
ul.w3-comemoracoes-list li h2::before{ content: '•'; font-size: 10px; position: relative; top: 2px; padding-bottom: 1px; margin-right: 8px; color: var(--nox-300); }
ul.w3-comemoracoes-list li.hasInfo h2:hover{ color: var(--primaria); }
ul.w3-comemoracoes-list li h2 span{ display: none; }
ul.w3-comemoracoes-list li.hasInfo h2 span{ display: inline-block; color: var(--nox-600); font-size: 10px; font-style: italic; font-weight: 500; height: 20px; border-radius: 10px; padding: 0 10px; transition: var(--smooth); border: 1px solid var(--nox-600); position: relative; top: -1px; line-height: 20px; margin-left: 6px; }
ul.w3-comemoracoes-list li.hasInfo h2:hover span{ background-color: var(--color-white); }
ul.w3-comemoracoes-list li .w3-label{ color: var(--color-white); background-color: var(--nox-300); border-radius: 4px; padding: 1px 6px; display: inline-flex; margin: 0 2px 4px 0; border: thin solid var(--color-user4); font-size: 11px; font-weight: 500; cursor: default; }
.w3-comemoracoes-list-info{ padding: 8px; border-radius: 8px; background-color: rgba( 255, 255, 255, 0.75 ); color: var(--color2); font-style: italic; display: none; }
.w3-comemoracoes-list-info i{ background-color: var(--nox-400); }

/* Controle dia atual */
.w3-box-dia-atual{ display: none; }
li.w3-content-list-item.w3-dia-atual .w3-box{ background-color: var(--color-200); }
li.w3-content-list-item.w3-dia-atual .w3-box-header{ border-bottom: 1px solid var(--color-300); }
li.w3-content-list-item.w3-dia-atual .w3-box-dia-atual{ display: block; padding-bottom: 10px; }
li.w3-content-list-item.w3-dia-atual .w3-box-dia-atual h2{ font-size: 32px; font-weight: 800; }
.w3-box-body-da{ padding: 15px 0; border-bottom: 1px solid var(--color-300); }
.w3-box-body-da ul{ font-size: 15px; color: var(--base); font-weight: 500; }
.w3-box-body-da ul li{ display: flex; align-items: flex-start; line-height: 1.2; }
.w3-box-body-da ul li:not(:last-of-type){ margin-bottom: 6px; }
.w3-box-body-da ul li i{ position: relative; top: 2px; }

/* Share */
.w3-box-body-share{ padding-top: 15px; }
.w3-box-body-share ul{ gap: 6px; }
.w3-box-body-share ul li a{ height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: var(--color-400); transition: var(--smooth); }
.w3-box-body-share ul li a i{ background-color: var(--color-white); }
/* .w3-box-body-share ul li a:hover{ opacity: .5; } */
.w3-box-body-share ul li a:has(i.facebook){ background-color: var(--color-facebook); }
.w3-box-body-share ul li a:has(i.twitter){ background-color: var(--color-twitter); }
.w3-box-body-share ul li a:has(i.x){ background-color: var(--color-x); }
.w3-box-body-share ul li a:has(i.linkedin){ background-color: var(--color-linkedin); }
.w3-box-body-share ul li a:has(i.threads){ background-color: var(--color-threads); }
.w3-box-body-share ul li a:has(i.whatsapp){ background-color: var(--color-whatsapp); }
.w3-box-body-share ul li a:has(i.content-copy){ position: relative; }
.w3-box-body-share ul li a:has(i.content-copy) span{ font-size: 13px; position: absolute; left: 0; margin-left: calc(100% + 6px); padding: 3px 4px; border-radius: 6px; background-color: var(--color-white); }
.w3-box-body-share ul li a:hover{ background-color: var(--primaria) !important; }

aside.w3-widgets{ width: 330px; display: none; }
.w3-widgets-box{ font-size: 0; }
.w3-widgets-box:not(:last-of-type){ margin-bottom: 10px; }

/* menu hide */
.w3-menu-hide aside.w3-nav{ width: 60px; }
.w3-menu-hide .w3-nav-content-logo{ padding: 30px 30px 60px 10px; }
.w3-menu-hide .w3-nav-content-logo .w3-logo img.logo{ opacity: 0; }
.w3-menu-hide .w3-nav-content-logo .w3-logo img.symbol{ opacity: 1; }
.w3-menu-hide a.w3-menu-link p{ opacity: 0; margin: 0; width: 0; pointer-events: none; }
.w3-menu-hide .w3-nav-menu-header{ padding-right: 10px; }
.w3-menu-hide .w3-nav-menu-header h2{ opacity: 0; }
.w3-menu-hide .w3-nav-menu-header button i{ transform: rotate(180deg); }
.w3-menu-hide a.w3-menu-link{ padding: 0 15px 0 15px; }
.w3-menu-hide a.w3-menu-link > i.chevron-down{ display: none; }
.w3-menu-hide header.w3-topo{ width: calc(100% - 60px); }
.w3-menu-hide .w3-main-content{ padding-left: 60px; }
.w3-menu-hide .w3-nav-assinatura p{ width: 0; opacity: 0; }
.w3-menu-hide .w3-nav-assinatura svg{ height: 6px; }
@media screen and (min-width: 1024px) {
    .w3-menu-hide ul.w3-menu{ overflow-y: visible; overflow-x: visible; }
    .w3-menu-hide .w3-menu-item{ position: relative; }
    .w3-menu-hide .w3-menu-item-tooltip{ position: absolute; top: 3px; left: 60px; background-color: var(--primaria); color: var(--color-100); padding: 10px; text-wrap: nowrap; border-radius: 10px; z-index: 1; box-shadow: var(--shadow-sm); transition: var(--animation); pointer-events: none; opacity: 0; transform: translateX(-10px); }
    .w3-menu-hide .w3-menu-item:hover .w3-menu-item-tooltip{ opacity: 1; transform: translateX(0px); }
    .w3-menu-hide .w3-menu-item:has(.divider) .w3-menu-item-tooltip{ 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) {
    aside.w3-nav{ box-shadow: 20px 0px 50px 0px rgba(79, 32, 131, .35); opacity: 0; }
    .w3-nav-menu-header{ padding: 0 10px 10px 30px; }

    section.w3-content{ width: 100%; }
    aside.w3-widgets{ display: none; }

    /* menu hide */
    .w3-menu-hide aside.w3-nav{ width: 60px; overflow: hidden; box-shadow: 20px 0px 50px 0px rgba(79, 32, 131, 0); }
    .w3-menu-hide .w3-nav-menu-header button{ margin-right: 0px; }
    .w3-menu-hide header.w3-topo,
    header.w3-topo{ width: calc(100% - 60px); }
    .w3-menu-hide .w3-main-content,
    .w3-main-content{ padding-left: 60px; }

}

/* ******************* */
/*       CELULAR       */
/* ******************* */
@media only screen and (max-width: 640px) {
    aside.w3-nav{ box-shadow: 20px 0px 50px 0px rgba(79, 32, 131, .35); opacity: 0; }
    .w3-nav-menu-header{ padding: 0 10px 10px 30px; }

    section.w3-content{ width: 100%; }
    aside.w3-widgets{ display: none; }

    /* menu hide */
    .w3-menu-hide aside.w3-nav{ width: 60px; overflow: hidden; box-shadow: 20px 0px 50px 0px rgba(79, 32, 131, 0); }
    .w3-menu-hide .w3-nav-menu-header button{ margin-right: 0px; }
    .w3-menu-hide header.w3-topo,
    header.w3-topo{ width: calc(100% - 60px); }
    .w3-menu-hide .w3-main-content,
    .w3-main-content{ padding-left: 60px; }

    li.w3-content-list-item .w3-box{ padding: 18px; }
    li.w3-content-list-item .w3-box-header{ flex-direction: column; align-items: flex-start; }
    .w3-data-mes,
    .w3-data-ano{ font-size: 13px; }
    .w3-temp{ flex-direction: column; align-items: flex-start; margin-top: 5px; }
    .w3-temp li{ width: auto; padding: 0 6px; }
    .w3-temp li i{ margin-right: 4px; }
    .w3-temp li p{ display: initial; color: var(--color-50); }
    .w3-dia-atual .w3-temp{ display: none; }
}
/*************************************** FIM DA HOME ***************************************/


/*************************************** COMEÇO DA PÁGINAS GENÉRICAS ***************************************/
section.w3-content-inner{ padding: 0 25px 25px; }
section.w3-content-inner .w3-box{ padding: 25px; }
section.w3-content-inner .w3-box-header{ padding-bottom: 25px; }

/* ******************* */
/*    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) {

}
/*************************************** FIM DA PÁGINAS GENÉRICAS ***************************************/



/* Nox */
:root{
    --nox-50:  #f6f6f9;
    --nox-100: #ecebf3;
    --nox-200: #d5d3e4;
    --nox-300: #afadcc;
    --nox-400: #8380b0;
    --nox-500: #636097;
    --nox-600: #504c7d;
    --nox-700: #423e66;
    --nox-800: #393656;
    --nox-900: #343149;
    --nox-950: #1e1c2a;
}

/* BUTTONS */

/* Default */
.nox .w3-btn-default         { background-color: var(--color-400); color: var(--color-950); }
.nox .w3-btn-default:hover   { background-color: var(--color-300); color: var(--color-950); }
.nox .w3-btn-default:active  { background-color: var(--color-500); color: var(--color-950); }
.nox .w3-btn-default:disabled,
.nox .w3-btn-default-disabled{ background-color: var(--color-800); color: var(--color-100); opacity: .5; cursor: default; pointer-events: none; }
.nox .w3-btn-default i       { background-color: var(--color-950); }

/* Light */
.nox .w3-btn-light           { background-color: var(--nox-700); color: var(--nox-400); }
.nox .w3-btn-light:hover     { background-color: var(--nox-500); color: var(--nox-400); }
.nox .w3-btn-light:active    { background-color: var(--nox-600); color: var(--nox-400); }
.nox .w3-btn-light:disabled,
.nox .w3-btn-light-disabled  { background-color: var(--nox-800); color: var(--nox-600); opacity: .5; cursor: default; pointer-events: none; }
.nox .w3-btn-light i         { background-color: var(--nox-400); transition: var(--smooth); }
.nox .w3-btn-light:hover i   { background-color: var(--nox-400); }

/* BUTTONS */

/* FORM */
.nox .w3-box-form-group label{ color: var(--nox-200); } 
.nox .w3-box-form-group input, 
.nox .w3-box-form-group select, 
.nox .w3-box-form-group textarea{ background-color: var(--nox-950); color: var(--nox-400); }
.nox .w3-box-form-group input:focus,
.nox .w3-box-form-group select:focus,
.nox .w3-box-form-group textarea:focus{ outline-color: var(--nox-400); }
.nox .w3-box-form-group .mask::before{ background-color: var(--nox-400); }
.nox .w3-form-checkbox-switch h4{ color: var(--nox-200); }
.nox .w3-slider{ background-color: var(--nox-950); }
.nox .w3-slider::before{ background-color: var(--nox-800); }
.nox input:checked + .w3-slider::before{ background-color: var(--nox-100); }
/* FORM */

.nox body{ background-color: var(--nox-900); color: var(--nox5); }
.nox header.w3-topo{ background-color: var(--nox-900); }
.nox aside.w3-nav{ background-color: var(--nox-900); }
.nox .w3-nav-menu-header h2{ color: var(--nox-500); }
.nox ul.w3-menu::-webkit-scrollbar-track{ background-color: rgba(175, 173, 204, 0.1); }
.nox ul.w3-menu::-webkit-scrollbar-thumb{ background-color: rgba(175, 173, 204, 0.2); }
.nox li.w3-menu-item .divider{ background-color: rgba( 255, 255, 255, 0.1 ); }
.nox .w3-menu-icon{ background-color: var(--nox-400); }
.nox .w3-menu-icon i{ background-color: var(--nox-100); }
.nox a.w3-menu-link:hover p{ color: var(--color-white); }
.nox a.w3-menu-link:hover p i{ background-color: var(--color-white); }
.nox a.w3-menu-link.menu-active p{ color: var(--nox-200); }
.nox .w3-menu-icon .w3-menu-icon-dropdown{ background-color: var(--nox-400); outline: 2px solid var(--nox-900); }
.nox .w3-menu-icon .w3-menu-icon-dropdown i{ background-color: var(--nox-900) !important; }

.nox .w3-pesquisa{ background-color: var(--nox-950); }
.nox .w3-pesquisa .w3-btn-icon i{ background-color: var(--nox-400); }
.nox li.w3-content-list-item .w3-box{ background-color: var(--nox-950); }
.nox .w3-data-mes, 
.nox .w3-data-ano{ color: var(--color-white); }
.nox .w3-temp li{ background-color: var(--nox-900); }
.nox .w3-temp li i{ background-color: var(--nox-400); }
.nox li.w3-content-list-item .w3-box-header{ border-bottom: 1px solid var(--nox-900); }
.nox ul.w3-comemoracoes-list li h2{ color: var(--color-white); }

.nox li.w3-content-list-item.w3-dia-atual .w3-box{ background-color: var(--nox-700); }
.nox li.w3-content-list-item.w3-dia-atual .w3-box-dia-atual h2{ color: var(--color-white); }
.nox li.w3-content-list-item.w3-dia-atual .w3-box-header{ border-bottom: 1px solid var(--nox-900); }
.nox .w3-box-body-share h2{ color: var(--nox-100); }
.nox .w3-box-body-da{ border-bottom: 1px solid var(--nox-900); }
.nox .w3-box-body-da ul{ color: var(--nox-300); }
.nox .w3-box-body-da ul li i{ background-color: var(--color-white); }
.nox ul.w3-comemoracoes-list li.hasInfo h2 span{ color: var(--nox-200); border: 1px solid var(--nox-400); }
.nox ul.w3-comemoracoes-list li.hasInfo:hover h2 span{ background-color: var(--nox-500); }
.nox ul.w3-comemoracoes-list li .w3-label{ color: var(--nox-400); background-color: var(--nox-700); }

.nox li.w3-content-list-divisoria h2{ color: var(--color-500); }

.nox .w3-main-content .w3-box{ background-color: var(--nox-800); }
.nox .w3-main-content .w3-box-header h1{ color: var(--color-white); }

.nox .w3-popup .w3-box{ background-color: var(--nox-800); }
.nox .w3-popup .w3-box .w3-box-header{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.nox .w3-popup .w3-box .w3-box-header h2{ color: var(--color-white); }
.nox .w3-backdrop-overlay{ background-color: rgba(0, 0, 0, .65); }

section.w3-contato .w3-box{ background-color: var(--nox-800); }
section.w3-contato .w3-box-header h1{ color: var(--color-white); }

.nox .w3-bright-blur{ background-color: rgba( 52, 49, 73, 0.25 ); }
.nox .w3-bright-box:first-of-type{ top: 25px; }

.nox .w3-box-txt h3{ color: var(--color-400); }
.nox .w3-box-txt p{ color: var(--color-white); }

@media only screen and (max-width: 1023px) {
    .nox aside.w3-nav{ box-shadow: 20px 0px 50px 0px rgba(0, 0, 0, .5); }
    .nox .w3-menu-hide aside.w3-nav{ box-shadow: 20px 0px 50px 0px rgba(0, 0, 0, 0); }
}
@media only screen and (max-width: 640px) {
    .nox ul.w3-topo-nav-links{ background-color: var(--nox-950); }
    .nox ul.w3-topo-nav-links li.w3-topo-nav-mobile-title h1{ color: var(--nox-500); }
}

/* Nox */