@font-face {
    font-family: "Mont";
    src: url("../css/fonts/Mont/Mont-Heavy.woff2") format("woff2"),
        url("../css/fonts/Mont/Mont-Heavy.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Mont";
    src: url("../css/fonts/Mont/Mont-Black.woff2") format("woff2"),
        url("../css/fonts/Mont/Mont-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Mont";
    src: url("../css/fonts/Mont/Mont-BlackItalic.woff2") format("woff2"),
        url("../css/fonts/Mont/Mont-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: "Mont";
    src: url("../css/fonts/Mont/Mont-Bold.woff2") format("woff2"),
        url("../css/fonts/Mont/Mont-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Mont";
    src: url("../css/fonts/Mont/Mont-SemiBold.woff2") format("woff2"),
        url("../css/fonts/Mont/Mont-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Mont";
    src: url("../css/fonts/Mont/Mont-Regular.woff2") format("woff2"),
        url("../css/fonts/Mont/Mont-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Mont";
    src: url("../css/fonts/Mont/Mont-Light.woff2") format("woff2"),
        url("../css/fonts/Mont/Mont-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Mont";
    src: url("../css/fonts/Mont/Mont-Thin.woff2") format("woff2"),
        url("../css/fonts/Mont/Mont-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: block;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0;
    font-family: "Mont", sans-serif;
}

html {
    height: 100%;
}

html.semScroll {
    /*  overflow: hidden;*/

}

body {
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    /* Evita scroll horizontal na página */

    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
}

html.semScroll body {
    /*  overflow: hidden; */
}

.no-scroll {
    overflow: hidden;
}

body {
    font-family: "Mont", sans-serif;
    font-size: 1rem;
    line-height: 150%;
}

h1,
h2,
h3,
h4 {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
}

p {
    line-height: 1.6;
    margin-bottom: 0;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.container {
    width: 100%;
    max-width: 108.125rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

@media screen and (max-width: 993px) {
    .container {
        padding-inline: 20px;
    }
}

.main-header-site {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 4.25rem;
    transition: 200ms;
    z-index: 10;
}

.main-header-site .container {
    display: flex;
    align-items: center;
}

.main-header-site .container nav {
    margin-left: 5rem;
    margin-right: auto;
    gap: 3rem;
    display: flex;
    align-items: center;
}

.main-header-site .container nav a {
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 0;
    text-decoration: none;
    transition: 200ms;
}

.main-header-site .container nav a:hover {
    color: #82F091;
}

.main-header-site .container .buttons {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.main-header-site .container .buttons a:not(.btn-ghost, .btn) {
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 0;
    text-decoration: none;
    transition: 200ms;
}

.main-header-site .container .buttons a:not(.btn-ghost, .btn):hover {
    color: #82F091;
}

.main-header-site .container .buttons .btn-ghost {
    height: 3.25rem;
    border-radius: 48px;
    padding-inline: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    border-radius: 48px;
    transition: 200ms;
}

.main-header-site .container .buttons .btn-ghost svg.active {
    display: none;
}

.main-header-site .container .buttons .btn-ghost:hover {
    background-color: #82F091;
    border-color: #82F091;
    color: #6918A1;
}

.main-header-site .container .buttons .btn-ghost:hover svg {
    display: none;
}

.main-header-site .container .buttons .btn-ghost:hover svg.active {
    display: block;
    filter: brightness(0) saturate(100%) invert(6%) sepia(97%) saturate(6300%) hue-rotate(280deg) brightness(111%) contrast(88%);

}

.main-header-site .container .buttons .box-profile-site {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.main-header-site .container .buttons .box-profile-site .name {
    display: block;
    margin-bottom: 0.125rem;
    line-height: 1;
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
}

.main-header-site .container .buttons .box-profile-site .btn {
    font-size: 0.75rem;
    font-weight: 700;
    color: #82F091;
    letter-spacing: 0;
    text-decoration: underline;
    line-height: 1;
}

.main-header-site .container .btn-mobile {
    display: none;
}

.main-header-site.active {
    background-color: #6918A1;
    padding-block: 1.25rem;
}

@media screen and (max-width: 1360px) {
    .main-header-site {
        padding-top: 40px;
    }

    .main-header-site .container>img {
        width: 100px;
    }

    .main-header-site .container nav {
        gap: 1.875rem;
    }

    .main-header-site .container nav a {
        font-size: 0.875rem;
    }

    .main-header-site .container .buttons a:not(.btn-ghost, .btn) {
        font-size: 0.875rem;
    }

    .main-header-site .container .buttons .btn-ghost {
        padding-inline: 1.5625rem;
        gap: 0.75rem;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1100px) {
    .main-header-site .container {
        justify-content: space-between;
    }

    .main-header-site .container>img {
        width: 10rem;
    }

    .main-header-site .container nav {
        display: none;
    }

    .main-header-site .container .buttons {
        display: none;
    }

    .main-header-site .container .btn-mobile {
        width: 18px;
        display: block;
        height: 18px;
        position: relative;
    }

    .main-header-site .container .btn-mobile span {
        width: 100%;
        height: 0.125rem;
        display: block;
        background-color: #FFFFFF;
        position: absolute;
        transition: 200ms;
        border-radius: 99px;
    }

    .main-header-site .container .btn-mobile span:nth-child(1) {
        top: 0;
    }

    .main-header-site .container .btn-mobile span:nth-child(2) {
        top: 9px;
    }

    .main-header-site .container .btn-mobile span:nth-child(3) {
        top: 100%;
    }

    .main-header-site .container .btn-mobile.active span:nth-child(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .main-header-site .container .btn-mobile.active span:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
        width: 0;
    }

    .main-header-site .container .btn-mobile.active span:nth-child(3) {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
    }
}

@media screen and (max-width: 993px) {
    .main-header-site {
        padding-top: 1.25rem;
    }
}

.main-footer {
    background-color: #6918A1;
}

.main-footer .top {
    padding-block: 4rem;
}

.main-footer .top .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-footer .top .container nav {
    display: flex;
    align-content: center;
    gap: 2rem;
}

.main-footer .top .container nav a {
    text-decoration: none;
    transition: 200ms;
}

.main-footer .top .container nav a:hover {
    transform: scale(1.05);
}

.main-footer .bottom {
    background-color: #570E8A;
    padding-block: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-footer.hide {
    display: none;
}

@media screen and (max-width: 993px) {
    .main-footer .top {
        padding-block: 2.5rem;
    }

    .main-footer .top .container {
        flex-direction: column;
        gap: 1rem;
    }

    .main-footer .top .container .logo {
        width: 8rem;
    }
}

.input-group label {
    display: block;
    font-family: "Mont", sans-serif;
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #3F3F3F;
    margin-bottom: 0.3125rem;
}

.input-group input,
.input-group select {
    display: block;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #C0C6CF;
    height: 60px;
    border-radius: 8px;
    padding-inline: 25px;
    font-family: "Mont", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #3F3F3F;
}

.input-group select {
    background: transparent;
}

.input-group input::-moz-placeholder {
    color: #9AADB5;
}

.input-group input::placeholder {
    color: #9AADB5;
}

@media screen and (max-width: 993px) {
    .input-group label {
        font-size: 0.875rem;
        line-height: 30px;
        margin-bottom: 0.3125rem;
    }

    .input-group input {
        height: 3.5rem;
        font-size: 0.875rem;
    }
}

.input-group-textarea label {
    display: block;
    font-family: "Mont", sans-serif;
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #3F3F3F;
    margin-bottom: 0.3125rem;
}

.input-group-textarea textarea {
    display: block;
    width: 100%;
    resize: none;
    background-color: #FFFFFF;
    border: 1px solid #C0C6CF;
    height: 160px;
    border-radius: 8px;
    padding-inline: 25px;
    padding-block: 1rem;
    font-family: "Mont", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #3F3F3F;
}

.input-group-textarea textarea::-moz-placeholder {
    color: #9AADB5;
}

.input-group-textarea textarea::placeholder {
    color: #9AADB5;
}

.input-group-prefer label {
    display: block;
    font-family: "Mont", sans-serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #7A8095;
    margin-bottom: 0.875rem;
}

.input-group-prefer .wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

.input-group-prefer .wrapper input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 25px;
    height: 25px;
    border-radius: 999px;
    border: 1px solid #6F7482;
    cursor: pointer;
    transition: border 200ms ease, outline 200ms ease, background-color 200ms ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 200ms;
}

.input-group-prefer .wrapper input[type=radio]:checked {
    background-color: #6F7482;
    border: 3px solid #F8FAFC;
    outline: 1px solid #6F7482;
}

.input-group-prefer .wrapper label {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-family: "Mont", sans-serif;
    font-style: normal;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0rem;
    color: #7A8095;
}

.box-select-element {
    position: relative;
}



.box-select-element .title {
    font-size: 0.875rem;
    line-height: 1.875rem;
    margin-bottom: 0.125rem;
    font-weight: 600;
    display: block;
    color: #3F3F3F;
}

.box-select-element label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #D2D5DF;
    border-radius: 8px;
    padding-inline: 1.875rem;
    height: 3.4rem;
    cursor: pointer;
}

.box-select-element label span {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    letter-spacing: 0;
}

.box-select-element label svg {
    transition: 200ms;
}

.box-select-element .modal-box-select {
    max-height: 0px;
    visibility: hidden;
    opacity: 0;
    border: 1px solid #3F3F3F;
    border-radius: 8px;
    background-color: #F7F8FB;
    display: block;
    width: 100%;
    list-style: none;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 8px);
    z-index: 5;
}

.box-select-element .modal-box-select::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
}

.box-select-element .modal-box-select::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 8px;
}

.box-select-element .modal-box-select li {
    padding-inline: 30px;
    padding-block: 10px;
    transition: 200ms;
    cursor: pointer;
}

.box-select-element .modal-box-select li:hover {
    background-color: #FFFFFF;
}

.box-select-element.active label svg {
    transform: scale(-1);
}

.box-select-element.active .modal-box-select {
    visibility: visible;
    opacity: 1;
    max-height: 265px;
}

/* Estilos para os selects customizados no cadastro */
.input-group-select-custom .selected-items {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.input-group-select-custom .selected-tag {
    background-color: #6918A1;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.input-group-select-custom .selected-tag button {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 16px;
    padding: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.input-group-select-custom .selected-tag button:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.box-select-element .modal-box-select li.selected {
    background-color: #6918A1;
    color: white;
}

.box-select-element .modal-box-select li.selected:hover {
    background-color: #5a1587;
}

/* Estilos para o input de busca nos selects */
.box-select-element .search-select-input {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0 45px 0 15px;
    font-size: 16px;
    color: #282828;
    background-color: #fff;
    outline: none;
    cursor: pointer;
}

.box-select-element {
    position: relative;
}

.box-select-element svg {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: transform 200ms;
}

.box-select-element.active svg {
    transform: translateY(-50%) rotate(180deg);
}

/* Estilos para o input de filtro dentro do dropdown */
.box-select-element .modal-box-select .filter-input-segmentos,
.box-select-element .modal-box-select .filter-input-formatos {
    position: sticky;
    top: 0;
    width: calc(100% - 30px);
    margin: 15px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    background-color: white;
    z-index: 10;
}

.box-select-element .modal-box-select .filter-input-segmentos:focus,
.box-select-element .modal-box-select .filter-input-formatos:focus {
    outline: 2px solid #6918A1;
    border-color: #6918A1;
}

/* Estilos para contador de caracteres */
.char-counter {
    font-size: 12px;
    color: #666;
    text-align: right;
    margin-bottom: 5px;
    padding-right: 10px;
    display: block;
    position: relative;
    z-index: 1;
    background: transparent;
    pointer-events: none;
    right: 0;
    position: absolute;
}

.char-counter.warning {
    color: #e74c3c;
    font-weight: bold;
}

.char-counter.limit {
    color: #c0392b;
    font-weight: bold;
}

.modal {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: 200ms;
}

.modal.modal-open-company .modal-content {
    width: 100%;
    max-width:1650px;
    padding: 48px 48px 32px 48px;
    border-radius: 24px;
    background-color: #FFFFFF;
    overflow-y: auto;
    max-height: 90vh;
    position: relative;
}

.modal.modal-open-company .modal-content::-webkit-scrollbar {
    display: none;
}

.modal.modal-open-company .modal-content .btn-close {
    right: 0;
    top: 0px;
    position: sticky;
    text-align: right;
    cursor: pointer;
    background: #82F091;
    color: #6918A1;
    border-radius: 20px;
    padding: 8px 25px;
    font-weight: 700;
    float: right;
    z-index: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    outline: none;
}

.modal.modal-open-company .modal-content .btn-close:hover {
    background: #6BB978;
}

.modal.modal-open-company .modal-content .company-header {
    margin-bottom: 32px;
}

.modal.modal-open-company .modal-content .company-header .company-info {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.modal.modal-open-company .modal-content .company-header .cover {
    height: 200px;
    position: relative;
    flex-shrink: 0;
    aspect-ratio: 700 / 400;
    height: 200px;
    position: relative;
    flex-shrink: 0;
}

.modal.modal-open-company .modal-content .company-header .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
} 

.modal.modal-open-company .modal-content .company-header .cover.no-image {
    background-color: #6918A120;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.modal.modal-open-company .modal-content .company-header .cover.no-image img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    object-position: center;   
}

.modal.modal-open-company .modal-content .company-header .category {
    border: solid 1px #6918A1;
    background-color: #FFF;
    color: #6918A1;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 20px;
    text-transform: uppercase;
}

.modal.modal-open-company .modal-content .company-header .company-tag {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #6918A1;
    color: white;
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.modal.modal-open-company .modal-content .company-header .company-details {
    flex: 1;
    padding-top: 12px;
}

.modal.modal-open-company .modal-content .company-header h2 {
    font-size: 24px;
    margin-top: 1rem;
    font-weight: 700;
    color: #3F3F3F;
    margin-bottom: 8px;
    letter-spacing: 0;
    line-height: 1.4;
}

.modal.modal-open-company .modal-content .company-header .description {
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Modal Contact Info - Horizontal Cards Layout */
.modal.modal-open-company .modal-content .contact-info,
.modal.modal-open-company .modal-content .business-info {
    margin-bottom: 32px;
}

.modal.modal-open-company .modal-content .contact-info h3,
.modal.modal-open-company .modal-content .business-info h3 {
    font-size: 18px;
    font-weight: 700;
    color: #3F3F3F;
    margin-bottom: 16px;
    border-bottom: 2px solid #E5E5E5;
    padding-bottom: 8px;
}

.modal.modal-open-company .modal-content .contact-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
}

.modal.modal-open-company .modal-content .contact-item {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #e1e5e9;
    border-radius: 8px;
    padding: 10px 14px;
    min-width: 180px;
    flex: 0 1 auto;
    transition: all 0.2s ease;
}

.modal.modal-open-company .modal-content .contact-item:hover {
    border-color: #6918A1;
    background: #f7f2ff;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(105, 24, 161, 0.1);
}

.modal.modal-open-company .modal-content .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    flex-shrink: 0;
}

.modal.modal-open-company .modal-content .contact-icon svg {
    width: 18px;
    height: 18px;
}

.modal.modal-open-company .modal-content .contact-icon img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.modal.modal-open-company .modal-content .contact-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.modal.modal-open-company .modal-content .contact-label {
    font-size: 10px;
    font-weight: 700;
    color: #6B7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.modal.modal-open-company .modal-content .contact-item a,
.modal.modal-open-company .modal-content .contact-item span:not(.contact-label) {
    font-size: 13px;
    color: #374151;
    text-decoration: none;
    font-weight: 500;
    word-break: break-all;
    line-height: 1.3;
}

.modal.modal-open-company .modal-content .contact-item a:hover {
    color: #6918A1;
}

/* Responsive adjustments for contact items */
@media (max-width: 768px) {
    .modal.modal-open-company .modal-content .contact-row {
        flex-direction: column;
        gap: 10px;
    }

    .modal.modal-open-company .modal-content .contact-item {
        min-width: unset;
        width: 100%;
    }

    .modal.modal-open-company .modal-content .company-header .category {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
    }

}

@media (max-width: 480px) {
    .modal.modal-open-company .modal-content .contact-item {
        padding: 10px 12px;
    }

    .modal.modal-open-company .modal-content .contact-icon {
        width: 35px;
        height: 35px;
        margin-right: 10px;
    }

    .modal.modal-open-company .modal-content .contact-icon svg {
        width: 16px;
        height: 16px;
    }
}

.modal.modal-open-company .modal-content .accordion-item {
    border: 1px solid #E5E5E5;
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.modal.modal-open-company .modal-content .accordion-header {
    padding: 20px 24px;
    background: #FFF;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #E5E5E5;
}

.modal.modal-open-company .modal-content .accordion-header:hover {
    background: #6918A120;
}

.modal.modal-open-company .modal-content .accordion-header.active {
    background: #6918A120;
    color: white;
    border-bottom: none;
}

.modal.modal-open-company .modal-content .accordion-header.active span {
    color: #6918A1;
}

.modal.modal-open-company .modal-content .accordion-header span {
    font-size: 14px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 1.4;
    flex: 1;
    margin-right: 16px;
    transition: color 0.3s ease;
}

.modal.modal-open-company .modal-content .accordion-header svg {
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.modal.modal-open-company .modal-content .accordion-header.active svg {
    transform: rotate(180deg);
}

.modal.modal-open-company .modal-content .accordion-header.active svg path {
    stroke: #6918A1;
}

.modal.modal-open-company .modal-content .accordion-content {
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    background: #6918A120;
}

.modal.modal-open-company .modal-content .accordion-content.active {
    max-height: 300px;
    padding: 20px 24px;
}

.modal.modal-open-company .modal-content .accordion-content p {
    font-size: 14px;
    font-weight: 400;
    color: #6918A1;
    line-height: 1.6;
    margin: 0;
}

.modal.modal-open-company .modal-content .btn-whatsapp {
    border: 1px solid #5BB968;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9375rem;
    height: 5rem;
    text-decoration: none;
    background-color: #11AA3E;
    font-size: 1.25rem;
    font-weight: 700;
    color: #F3F2FA;
    margin-top: 2rem;
    transition: 200ms;
    position: sticky;
    bottom: 0;
}

.modal.modal-open-company .modal-content .btn-whatsapp:hover {
    background-color: #5BB968;
}

@media screen and (max-width: 993px) {
    .modal.modal-open-company {
        align-items: flex-end;
    }

    .modal.modal-open-company .modal-content {
        max-width: initial;
        max-height: initial;
        height: calc(100vh - 84px);
        border-radius: 0;
        padding-inline: 20px;
        padding-top: 10px;
    }

    .modal.modal-open-company .modal-content .company-header .company-info {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 16px;
        width: 100%;
    }

    .modal.modal-open-company .modal-content .company-header .cover img{
        object-fit: contain;
    }

    .modal.modal-open-company .modal-content .company-header .cover {
        width: 100%;
        max-height: 250px;
        aspect-ratio: 1400/824;
    }

  
    .modal.modal-open-company .modal-content .contact-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .modal.modal-open-company .modal-content .social-grid {
        flex-direction: column;
        gap: 8px;
    }

    .modal.modal-open-company .modal-content .accordion-header {
        padding: 16px 20px;
    }

    .modal.modal-open-company .modal-content .accordion-header span {
        font-size: 13px;
        margin-right: 12px;
    }

    .modal.modal-open-company .modal-content .accordion-content.active {
        padding: 16px 20px;
    }

    .modal.modal-open-company .modal-content .company-header h2 {
        font-size: 20px;
    }
}

.modal.modal-open-company .modal-content .cover .btn-close:hover {
    background-color: #11AA3E;
}

.modal.modal-open-company .modal-content .category {
    margin-bottom: 1rem;
    padding-inline: 1.5rem;
    height: 2.1875rem;
    margin-bottom: 1rem;
}

.modal.modal-open-company .modal-content h2 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.modal.modal-open-company .modal-content p {
    font-size: 0.75rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.modal.modal-open-company .modal-content .social {
    display: flex;
    flex-direction: column;
}

.modal.modal-open-company .modal-content .social .left .item svg,
.modal.modal-open-company .modal-content .social .right .item svg {
    width: 16px;
}

.modal.modal-open-company .modal-content .social .left .item span,
.modal.modal-open-company .modal-content .social .right .item span {
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-bottom: 0;
}

.modal.modal-open-company .modal-content .social .left .item a,
.modal.modal-open-company .modal-content .social .right .item a {
    font-size: 0.875rem;
    line-height: 1;
}

.modal.modal-open-company .modal-content .social .separator {
    width: 100%;
    height: 100%;
    margin-inline: 0;
    max-width: initial;
    display: block;
    flex: initial;
    border: 1px solid #3F3F3F;
    margin-block: 1.5rem;
}

.modal.modal-open-company .modal-content .btn-whatsapp {
    height: 3.5rem;
    font-size: 0.875rem;
    gap: 0.5rem;
}
}

@media screen and (max-width: 769px) {
    .modal.modal-open-company .modal-content {
        padding-inline: 1.25rem;
        padding-bottom: 1.5rem;
        padding-top: 1.25rem;
    }
}

.modal.modal-candidatura {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.modal-candidatura .modal-content {
    padding: 4rem;
    padding-bottom: 2rem;
    background-color: #FFFFFF;
    border-radius: 1.5rem;
    width: 100%;
    max-width: 54.625rem;
}

.modal.modal-candidatura .modal-content h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0A0A0A;
    line-height: 24px;
    margin-bottom: 1.5rem;
}

.modal.modal-candidatura .modal-content h2 button {
    cursor: pointer;
    border: 0;
    background-color: transparent;
}

.modal.modal-candidatura .modal-content .subtitle {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #5A6789;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.modal.modal-candidatura .modal-content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #3F3F3F;
    margin-bottom: 0.75rem;
}

.modal.modal-candidatura .modal-content .category {
    height: 2.1875rem;
    padding-inline: 1.5rem;
    border: 1px solid #6918A1;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    font-size: 12px;
    font-weight: 700;
    color: #6918A1;
    margin-bottom: 2.5rem;
}

.modal.modal-candidatura .modal-content .input-group label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #5A6789;
    margin-bottom: 0.5rem;
    line-height: 22px;
}

.modal.modal-candidatura .modal-content .input-group textarea {
    display: block;
    padding: 1.5rem;
    border: 1px solid #C0C6CF;
    border-radius: 1.5rem;
    width: 100%;
    height: 220px;
    margin-bottom: 1.5rem;
    resize: none;
}

.modal.modal-candidatura .modal-content button[type=button] {
    height: 60px;
    padding-inline: 3.25rem;
    border: 1px solid #5BB968;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    background-color: #82F091;
    color: #6918A1;
    text-transform: uppercase;
    margin-inline: auto;
    transition: 200ms;
    cursor: pointer;
}

.modal.modal-candidatura .modal-content button[type=button]:hover {
    background-color: rgb(104, 227, 121);
}

@media screen and (max-width: 993px) {
    .modal.modal-candidatura .modal-content {
        max-width: initial;
        border-radius: 0;
        height: 100%;
    }
}

@media screen and (max-width: 993px) {
    .modal.modal-candidatura .modal-content {
        padding-inline: 1.5rem;
    }
}

.modal.modal-candidatura-table .modal-content {
    padding: 4rem 4rem 2rem;
    background-color: #FFFFFF;
    border-radius: 32px;
    width: 100%;
    max-width: 55rem;
}

.modal.modal-candidatura-table .modal-content h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0A0A0A;
    line-height: 24px;
    margin-bottom: 24px;
}

.modal.modal-candidatura-table .modal-content h2 .btn-close {
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

.modal.modal-candidatura-table .modal-content .subtitle {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #5A6789;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.modal.modal-candidatura-table .modal-content h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #3F3F3F;
    margin-bottom: 0.75rem;
}

.modal.modal-candidatura-table .modal-content .status {
    height: 1.875rem;
    padding-inline: 2.0625rem;
    border-radius: 2.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 1.5rem;
    margin-left: 0;
    margin-right: auto;
    width: -moz-max-content;
    width: max-content;
}

.modal.modal-candidatura-table .modal-content .status.success {
    background-color: #F2FBF7;
    color: #5FD7AA;
}

.modal.modal-candidatura-table .modal-content .status.resolved {
    background-color: #F6FEE2;
    color: #87AC32;
}

.modal.modal-candidatura-table .modal-content .status.finished {
    background-color: #FFEAD6;
    color: #FF9730;
}

.modal.modal-candidatura-table .modal-content .status.denied {
    background-color: #FBE6E6;
    color: #CB1E00;
}

.modal.modal-candidatura-table .modal-content .status.waiting {
    background-color: #E6EBFB;
    color: #6918A1;
}

.modal.modal-candidatura-table .modal-content form label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #5A6789;
    letter-spacing: 0;
    line-height: 22px;
    display: block;
    margin-bottom: 0.5rem;
}

.modal.modal-candidatura-table .modal-content form textarea {
    display: block;
    width: 100%;
    padding: 2rem 2.125rem 2rem 2.5rem;
    background-color: #F4F4F4;
    border: 1px solid #C0C6CF;
    border-radius: 1.5rem;
    height: 220px;
    margin-bottom: 1.5rem;
}

.modal.modal-candidatura-table .modal-content form button[type=button] {
    height: 3.75rem;
    border-radius: 0.5rem;
    border: 1px solid #5BB968;
    cursor: pointer;
    padding-inline: 7.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #82F091;
    margin-inline: auto;
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
    transition: 200ms;
}

.modal.modal-candidatura-table .modal-content form button[type=buton]:hover {
    background-color: rgb(104, 227, 121);
}

@media screen and (max-width: 993px) {
    .modal.modal-candidatura-table {
        align-items: flex-end;
    }

    .modal.modal-candidatura-table .modal-content {
        max-width: initial;
        height: calc(100% - 70px);
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        padding-inline: 1.25rem;
        overflow-y: auto;
    }
}

.modal.modal-message-success .modal-content {
    border-radius: 1.5rem;
    background-color: #FFFFFF;
    width: 100%;
    max-width: 44.5rem;
    padding-top: 6.875rem;
    padding-bottom: 6.875rem;
    position: relative;
}

.modal.modal-message-success .modal-content .btn-close-1 {
    position: absolute;
    top: 4rem;
    right: 4rem;
}

.modal.modal-message-success .modal-content svg {
    margin-inline: auto;
    display: block;
    margin-bottom: 1rem;
}

.modal.modal-message-success .modal-content h2 {
    max-width: 20.75rem;
    margin-inline: auto;
    margin-bottom: 3rem;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: 0;
    line-height: 2.5rem;
}

.modal.modal-message-success .modal-content .btn-close-2 {
    height: 3.75rem;
    padding-inline: 6.875rem;
    background-color: #82F091;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #5BB968;
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
    width: -moz-max-content;
    width: max-content;
    text-decoration: none;
    margin-inline: auto;
    transition: 200ms;
    cursor: pointer;
}

.modal.modal-message-success .modal-content .btn-close-2:hover {
    background-color: rgb(104, 227, 121);
}

@media screen and (max-width: 993px) {
    .modal.modal-message-success .modal-content {
        height: 100%;
        max-width: initial;
        border-radius: 0;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        display: flex;
    }

    .modal.modal-message-success .modal-content .btn-close-1 {
        right: 1.5rem;
        top: 1.5rem;
    }

    .modal.modal-message-success .modal-content>svg {
        width: 60px;
        height: 60px;
    }

    .modal.modal-message-success .modal-content h2 {
        font-size: 1.5rem;
        line-height: 1.4;
        margin-bottom: 1.25rem;
    }
}

.modal.modal-textarea .modal-content {
    border-radius: 1.5rem;
    background-color: #FFFFFF;
    width: 100%;
    max-width: 54.625rem;
    padding: 4rem;
}

.modal.modal-textarea .modal-content h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
    color: #0A0A0A;
    letter-spacing: 0;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
}

.modal.modal-textarea .modal-content h2 button {
    line-height: 0;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    transition: 200ms;
}

.modal.modal-textarea .modal-content h2 button:hover {
    transform: scale(1.05);
}

.modal.modal-textarea .modal-content textarea {
    height: 21.5rem;
    border-radius: 24px;
    border: 1px solid #C0C6CF;
    resize: none;
    padding: 2.5rem;
    display: block;
    width: 100%;
}

.modal.modal-textarea .modal-content button[type=submit] {
    height: 3.75rem;
    border-radius: 8px;
    background-color: #82F091;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #5BB968;
    padding-inline: 7.125rem;
    margin-top: 1.5rem;
    margin-inline: auto;
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
    cursor: pointer;
    transition: 200ms;
}

.modal.modal-textarea .modal-content button[type=submit]:hover {
    background-color: rgb(104, 227, 121);
}

@media screen and (max-width: 993px) {
    .modal.modal-textarea .modal-content {
        height: 100%;
        max-width: initial;
        border-radius: 0;
        padding-inline: 1.25rem;
        padding-top: 1.5625rem;
    }

    .modal.modal-textarea .modal-content textarea {
        padding: 2rem 1.25rem;
    }
}

.modal.modal-company-details .modal-content {
    background-color: #FFFFFF;
    border-radius: 24px;
    overflow: hidden;
    max-width: 75.625rem;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 57.26% 42.74%;
}

.modal.modal-company-details .modal-content .left {
    padding: 2rem;
}

.modal.modal-company-details .modal-content .left .box-cover {
    border-radius: 24px;
    overflow: hidden;
    max-width: 311px;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.6875rem;
}

.modal.modal-company-details .modal-content .left .box-cover img {
    display: block;
    width: 100%;
    aspect-ratio: 31/18;
    margin-bottom: 0;
}

.modal.modal-company-details .modal-content .left .box-cover span {
    height: 1.8125rem;
    background-color: #6918A1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0;
    text-transform: uppercase;
}

.modal.modal-company-details .modal-content .left h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 9px;
}

.modal.modal-company-details .modal-content .left .category {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem 1.5rem;
    height: 2.1875rem;
    border: 1px solid #6918A1;
    border-radius: 999px;
    width: -moz-max-content;
    width: max-content;
    font-size: 0.75rem;
    font-weight: 700;
    color: #6918A1;
    margin-bottom: 1.5625rem;
}

.modal.modal-company-details .modal-content .left p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 160%;
}

.modal.modal-company-details .modal-content .left .social {
    display: grid;
    grid-template-columns: max-content 1px max-content;
    gap: 3.75rem;
    margin-top: 1.25rem;
}

.modal.modal-company-details .modal-content .left .social .separator {
    background-color: #3F3F3F;
}

.modal.modal-company-details .modal-content .left .social .item+.item {
    margin-top: 1.75rem;
}

.modal.modal-company-details .modal-content .left .social .item .name {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.modal.modal-company-details .modal-content .left .social .item .text {
    font-size: 0.875rem;
    font-weight: 400;
    color: #3F3F3F;
    display: block;
}

.modal.modal-company-details .modal-content .right {
    height: 100%;
    background-color: #6918A1;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}

.modal.modal-company-details .modal-content .right h2 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.6875rem;
}

.modal.modal-company-details .modal-content .right h2 button {
    line-height: 0;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    transition: 200ms;
}

.modal.modal-company-details .modal-content .right h2 button:hover {
    transform: scale(1.05);
}

.modal.modal-company-details .modal-content .right .box {
    margin-bottom: 2.5rem;
}

.modal.modal-company-details .modal-content .right .box h3 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 0.25rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.modal.modal-company-details .modal-content .right .box p {
    font-size: 0.75rem;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 160%;
}

.modal.modal-company-details .modal-content .right .buttons {
    margin-top: auto;
}

.modal.modal-company-details .modal-content .right .buttons .btn-primary {
    height: 3.5rem;
    border-radius: 8px;
    background-color: #82F091;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6875rem;
    border: 1px solid #5BB968;
    text-decoration: none;
    transition: 200ms;
}

.modal.modal-company-details .modal-content .right .buttons .btn-primary span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.modal.modal-company-details .modal-content .right .buttons .btn-primary:hover {
    background-color: #44f95c;
    border-color: #82F091;
}

.modal.modal-company-details .modal-content .right .buttons .btn-ghost {
    height: 3.5rem;
    border-radius: 8px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    margin-top: 0.5rem;
    transition: 200ms;
}

.modal.modal-company-details .modal-content .right .buttons .btn-ghost span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: 200ms;
}

.modal.modal-company-details .modal-content .right .buttons .btn-ghost:hover {
    background-color: #FFFFFF;
}

.modal.modal-company-details .modal-content .right .buttons .btn-ghost:hover span {
    color: #6918A1;
}

@media screen and (max-width: 993px) {
    .modal.modal-company-details {
        padding-top: 84px;
    }

    .modal.modal-company-details .modal-content {
        border-radius: 0;
        display: block;
        overflow-y: auto;
        height: 100%;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }

    .modal.modal-company-details .modal-content .left {
        padding-inline: 1.25rem;
        padding-top: 1.25rem;
        margin-top: 0;
    }

    .modal.modal-company-details .modal-content .left .box-cover {
        width: 100%;
        max-width: 600px;
    }

    .modal.modal-company-details .modal-content .left .social {
        display: block;
    }

    .modal.modal-company-details .modal-content .left .social .separator {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #3F3F3F;
        margin-block: 1.5rem;
    }

    .modal.modal-company-details .modal-content .right {
        height: initial;
        padding: 1.5rem 1.25rem;
    }

    .modal.modal-company-details .modal-content .right h2 {
        margin-bottom: 1.5rem;
        font-size: 0.75rem;
    }

    .modal.modal-company-details .modal-content .right h2 button {
        display: none;
    }

    .modal.modal-company-details .modal-content .right .box {
        margin-bottom: 1.5rem;
    }

    .modal.modal-company-details .modal-content .right .box h3 {
        font-size: 0.75rem;
        margin-bottom: 8px;
    }

    .modal.modal-company-details .modal-content .right .box p {
        font-size: 12px;
    }
}

.modal.modal-aproved-or-no .modal-content {
    background-color: #FFFFFF;
    padding-block: 5rem;
    width: 100%;
    max-width: 54.625rem;
    padding-inline: 5rem;
    border-radius: 2rem;
    position: relative;
}

.modal.modal-aproved-or-no .modal-content .btn-close {
    position: absolute;
    top: 40px;
    right: 40px;
    background-color: transparent;
    cursor: pointer;
    line-height: 0;
    border: 0;
}

.modal.modal-aproved-or-no .modal-content .btn-close:hover {
    transform: scale(1.05);
}

.modal.modal-aproved-or-no .modal-content svg {
    margin-inline: auto;
    display: block;
}

.modal.modal-aproved-or-no .modal-content h2 {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: 0;
    line-height: 32px;
    max-width: 550px;
    margin-inline: auto;
}

.modal.modal-aproved-or-no .modal-content p {
    font-size: 1rem;
    font-weight: 600;
    color: #0A0A0A;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 1rem;
    text-align: center;
}

.modal.modal-aproved-or-no .modal-content .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.875rem;
}

.modal.modal-aproved-or-no .modal-content .buttons .btn-primary,
.modal.modal-aproved-or-no .modal-content .buttons .btn-ghost {
    min-width: 18.125rem;
    height: 3.75rem;
    border: 1px solid #5BB968;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.modal.modal-aproved-or-no .modal-content .buttons .btn-primary {
    background-color: #82F091;
    color: #6918A1;
}

.modal.modal-aproved-or-no .modal-content .buttons .btn-ghost {
    color: #5BB968;
}

@media screen and (max-width: 993px) {
    .modal.modal-aproved-or-no .modal-content {
        max-width: initial;
        height: 100%;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .modal.modal-aproved-or-no .modal-content .btn-close {
        top: 20px;
        right: 20px;
    }

    .modal.modal-aproved-or-no .modal-content h2 {
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 0.3125rem;
    }

    .modal.modal-aproved-or-no .modal-content p {
        font-size: 0.875rem;
    }

    .modal.modal-aproved-or-no .modal-content .buttons {
        flex-direction: column;
        gap: 0.625rem;
    }
}

.modal.modal-filters {
    align-items: flex-end;
}

.modal.modal-filters .modal-content {
    background-color: #FFFFFF;
    transform: translateY(100%);
    transition: 200ms;
    width: 100%;
    height: 90vh;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.modal.modal-filters .modal-content header {
    padding-top: 2.375rem;
    padding-bottom: 1.75rem;
    border-bottom: 1px solid #D2D5DF;
    position: relative;
}

.modal.modal-filters .modal-content header::after {
    content: "";
    display: block;
    width: 3rem;
    height: 0.375rem;
    background-color: #D9E1E7;
    border-radius: 15px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
}

.modal.modal-filters .modal-content header h2 {
    display: block;
    text-align: center;
}

.modal.modal-filters .modal-content header .btn-close {
    position: absolute;
    top: 32px;
    right: 20px;
}

.modal.modal-filters .modal-content .body {
    padding-inline: 20px;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: calc(100% - 90px);
}

.modal.modal-filters .modal-content .body .box-select-element .modal-box-select {
    background-color: #FFFFFF;
}

.modal.modal-filters .modal-content .body .box-radios .title {
    display: block;
    margin-bottom: 0.625rem;
    font-size: 12px;
    font-weight: 700;
    color: #6C7797;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

.modal.modal-filters .modal-content .body .box-radios .wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 330px;
}

.modal.modal-filters .modal-content .body .box-radios .wrapper div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.modal.modal-filters .modal-content .body .box-radios .wrapper div input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 14px;
    height: 14px;
    border: 1px solid #6C7797;
    border-radius: 999px;
    transition: 200ms;
}

.modal.modal-filters .modal-content .body .box-radios .wrapper div input[type=radio]:checked {
    outline: 1px solid #6918A1;
    border: 3px solid #FFFFFF;
    background-color: #6918A1;
}

.modal.modal-filters .modal-content .body .box-radios .wrapper div label {
    font-size: 0.875rem;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: 0;
    line-height: 1;
}

.modal.modal-filters .modal-content .body .box-radios .inputs {
    margin-top: 1rem;
}

.modal.modal-filters .modal-content .body .box-radios .inputs .g-input {
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    height: 54px;
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    padding-block: 7px;
}

.modal.modal-filters .modal-content .body .box-radios .inputs .g-input span {
    font-size: 12px;
    font-weight: 400;
    color: #5A6789;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    display: block;
}

.modal.modal-filters .modal-content .body .box-radios .inputs .g-input input {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #0A0A0A;
    letter-spacing: 0;
    border: 0;
    outline: 0;
}

.modal.modal-filters .modal-content .body .box-radios .inputs .unique {
    display: none;
}

.modal.modal-filters .modal-content .body .box-radios .inputs .unique.active {
    display: block;
}

.modal.modal-filters .modal-content .body .box-radios .inputs .period {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    display: none;
}

.modal.modal-filters .modal-content .body .box-radios .inputs .period.active {
    display: grid;
}

.modal.modal-filters .modal-content .body .box-status {
    margin-bottom: auto;
}

.modal.modal-filters .modal-content .body .box-status .title {
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.6875rem;
    line-height: 22px;
    color: #6C7797;
    text-transform: uppercase;
    display: block;
}

.modal.modal-filters .modal-content .body .box-status .wrapper .line {
    display: flex;
    align-items: center;
    gap: 12px;
}

.modal.modal-filters .modal-content .body .box-status .wrapper .line+.line {
    margin-top: 12px;
}

.modal.modal-filters .modal-content .body .box-status .wrapper .line input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border: 1px solid #6C7797;
    background-image: url(../images/icon-check.svg);
    background-size: 6px;
    background-position: center top -100px;
    background-repeat: no-repeat;
    transition: 200ms;
    cursor: pointer;
}

.modal.modal-filters .modal-content .body .box-status .wrapper .line input[type=checkbox]:checked {
    background-position: center center;
    background-color: #82F091;
    border-color: #5BB968;
}

.modal.modal-filters .modal-content .body .box-status .wrapper .line label {
    min-width: 106px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 10px;
    border-radius: 40px;
    font-size: 12px;
    font-weight: 400;
}

.modal.modal-filters .modal-content .body .box-status .wrapper .line label.success {
    background-color: #F2FBF7;
    color: #5FD7AA;
}

.modal.modal-filters .modal-content .body .box-status .wrapper .line label.waiting {
    background-color: #E6EBFB;
    color: #0031CB;
}

.modal.modal-filters .modal-content .body .box-status .wrapper .line label.inactive {
    background-color: #FBE6E6;
    color: #CB1E00;
}

.modal.modal-filters .modal-content .body button[type=submit] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    background-color: #82F091;
    height: 3.125rem;
    border-radius: 8px;
    border: 1px solid #5BB968;
    font-size: 0.875rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.modal.modal-filters.active .modal-content {
    transform: translateY(0%);
}

.modal.active {
    visibility: visible;
    opacity: 1;
}

.page-01-home .hero {
    background-image: url(../images/bg-home.svg);
    background-size: cover;
    min-height: 100vh;
    height: 100%;
    padding-top: 15.625rem;
    padding-bottom: 6.25rem;
    transition: 200ms;
}

.page-01-home .hero .container .logo {
    display: block;
    margin-inline: auto;
    margin-bottom: 55px;
}

.page-01-home .hero .container .box-selected {
    display: none;
    margin-bottom: 24px;
}

.page-01-home .hero .container .box-selected h1 {
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
}

.page-01-home .hero .container .box-selected p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 160%;
    text-align: center;
}

.page-01-home .hero .container .scroll-h {
    overflow-x: auto;
    width: calc(100% + 20px);
}

.page-01-home .hero .container .scroll-h::-webkit-scrollbar {
    display: none;
}

.page-01-home .hero .container .menu-categories {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    gap: 19px;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
}

.page-01-home .hero .container .menu-categories .btn {
    border: 1px solid #FFFFFF;
    padding: 10px 10px;
    border-radius: 48px;
    text-decoration: none;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: 200ms;
    min-width: 302px;
}

.page-01-home .hero .container .menu-categories .btn.active,
.page-01-home .hero .container .menu-categories .btn:hover {
    background-color: #82F091;
    border-color: #5BB968;
    font-weight: 700;
    color: #6918A1;
}

.page-01-home .hero .container .filters {
    display: grid;
    grid-template-columns: 38.375rem 25.375rem 12.375rem;
    gap: 0.625rem;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
}

.page-01-home .logos {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-top: 7rem;
    justify-content: center;
;
}

.page-01-home .logos img {
    height: 80px;
    max-width: 120px;
    object-fit: contain;
}

@media(max-width: 768px) {
    .page-01-home .logos {
        gap: 15px;
        justify-content: center;
    }

    .page-01-home .logos img {
        flex: 1 1 45%;
        max-width: 45%;
        height: 60px;
    }
}

.page-01-home .hero .container .filters .input-search {
    height: 5rem;
    padding-inline: 40px;
    background-color: #FFFFFF;
    border: 1px solid #BABABA;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #BDBDBD;
    letter-spacing: 0;
    color: #282828;
}

.page-01-home .hero .container .filters .input-group-select {
    position: relative;
}

.page-01-home .hero .container .filters .input-group-select label {
    height: 5rem;
    border: 1px solid #282828;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 2.5rem;
    cursor: pointer;
}

.page-01-home .hero .container .filters .input-group-select label span {
    font-size: 16px;
    font-weight: 400;
    color: #282828;
}

.page-01-home .hero .container .filters .input-group-select .input-modal-select {
    display: block;
    width: 100%;
    background-color: #FFFFFF;
    position: absolute;
    top: 100%;
    max-height: 250px;
    overflow-y: auto;
    list-style: none;
    border-radius: 8px;
    visibility: hidden;
    opacity: 0;
    margin-top: -20px;
    transition: 200ms;
}

.page-01-home .hero .container .filters .input-group-select .input-modal-select li {
    display: block;
    cursor: pointer;
    padding: 0.5rem 2.5rem;
    transition: 200ms;
}

.page-01-home .hero .container .filters .input-group-select .input-modal-select li.active,
.page-01-home .hero .container .filters .input-group-select .input-modal-select li:hover {
    background-color: #5BB968;
    color: #FFFFFF;
}

.page-01-home .hero .container .filters .input-group-select.active label svg {
    transform: scale(-1);
}

.page-01-home .hero .container .filters .input-group-select.active .input-modal-select {
    margin-top: 8px;
    visibility: visible;
    opacity: 1;
}

.page-01-home .hero .container .filters .input-group-select.position-bottom .input-modal-select {
    top: initial;
    bottom: 100%;
    margin-bottom: 0.5rem;
    z-index: 400;
}

.page-01-home .hero .container .filters .input-group-select.position-bottom .input-modal-select .filter-input {
    position: sticky;
    top: 0;
    width: 100%;
    border: solid 1px #ccc;
    padding: 9px 15px;
}

.page-01-home .hero .container .filters .input-group-select.position-bottom .input-modal-select {
    margin-bottom: 8px;
}

/* Novo estilo para o input de busca de categoria */
.page-01-home .hero .container .filters .input-group-select .search-category-input {
    height: 5rem;
    border: 1px solid #282828;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 2.5rem;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #282828;
    width: 100%;
    outline: none;
}

.page-01-home .hero .container .filters .input-group-select {
    position: relative;
    display: flex;
    align-items: center;
}

.page-01-home .hero .container .filters .input-group-select svg {
    position: absolute;
    right: 2.5rem;
    pointer-events: none;
    transition: transform 200ms;
}

.page-01-home .hero .container .filters button[type=button] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid #5BB968;
    border-radius: 8px;
    background-color: #82F091;
    font-size: 16px;
    font-weight: 700;
    color: #6918A1;
    cursor: pointer;
    transition: 200ms;
    text-transform: uppercase;
}

.page-01-home .hero .container .filters button[type=button]:hover {
    background-color: #5df771;
}

@media screen and (max-width: 1300px) {
    .page-01-home .hero .container .filters {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 400px;
        height: initial;
    }

    .page-01-home .hero .container .filters .input-group-select,
    .page-01-home .hero .container .filters .input-modal-select,
    .page-01-home .hero .container .filters button[type=submit] {
        width: 100%;
    }

    .page-01-home .hero .container .filters button[type=submit] {
        height: 80px;
    }
}

.page-01-home .hero+.solutions {
    display: none;
}

.page-01-home .hero+.lastest-challenge {
    display: none;
}

.page-01-home .hero.active {
    min-height: initial;
    padding-top: 16.375rem;
    padding-bottom: 7.5rem;
}

.page-01-home .hero.active .container .logo {
    display: none;
}

.page-01-home .hero.active .container .box-selected {
    display: block;
}

.page-01-home .hero.active+.solutions {
    display: block;
}

.page-01-home .hero.active+.lastest-challenge {
    display: block;
}

@media screen and (max-width: 1300px) {
    .page-01-home .hero {
        padding-top: 8.125rem;
    }

    .page-01-home .hero .container .logo {
        width: 220px;
        margin-bottom: 40px;
    }

    .page-01-home .hero .container .menu-categories {
        gap: 0.5rem;
    }

    .page-01-home .hero .container .menu-categories .btn {
        padding: 0.25rem 0.625rem;
        height: 2.5rem;
        font-size: 0.875rem;
    }

    .page-01-home .hero .container .filters .input-search {
        height: 3.5rem;
    }

    .page-01-home .hero .container .filters .input-group-select label {
        height: 3.5rem;
    }

    .page-01-home .hero .container .filters button[type=submit] {
        height: 3.5rem;
    }
}

@media screen and (max-width: 993px) {
    .page-01-home .hero .container .logo {
        display: none;
    }

    .page-01-home .hero .container .filters .input-search {
        padding-inline: 1.5rem;
    }

    .page-01-home .hero .container .filters .input-group-select label {
        padding-inline: 1.5rem;
    }

    .page-01-home .hero .container .box-selected h1 {
        font-size: 1.25rem;
        line-height: 1.4;
    }

    .page-01-home .hero .container .box-selected p {
        font-size: 0.75rem;
        line-height: 1.6;
    }

    .page-01-home .hero.active {
        padding-top: 8.125rem;
        padding-bottom: 2.5rem;
    }

    .page-01-home .hero .container .filters button[type=button] {
        height: 56px;
    }

    .page-01-home .hero .container .box-selected {
        display: block;
        ;
    }
}

@media screen AND (max-width: 767px) {
    .page-01-home .hero .container .menu-categories .btn {
        min-width: 206px;
    }
}

.page-01-home .solutions {
    padding-top: 3rem;
    padding-bottom: 5rem;
    background-color: #F3F2FA;
}

.page-01-home .solutions .container {
    width: 100%;
    max-width: 81.75rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.page-01-home .solutions .container .group-title {
    margin-bottom: 16px;
}

.page-01-home .solutions .container .group-title h2 {
    font-size: 24px;
    font-weight: 700;
    color: #3F3F3F;
    letter-spacing: 0;
    margin-bottom: 4px;
}

.page-01-home .solutions .container .group-title p {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
}

.page-01-home .solutions .container .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.page-01-home .solutions .container .post {
    padding: 24px 24px 33px 24px;
    background-color: #FFFFFF;
    border-radius: 24px;
}

.page-01-home .solutions .container .post .cover {
    border-radius: 24px;
    overflow: hidden;
    position: relative;
      height: 206px;
}

.page-01-home .solutions .container .post .cover.imagenzinha {
    background-color: #3B056120;  
}

.page-01-home .solutions .container .post .cover.imagenzinha img {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.page-01-home .solutions .container .post .span {
    height: 47px;
    background-color: #6918A1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    border-radius: 24px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; 
    bottom: 44px;
    position: relative;
    margin-bottom: -44px;
}

.page-01-home .solutions .container .post .cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-01-home .solutions .container .post  .span {
    display: block;
    height: 47px;
    background-color: #6918A1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;;
}

.page-01-home .solutions .container .post .category {
    height: 38px;
    padding-inline: 24px;
    border-radius: 48px;
    border: 1px solid #6918A1;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    margin-top: 19px;
}

.page-01-home .solutions .container .post h3 {
    font-size: 16px;
    font-weight: 700;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 160%;
}

.page-01-home .solutions .container .post p {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 160%;
    margin-bottom: 24px;
    height: 106px;
    overflow: hidden;
    display: none;
}

.page-01-home .solutions .container .post .btn-more {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
    justify-content: center;
}

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

    .page-01-home .solutions .container .group-title {
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .page-01-home .solutions {
        padding-top: 1.5rem;
        padding-bottom: 3rem;
    }

    .page-01-home .solutions .container {
        padding-inline: 1.25rem;
    }

    .page-01-home .solutions .container .group-title h2 {
        font-size: 1rem;
        margin-bottom: 0.25rem;
        line-height: 1.4;
    }

    .page-01-home .solutions .container .group-title p {
        font-size: 0.75rem;
        line-height: 1.4;
    }

    .page-01-home .solutions .container .wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .page-01-home .solutions .container .post {
        padding: 1.25rem 1.25rem 2rem 1.25rem;
    }

    .page-01-home .solutions .container .post .cover {
        border-radius: 20px;
    }

    .page-01-home .solutions .container .post .cover img {
        height: 170px;
        -o-object-position: bottom;
        object-position: bottom;
    }

    .page-01-home .solutions .container .post .cover span {
        height: 2.5rem;
        font-size: 0.75rem;
    }

    .page-01-home .solutions .container .post .category {
        margin-top: 1rem;
        margin-bottom: 0.5625rem;
        width: -moz-max-content;
        width: max-content;
        padding-inline: 1.5rem;
        height: 2.1875rem;
        font-size: 0.75rem;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: auto;
    }
}

.page-01-home .solutions .container .post h3 {
    margin-bottom: 0.25rem;
}

.page-01-home .solutions .container .post p {
    font-size: 0.75rem;
    line-height: 1.6;
}

.page-01-home .solutions .container .post .btn-more {
    gap: 0.75rem;
    font-size: 0.75rem;
}
}

@media screen and (max-width: 769px) {
    .page-01-home .solutions .container .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}

.page-01-home .lastest-challenge {
    padding-block: 3rem;
    background-color: #F3F2FA;
}

.page-01-home .lastest-challenge .group-title {
    margin-bottom: 1.5rem;
}

.page-01-home .lastest-challenge .group-title h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #3F3F3F;
    letter-spacing: 0;
    margin-bottom: 0.75rem;
}

.page-01-home .lastest-challenge .group-title .btn {
    height: 3.75rem;
    background-color: #82F091;
    border-radius: 0.5rem;
    border: 1px solid #5BB968;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 3rem;
    gap: 0.75rem;
    cursor: pointer;
    transition: 200ms;
}

.page-01-home .lastest-challenge .group-title .btn span {
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
}

.page-01-home .lastest-challenge .group-title .btn:hover {
    background-color: rgb(104, 227, 121);
}

.page-01-home .lastest-challenge .wrapper .item {
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    border-radius: 24px;
}

.page-01-home .lastest-challenge .wrapper .item+.item {
    margin-top: 1rem;
}

.page-01-home .lastest-challenge .wrapper .item .left h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #3F3F3F;
    margin-bottom: 0.5rem;
}

.page-01-home .lastest-challenge .wrapper .item .left a {
    border: 1px solid #6918A1;
    border-radius: 3rem;
    height: 2.1875rem;
    padding-inline: 1.5rem;
    font-size: 0.75rem;
    color: #6918A1;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: -moz-max-content;
    width: max-content;
}

.page-01-home .lastest-challenge .wrapper .item .btn {
    height: 60px;
    display: flex;
    align-items: center;
    border: 1px solid #5BB968;
    border-radius: 8px;
    padding-inline: 4rem;
    text-decoration: none;
    background-color: #82F091;
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
    transition: 200ms;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.page-01-home .lastest-challenge .wrapper .item .btn:hover {
    background-color: rgb(104, 227, 121);
}

.page-01-home .lastest-challenge .wrapper .item .btn-ghost {
    display: none;
}

@media screen and (max-width: 993px) {
    .page-01-home .lastest-challenge {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }

    .page-01-home .lastest-challenge .group-title h2 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .page-01-home .lastest-challenge .group-title .btn {
        width: 100%;
        max-width: 400px;
        height: 3.5rem;
    }

    .page-01-home .lastest-challenge .wrapper .item {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding: 2rem 1.5rem;
    }

    .page-01-home .lastest-challenge .wrapper .item .left h3 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .page-01-home .lastest-challenge .wrapper .item .left a {
        font-size: 0.75rem;
    }

    .page-01-home .lastest-challenge .wrapper .item .right {
        width: 100%;
    }

    .page-01-home .lastest-challenge .wrapper .item .btn {
        width: 100%;
        text-align: center;
        justify-content: center;
        height: 3.5rem;
        font-size: 0.875rem;
    }

    .page-01-home .lastest-challenge .wrapper .item .btn-ghost {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3.5rem;
        border: 1px solid #5BB968;
        border-radius: 0.5rem;
        text-decoration: none;
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
        font-weight: 700;
        color: #5BB968;
        text-transform: uppercase;
    }
}

.page-01-home .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    margin-top: 3rem;
}

.page-01-home .pagination a {
    min-width: 3rem;
    height: 3rem;
    transition: 200ms;
    text-decoration: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #3F3F3F;
}

.page-01-home .pagination .pages {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.page-01-home .pagination a:hover,
.page-01-home .pagination a.active {
    background-color: #6918A1;
    color: #FFFFFF;
}

@media screen and (max-width: 993px) {
    .page-01-home .pagination {
        display: none;
    }
}

.page-01-home .menu-mobile {
    position: fixed;
    inset: 0;
    background-color: #6918A1;
    z-index: 10;
    padding-top: 1.25rem;
    padding-bottom: 0.875rem;
    padding-inline: 1.25rem;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: 200ms;
}

.page-01-home .menu-mobile header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.page-01-home .menu-mobile header img {
    width: 10rem;
}

.page-01-home .menu-mobile header .btn-mobile {
    width: 18px;
    display: block;
    height: 18px;
    position: relative;
}

.page-01-home .menu-mobile header .btn-mobile span {
    width: 100%;
    height: 0.125rem;
    display: block;
    background-color: #FFFFFF;
    position: absolute;
    transition: 200ms;
    border-radius: 99px;
}

.page-01-home .menu-mobile header .btn-mobile span:nth-child(1) {
    top: 0;
}

.page-01-home .menu-mobile header .btn-mobile span:nth-child(2) {
    top: 9px;
}

.page-01-home .menu-mobile header .btn-mobile span:nth-child(3) {
    top: 100%;
}

.page-01-home .menu-mobile header .btn-mobile.active span:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.page-01-home .menu-mobile header .btn-mobile.active span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
    width: 0;
}

.page-01-home .menu-mobile header .btn-mobile.active span:nth-child(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

.page-01-home .menu-mobile nav {
    margin-bottom: auto;
}

.page-01-home .menu-mobile nav a {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #FFFFFF;
    text-decoration: none;
}

.page-01-home .menu-mobile nav a+a {
    margin-top: 3.75rem;
}

.page-01-home .menu-mobile nav a:hover {
    text-decoration: underline;
}

.page-01-home .menu-mobile footer {
    border-top: 1px solid #FFFFFF;
    padding-top: 1.5rem;
}

.page-01-home .menu-mobile footer .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.71875rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0;
    text-decoration: none;
    max-width: 400px;
    margin-inline: auto;
}

.page-01-home .menu-mobile footer .btn-ghost {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    max-width: 400px;
    margin-inline: auto;
}

.page-01-home .menu-mobile.active {
    transform: translateX(0);
}

.page-02-login main {
    display: flex;
    height: 100vh;
    padding: 3rem;
    gap: 15.375rem;
}

.page-02-login main .top-bg {
    display: none;
}

.page-02-login main .left {
    flex: 1;
    padding-top: 1.875rem;
    padding-bottom: 3rem;
    padding-left: 9.5rem;
    display: flex;
    flex-direction: column;
}

.page-02-login main .left .logo {
    width: 216px;
}

.page-02-login main .left form {
    margin-top: auto;
    margin-bottom: auto;
}

.page-02-login main .left form h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem;
    color: #3F3F3F;
}

.page-02-login main .left form .input-group+.input-group {
    margin-top: 1.875rem;
}

.page-02-login main .left form .line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.625rem;
    margin-bottom: 1.875rem;
}

.page-02-login main .left form .line .input-group-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-02-login main .left form .line .input-group-checkbox input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #C0C6CF;
    border-radius: 3px;
    transition: 200ms;
    background-image: url(../images/icon-check.svg);
    background-size: 12px;
    background-position: center top -100px;
    background-repeat: no-repeat;
    transition: 200ms;
    cursor: pointer;
}

.page-02-login main .left form .line .input-group-checkbox input[type=checkbox]:checked {
    background-position: center center;
    background-color: #82F091;
    border-color: #5BB968;
}

.page-02-login main .left form .line .input-group-checkbox input[type=checkbox]:checked+label {
    color: #6918A1;
}

.page-02-login main .left form .line .input-group-checkbox label {
    font-size: 0.875rem;
    font-weight: 400;
    color: #C0C6CF;
    cursor: pointer;
}

.page-02-login main .left form .line .forget {
    font-size: 0.875rem;
    font-weight: 700;
    color: #6918A1;
    transition: 200ms;
}

.page-02-login main .left form .line .forget:hover {
    color: #9b31e6;
}

.page-02-login main .left form button[type=submit] {
    height: 60px;
    border: 1px solid #5BB968;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    background-color: #82F091;
    font-size: 16px;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    cursor: pointer;
    transition: 200ms;
}

.page-02-login main .left form button[type=submit]:hover {
    background-color: rgb(104, 227, 121);
}

.page-02-login main .left form p {
    font-size: 16px;
    font-weight: 700;
    color: #282828;
    margin-bottom: 20px;
}

.page-02-login main .left form p a {
    color: #6918A1;
    font-weight: 700;
    transition: 200ms;
}

.page-02-login main .left form p a:hover {
    color: #9b31e6;
}

.page-02-login main .left>span {
    font-size: 0.875rem;
    font-weight: 600;
    color: #9AADB5;
}

.page-02-login main .cover {
    max-width: 933px;
}

.page-02-login main .cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2.25rem;
}

@media screen and (max-width: 1800px) {
    .page-02-login main {
        gap: 6.25rem;
    }

    .page-02-login main .left {
        padding-left: 40px;
        padding-right: 40px;
    }

    .page-02-login main .cover {
        max-width: 700px;
    }
}

@media screen and (max-width: 1400px) {
    .page-02-login main .cover {
        max-width: 37.5rem;
    }
}

@media screen and (max-width: 1300px) {
    .page-02-login main {
        padding: 0;
        display: block;
    }

    .page-02-login main .top-bg {
        display: block;
        padding-top: 2.25rem;
        padding-bottom: 3.5rem;
        display: flex;
        justify-content: center;
        background-image: url(../images/top-bg.svg);
        background-position: top center;
        background-size: cover;
    }

    .page-02-login main .left {
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        margin-top: -26px;
    }

    .page-02-login main .left .logo {
        display: none;
    }

    .page-02-login main .left form {
        margin-top: 0;
    }

    .page-02-login main .cover {
        display: none;
    }
}

@media screen and (max-width: 993px) {
    .page-02-login main .left {
        padding-top: 60px;
        padding-inline: 20px;
        padding-bottom: 16px;
        min-height: calc(100% - 130px);
        height: initial;
    }

    .page-02-login main .left form {
        display: flex;
        flex-direction: column;
        margin-bottom: auto;
    }

    .page-02-login main .left form h1 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
        line-height: 1;
    }

    .page-02-login main .left form .input-group+.input-group {
        margin-top: 1.5rem;
    }

    .page-02-login main .left form .line {
        flex-direction: column;
        margin-top: 1.875rem;
        margin-bottom: 1.5rem;
        gap: 1.5625rem;
    }

    .page-02-login main .left form .line .input-group-checkbox {
        gap: 0.5rem;
    }

    .page-02-login main .left form .line .input-group-checkbox input[type=checkbox] {
        width: 1.25rem;
        height: 1.25rem;
        background-size: 0.625rem;
    }

    .page-02-login main .left form button[type=submit] {
        height: 3.5rem;
        font-size: 0.875rem;
        margin-bottom: 84px;
    }

    .page-02-login main .left form p {
        text-align: center;
    }

    .page-02-login main .left>span {
        margin-top: 1.25rem;
        font-size: 0.75rem;
        max-width: 180px;
        margin-inline: auto;
        text-align: center;
        line-height: 1.4;
    }
}

.page-03-cadastro {
    background-color: #FFFFFF;
}

.page-03-cadastro main {
    display: flex;
    height: 100vh;
    padding: 3rem;
    gap: 15.375rem;
}

.page-03-cadastro main .top-bg {
    display: none;
}

.page-03-cadastro main .left {
    flex: 1;
    padding-top: 1.875rem;
    padding-bottom: 3rem;
    padding-left: 9.5rem;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.page-03-cadastro main .left::-webkit-scrollbar {
    -webkit-appearance: unset;
    appearance: unset;
    width: 0px;
}

.page-03-cadastro main .left::-webkit-scrollbar-thumb {
    background-color: #6918A1;
}

.page-03-cadastro main .left::-webkit-scrollbar-track {
    background-color: #FFFFFF;
}

.page-03-cadastro main .left .logo {
    width: 216px;
}

.page-03-cadastro main .left form {
    margin-top: auto;
    margin-bottom: auto;
    max-width: 491px;
    flex: 1;
    padding-top: 60px;
}

.page-03-cadastro main .left form .btn-goback {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 20px;
    text-decoration: none;
    display: none;
}

.page-03-cadastro main .left form .btn-goback span {
    font-size: 16px;
    font-weight: 700;
    color: #6918A1;
    text-decoration: underline;
}

.page-03-cadastro main .left form .btn-goback.active {
    display: flex;

}

.page-03-cadastro main .left form h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    letter-spacing: 0;
    margin-bottom: 2.5rem;
    color: #3F3F3F;
}

.page-03-cadastro main .left form .steps-control.oculta {
    pointer-events: none;
}

.page-03-cadastro main .left form .steps-control {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    width: -moz-max-content;
    width: max-content;
}

.page-03-cadastro main .left form .steps-control .step-number {
    border: 2px solid #BDBDBD;
    border-radius: 999px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #BDBDBD;
    letter-spacing: 0;
    position: relative;
    cursor: pointer;
    transition: 200ms;
    z-index: 2;
    background-color: #FFFFFF;
}

.page-03-cadastro main .left form .steps-control .step-number:not(:last-of-type) {
    z-index: 2;
    position: relative;
    background-color: #FFFFFF;
}

.page-03-cadastro main .left form .steps-control .step-number:not(:last-of-type)::after {
    content: "";
    display: block;
    width: 11px;
    height: 2px;
    background-color: #BDBDBD;
    position: absolute;
    top: 50%;
    left: calc(100% + 1.4px);
    transform: translateY(-50%);
    z-index: 1;
}

.page-03-cadastro main .left form .steps-control .step-number:hover,
.page-03-cadastro main .left form .steps-control .step-number.current {
    background-color: #6918A1;
    border-color: #6918A1;
    color: #FFFFFF;
}

.page-03-cadastro main .left form .steps-control .step-number.completed {
    background-color: #5BB968;
    border-color: #5BB968;
    font-size: 0;
    background-image: url(../images/icon-check-green.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.page-03-cadastro main .left form .steps-control .step-number.completed::after {
    background-color: #6918A1;
}

.page-03-cadastro main .left form .multi-step-sections .step-box {
    display: none;
}

.page-03-cadastro main .left form .multi-step-sections .step-box.active {
    display: block;
}

.page-03-cadastro main .left form .registration-type .title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #3F3F3F;
    margin-bottom: 5px;
}

.page-03-cadastro main .left form .registration-type .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6875rem;
    margin-bottom: 2rem;
}

.page-03-cadastro main .left form .registration-type .wrapper .item input {
    display: none;
}

.page-03-cadastro main .left form .registration-type .wrapper .item input:checked+label {
    background-color: #6918A1;
}

.page-03-cadastro main .left form .registration-type .wrapper .item input:checked+label img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7498%) hue-rotate(148deg) brightness(116%) contrast(100%);
}

.page-03-cadastro main .left form .registration-type .wrapper .item input:checked+label span {
    color: #FFFFFF;
}

.page-03-cadastro main .left form .multi-step-sections .step-box .btnMaisDesafio {
    height: 30px;
    width: 30px;
    border: 1px solid #5BB968;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #82F091;
    font-size: 16px;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
    text-transform: uppercase;
    cursor: pointer;
    transition: 200ms;
}

.page-03-cadastro main .left form .multi-step-sections .step-box .lixeira {
    height: 25px;
    position: absolute;
    right: -35px;
    cursor: pointer;
}

.page-03-cadastro main .left form .registration-type .wrapper .item label {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #C0C6CF;
    height: 120px;
    border-radius: 8px;
    cursor: pointer;
    gap: 10px;
    transition: 200ms;
}

.page-03-cadastro main .left form .registration-type .wrapper .item label svg.active {
    display: none;
}

.page-03-cadastro main .left form .registration-type .wrapper .item label span {
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: #9AADB5;
    letter-spacing: 0;
    text-transform: uppercase;
}

.page-03-cadastro main .left form #desafioss {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.page-03-cadastro main .left form #desafioss .geral {
    flex: 0 0 100%;
    /* ocupa metade da linha (ajuste o gap) */
    display: flex;
    gap: 7%;
    margin-bottom: 0.5rem;
}

.page-03-cadastro main .left form #desafioss .geral.descricao {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px #ccc;
}

.page-03-cadastro main .left form #desafioss .cada {
    flex: 0 0 calc(46.5%);
    /* ocupa metade da linha (ajuste o gap) */
    box-sizing: border-box;
    /* faz o padding/margin não estourar o width */
    display: flex;
    align-items: center;
    /* alinha input+select verticalmente */
    margin-bottom: 0;
}

.page-03-cadastro main .left form .input-group-radio {
    margin-bottom: 1.875rem;
}

.page-03-cadastro main .left form .input-group-radio .title {
    display: block;
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
}

.page-03-cadastro main .left form .input-group-radio .wrapper {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

.page-03-cadastro main .left form .input-group-radio .wrapper div {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-03-cadastro main .left form .input-group-radio .wrapper div input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 20px;
    height: 20px;
    border: 1px solid #C0C6CF;
    border-radius: 9999px;
    transition: 200ms;
    cursor: pointer;
}

.page-03-cadastro main .left form .input-group-radio .wrapper div input[type=radio]:checked {
    outline: 1px solid #5BB968;
    background-color: #5BB968;
    border: 3px solid #FFFFFF;
}

.page-03-cadastro main .left form .input-group-radio .wrapper div label {
    font-size: 1rem;
    font-weight: 600;
    color: #3F3F3F;
    cursor: pointer;
}

.page-03-cadastro main .left form .input-group {
    margin-bottom: 2rem;
    position: relative;
}

.page-03-cadastro main .left form .input-group label {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0px;
    line-height: 30px;
    margin-bottom: 8px;
}

.page-03-cadastro main .left form .input-group label span {
    color: #EC5569;
}

.page-03-cadastro main .left form .input-group textarea {
    border: 1px solid #C0C6CF;
    padding: 1rem 1.875rem;
    border-radius: 8px;
    resize: none;
    height: 10rem;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30px;
}

.page-03-cadastro main .left form .input-group textarea::-moz-placeholder {
    color: #9AADB5;
}

.page-03-cadastro main .left form .input-group textarea::placeholder {
    color: #9AADB5;
}

.page-03-cadastro main .left form .input-group-radio-list {
    margin-bottom: 2rem;
}

.page-03-cadastro main .left form .input-group-radio-list .title {
    display: block;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 30px;
}

.page-03-cadastro main .left form .input-group-radio-list .list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.page-03-cadastro main .left form .input-group-radio-list .list div {
    display: flex;
    align-self: flex-start;
    gap: 0.75rem;
}

.page-03-cadastro main .left form .input-group-radio-list .list input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 20px;
    height: 20px;
    border: 1px solid #C0C6CF;
    border-radius: 9999px;
    transition: 200ms;
    margin-top: 5px;
    cursor: pointer;
}

.page-03-cadastro main .left form .input-group-radio-list .list input[type=radio]:checked {
    outline: 1px solid #5BB968;
    background-color: #5BB968;
    border: 3px solid #FFFFFF;
}

.page-03-cadastro main .left form .input-group-radio-list .list label {
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    flex: 1;
    cursor: pointer;
}

.page-03-cadastro main .left form .input-group-radio-list .list .section-other {
    width: 100%;
    flex-direction: column;
}

.page-03-cadastro main .left form .input-group-radio-list .list .section-other .box-other {
    display: none;
    width: 100%;
}

.page-03-cadastro main .left form .input-group-radio-list .list .section-other .box-other .name {
    font-size: 0.875rem;
    font-weight: 700;
    color: #3F3F3F;
    line-height: 1.6;
    display: block;
}

.page-03-cadastro main .left form .input-group-radio-list .list .section-other .box-other input {
    display: block;
    width: 100%;
    height: 62px;
    border-radius: 8px;
    border: 1px solid #C0C6CF;
    padding-inline: 30px;
}

.page-03-cadastro main .left form .input-group-radio-list .list .section-other .box-other.active {
    display: block;
}

.page-03-cadastro main .left form .input-group-checkbox-list .title {
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0.1875rem;
}

.page-03-cadastro main .left form .input-group-checkbox-list .subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #A3AABE;
    letter-spacing: 0;
    line-height: 30px;
    display: block;
    margin-bottom: 2.0625rem;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #C0C6CF;
    border-radius: 3px;
    transition: 200ms;
    background-image: url(../images/icon-check.svg);
    background-size: 10px;
    background-position: center top -100px;
    background-repeat: no-repeat;
    transition: 200ms;
    cursor: pointer;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper input[type=checkbox]:checked {
    background-position: center center;
    background-color: #82F091;
    border-color: #5BB968;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper label {
    font-size: 1rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    flex: 1;
    cursor: pointer;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper .item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper .item+.item {
    margin-top: 2rem;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper .item-other {
    margin-top: 32px;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper .item-other .top {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 20px;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper .item-other .bottom {
    display: none;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper .item-other .bottom .input-group label {
    line-height: 1;
}

.page-03-cadastro main .left form .input-group-checkbox-list .wrapper .item-other.active .bottom {
    display: block;
}

.page-03-cadastro main .left form .box-social {
    margin-bottom: 2rem;
}

.page-03-cadastro main .left form .box-social .title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 8px;
}

.page-03-cadastro main .left form .box-social .list {
    max-width: 500px;
}

.page-03-cadastro main .left form .box-social .list .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page-03-cadastro main .left form .box-social .list .item+.item {
    margin-top: 0.5rem;
}

.page-03-cadastro main .left form .box-social .list .item input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #C0C6CF;
    border-radius: 3px;
    transition: 200ms;
    background-image: url(../images/icon-check.svg);
    background-size: 10px;
    background-position: center top -100px;
    background-repeat: no-repeat;
    transition: 200ms;
    cursor: pointer;
    margin-right: 13px;
}

.page-03-cadastro main .left form .box-social .list .item input[type=checkbox]:checked {
    background-position: center center;
    background-color: #82F091;
    border-color: #5BB968;
}

.page-03-cadastro main .left form .box-social .list .item label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    cursor: pointer;
}

.page-03-cadastro main .left form .box-social .list .item input[type=text] {
    flex: 1;
    max-width: 327px;
    margin-left: auto;
    height: 3.75rem;
    padding-inline: 1.5rem;
    border: 1px solid #3F3F3F;
    border-radius: 0.5rem;
    background-color: transparent;
}

.page-03-cadastro main .left form .box-social .list .item input[type=text]:disabled {
    border-color: #C0C6CF;
    background-color: #F4F4F4;
    cursor: not-allowed;
}

.page-03-cadastro main .left form .box-upload {
    margin-bottom: 1.5rem;
}

.page-03-cadastro main .left form .box-upload .title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0.75rem;
    display: block;
}

.page-03-cadastro main .left form .box-upload input[type=file] {
    display: none;
}

.page-03-cadastro main .left form .box-upload label {
    padding-block: 2.8125rem;
    border: 1px solid #6918A1;
    border-radius: 8px;
    background-color: #E1D1EC;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    aspect-ratio: 1400/800;
}

.page-03-cadastro main .left form .box-upload label span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #3F3F3F;
}

.page-03-cadastro main .left form .box-upload label b {
    font-size: 0.875rem;
    font-weight: 700;
    color: #6918A1;
}

.page-03-cadastro main .left form .box-contact .title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 2rem;
    display: block;
}

.page-03-cadastro main .left form .box-terms h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 0.8125rem;
}

.page-03-cadastro main .left form .box-terms p {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 28px;
}

.page-03-cadastro main .left form .box-terms p+p {
    margin-top: 30px;
}

.page-03-cadastro main .left form .box-terms .input-group-terms {
    margin-top: 32px;
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 0.5rem;
}

.page-03-cadastro main .left form .box-terms .input-group-terms input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #C0C6CF;
    border-radius: 3px;
    transition: 200ms;
    background-image: url(../images/icon-check.svg);
    background-size: 10px;
    background-position: center top -100px;
    background-repeat: no-repeat;
    transition: 200ms;
    cursor: pointer;
}

.page-03-cadastro main .left form .box-terms .input-group-terms input[type=checkbox]:checked {
    background-position: center center;
    background-color: #82F091;
    border-color: #5BB968;
}

.page-03-cadastro main .left form .box-terms .input-group-terms input[type=checkbox]:checked+label {
    color: #3F3F3F;
}

.page-03-cadastro main .left form .box-terms .input-group-terms label {
    cursor: pointer;
    margin-top: -4px;
    font-size: 14px;
    font-weight: 600;
    color: #7d7c7c;
    line-height: 24px;
}

.page-03-cadastro main .left form .box-whatsapp {
    margin-top: 6.25rem;
}

.page-03-cadastro main .left form .box-whatsapp h3 {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
}

.page-03-cadastro main .left form .box-whatsapp p {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #3F3F3F;
}

.page-03-cadastro main .left form .box-whatsapp .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}

.page-03-cadastro main .left form .required-fields {
    font-size: 0.75rem;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 50px;
    display: block;
    margin-top: -7px;
}

.page-03-cadastro main .left form .required-fields b {
    color: #EC5569;
}

.page-03-cadastro main .left form .btn,
.page-03-cadastro main .left form .btn-next {
    height: 60px;
    border: 1px solid #5BB968;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    background-color: #82F091;
    font-size: 16px;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    cursor: pointer;
    transition: 200ms;
}

.page-03-cadastro main .left form .btn:hover,
.page-03-cadastro main .left form .btn-next:hover {
    background-color: rgb(104, 227, 121);
}

.page-03-cadastro main .left form p {
    font-size: 16px;
    font-weight: 700;
    color: #282828;
    margin-bottom: 20px;
}

.page-03-cadastro main .left form p a {
    color: #6918A1;
    font-weight: 700;
    transition: 200ms;
}

.page-03-cadastro main .left form p a:hover {
    color: #9b31e6;
}

.page-03-cadastro main .left form .title {
    font-size: 18px;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 30px;
    margin-bottom: 32px;
}

.page-03-cadastro main .left>span {
    font-size: 0.875rem;
    font-weight: 600;
    color: #9AADB5;
}

.page-03-cadastro main .cover {
    max-width: 933px;
}

.page-03-cadastro main .cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 2.25rem;
}

@media screen and (max-width: 1800px) {
    .page-03-cadastro main {
        gap: 6.25rem;
    }

    .page-03-cadastro main .left {
        padding-left: 40px;
        padding-right: 40px;
    }

    .page-03-cadastro main .cover {
        max-width: 700px;
    }
}

@media screen and (max-width: 1450px) {
    .page-03-cadastro main .cover {
        max-width: 37.5rem;
    }
}

@media screen and (max-width: 1350px) {
    .page-03-cadastro main {
        padding: 0;
        display: block;
    }

    .page-03-cadastro main .top-bg {
        display: block;
        padding-top: 2.25rem;
        padding-bottom: 3.5rem;
        display: flex;
        justify-content: center;
        background-image: url(../images/top-bg-cadastro.png);
        background-position: top center;
        background-size: cover;
    }

    .page-03-cadastro main .left {
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        margin-top: -26px;
        padding-top: 2.5rem;
        padding-bottom: 1rem;
    }

    .page-03-cadastro main .left .logo {
        display: none;
    }

    .page-03-cadastro main .left form {
        width: 100%;
        max-width: initial;
        margin-top: 0;
        padding-top: 0;
        flex: initial;
        margin-bottom: auto;
    }

    .page-03-cadastro main .left form h1 {
        margin-top: 0;
        line-height: 1;
        margin-bottom: 0;
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .page-03-cadastro main .left form h3 {
        text-align: center;
        margin-bottom: 0;
        line-height: 1;
    }

    .page-03-cadastro main .left form .box-whatsapp p {
        margin-top: 10px;
        line-height: 1;
    }

    .page-03-cadastro main .left form .box-whatsapp .btn {
        margin-top: 30px;
    }

    .page-03-cadastro main .left form .steps-control {
        gap: 6px;
        margin-bottom: 2rem;
    }

    .page-03-cadastro main .left form .steps-control .step-number {
        width: 1.75rem;
        height: 1.75rem;
        font-size: 0.875rem;
    }

    .page-03-cadastro main .left form .steps-control .step-number.completed {
        background-size: 10px;
    }

    .page-03-cadastro main .left form .btn-next {
        margin-bottom: 5px;
    }

    .page-03-cadastro main .left form .required-fields {
        text-align: center;
        margin-top: 0;
        margin-bottom: 24px;
        font-size: 12px;
        margin-inline: auto;
    }

    .page-03-cadastro main .left form p {
        text-align: center;
        margin-top: 20px;
    }

    .page-03-cadastro main .left form .box-social .wrapper .item {
        max-width: 500px;
    }

    .page-03-cadastro main .left>span {
        max-width: 180px;
        margin-inline: auto;
        font-size: 0.75rem;
        line-height: 1.4;
        text-align: center;
        margin-top: 30px;
    }

    .page-03-cadastro main .cover {
        display: none;
    }
}

@media screen and (max-width: 993px) {
    .page-03-cadastro main .left {
        padding-inline: 20px;
        min-height: calc(100% - 130px);
        height: initial;
    }

    .page-03-cadastro main .left form .box-social .list .item {
        flex-wrap: wrap;
    }

    .page-03-cadastro main .left form .box-social .list .item+.item {
        margin-top: 1.5rem;
    }

    .page-03-cadastro main .left form .box-social .list .item label {
        width: calc(100% - 50px);
        flex: initial;
    }

    .page-03-cadastro main .left form .box-social .list .item input[type=text] {
        width: 100%;
        flex: initial;
        max-width: initial;
        margin-top: 0.75rem;
    }
}

.page-04-dash {
    display: flex;
    gap: 3px;
    background-color: #F3F4F7;
    height: 100vh;
}

.page-04-dash .main-aside {
    width: 300px;
    height: 100vh;
    background-color: #FFFFFF;
    padding-top: 1.375rem;
    padding-inline: 1.5rem;
}

.page-04-dash .main-aside .logo {
    display: block;
    margin-left: 15px;
}

.page-04-dash .main-aside nav {
    margin-top: 1.75rem;
}

.page-04-dash .main-aside nav a {
    padding-inline: 1.25rem;
    height: 2.875rem;
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    border-radius: 8px;
    transition: 200ms;
}

.page-04-dash .main-aside nav a+a {
    margin-top: 0.1875rem;
}

.page-04-dash .main-aside nav a .icon {
    width: 14px;
}

.page-04-dash .main-aside nav a .icon svg {
    display: block;
    width: 100%;
}

.page-04-dash .main-aside nav a .icon svg.active {
    display: none;
}

.page-04-dash .main-aside nav a span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #959DB4;
    letter-spacing: 0;
}

.page-04-dash .main-aside nav a.active,
.page-04-dash .main-aside nav a:hover {
    background-color: #F0E8F6;
}

.page-04-dash .main-aside nav a.active .icon svg,
.page-04-dash .main-aside nav a:hover .icon svg {
    display: none;
}

.page-04-dash .main-aside nav a.active .icon svg.active,
.page-04-dash .main-aside nav a:hover .icon svg.active {
    display: block;
}

.page-04-dash .main-aside nav a.active span,
.page-04-dash .main-aside nav a:hover span {
    color: #6918A1;
}

.page-04-dash .main-content {
    height: 100vh;
    background-color: #F7F8FB;
    overflow-y: auto;
    position: relative;
    flex: 1;
}

.page-04-dash .main-content .main-header {
    position: sticky;
    top: 0;
    left: -34px;
    right: 0;
    height: 4.875rem;
    background-color: #FFFFFF;
    border-bottom: 1px solid #F3F4F7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 34px;
    z-index: 4;
}

.page-04-dash .main-content .main-header .page {
    font-size: 24px;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0;
}

.page-04-dash .main-content .main-header .right {
    display: flex;
    align-items: center;
    gap: 2.0625rem;
}

.page-04-dash .main-content .main-header .right .btn-notification {
    text-decoration: none;
    position: relative;
}

.page-04-dash .main-content .main-header .right .btn-notification.with-notification::after {
    content: "";
    border: 0.0625rem solid #FFFFFF;
    background-color: #E70606;
    border-radius: 999px;
    width: 0.5rem;
    height: 0.5rem;
    box-sizing: content-box;
    position: absolute;
    right: -1px;
    top: -1px;
}

.page-04-dash .main-content .main-header .right .btn-profile {
    padding: 0.6875rem 0.8125rem 0.6875rem 1rem;
    border: 1px solid #D2D5DF;
    display: flex;
    align-items: center;
    border-radius: 0.625rem;
    text-decoration: none;
}

.page-04-dash .main-content .main-header .right .btn-profile .avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.page-04-dash .main-content .main-header .right .btn-profile div {
    margin-left: 0.5rem;
    flex: 1;
    margin-right: 3.125rem;
}

.page-04-dash .main-content .main-header .right .btn-profile div span {
    display: block;
}

.page-04-dash .main-content .main-header .right .btn-profile div span.name {
    font-size: 0.875rem;
    color: #161923;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0.375rem;
}

.page-04-dash .main-content .main-header .right .btn-profile div span.email {
    font-size: 0.75rem;
    font-weight: 400;
    color: #A3AABE;
    line-height: 1;
}

.page-04-dash .main-content .main-header-mobile {
    display: none;
}

.page-04-dash .main-content .content,
.page-04-dash .main-content .content-table,
.page-04-dash .main-content .content-full {
    padding-left: 2.125rem;
    padding-top: 2rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5625rem;
}

.page-04-dash .main-content .content-table-mobile,
.page-04-dash .main-content .pagination-mobile {
    display: none;
}

.page-04-dash .main-content .box-message {
    padding-inline: 2.5rem;
    height: 6.25rem;
    border-radius: 1.5rem;
    background-color: #F7EFCE;
    margin-bottom: 2rem;
    max-width: 65.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    color: #161923;
}

.page-04-dash .main-content .status-profile h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    margin-bottom: 0.6875rem;
}

.page-04-dash .main-content .status-profile .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    max-width: 65.25rem;
}

.page-04-dash .main-content .status-profile .box {
    padding-top: 2.9375rem;
    padding-left: 2.3125rem;
    padding-bottom: 1.6875rem;
    background-color: #FFFFFF;
    border: 1px solid #EFEFEF;
    border-radius: 1.5rem;
}

.page-04-dash .main-content .status-profile .box svg {
    margin-bottom: 0.8125rem;
}

.page-04-dash .main-content .status-profile .box h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #717B98;
    letter-spacing: 0;
    margin-bottom: 0.4375rem;
}

.page-04-dash .main-content .status-profile .box .number {
    font-size: 3rem;
    font-weight: 700;
    color: #161923;
    display: block;
    line-height: 1;
}

.page-04-dash .main-content .box-upload-image {
    margin-block: 2rem;
}

.page-04-dash .main-content .box-upload-image .name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0;
    margin-bottom: 12px;
    display: block;
}

.page-04-dash .main-content .box-upload-image .dropzone {
    padding-top: 2.1875rem;
    padding-bottom: 0.625rem;
    border: 1px solid #C0C6CF;
    border-radius: 0.75rem;
    max-width: 62.375rem;
}

.page-04-dash .main-content .box-upload-image .dropzone .btn {
    margin-bottom: 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.4375rem;
    border-radius: 8px;
    background-color: #82F091;
    text-decoration: none;
    padding-inline: 3rem;
    gap: 0.625rem;
    font-size: 12px;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 1.6;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
    transition: 200ms;
}

.page-04-dash .main-content .box-upload-image .dropzone .btn:hover {
    background-color: rgb(104, 227, 121);
}

.page-04-dash .main-content .box-upload-image .dropzone .text {
    display: block;
    text-align: center;
    font-size: 0.625rem;
    line-height: 1.6;
    color: #3F3F3F;
    letter-spacing: 0;
}

.page-04-dash .main-content .box-upload-image .result {
    display: none;
}

.page-04-dash .main-content .box-upload-image.uploaded .dropzone {
    display: none;
}

.page-04-dash .main-content .box-upload-image.uploaded .result {
    display: block;
    display: grid;
    grid-template-columns: 9.25rem 1fr;
    align-items: center;
    gap: 1.375rem;
}

.page-04-dash .main-content .box-upload-image.uploaded .result .box-uplod-finish {
    position: relative;
    aspect-ratio: 148/93;
}

.page-04-dash .main-content .box-upload-image.uploaded .result .box-uplod-finish img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.page-04-dash .main-content .box-upload-image.uploaded .result .box-uplod-finish button {
    position: absolute;
    top: 0;
    right: -12px;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    background-color: #E63950;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-04-dash .main-content .box-upload-image.uploaded .result p {
    font-size: 12px;
    font-weight: 400;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 1.6;
}

.page-04-dash .main-content .profile-info {
    max-width: 62.375rem;
    padding-bottom: 2rem;
}

.page-04-dash .main-content .profile-info .name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0px;
    line-height: 22px;
    margin-bottom: 1rem;
}

.page-04-dash .main-content .profile-info .column-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.page-04-dash .main-content .profile-info .column-2+.column-2 {
    margin-top: 1rem;
}

.page-04-dash .main-content .profile-info .input-group label {
    font-size: 0.875rem;
    line-height: 1.875rem;
    margin-bottom: 0.125rem;
    font-weight: 600;
}

.page-04-dash .main-content .profile-info .input-group input,
.page-04-dash .main-content .profile-info .input-group select {
    padding-inline: 1.875rem;
    border: 1px solid #3F3F3F;
}

.page-04-dash .main-content .profile-info .input-group input,
.page-04-dash .main-content .profile-info .input-group select,
.page-04-dash .main-content .profile-info .input-group-textarea textarea {
    background-color: #FFF;
}

.page-04-dash .main-content .profile-info .input-group input:disabled,
.page-04-dash .main-content .profile-info textarea:disabled {
    background-color: #F4F4F4;
    border-color: #C0C6CF;
}

.page-04-dash .main-content .profile-info .box-select-element {
    position: relative;
}

.page-04-dash .main-content .profile-info .box-select-element .title {
    font-size: 0.875rem;
    line-height: 1.875rem;
    margin-bottom: 0.125rem;
    font-weight: 600;
    display: block;
    color: #3F3F3F;
}

.page-04-dash .main-content .profile-info .box-select-element label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #3F3F3F;
    border-radius: 8px;
    padding-inline: 1.875rem;
    height: 3.75rem;
    cursor: pointer;
}

.page-04-dash .main-content .profile-info .box-select-element label span {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
    letter-spacing: 0;
}

.page-04-dash .main-content .profile-info .box-select-element label svg {
    transition: 200ms;
}

.page-04-dash .main-content .profile-info .box-select-element .modal-box-select {
    max-height: 0px;
    visibility: hidden;
    opacity: 0;
    border: 1px solid #3F3F3F;
    border-radius: 8px;
    background-color: #F7F8FB;
    display: block;
    width: 100%;
    list-style: none;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 8px);
    z-index: 5;
}

.page-04-dash .main-content .profile-info .box-select-element .modal-box-select::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
}

.page-04-dash .main-content .profile-info .box-select-element .modal-box-select::-webkit-scrollbar-thumb {
    background-color: #c3c3c3;
    border-radius: 8px;
}

.page-04-dash .main-content .profile-info .box-select-element .modal-box-select li {
    padding-inline: 30px;
    padding-block: 10px;
    transition: 200ms;
    cursor: pointer;
}

.page-04-dash .main-content .profile-info .box-select-element .modal-box-select li:hover {
    background-color: #FFFFFF;
}

.page-04-dash .main-content .profile-info .box-select-element.active label svg {
    transform: scale(-1);
}

.page-04-dash .main-content .profile-info .box-select-element.active .modal-box-select {
    visibility: visible;
    opacity: 1;
    max-height: 120px;
}

.page-04-dash .main-content .profile-info .input-group-textarea {
    margin-block: 16px;
}

.page-04-dash .main-content .profile-info .input-group-textarea label {
    font-size: 0.875rem;
    margin-bottom: 0.3125rem;
    line-height: 1.875rem;
}

.page-04-dash .main-content .profile-info .input-group-textarea textarea {
    border: 1px solid #3F3F3F;
}

.page-04-dash .main-content .profile-info .box-social {
    margin-top: 1.5rem;
}

.page-04-dash .main-content .profile-info .box-social h3 {
    margin-bottom: 0.25rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    font-size: 0.875rem;
    color: #3F3F3F;
}

.page-04-dash .main-content .profile-info .box-social .list {
    max-width: 500px;
}

.page-04-dash .main-content .profile-info .box-social .list .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page-04-dash .main-content .profile-info .box-social .list .item+.item {
    margin-top: 0.5rem;
}

.page-04-dash .main-content .profile-info .box-social .list .item input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #C0C6CF;
    border-radius: 3px;
    transition: 200ms;
    background-image: url(../images/icon-check.svg);
    background-size: 10px;
    background-position: center top -100px;
    background-repeat: no-repeat;
    transition: 200ms;
    cursor: pointer;
    margin-right: 13px;
}

.page-04-dash .main-content .profile-info .box-social .list .item input[type=checkbox]:checked {
    background-position: center center;
    background-color: #82F091;
    border-color: #5BB968;
}

.page-04-dash .main-content .profile-info .box-social .list .item label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 30px;
    cursor: pointer;
}

.page-04-dash .main-content .profile-info .box-social .list .item input[type=text] {
    flex: 1;
    max-width: 327px;
    margin-left: auto;
    height: 3.75rem;
    padding-inline: 1.5rem;
    border: 1px solid #3F3F3F;
    border-radius: 0.5rem;
    background-color: #FFF;
}

.page-04-dash .main-content .profile-info .box-social .list .item input[type=text]:disabled {
    border-color: #C0C6CF;
    background-color: #F4F4F4;
    cursor: not-allowed;
}

.page-04-dash .main-content .box-change-password {
    padding-top: 2rem;
    border-top: 1px solid #C0C6CF;
    max-width: 62.375rem;
}

.page-04-dash .main-content .box-change-password h3 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0;
    line-height: 22px;
}

.page-04-dash .main-content .box-change-password .column-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.page-04-dash .main-content .box-change-password .column-2+.column-2 {
    margin-top: 1rem;
}

.page-04-dash .main-content .box-change-password .column-2 button[type=submit] {
    height: 60px;
    border: 1px solid #5BB968;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 8px;
    background-color: #82F091;
    font-size: 16px;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    cursor: pointer;
    transition: 200ms;
    margin-top: 1.5rem;
}

.page-04-dash .main-content .box-change-password .column-2 button[type=submit]:hover {
    background-color: rgb(104, 227, 121);
}

.page-04-dash .main-content .group-title-1 h1 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    line-height: 22px;
    letter-spacing: 0;
}

.page-04-dash .main-content .group-title-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.625rem;
}

.page-04-dash .main-content .group-title-2 .left h1 {
    margin-bottom: 0.375rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    line-height: 22px;
    letter-spacing: 0;
}

.page-04-dash .main-content .group-title-2 .left p {
    font-size: 1rem;
    font-weight: 400;
    color: #717B98;
    line-height: 22px;
}

.page-04-dash .main-content .group-title-2 .left .status {
    height: 1.875rem;
    padding-inline: 0.9375rem;
    border-radius: 2.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    width: -moz-max-content;
    width: max-content;
}

.page-04-dash .main-content .group-title-2 .left .status.success {
    background-color: #F2FBF7;
    color: #5FD7AA;
}

.page-04-dash .main-content .group-title-2 .left .status.resolved {
    background-color: #F6FEE2;
    color: #87AC32;
}

.page-04-dash .main-content .group-title-2 .left .status.finished {
    background-color: #FFEAD6;
    color: #FF9730;
}

.page-04-dash .main-content .group-title-2 .left .status.denied {
    background-color: #FBE6E6;
    color: #CB1E00;
}

.page-04-dash .main-content .group-title-2 .left .status.waiting {
    background-color: #E6EBFB;
    color: #6918A1;
}

.page-04-dash .main-content .group-title-2 .btn-add {
    border: 1px solid #3B0561;
    border-radius: 0.5rem;
    height: 3.125rem;
    padding-inline: 2.8125rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background-color: #6918A1;
    text-decoration: none;
}

.page-04-dash .main-content .group-title-2 .btn-add svg.active {
    display: none;
}

.page-04-dash .main-content .group-title-2 .btn-add span {
    font-size: 0.875rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.page-04-dash .btn-inactivate {
    height: 3.75rem;
    border-radius: 0.5rem;
    background-color: #ED6666 !important;
    padding-inline: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E70606 !important;
    cursor: pointer;
    text-decoration: none;
    color: #FFFFFF !important;
    transition: 200ms;
}

.page-04-dash .btn-inactivate span {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFFFFF !important;
    text-transform: uppercase;
}

.page-04-dash .btn-inactivate:hover {
    background-color: #E70606 !important;
}

.page-04-dash .main-content .group-title-2 .mobile-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none;
    width: 100%;
}

.page-04-dash .main-content .group-title-2 .mobile-filters .btn-ghost {
    height: 3rem;
    padding-inline: 3.125rem;
    border: 1px solid #6918A1;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.page-04-dash .main-content .group-title-2 .mobile-filters .btn-ghost span {
    font-size: 0.75rem;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
}

.page-04-dash .main-content .group-title-2 .mobile-filters .btn-ordenar {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.page-04-dash .main-content .group-title-2 .mobile-filters .btn-ordenar span {
    margin-left: 8px;
    margin-right: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #0A0A0A;
}

@media screen and (max-width: 993px) {
    .page-04-dash .main-content .group-title-2 .mobile-filters {
        display: flex;
    }
}

.page-04-dash .main-content .group-title-3 {
    margin-bottom: 1rem;
}

.page-04-dash .main-content .group-title-3 h1 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 0.5rem;
}

.page-04-dash .main-content .group-title-4 {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}

.page-04-dash .main-content .group-title-4 .left h1 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    line-height: 22px;
    letter-spacing: 0;
    margin-bottom: 0.5rem;
}

.page-04-dash .main-content .group-title-4 .left p {
    font-size: 1rem;
    font-weight: 400;
    color: #717B98;
    line-height: 22px;
    margin-bottom: 0.5rem;
}

.page-04-dash .main-content .group-title-4 .left .status {
    height: 1.875rem;
    padding-inline: 0.9375rem;
    border-radius: 2.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    width: -moz-max-content;
    width: max-content;
}

.page-04-dash .main-content .group-title-4 .left .status.success {
    background-color: #F2FBF7;
    color: #5FD7AA;
}

.page-04-dash .main-content .group-title-4 .left .status.resolved {
    background-color: #F6FEE2;
    color: #87AC32;
}

.page-04-dash .main-content .group-title-4 .left .status.finished {
    background-color: #FFEAD6;
    color: #FF9730;
}

.page-04-dash .main-content .group-title-4 .left .status.denied {
    background-color: #FBE6E6;
    color: #CB1E00;
}

.page-04-dash .main-content .group-title-4 .left .status.waiting {
    background-color: #E6EBFB;
    color: #6918A1;
}

.page-04-dash .main-content .group-title-4 .right {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.page-04-dash .main-content .group-title-4 .right .btn-cancel,
.page-04-dash .main-content .group-title-4 .right .btn-resolved {
    height: 3.75rem;
    padding-inline: 3.75rem;
    min-width: 18.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    text-decoration: none;
}

.page-04-dash .main-content .group-title-4 .right .btn-cancel {
    background-color: #ED6666;
    border: 1px solid #E70606;
}

.page-04-dash .main-content .group-title-4 .right .btn-cancel span {
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
}

.page-04-dash .main-content .group-title-4 .right .btn-resolved {
    background-color: #82F091;
    border: 1px solid #5BB968;
    gap: 0.5rem;
}

.page-04-dash .main-content .group-title-4 .right .btn-resolved span {
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
}

.page-04-dash .main-content .input-group-select .select {
    height: 3.75rem;
    padding-inline: 1.875rem;
    border: 1px solid #3F3F3F;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 280px;
    cursor: pointer;
}

.page-04-dash .main-content .input-group-select .select span {
    font-size: 0.875rem;
    font-weight: 400;
    color: #3F3F3F;
}

.page-04-dash .main-content .filters {
    background-color: #FFFFFF;
    padding-inline: 2rem;
    padding-block: 1.25rem;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
}

.page-04-dash .main-content .filters .search {
    height: 3.375rem;
    padding-inline: 2.875rem;
    border: 1px solid #D2D5DF;
    border-radius: 0.625rem;
    background-image: url(../images/icon-search.svg);
    background-position: left 1.5rem center;
    background-repeat: no-repeat;
}

.page-04-dash .main-content .filters .search::-moz-placeholder {
    color: #A3AABE;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0;
}

.page-04-dash .main-content .filters .search::placeholder {
    color: #A3AABE;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0;
}

.page-04-dash .main-content .filters .input-group-select-box .select {
    height: 3.375rem;
    border: 1px solid #D2D5DF;
    border-radius: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding-inline: 1.5rem;
    cursor: pointer;
}

.page-04-dash .main-content .filters .input-group-select-box .select label {
    font-size: 0.875rem;
    font-weight: 400;
    color: #A3AABE;
    letter-spacing: 0;
}

.page-04-dash .main-content .filters .input-group-select-box .select label span {
    color: #5A6789;
}

.page-04-dash .main-content .filters .right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-04-dash .main-content .theader {
    background-color: #F7F8FB;
    display: grid;
    grid-template-columns: 15.72% 16.72% 33.44% 34.12%;
    padding-block: 1rem;
    padding-inline: 2rem;
}

.page-04-dash .main-content .theader .td {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.page-04-dash .main-content .theader .td span {
    font-size: 0.75rem;
    font-weight: 700;
    color: #5A6789;
    text-transform: uppercase;
}

.page-04-dash .main-content .theader .td .buttons-order {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.page-04-dash .main-content .theader .td .buttons-order button {
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: transparent;
}

.page-04-dash .main-content .tbody .tr {
    background-color: #FFFFFF;
    display: grid;
    grid-template-columns: 15.72% 16.72% 33.44% 34.12%;
    padding-block: 1rem;
    padding-inline: 2rem;
}

.page-04-dash .main-content .tbody .tr+.tr {
    border-top: 1px solid #C0C6CF;
}

.page-04-dash .main-content .tbody .tr span {
    font-size: 0.875rem;
    font-weight: 600;
    color: #3F3F3F;
}

.page-04-dash .main-content .pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5625rem;
    padding-inline: 2rem;
    padding-block: 1.25rem;
    border-top: 1px solid #C0C6CF;
}

.page-04-dash .main-content .pagination .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 20px;
    height: 20px;
}

.page-04-dash .main-content .pagination .btn svg.active {
    display: none;
}

.page-04-dash .main-content .pagination .btn:hover svg,
.page-04-dash .main-content .pagination .btn.active svg {
    display: none;
}

.page-04-dash .main-content .pagination .btn:hover svg.active,
.page-04-dash .main-content .pagination .btn.active svg.active {
    display: block;
}

.page-04-dash .main-content .pagination .pages {
    display: flex;
    align-items: center;
    gap: 0.71875rem;
}

.page-04-dash .main-content .pagination .pages a {
    min-width: 20px;
    padding-inline: 5px;
    height: 20px;
    border-radius: 5px;
    background-color: transparent;
    transition: 200ms;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    color: #3F3F3F;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-04-dash .main-content .pagination .pages a.active,
.page-04-dash .main-content .pagination .pages a:hover {
    background-color: #6918A1;
    color: #FFFFFF;
}

.page-04-dash .main-content .scroll-h {
    overflow-x: auto;
}

.page-04-dash .main-content .scroll-h::-webkit-scrollbar {
    display: none;
}

.page-04-dash .main-content .table .status {
    height: 1.875rem;
    padding-inline: 0.1875rem;
    border-radius: 2.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    min-width: 106px;
}

.page-04-dash .main-content .table .status.success {
    background-color: #F2FBF7;
    color: #5FD7AA;
}

.page-04-dash .main-content .table .status.resolved {
    background-color: #F6FEE2;
    color: #87AC32;
}

.page-04-dash .main-content .table .status.finished {
    background-color: #FFEAD6;
    color: #FF9730;
}

.page-04-dash .main-content .table .status.denied {
    background-color: #FBE6E6;
    color: #CB1E00;
}

.page-04-dash .main-content .table .status.waiting {
    background-color: #E6EBFB;
    color: #6918A1;
}

.page-04-dash .main-content .table.table-1,
.page-04-dash .main-content .table.table-2,
.page-04-dash .main-content .table.table-3,
.page-04-dash .main-content .table.table-4,
.page-04-dash .main-content .table.table-5,
.page-04-dash .main-content .table.table-6 {
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    overflow: hidden;
    min-height: 50vh;
}

.page-04-dash .main-content .table.table-1 .theader {
    min-width: 1300px;
}

.page-04-dash .main-content .table.table-1 .tbody {
    min-width: 1300px;
}

.page-04-dash .main-content .table.table-2 .theader {
    width: 1520px;
    grid-template-columns: 27.07% 13.78% 9.36% 14.37% 13.37% 14.03% 9.03%;
}

.page-04-dash .main-content .table.table-2 .theader .td:nth-child(3),
.page-04-dash .main-content .table.table-2 .theader .td:nth-child(4),
.page-04-dash .main-content .table.table-2 .theader .td:nth-child(5),
.page-04-dash .main-content .table.table-2 .theader .td:nth-child(6) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-04-dash .main-content .table.table-2 .tbody .tr {
    width: 1520px;
    grid-template-columns: 27.07% 13.78% 11.36% 14.37% 13.37% 14.03% 9.03%;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td:nth-child(3),
.page-04-dash .main-content .table.table-2 .tbody .tr .td:nth-child(4),
.page-04-dash .main-content .table.table-2 .tbody .tr .td:nth-child(5),
.page-04-dash .main-content .table.table-2 .tbody .tr .td:nth-child(6) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td:last-of-type {
    display: flex;
    justify-content: flex-end;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td .status {
    height: 1.875rem;
    padding-inline: 2.0625rem;
    border-radius: 2.5625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td .status.success {
    background-color: #F2FBF7;
    color: #5FD7AA;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td .status.resolved {
    background-color: #F6FEE2;
    color: #87AC32;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td .status.finished {
    background-color: #FFEAD6;
    color: #FF9730;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td .status.denied {
    background-color: #FBE6E6;
    color: #CB1E00;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td .status.waiting {
    background-color: #E6EBFB;
    color: #6918A1;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td .btn-more {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.page-04-dash .main-content .table.table-2 .tbody .tr .td .btn-more span {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6918A1;
    text-decoration: underline;
}

@media screen and (max-width: 1600px) {
    .page-04-dash .main-content .table.table-3 .filters {
        flex-direction: column;
        gap: 10px;
    }

    .page-04-dash .main-content .table.table-3 .filters .search {
        width: 100%;
    }

    .page-04-dash .main-content .table.table-3 .filters .right {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .page-04-dash .main-content .table.table-3 .filters .right .input-group-select-box .select label {
        font-size: 12px;
    }

    .page-04-dash .main-content .table.table-3 .filters .right .input-group-select-box .select label span {
        font-size: 12px;
    }
}

.page-04-dash .main-content .table.table-3 .theader {
    min-width: 1400px;
    grid-template-columns: 15.42% 10.99% 19.44% 12.33% 10.32% 12.74% 8.04% 7.04% 3.69%;
}

.page-04-dash .main-content .table.table-3 .theader .td:nth-child(7) {
    display: flex;
    justify-content: center;
}

.page-04-dash .main-content .table.table-3 .theader .td:nth-child(8) {
    display: flex;
    justify-content: center;
}

.page-04-dash .main-content .table.table-3 .theader .td:nth-child(9) {
    display: flex;
    justify-content: flex-end;
}

.page-04-dash .main-content .table.table-3 .tbody {
    min-width: 1400px;
}

.page-04-dash .main-content .table.table-3 .tbody .tr {
    grid-template-columns: 15.42% 10.99% 19.44% 12.33% 10.32% 12.74% 8.04% 7.04% 3.69%;
}

.page-04-dash .main-content .table.table-3 .tbody .tr .td span {
    font-weight: 400;
}

.page-04-dash .main-content .table.table-3 .tbody .tr .td:nth-child(7) {
    display: flex;
    justify-content: center;
}

.page-04-dash .main-content .table.table-3 .tbody .tr .td:nth-child(8) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-04-dash .main-content .table.table-3 .tbody .tr .td:nth-child(9) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.page-04-dash .main-content .table.table-3 .tbody .tr .td .btn {
    transition: 200ms;
    line-height: 0;
}

.page-04-dash .main-content .table.table-3 .tbody .tr .td .btn:hover {
    transform: scale(1.1);
}

.page-04-dash .main-content .table.table-3 .tbody .tr.waiting .td span {
    color: #6918A1;
}

.page-04-dash .main-content .table.table-3 .tbody .tr.denied .td span {
    color: #CB1E00;
}

.page-04-dash .main-content .table.table-4 .theader {
    grid-template-columns: 23.33% 16.67% 60%;
}

.page-04-dash .main-content .table.table-4 .tbody .tr {
    grid-template-columns: 23.33% 16.67% 60%;
}

.page-04-dash .main-content .table.table-4 .tbody .tr .td span {
    font-weight: 400;
}

.page-04-dash .main-content .table.table-5 .theader {
    grid-template-columns: 37.71% 18.52% 14.14% 10.1% 9.43% 10.1%;
    min-width: 1500px;
}

.page-04-dash .main-content .table.table-5 .theader .td:nth-child(4) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-04-dash .main-content .table.table-5 .theader .td:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-04-dash .main-content .table.table-5 .theader .td:nth-child(6) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.page-04-dash .main-content .table.table-5 .tbody .tr {
    min-width: 1500px;
    grid-template-columns: 37.71% 18.52% 14.14% 10.1% 9.43% 10.1%;
}

.page-04-dash .main-content .table.table-5 .tbody .tr .td span {
    font-weight: 400;
}

.page-04-dash .main-content .table.table-5 .tbody .tr .td .btn-more {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
}

.page-04-dash .main-content .table.table-5 .tbody .tr .td .btn-more span {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6918A1;
    text-decoration: underline;
}

.page-04-dash .main-content .table.table-5 .tbody .tr .td:nth-child(4) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-04-dash .main-content .table.table-5 .tbody .tr .td:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-04-dash .main-content .table.table-5 .tbody .tr .td:nth-child(6) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.page-04-dash .main-content .table.table-6 .theader {
    min-width: 1300px;
    grid-template-columns: 22.22% 18.34% 59.44%;
}

.page-04-dash .main-content .table.table-6 .tbody {
    min-width: 1300px;
}

.page-04-dash .main-content .table.table-6 .tbody .tr {
    grid-template-columns: 22.22% 18.34% 59.44%;
}

.page-04-dash .main-content .wrapper-qtd {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin-bottom: 3rem;
}

.page-04-dash .main-content .wrapper-qtd .item {
    background-color: #FFFFFF;
    padding: 2rem 2.5rem;
    border: 1px solid #EFEFEF;
    border-radius: 24px;
}

.page-04-dash .main-content .wrapper-qtd .item h2 {
    margin-top: 0.8125rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: #717B98;
    line-height: 22px;
    letter-spacing: 0;
}

.page-04-dash .main-content .wrapper-qtd .item .number {
    display: block;
    font-size: 48px;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0;
    line-height: 1;
}

.page-04-dash .main-content .wrapper-qtd.with-filter {
    grid-template-columns: repeat(3, 1fr);
}

.page-04-dash .main-content .section-most-viewed {
    margin-bottom: 3rem;
}

.page-04-dash .main-content .section-most-viewed h2 {
    font-size: 20px;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 1rem;
}

.page-04-dash .main-content .section-most-viewed .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5625rem;
}

.page-04-dash .main-content .section-most-viewed .card-most-viewed {
    height: 6.5rem;
    padding-left: 2.5rem;
    padding-right: 1.5625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    border-radius: 24px;
    border: 1px solid #EFEFEF;
}

.page-04-dash .main-content .section-most-viewed .card-most-viewed .left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-04-dash .main-content .section-most-viewed .card-most-viewed .left img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
}

.page-04-dash .main-content .section-most-viewed .card-most-viewed .left span {
    font-size: 1rem;
    font-weight: 700;
    color: #161923;
}

.page-04-dash .main-content .section-most-viewed .card-most-viewed>span {
    font-size: 1rem;
    font-weight: 600;
    color: #717B98;
}

.page-04-dash .main-content .section-most-viewed.with-filter h2 {
    margin-bottom: 0.5rem;
}

.page-04-dash .main-content .section-most-viewed.with-filter .input-group-select {
    margin-bottom: 1rem;
}

/* Novos estilos para organizar os gráficos de relatórios */
.charts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 2rem 0;
}

.chart-container {
    background-color: #FFFFFF;
    padding: 1.5rem;
    border: 1px solid #EFEFEF;
    border-radius: 16px;
}

.chart-container h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #161923;
    margin-bottom: 1rem;
    text-align: center;
}

.chart-container-full {
    background-color: #FFFFFF;
    padding: 2rem;
    border: 1px solid #EFEFEF;
    border-radius: 16px;
    margin: 2rem 0;
}

.chart-container-full h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #161923;
    margin-bottom: 1.5rem;
    text-align: center;
}

.ajax-scripts-container {
    display: none; /* Oculta os scripts, apenas executa eles */
}

/* Estilos para tabelas de monitoramento */
.table-container {
    background-color: #FFFFFF;
    padding: 1.5rem;
    border: 1px solid #EFEFEF;
    border-radius: 16px;
}

.table-container h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #161923;
    margin-bottom: 1rem;
    text-align: center;
}

.table-wrapper {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #EFEFEF;
    border-radius: 8px;
}

.monitoring-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.monitoring-table th {
    background-color: #f8f9fa;
    padding: 0.75rem 0.5rem;
    text-align: left;
    font-weight: 600;
    color: #495057;
    border-bottom: 1px solid #EFEFEF;
    position: sticky;
    top: 0;
    z-index: 1;
}

.monitoring-table td {
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid #f1f3f4;
    color: #495057;
}

.monitoring-table tr:hover {
    background-color: #f8f9fa;
}

.status-badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-alert {
    background-color: #f8d7da;
    color: #721c24;
}

.status-warning {
    background-color: #fff3cd;
    color: #856404;
}

.loading {
    text-align: center;
    padding: 2rem;
    color: #6c757d;
}

/* Items de alerta com cores diferenciadas */
.alert-item svg rect {
    fill: #e74a3b;
}

.alert-item:nth-child(2) svg rect {
    fill: #f6c23e;
}

/* Responsividade para gráficos */
@media (max-width: 768px) {
    .charts-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .chart-container,
    .chart-container-full {
        padding: 1rem;
    }
}

.page-04-dash .main-content .section-searches {
    margin-bottom: 1.875rem;
}

.page-04-dash .main-content .section-searches h2 {
    font-size: 20px;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 0.5rem;
}

.page-04-dash .main-content .section-searches .box {
    padding: 2rem 2.5rem 2.5rem 2.5rem;
    background-color: #FFFFFF;
    border-radius: 24px;
    border: 1px solid #EFEFEF;
    margin-top: 1rem;
    width: 100%;
    max-width: 514px;
}

.page-04-dash .main-content .section-searches .box svg {
    margin-bottom: 0.8125rem;
}

.page-04-dash .main-content .section-searches .box h3 {
    margin-bottom: 0.4375rem;
    font-size: 1rem;
    font-weight: 700;
    color: #717B98;
}

.page-04-dash .main-content .section-searches .box .number {
    display: block;
    font-size: 3rem;
    font-weight: 700;
    color: #161923;
    line-height: 1;
}

.page-04-dash .main-content .section-main-search-terms h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    margin-bottom: 0.5rem;
    letter-spacing: 0;
    line-height: 22px;
}

.page-04-dash .main-content .section-main-search-terms .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5625rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.page-04-dash .main-content .section-main-search-terms .wrapper .item {
    border: 1px solid #EFEFEF;
    padding-left: 2.5rem;
    padding-right: 1.5625rem;
    background-color: #FFFFFF;
    height: 6.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1.5rem;
}

.page-04-dash .main-content .section-main-search-terms .wrapper .item .title {
    font-size: 1rem;
    font-weight: 700;
    color: #161923;
    letter-spacing: 0;
}

.page-04-dash .main-content .section-main-search-terms .wrapper .item .number {
    font-size: 16px;
    font-weight: 600;
    color: #717B98;
}

.page-04-dash .main-content .box-photo-preview {
    margin-bottom: 3.75rem;
}

.page-04-dash .main-content .box-photo-preview img {
    aspect-ratio: 226 / 120;
    height: 120px;
}

.page-04-dash .main-content .box-photo-preview h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #161923;
    margin-bottom: 0.75rem;
    line-height: 22px;
}

.page-04-dash .main-content .box-form-buttons {
    border-top: 1px solid #C0C6CF;
    padding-top: 2rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

.page-04-dash .main-content .box-form-buttons button.salvar:hover {
    background-color: #6918A1;
}

.page-04-dash .main-content .box-form-buttons button.salvar:hover svg path {
   
    stroke: #FFF;
}   

.page-04-dash .main-content .box-form-buttons button.salvar:hover span {
    color: #FFF;
}

.page-04-dash .main-content .box-form-buttons button[type=submit],
.page-04-dash .main-content .box-form-buttons button[type=button] {
    padding-inline: 3rem;
    height: 3.75rem;
    background-color: #82F091;
    border: 1px solid #5BB968;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    border-radius: 8px;
    cursor: pointer;
    transition: 200ms;
}

.page-04-dash .main-content .box-form-buttons button[type=submit] span,
.page-04-dash .main-content .box-form-buttons button[type=button] span {
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
}

.page-04-dash .main-content .box-form-buttons button.aprovar[type=submit]:hover {
    background-color: rgb(104, 227, 121);
}

.page-04-dash .main-content .box-form-buttons button[type=button] {
    height: 3.75rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #5BB968;
    padding-inline: 2.75rem;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 700;
    color: #5BB968;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: 200ms;
    cursor: pointer;
}

.page-04-dash .main-content .box-form-buttons button[type=button]:hover {
    transform: scale(1.03);
}

.page-04-dash .main-content .box-form-buttons button {
    height: 3.75rem;
    background-color: #ED6666;
    display: flex;
    align-items: center;
    padding-inline: 3.75rem;
    border-radius: 8px;
    border: 1px solid #E70606;
    font-size: 1rem;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: 200ms;
    cursor: pointer;
}

.page-04-dash .main-content .box-form-buttons button:hover {
    background-color: #E70606;
}

.page-04-dash .main-content .section-connect-whatsapp h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: 0;
    margin-bottom: 1.5rem;
}

.page-04-dash .main-content .section-connect-whatsapp .box {
    display: grid;
    grid-template-columns: 246px 1fr;
    gap: 2.25rem;
    padding: 3rem;
    padding-right: 6.625rem;
    background-color: #FFFFFF;
    max-width: 46.875rem;
    border-radius: 0.5rem;
}

.page-04-dash .main-content .section-connect-whatsapp .box .right {
    display: flex;
    flex-direction: column;
}

.page-04-dash .main-content .section-connect-whatsapp .box .right h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: 0;
    margin-bottom: 0.5rem;
}

.page-04-dash .main-content .section-connect-whatsapp .box .right p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #0A0A0A;
    letter-spacing: 0;
    line-height: 1.375rem;
    margin-bottom: auto;
    max-width: 16.4375rem;
}

.page-04-dash .main-content .section-connect-whatsapp .box .right .input-group-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-04-dash .main-content .section-connect-whatsapp .box .right .input-group-checkbox input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 1rem;
    height: 1rem;
    border: 1px solid #959DB4;
    border-radius: 3px;
    transition: 200ms;
    background-image: url(../images/icon-check.svg);
    background-size: 10px;
    background-position: center top -100px;
    background-repeat: no-repeat;
    transition: 200ms;
}

.page-04-dash .main-content .section-connect-whatsapp .box .right .input-group-checkbox input[type=checkbox]:checked {
    background-position: center center;
    background-color: #82F091;
    border-color: #5BB968;
}

.page-04-dash .main-content .section-connect-whatsapp .box .right .input-group-checkbox input[type=checkbox]:checked+label {
    color: #0A0A0A;
    font-weight: 700;
}

.page-04-dash .main-content .section-connect-whatsapp .box .right .input-group-checkbox label {
    font-size: 0.875rem;
    font-weight: 400;
    color: #959DB4;
    letter-spacing: 0;
}

.page-04-dash .main-content .section-connected-whatsapp h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0A0A0A;
    letter-spacing: 0;
    margin-bottom: 1.5rem;
}

.page-04-dash .main-content .section-connected-whatsapp .box {
    padding-block: 3rem;
    padding-inline: 62px;
    max-width: 46.875rem;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.page-04-dash .main-content .section-connected-whatsapp .box .right h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0A0A0A;
    margin-bottom: 0.3125rem;
}

.page-04-dash .main-content .section-connected-whatsapp .box .right span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    letter-spacing: 0;
    color: #0A0A0A;
    line-height: 1;
    margin-bottom: 25px;
}

.page-04-dash .main-content .section-connected-whatsapp .box .right .btn {
    border-radius: 0.5rem;
    background-color: #82F091;
    text-decoration: none;
    padding-inline: 2.5rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #5BB968;
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
}

.page-04-dash .main-content .section-candidaturas h2 {
    font-size: 0.75rem;
    font-weight: 700;
    color: #5A6789;
    letter-spacing: 0;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.page-04-dash .main-content .section-candidaturas .wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.3125rem;
}

@media screen and (max-width: 1600px) {
    .page-04-dash .main-content .section-candidaturas .wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

.page-04-dash .main-content .section-candidaturas .card-candidacy {
    border: 1px solid #EFEFEF;
    background-color: #FFFFFF;
    border-radius: 24px;
    padding: 2rem 2.5rem;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy header .left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy header .left .avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy header .left span {
    font-size: 1rem;
    font-weight: 700;
    color: #161923;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy header .how-long {
    font-size: 0.875rem;
    font-weight: 600;
    color: #717B98;
    letter-spacing: 0;
    text-transform: uppercase;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy p {
    font-size: 0.75rem;
    font-weight: 400;
    color: #3F3F3F;
    letter-spacing: 0;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy .buttons {
    display: flex;
    flex-direction: column;
    gap: 0.4375rem;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy .buttons .btn-primary {
    height: 3.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6875rem;
    border-radius: 8px;
    background-color: #82F091;
    border: 1px solid #5BB968;
    text-decoration: none;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy .buttons .btn-primary span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #6918A1;
    text-transform: uppercase;
    letter-spacing: 0;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy .buttons .btn-ghost {
    height: 3.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: transparent;
    border: 1px solid #5BB968;
    text-decoration: none;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy .buttons .btn-ghost span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #5BB968;
    text-transform: uppercase;
    letter-spacing: 0;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.approved {
    background-color: #82F091;
    border: 1px solid #5BB968;
    position: relative;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.approved::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -16px;
    right: 8px;
    background-image: url(../images/icon-check-green.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #5FB96C;
    border-radius: 999px;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.approved header .left span {
    color: #161923;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.approved p {
    color: #161923;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.approved .buttons .btn-ghost {
    border-color: #161923;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.approved .buttons .btn-ghost span {
    color: #161923;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.fora {
    background-color: #ED6666;
    border: 1px solid #E70606;
    color: #FFF;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.fora header .how-long,
.page-04-dash .main-content .section-candidaturas .card-candidacy.fora p,
.page-04-dash .main-content .section-candidaturas .card-candidacy.fora .buttons .btn-ghost span {
    color: #FFF;
}

.page-04-dash .main-content .section-candidaturas .card-candidacy.fora .buttons .btn-ghost {
    border: solid 1px #FFF;
}

.page-04-dash .main-content .box-description-demanda {
    margin-bottom: 4rem;
    max-width: 58.125rem;
}

.page-04-dash .main-content .box-description-demanda h3 {
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #5A6789;
    letter-spacing: 0;
    line-height: 22px;
    text-transform: uppercase;
}

.page-04-dash .main-content .box-description-demanda p {
    font-size: 0.875rem;
    font-weight: 400;
    color: #3F3F3F;
    line-height: 160%;
}

.page-04-dash .main-content .box-nova-demanda {
    display: flex;
    flex-direction: column;
    height: calc(100% - 78px);
}

.page-04-dash .main-content .box-nova-demanda .group-title-1 {
    margin-bottom: 1.5rem;
}

.page-04-dash .main-content .box-nova-demanda .group-title-1 h1 {
    margin-bottom: 0;
}

.page-04-dash .main-content .box-nova-demanda .input-group {
    max-width: 62.375rem;
}

.page-04-dash .main-content .box-nova-demanda .input-group label {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 30px;
}

.page-04-dash .main-content .box-nova-demanda .input-group input {
    border: 1px solid #3F3F3F;
    background-color: transparent;
}

.page-04-dash .main-content .box-nova-demanda .box-select-element {
    max-width: 62.375rem;
    margin-block: 1.5rem;
}

.page-04-dash .main-content .box-nova-demanda .input-group-textarea {
    max-width: 62.375rem;
}

.page-04-dash .main-content .box-nova-demanda .input-group-textarea label {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #3F3F3F;
    line-height: 30px;
    display: block;
}

.page-04-dash .main-content .box-nova-demanda .input-group-textarea textarea {
    border: 1px solid #3F3F3F;
    background-color: transparent;
}

.page-04-dash .main-content .box-nova-demanda footer {
    padding-top: 2rem;
    border-top: 1px solid #C0C6CF;
    margin-top: auto;
}

.page-04-dash .main-content .box-nova-demanda footer button[type=button] {
    padding-inline: 4.6875rem;
    height: 3.75rem;
    background-color: #82F091;
    border-radius: 8px;
    border: 1px solid #5BB968;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    color: #6918A1;
    letter-spacing: 0;
    text-transform: uppercase;
    cursor: pointer;
}

.page-04-dash .menu-mobile {
    position: fixed;
    inset: 0;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: 200ms;
    z-index: 10;
}

.page-04-dash .menu-mobile header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 20px;
    padding-top: 24px;
    margin-bottom: 3rem;
}

.page-04-dash .menu-mobile header .logo {
    width: 124px;
}

.page-04-dash .menu-mobile nav {
    padding-inline: 20px;
    margin-bottom: auto;
}

.page-04-dash .menu-mobile nav a {
    padding-inline: 1.25rem;
    height: 2.875rem;
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    border-radius: 8px;
    transition: 200ms;
}

.page-04-dash .menu-mobile nav a+a {
    margin-top: 0.1875rem;
}

.page-04-dash .menu-mobile nav a .icon {
    width: 14px;
}

.page-04-dash .menu-mobile nav a .icon svg {
    display: block;
    width: 100%;
}

.page-04-dash .menu-mobile nav a .icon svg.active {
    display: none;
}

.page-04-dash .menu-mobile nav a span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #959DB4;
    letter-spacing: 0;
}

.page-04-dash .menu-mobile nav a.active,
.page-04-dash .menu-mobile nav a:hover {
    background-color: #F0E8F6;
}

.page-04-dash .menu-mobile nav a.active .icon svg,
.page-04-dash .menu-mobile nav a:hover .icon svg {
    display: none;
}

.page-04-dash .menu-mobile nav a.active .icon svg.active,
.page-04-dash .menu-mobile nav a:hover .icon svg.active {
    display: block;
}

.page-04-dash .menu-mobile nav a.active span,
.page-04-dash .menu-mobile nav a:hover span {
    color: #6918A1;
}

.page-04-dash .menu-mobile footer {
    display: flex;
    padding-inline: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #959DB4;
    justify-content: space-between;
}

.page-04-dash .menu-mobile footer .left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-04-dash .menu-mobile footer .left .avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.page-04-dash .menu-mobile footer .left div .name {
    display: block;
    line-height: 1;
    font-size: 1rem;
    font-weight: 700;
    color: #161923;
}

.page-04-dash .menu-mobile footer .left div .email {
    line-height: 1;
    font-size: 0.75rem;
    font-weight: 400;
    color: #A3AABE;
}

.page-04-dash .menu-mobile footer .btn-loggout {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.page-04-dash .menu-mobile footer .btn-loggout span {
    font-size: 16px;
    font-weight: 700;
    color: #EC5569;
}

.page-04-dash .menu-mobile.active {
    transform: translateX(0);
}

@media screen and (max-width: 1350px) {
    .page-04-dash .main-content .section-most-viewed .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-04-dash .main-content .section-candidaturas .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-04-dash .main-content .table-2 .filters {
        flex-direction: column;
        gap: 0.625rem;
    }

    .page-04-dash .main-content .table-2 .filters .search {
        width: 100%;
    }

    .page-04-dash .main-content .table-2 .filters .right {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .page-04-dash .main-content .table.table-3 .filters .right {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 1200px) {
    .page-04-dash .main-content {
        min-height: 100vh;
        height: 100%;
    }

    .page-04-dash .main-content .wrapper-qtd {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-04-dash .main-content .wrapper-qtd.with-filter {
        grid-template-columns: repeat(2, 1fr);
    }

    .page-04-dash .main-content .section-main-search-terms .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 993px) {
    .page-04-dash .main-aside {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        z-index: 10;
        transform: translateX(-100%);
    }

    .page-04-dash .main-content {
        padding-top: 6rem;
        background-color: #F3F2FA;
    }

    .page-04-dash .main-content .group-title-1 h1 {
        font-size: 1rem;
        line-height: 1;
        margin-bottom: 1rem;
    }

    .page-04-dash .main-content .group-title-2 {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .page-04-dash .main-content .group-title-2 .left h1 {
        font-size: 1rem;
        margin-bottom: 0;
    }

    .page-04-dash .main-content .group-title-2 .left p {
        font-size: 0.75rem;
        line-height: 22px;
    }

    .page-04-dash .main-content .group-title-2 .btn-add {
        width: 100%;
        justify-content: center;
        background-color: #82F091;
        border: 1px solid #5BB968;
    }

    .page-04-dash .main-content .group-title-2 .btn-add svg {
        display: none;
    }

    .page-04-dash .main-content .group-title-2 .btn-add svg.active {
        display: block;
    }

    .page-04-dash .main-content .group-title-2 .btn-add span {
        color: #6918A1;
    }

    .page-04-dash .main-content .group-title-2 .btn-inactivate {
        width: 100%;
        justify-content: center;
    }

    .page-04-dash .main-content .group-title-3 h1 {
        font-size: 16px;
        margin-bottom: 16px;
        line-height: 1;
    }

    .page-04-dash .main-content .group-title-3 .input-group-select {
        display: none;
    }

    .page-04-dash .main-content .group-title-4 {
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .page-04-dash .main-content .group-title-4 .left h1 {
        font-size: 1rem;
        margin-bottom: 4px;
    }

    .page-04-dash .main-content .group-title-4 .left p {
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }

    .page-04-dash .main-content .group-title-4 .right {
        display: none;
    }

    .page-04-dash .main-content .main-header {
        display: none;
    }

    .page-04-dash .main-content .main-header-mobile {
        display: flex;
        padding-top: 24px;
        padding-inline: 20px;
        justify-content: space-between;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #F3F2FA;
        z-index: 3;
    }

    .page-04-dash .main-content .main-header-mobile .logo {
        width: 7.75rem;
    }

    .page-04-dash .main-content .main-header-mobile .right {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-notification {
        text-decoration: none;
        position: relative;
        line-height: 1;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-notification.with-notification::after {
        content: "";
        border: 0.0625rem solid #FFFFFF;
        background-color: #E70606;
        border-radius: 999px;
        width: 0.5rem;
        height: 0.5rem;
        box-sizing: content-box;
        position: absolute;
        right: -1px;
        top: -1px;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-profile {
        width: 32px;
        height: 32px;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-profile img {
        display: block;
        width: 30px;
        height: 30px;
        object-fit: cover;
    }

    .box-select-element .modal-box-select {
        position: relative;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-mobile {
        display: block;
        width: 18px;
        height: 16px;
        position: relative;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-mobile span {
        display: block;
        width: 100%;
        border-radius: 62px;
        height: 2px;
        background-color: #6918A1;
        position: absolute;
        transition: 200ms;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-mobile span:nth-child(1) {
        top: 0;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-mobile span:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-mobile span:nth-child(3) {
        bottom: 0;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-mobile.active span:nth-child(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-mobile.active span:nth-child(2) {
        width: 0;
    }

    .page-04-dash .main-content .main-header-mobile .right .btn-mobile.active span:nth-child(3) {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        bottom: initial;
    }

    .page-04-dash .main-content .content,
    .page-04-dash .main-content .content-table,
    .page-04-dash .main-content .content-full {
        padding-inline: 20px;
        padding-top: 0;
    }

    .page-04-dash .main-content .content-table-mobile {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        padding-inline: 0rem;
    }

    .page-04-dash .main-content .content-table-mobile .card {
        border: 1px solid #D2D5DF;
        border-radius: 8px;
        padding: 1.25rem 1.5rem 1.5rem;
    }

    .page-04-dash .main-content .content-table-mobile .card header {
        display: flex;
        margin-bottom: 1.5rem;
    }

    .page-04-dash .main-content .content-table-mobile .card header .td {
        flex: 1;
    }

    .page-04-dash .main-content .content-table-mobile .card header .status {
        height: 1.625rem;
        padding-inline: 1.875rem;
        border-radius: 2.5625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0;
        width: -moz-max-content;
        width: max-content;
    }

    .page-04-dash .main-content .content-table-mobile .card header .status.success {
        background-color: #F2FBF7;
        color: #5FD7AA;
    }

    .page-04-dash .main-content .content-table-mobile .card header .status.resolved {
        background-color: #F6FEE2;
        color: #87AC32;
    }

    .page-04-dash .main-content .content-table-mobile .card header .status.finished {
        background-color: #FFEAD6;
        color: #FF9730;
    }

    .page-04-dash .main-content .content-table-mobile .card header .status.denied {
        background-color: #FBE6E6;
        color: #CB1E00;
    }

    .page-04-dash .main-content .content-table-mobile .card header .status.waiting {
        background-color: #E6EBFB;
        color: #6918A1;
    }

    .page-04-dash .main-content .content-table-mobile .card header.float {
        position: relative;
    }

    .page-04-dash .main-content .content-table-mobile .card header.float .td .name {
        margin-bottom: 5px;
    }

    .page-04-dash .main-content .content-table-mobile .card header.float .status {
        position: absolute;
        top: 0;
        right: 0;
    }

    .page-04-dash .main-content .content-table-mobile .card .td+.td {
        margin-top: 1.5rem;
    }

    .page-04-dash .main-content .content-table-mobile .card .td .name {
        font-size: 0.75rem;
        font-weight: 700;
        color: #5A6789;
        letter-spacing: 0;
        line-height: 22px;
        text-transform: uppercase;
        display: block;
    }

    .page-04-dash .main-content .content-table-mobile .card .td .text {
        font-size: 0.875rem;
        font-weight: 400;
        color: #0A0A0A;
        line-height: 22px;
        display: block;
    }

    .page-04-dash .main-content .content-table-mobile .card .td .btn-more {
        height: 50px;
        border-radius: 8px;
        border: 1px solid #3B0561;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        display: flex;
        border-radius: 8px;
        font-size: 0.875rem;
        font-weight: 700;
        color: #6918A1;
        text-transform: uppercase;
        cursor: pointer;
        transition: 200ms;
        text-decoration: none;
    }

    .page-04-dash .main-content .content-table-mobile .card .column-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.75rem;
        margin-top: 1.5rem;
    }

    .page-04-dash .main-content .content-table-mobile .card .column-2 .td+.td {
        margin-top: 0rem;
    }

    .page-04-dash .main-content .content-table-mobile .card .btn-edit {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3.125rem;
        border-radius: 8px;
        background-color: #82F091;
        border: 1px solid #5BB968;
        font-size: 0.875rem;
        font-weight: 700;
        color: #6918A1;
        text-transform: uppercase;
        cursor: pointer;
        transition: 200ms;
        margin-top: 1rem;
        text-decoration: none;
    }

    .page-04-dash .main-content .content-table-mobile .card .btn-edit:hover {
        background-color: #5BB968;
    }

    .page-04-dash .main-content .pagination-mobile .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.5rem;
    }

    .page-04-dash .main-content .pagination-mobile .top .btn svg.active {
        display: none;
    }

    .page-04-dash .main-content .pagination-mobile .top .btn.active svg {
        display: none;
    }

    .page-04-dash .main-content .pagination-mobile .top .btn.active svg.active {
        display: block;
    }

    .page-04-dash .main-content .pagination-mobile .top .pages {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .page-04-dash .main-content .pagination-mobile .top .pages a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        background-color: #6918A1;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
        letter-spacing: 0;
        text-decoration: none;
    }

    .page-04-dash .main-content .pagination-mobile span {
        font-size: 0.625rem;
        font-weight: 600;
        color: #0A0A0A;
        letter-spacing: 0px;
        line-height: 22px;
        display: block;
        text-align: center;
    }

    .page-04-dash .main-content .status-profile h2 {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .page-04-dash .main-content .status-profile .box {
        padding-block: 32px;
        padding-inline: 40px;
    }

    .page-04-dash .main-content .status-profile .box svg {
        margin-bottom: 0.8125rem;
    }

    .page-04-dash .main-content .status-profile .box h3 {
        font-size: 0.875rem;
        line-height: 22px;
        margin-bottom: 4px;
    }

    .page-04-dash .main-content .status-profile .box .number {
        font-size: 36px;
    }

    .page-04-dash .main-content .box-form-buttons {
        flex-direction: column;
    }

    .page-04-dash .main-content .box-form-buttons button[type=submit],
    .page-04-dash .main-content .box-form-buttons button[type=button],
    .page-04-dash .main-content .box-form-buttons button {
        width: 100%;
        justify-content: center;
    }

    .page-04-dash .main-content .section-most-viewed .input-group-select {
        display: none;
    }

    .page-04-dash .main-content .section-connect-whatsapp h2 {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 16px;
    }

    .page-04-dash .main-content .section-connect-whatsapp .box {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .page-04-dash .main-content .section-connect-whatsapp .box img {
        display: block;
        width: 100%;
        max-width: 120px;
    }

    .page-04-dash .main-content .section-connect-whatsapp .box .right h3 {
        font-size: 1rem;
    }

    .page-04-dash .main-content .section-connect-whatsapp .box .right p {
        max-width: initial;
        margin-bottom: 20px;
    }

    .page-04-dash .main-content .section-connected-whatsapp h2 {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 16px;
    }

    .page-04-dash .main-content .section-connected-whatsapp .box {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .page-04-dash .main-content .section-connected-whatsapp .box img {
        width: 60px;
        margin-inline: auto;
    }

    .page-04-dash .main-content .section-connected-whatsapp .box .right {
        width: 100%;
    }

    .page-04-dash .main-content .section-connected-whatsapp .box .right h3 {
        font-size: 1rem;
        text-align: center;
        margin-inline: auto;
    }

    .page-04-dash .main-content .section-connected-whatsapp .box .right span {
        justify-content: center;
    }

    .page-04-dash .main-content .section-candidaturas h2 {
        font-size: 0.75rem;
    }

    .page-04-dash .main-content .section-candidaturas .card-candidacy {
        padding: 2rem 1.5rem;
    }

    .page-04-dash .main-content .section-candidaturas .card-candidacy header {
        margin-bottom: 1rem;
    }

    .page-04-dash .main-content .section-candidaturas .card-candidacy header .left {
        gap: 0.75rem;
    }

    .page-04-dash .main-content .section-candidaturas .card-candidacy header .how-long {
        font-size: 0.75rem;
    }

    .page-04-dash .main-content .box-nova-demanda {
        height: 100%;
    }

    .page-04-dash .main-content .box-nova-demanda footer button[type=submit] {
        width: 100%;
    }

    .page-04-dash .main-content .table {
        display: none;
    }
}

@media screen and (max-width: 769px) {
    .page-04-dash .main-content .box-message {
        padding-inline: 1.5rem;
        height: initial;
        padding-block: 1.5rem;
    }

    .page-04-dash .main-content .status-profile .wrapper {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .page-04-dash .main-content .box-upload-image {
        margin-top: 32px;
        margin-bottom: 44px;
    }

    .page-04-dash .main-content .box-upload-image .name {
        font-size: 1rem;
        margin-bottom: 0.875rem;
        line-height: 1;
    }

    .page-04-dash .main-content .box-upload-image .dropzone {
        padding-top: 3rem;
        padding-bottom: 0.75rem;
        padding-inline: 0.75rem;
    }

    .page-04-dash .main-content .box-upload-image.box-upload-image .result {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .page-04-dash .main-content .box-upload-image.box-upload-image .result .box-uplod-finish {
        width: 100%;
    }

    .page-04-dash .main-content .profile-info .name {
        font-size: 1rem;
        margin-bottom: 16px;
        line-height: 1;
    }

    .page-04-dash .main-content .profile-info .column-2 {
        grid-template-columns: 1fr;
    }

    .page-04-dash .main-content .profile-info .input-group-label label {
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
        line-height: 1.875rem;
    }

    .page-04-dash .main-content .profile-info .box-social .list .item {
        flex-wrap: wrap;
    }

    .page-04-dash .main-content .profile-info .box-social .list .item+.item {
        margin-top: 1.5rem;
    }

    .page-04-dash .main-content .profile-info .box-social .list .item label {
        width: calc(100% - 50px);
        flex: initial;
    }

    .page-04-dash .main-content .profile-info .box-social .list .item input[type=text] {
        width: 100%;
        flex: initial;
        max-width: initial;
        margin-top: 0.75rem;
    }

    .page-04-dash .main-content .box-change-password .column-2 {
        grid-template-columns: 1fr;
    }

    .page-04-dash .main-content .wrapper-qtd {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
    }

    .page-04-dash .main-content .wrapper-qtd .item {
        padding: 2rem 2.5rem;
    }

    .page-04-dash .main-content .wrapper-qtd .item h2 {
        margin-top: 0.8125rem;
        margin-bottom: 0.25rem;
        font-size: 0.875rem;
    }

    .page-04-dash .main-content .wrapper-qtd .item .number {
        font-size: 2.25rem;
    }

    .page-04-dash .main-content .wrapper-qtd.with-filter {
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
    }

    .page-04-dash .main-content .section-most-viewed {
        margin-bottom: 3rem;
    }

    .page-04-dash .main-content .section-most-viewed h2 {
        font-size: 16px;
        margin-bottom: 16px;
        line-height: 1;
    }

    .page-04-dash .main-content .section-most-viewed .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .page-04-dash .main-content .section-most-viewed .card-most-viewed {
        padding: 2rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        height: initial;
    }

    .page-04-dash .main-content .section-most-viewed .card-most-viewed .left {
        gap: 0.5rem;
    }

    .page-04-dash .main-content .section-main-search-terms h2 {
        font-size: 1rem;
        margin-bottom: 16px;
        line-height: 16px;
    }

    .page-04-dash .main-content .section-main-search-terms .input-group-select {
        display: none;
    }

    .page-04-dash .main-content .section-main-search-terms .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .page-04-dash .main-content .section-main-search-terms .wrapper .item {
        padding: 32px;
        height: initial;
    }

    .page-04-dash .main-content .section-searches h2 {
        font-size: 1rem;
        margin-bottom: 1rem;
        line-height: 1;
    }

    .page-04-dash .main-content .section-searches .input-group-select {
        display: none;
    }

    .page-04-dash .main-content .section-searches .box {
        padding: 2rem;
    }

    .page-04-dash .main-content .section-searches .box svg {
        margin-bottom: 0;
        line-height: 1;
        font-size: 0;
    }

    .page-04-dash .main-content .section-searches .box h3 {
        margin-top: 0.8125rem;
        margin-bottom: 0.5rem;
    }

    .page-04-dash .main-content .section-searches .box .number {
        font-size: 36px;
        line-height: 1;
    }

    .page-04-dash .main-content .section-candidaturas .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .page-04-dash .main-content .content-table-mobile {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 993px) {
    .page-04-dash.page-15-aguardando-cadastro .main-content .group-title-2 .btn-add {
        background-color: #6918A1;
    }

    .page-04-dash.page-15-aguardando-cadastro .main-content .group-title-2 .btn-add svg path {
        stroke: #FFFFFF;
    }

    .page-04-dash.page-15-aguardando-cadastro .main-content .group-title-2 .btn-add span {
        color: #FFFFFF;
    }
}

@media screen and (max-width: 993px) {
    .page-04-dash.page-18-painel-adm-relatorios .main-content .group-title-3 .input-group-select {
        display: block;
    }

    .page-04-dash.page-18-painel-adm-relatorios .main-content .section-most-viewed .input-group-select {
        display: block;
    }
}

@media screen and (max-width: 993px) {
    .page-04-dash.page-21-painel-adm-demandas .main-content .group-title-2 .btn-add {
        background-color: #6918A1;
        border: 1px solid #3B0561;
    }

    .page-04-dash.page-21-painel-adm-demandas .main-content .group-title-2 .btn-add svg {
        display: block;
    }

    .page-04-dash.page-21-painel-adm-demandas .main-content .group-title-2 .btn-add svg.active {
        display: none;
    }

    .page-04-dash.page-21-painel-adm-demandas .main-content .group-title-2 .btn-add span {
        color: #FFFFFF;
    }
}

@media screen and (max-width: 993px) {
    .page-04-dash.page-22-painel-admn-demanda-em-processo .main-content .group-title-4 .right {
        display: flex;
    }

    .page-04-dash.page-22-painel-admn-demanda-em-processo .main-content .group-title-4 .right .btn-resolved {
        height: 3.5rem;
    }

    .page-04-dash.page-22-painel-admn-demanda-em-processo .main-content .group-title-4 .right .btn-resolved span {
        font-size: 0.875rem;
    }

    .page-04-dash.page-22-painel-admn-demanda-em-processo .main-content .group-title-4 .right .btn-cancel {
        height: 3.5rem;
    }

    .page-04-dash.page-22-painel-admn-demanda-em-processo .main-content .group-title-4 .right .btn-cancel span {
        font-size: 0.875rem;
    }
}

.table .buttons-order.down .down svg path {
    stroke: #5A6789 !important;
}

.table .buttons-order.up .up svg path {
    stroke: #5A6789 !important;
}

.dataFiltro {
    position: relative;
}

.dataFiltro .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.dataFiltro .wrapper div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wrapperData {
    border: 1px solid #D2D5DF;
    border-radius: 6px;
    position: absolute;
    background: #FFF;
    padding: 10px 14px;
    margin-top: 10px;
    right: 0;
    z-index: 99;
    min-width: 429px;
}

.dataFiltro .wrapper div input[type=radio] {

    width: 14px;
    height: 14px;
    border: 1px solid #6C7797;
    border-radius: 999px;
    transition: 200ms;
}

.dataFiltro .inputs {
    margin-top: 1rem;
}

.dataFiltro .inputs .unique {
    display: none;
}

.dataFiltro .inputs .unique.active {
    display: block;
}

.dataFiltro .inputs .period {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    display: none;
}

.dataFiltro .inputs .period.active {
    display: grid;
}

.dataFiltro .inputs .g-input {
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    height: 54px;
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    padding-block: 7px;
}

.dataFiltro .inputs .g-input span {
    font-size: 12px;
    font-weight: 400;
    color: #5A6789;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    display: block;
}

.dataFiltro .inputs .g-input input {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #0A0A0A;
    letter-spacing: 0;
    border: 0;
    outline: 0;
}


#notificacoes {
    position: absolute;
    top: 50px;
    right: 30px;
    padding: 20px;
    width: 350px;
    background-color: #FFF;
    z-index: 50;
    border: solid 1px #CCC;
    border-radius: 15px;
    display: none;
    max-height: 550px;
    overflow-y: scroll;
}

#notificacoes .group-c.tooltip-textard {
    font-family: "Ubuntu", sans-serif;
    font-style: normal;
    font-size: 1rem;
    color: #02355e;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px #02355e;
    padding-left: 15px;
    padding-right: 15px;
}

#notificacoes .group-card:last-of-type {
    border-bottom: none;
    position: sticky;
    background-color: #FFF;
    bottom: 0;
}


#notificacoes .group-card .card {
    padding-top: 1rem;
    margin-bottom: 1rem;
    border-top: solid 1px #CCC;
    margin-top: 1rem;
    position: relative;
}

#notificacoes .group-card .card a {
    color: inherit;
    text-decoration: none;
    padding-left: 0;
    font-weight: bold;
    ;
}

#notificacoes .group-card .card .aguardando {
    box-sizing: content-box;
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #E70606;
    border-radius: 50%;
    top: -12px;
    right: -1.7px;
    border: 1.7px solid #FFFFFF;
}



#notificacoes .btn-primary::before {
    background-image: unset;
}

#notificacoes .group-card .title {
    font-weight: bold;
}

#notificacoes .btn-primary.limpar {
    border: 1px solid #3B0561;
    border-radius: 0.5rem;
    height: 3.125rem;
    padding-inline: 2.8125rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background-color: #6918A1;
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
}

@media(max-width: 992px) {
    .page-04-dash .main-content .filters .search {
        width: 100%;
    }

    .main-content .filters {
        flex-wrap: wrap;
        width: 100%;
        padding-inline: 0 !important;
        padding-block: 0 !important;
    }

    .main-content .filters .right {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .main-content .filters div {
        width: 100%;
        min-width: auto;
    }

    .dataFiltro {
        padding-bottom: 180px;
    }

    #filtroOrdem {
        position: absolute;
        top: 40px;
        background: #FFF;
        list-style: none;
        border-radius: 5px;
        border: solid 1px #CCC;
        z-index: 40;
    }

    #filtroOrdem li {
        padding: 0.3rem;
        padding-bottom: 0.3rem;
        border-bottom: solid 1px #CCC;
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
        color: #000;
    }

    .dataFiltro .inputs .period.active {
        display: flex;
        flex-wrap: wrap;
    }

    .dataFiltro .inputs .g-input {
        widtH: 47%;
    }

}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
    opacity: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single {
    min-height: 60px;
    border-radius: 7px;
    border: 1px solid #000;
}

.select2-container .select2-selection--single {
    display: flex !important;
    align-items: center;
    justify-content: left;
}

.select2-container .select2-selection--multiple {
    min-height: 58px !important;
    background: transparent !important;
    border-radius: 8px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #FFF !important;
    border: 1px solid #ccc !important;
}

.preloader {
    position: fixed;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select2-container .select2-search--inline .select2-search__field {
    font-family: "Mont" !important;
}

.page-04-dash .select2-container {
    background-color: #FFF;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    /* Permite que o tooltip se posicione em relação à imagem */
}

.tooltip-text {
    visibility: hidden;
    width: 250px;
    /* Ajuste a largura conforme necessário */
    background-color: #FFF;
    color: #333 !important;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    border: solid 1px #6918A1;
    z-index: 800;
    /* Garante que o tooltip fique acima de outros elementos */
    bottom: 125%;
    /* Posição acima da imagem */
    left: 50%;
    transform: translateX(-50%);
    /* Centraliza o tooltip horizontalmente */
    opacity: 0;
    transition: opacity 0.3s;
    /* Adiciona uma transição suave */
    font-size: 13px;
    line-height: 100%;
}

.tooltip-container:hover .tooltip-text,
.tooltip-container.active .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Fix para evitar overflow horizontal das tabelas */
.page-04-dash .main-content .table {
    overflow-x: auto;
    width: 100%;
}

/* Garante que containers de tabela não causem overflow na página */
.page-04-dash .main-content {
    max-width: 100%;
    overflow-x: hidden;
}

.page-04-dash .main-content .scroll-h {
    width: 100%;
    max-width: 100%;
}

  .cookie-consent {
        position: fixed;
        left: 0; right: 0;
        bottom: calc(16px + env(safe-area-inset-bottom, 0));
        display: flex;
        justify-content: center;
        z-index: 9999;
        pointer-events: none;
    }

  .cookie-consent__card {
        max-width: 980px;
        width: min(94vw, 980px);
        background: #f6f7f9;
        color: #222;
        border: 1px solid var(--cc-border);
        box-shadow: var(--cc-shadow);
        border-radius: var(--cc-radius);
        padding: 16px 18px;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 12px 16px;
        align-items: center;
        pointer-events: auto;
    }

    .cookie-consent .cookie-consent__title {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 6px 0;
        line-height: 1.25;
        color: #222 !important;
    }

    .cookie-consent .cookie-consent__card * {
        font-family: 'Segoe UI', sans-serif !important;
    }

    .cookie-consent__text {
        margin: 0;
        font-size: 14px;
        line-height: 1.45;
        color: #5b6675 !important;
    }

    .cookie-consent__actions {
        display: inline-flex;
        gap: 10px;
        justify-self: end;
    }
    
    @media(max-width: 991px) {
          .cookie-consent__actions {
        flex-direction: column;
          }
    }

    .cc-btn {
        appearance: none;
        border: 0;
        cursor: pointer;
        padding: 10px 14px;
        border-radius: 10px;
        font-size: 14px;
        line-height: 1;
        transition: transform .06s ease, box-shadow .2s ease, background-color .2s ease;
    }
    .cc-btn:focus-visible {
        outline: 2px solid #6918A1;
        outline-offset: 2px;
    }

    .cc-btn--primary {
        background:  #6918A1;
        color: #FFF;
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }
    .cc-btn--primary:hover { transform: translateY(-1px); }
    .cc-btn--ghost {
        background: transparent;
        color: #222;
        border: 1px solid #CCC;
    }

    .cookie-consent a {
        color: var(--cc-link);
        text-decoration: underline;
        text-underline-offset: 2px;
    }