.main-dashboard {
    padding-bottom: 90px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 80px;
}

.card-dashboard {
    background: #FDFDFD;
    border: 1px solid #E3E3FA;
    border-radius: 12px;
    padding: 18px;
    &.card-dashboard--main {
        padding: 18px 24px 24px;
        border-radius: 16px;
        width: 100%;
        max-width: 411px;
    }
}
.card-dashboard.card-dashboard--panel {
    display: flex;
    flex-direction: column;
    align-items: start;
    height: 158px;
}
.card-dashboard.card-dashboard--special {
    border-color: #C6D3F9;
    width: 213px;
    background: #F9F9FF;
    box-shadow: 0 0 30px -10px #4168D84D;
} 
.card-dashboard p {
    color: #040404;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    width: 18ch;
}
.total-invested {
    color: #040404;
    img {
        filter: brightness(0) saturate(100%) invert(23%) sepia(29%) saturate(3084%) hue-rotate(238deg) brightness(93%) contrast(103%);
        cursor: pointer;
        margin-left: 12px;
        width: 20px;
        height: 18.5px;
    }
}

.total-invested--subtitle {
    font-size: 18px;
}
.invested {
    font-size: 40px;
    font-weight: 500;
}
.buttons-invested-main {
    gap: 16px;
}
.dashboard-one {
    gap: 24px;
}
.cards-dashboard {
    span {
        font-size: 18px;
        font-weight: 600;
    }
}
.card-value {
    font-size: 30px;
    color: #CCCBEB;
    font-weight: 500;
    &.card-value--active {
        color: #51AB2A;
    }
}
.cards-dashboard-panel {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr 213px;
}
.dashboard-one--one {
    width: 100%;
    gap: 18px;
}
.alert-title-panel {
    color: #3251A8;
    font-size: 18px;
    font-weight: 700;
    a {
        color: #3251A8;
        text-decoration: underline;
    }
}
.alert-cod-warning--dashboard {
    position: relative;
    padding: 12px;
    width: 100%;
    border: 1px solid #FEF0C7;
    border-radius: 10px;
    margin: 0;
    .icon-arrow {
        float: right;
        filter: brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(451%) hue-rotate(185deg) brightness(95%) contrast(98%);
    }
}
.alert-cod-warning--promo .btn-panel {
    background: #F9F9FF;
}

.alert-cod-warning--dashboard {
    .icon-text {
        gap: 15px;
    }
}
.alert-cod-warning--promo {
    display: flex;
    background: #F9F9FF;
    border: 1px solid #E3E3FA;
    box-shadow: 0 0 30px -10px #6C8EF14D;
    padding: 10px;
}
.alert-cod-warning--promo .banner-dashboard {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 158px;
    border-radius: 0 10px 10px 0;
    object-fit: cover;
    object-position: left;
}
.dashboard-two {
    background: #FDFDFD;
    border: 1px solid #E3E3FA;
    border-radius: 16px;
}
.dashboard-two {
    width: 100%;
}
.dashboard-two .cod-thead {
    display: grid;
    align-items: center;
    grid-template-columns: 140px 170px 209px 220px 70px 138px 128px;
    gap: 12px;
    border-bottom: 1px solid #E3E3FA;
}
.dashboard-two .cod-thead span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #9593BD;
    font-size: 14px;
    height: 44px;
    flex-grow: 1;
}
.row-profile-miss {
    display: inline-flex;
    padding: 16px;
    width: 100%;
}
.row-profile-miss-content {
    background: #F9F9FF;
    border: 1px solid #EBEBFE;
    border-radius: 12px;
    height: 226px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fs-18 { font-size: 18px !important; }
.fs-16 { font-size: 16px !important; }
.fs-12 { font-size: 12px !important; }
.arrow-btn-container--panel {
    img {
        filter: inherit !important;
        width: 11.53px !important;
    }
}
.btn-panel {
    height: 40px !important;
    background: #FDFDFD;
    border: 1px solid #C6D3F9;
    border-radius: 200px;
    padding: 6px 16px 6px 6px;
    font-size: 16px !important;
    display: flex;
    align-items: center;
    z-index: 1;
    .arrow-btn-container {
        background: #F4F6FC !important;
        border-radius: 200px;
        width: 28px !important;
        height: 28px !important;
    }
}
.btn-panel .arrow-btn-container {
    img {
        width: 11px;
        height: 11px;
    }
}


/* Investments table */
.table-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.product-row {
    display: grid;
    align-items: center;
    grid-template-columns: 146.27px 1fr;
    padding: 16px;
    border-bottom: 1px solid #EDEDFB;
}
.product-row:last-child {
    border-bottom: 0;
}
.product-icon {
    border: 1px solid #EBEBFE;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7.47px;
    height: fit-content;
    width: fit-content;
    margin-left: 24px;
}
.product-icon img {
    width: 44px;
    height: 44px;
}
.product-lines {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
    margin-left: 29px;
}
.item-line {
    display: grid;
    align-items: center;
    grid-template-columns: 160px 240px 149px 153px 168px 25px;
    gap: 12px;
}
.item-line--secondary {
    color: #8E8CA9;
    display: none;
    padding: 15px 0;
}
.cell {
    font-size: 18px;
    color: #0C0E1D;
    font-weight: 500;
}
.cell .label {
    font-weight: 500;
}
.cell.light {
    color: #8E8CA9;
} 
.cell .light {
    color: #8E8CA9;
}
.percent.up {
    color: #51AB2A;
    font-weight: 500;
    border-right: 1px solid #EBEBFE;
    padding-right: 10px;
    margin-right: 10px;
}
.percent.up .arrow {
    margin-right: 6px;
}
.dates .dates-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #1C1C1C;
}
.progress {
    position: relative;
    width: 100%;
    height: 6px !important;
    background: #EEF1F8;
    border-radius: 100px;
    margin-top: 6px;
}
.progress--small {
    height: 6px;
}
.progress .progress-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: linear-gradient(90deg, #6D34CF, #4168D8);
    border-radius: 100px;
}
.finalized {
    color: #8E8CA9;
    font-size: 14px;
}
.chevron {
    transform: rotate(180deg);
    width: 16px;
    filter: inherit;
}
.chevron { cursor: pointer; transition: transform .2s ease, opacity .2s ease; }
.product-row.is-collapsed .item-line--secondary { display: none; }
.product-row.is-collapsed .chevron {
    transform: rotate(0deg); 
}
.product-row:not(.is-collapsed) .item-line--secondary { display: grid; }

#withdraw-title {
    color: #552D9A;
    font-size: 18px; 
    font-weight: 700;
}

/* Withdraw modal */
.withdraw-overlay {
    position: fixed;
    inset: 0;
    background: rgba(12, 14, 29, .55);
    backdrop-filter: blur(2px);
    z-index: 1000;
}
.withdraw-modal {
    position: fixed;
    z-index: 1001;
    width: 410px;
    max-width: 410px;
    background: #FFFFFF;
    border: 1px solid #E3E3FA;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.withdraw-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
}
.withdraw-header span { font-weight: 700; font-size: 18px; }
.withdraw-close {
    background: transparent;
    border: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #8E8CA9;
    padding: 0;
}
#wd-usdt-network {
    background-image: none;
    padding-left: 44px;
    color: #616083;
}
#tron-fixed {
    position: relative;
}
#tron-fixed::before {
    content: url(../images/helpers/tron.png);
    position: absolute;
    top: 40px;
    left: 15px;
    z-index: 1;
}
.withdraw-body { padding: 0 24px 24px; }
.withdraw-footer {
    display: flex;
    gap: 24px;
    padding: 24px 0;
    border-top: 1px solid #E3E3FA;
    margin: 0 24px;
}
.withdraw-label { font-size: 14px; color: #6F6D8D; margin-bottom: 6px; display: block; }
.withdraw-input-group { display: flex; align-items: center; gap: 8px; }
.withdraw-prefix {
    background: #F4F6FC;
    border: 1px solid #EBEBFE;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    color: #6F6D8D;
}
.withdraw-input {
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #ADAEC7;
    border-radius: 10px;
    padding: 10px 12px;
}
.withdraw-input.w-100 { width: 100%; }
.withdraw-select select {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #ADAEC7;
    border-radius: 10px;
    padding: 0 12px;
    appearance: auto;
}
.withdraw-select.disabled select { background: #F4F6FC; color: #8E8CA9; }
.mt-3 { margin-top: 12px; }
.fw-bold { font-weight: 700; }
.withdraw-help { color: #6F6D8D; font-size: 14px; }
.withdraw-success {
    text-align: center;
    padding: 16px 8px;
    h3 {
        color: #459221;
        font-weight: 700;
        font-size: 24px;
    }
}
.withdraw-success img {
    margin-bottom: 8px;
}
#wd-go-back {
    width: 247px;
    .arrow-btn-container img {
        margin-top: 5px;
    }
}
.withdraw-success h3 { font-size: 20px; margin: 6px 0 8px; }
.withdraw-success p { color: #040404; margin: 0; font-size: 15px; }
.btn-go-back { margin-top: 14px; }
.withdraw-summary-pre {
    background: #F9F9FF;
    border: 1px solid #EBEBFE;
    border-radius: 10px;
    padding: 10px;
    max-height: 220px;
    overflow: auto;
    font-size: 12px;
}
.withdraw-method-fields {
    background: #FDFDFD;
}
.withdraw-method-fields .withdraw-label {
    color: #0C0E1D;
    font-weight: 600;
}
.withdraw-label-note {
    font-weight: 400;
    color: #8E8CA9;
}

/* Estilos para la capa de fondo (overlay) */
.invested-overlay {
    position: absolute;
    top: 0 ;
    left: 0;
    width: 100%;
    height: 160%;
    inset: 0;
    /* Mismo fondo semitransparente con desenfoque */
    background: rgba(12, 14, 29, .55);
    backdrop-filter: blur(2px);
    z-index: 1000;
}

/* Estilos para la ventana principal del modal */
.invested-modal {
    /* position: fixed; */
    z-index: 1001;
    width: 580px;
    max-width: 580px;
    height: fit-content;
    background: #FFFFFF;
    border: 1px solid #E3E3FA;
    border-radius: 20px;
    margin-top: 50px;
    /* Centrado en la pantalla */
    /* left: 50%; */
    /* top: 50%; */
    /* transform: translate(-50%, -50%); */
}

/* Estilos para el encabezado del modal */
.invested-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 19px 3px 19px;
}

/* Estilos para el título "Invertido" */
#invested-title {
    font-size: 14px;
    font-weight: bold;
    color: #9593BD;
    width: 100%;
}

/* Estilos para el botón de cerrar */
.invested-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #8D8D8D;
    padding: 0;
    line-height: 1;
    filter: brightness(0) saturate(100%) invert(58%) sepia(13%) saturate(673%) hue-rotate(204deg) brightness(99%) contrast(97%);
}

.invested-close:hover {
    color: #1A1A1A;
}

/* Estilos para el cuerpo del modal */
.invested-body {
    padding: 24px;
    padding-bottom: 0;
    color: #333;
    font-size: 1rem;
    &.invested-body--pb-0 {
        padding-bottom: 0;
    }
}
.invested-footer {
    padding: 24px;
}
.card-invested-item {
    border: 1px solid #E3E3FA;
    border-radius: 16px;
    padding: 14px 18px;
    background: #FDFDFD;
    width: 250px;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.card-invested-item:hover {
    border-color: #C6D3F9;
}
.card-invested-item:hover {
    border-color: #C6D3F9;
}
.card-invested-item.card-invested-item--saving {
    color: #2C4E5C;
    .invested-services img {
        filter: brightness(0) saturate(100%) invert(26%) sepia(15%) saturate(1116%) hue-rotate(152deg) brightness(102%) contrast(96%);
    }
}
.card-invested-item.card-invested-item--saving span {
    color: #2C4E5C;
}
.card-invested-item.card-invested-item--performance span {
    color: #552D9A;
}
.card-invested-item.card-invested-item--performance {
    color: #552D9A;
    .invested-services img {
        filter: brightness(0) saturate(100%) invert(26%) sepia(57%) saturate(1210%) hue-rotate(230deg) brightness(87%) contrast(104%);
    }
}
.card-invested-item.card-invested-item--active {
    border-color: #C6D3F9;
}
.card-invested-item.card-invested-item--saving.card-invested-item--active {
    background: #F0FBFB;
}
.card-invested-item.card-invested-item--performance.card-invested-item--active {
    background: #F8F2FF;
}
.card-invested-item .tag-invested {
    border-radius: 200px;
    height: 24px;
    font-size: 12px;
    display: inline-grid;
    place-items: center;
    padding: 0 8px;
}
.card-invested-item.card-invested-item--saving .tag-invested {
    background: #A7E9E8;
}
.card-invested-item.card-invested-item--performance .tag-invested {
    background: #DFC7FF;
}
.card-invested-item .title-invested-item {
    font-size: 24px;
}
.card-invested-item .subtitle-invested-item {
    font-size: 14px;
}
.card-invested-item .invested-services {
    display: grid;
    gap: 12px;
    margin: 0;
    .icon-invested-services {
        display: grid;
        place-items: center;
        border-radius: 3.43px;
        width: 24px;
        height: 24px;
    }
}
.card-invested-item .invested-services span {
    font-size: 14px;
}
.card-invested-item.card-invested-item--saving .icon-invested-services {
    background: #F0FBFB;
}
.card-invested-item.card-invested-item--performance .icon-invested-services {
    background: #F8F2FF;
}
.sp-invested {
    background: #EBEBFE;
    margin: 16px 0;
    &.sp-invested--bottom {
        margin-bottom: 0;
    }
}
.card-invested-item .check {
    width: 24px;
    height: 24px;
    border: 1px solid #E3E3FA;
    border-radius: 6px;
    position: relative;
    display: grid;
    place-items: center;
}
.card-invested-item.card-invested-item--active .check {
    border-color: #C6D3F9;
    background: #DDFDD180;
    &::before {
        content: url(../images/helpers/done-profile.png);
        filter: brightness(0) saturate(100%) invert(55%) sepia(12%) saturate(2526%) hue-rotate(57deg) brightness(99%) contrast(91%);
        position: absolute;
        transform: scale(1.3);
        top: -5px;
    }
}
.btn-panel .arrow-btn-container .arrow-btn.arrow-btn--acesor {
    width: 14px;
    height: 14px;
}
.btn-panel .arrow-btn-container .arrow-btn.arrow-btn--continue {
    width: 9px;
    height: 9px;
    transform: rotate(45deg);
}
.alert-saving {
    color: #4B9DA5;
    background: #F0FBFB;
    border: .5px solid #EBEBFE;
    border-radius: 8px;
    padding: 6px 0;
    font-size: 13.5px;
    text-align: center;
    b {
        font-size: 15px;
    }
}
.saving-projects {
    display: flex;
    height: 323px;
    gap: 4px;
}
.saving-projects--sub {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
.item-project-saving {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 4px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.item-project-saving::before {
    content: "";
    position: absolute;
    background: linear-gradient(to top, #0C0E1D80, #0C0E1D00);
    border-radius: 4px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.item-project-saving .ubication {
    font-size: 12px;
    color: #E3E3FA;
    z-index: 1;
}
.item-project-saving .project-name {
    font-size: 20px;
    color: #EBEBEB;
    font-weight: 600;
    z-index: 1;
    margin: 0;
}

/* Currency */
.title-invested {
    font-size: 16px !important;
    color: #040404;
}

.currency-input-container {
    display: flex;
    align-items: center;
    width: 100%; 
    height: 60px;
    background: #ffffff;
    border: 1px solid #EBEBFE;
    border-radius: 30px; 
    padding: 5px;
    &.currency-input-container--error {
        border-color: #D92D20;
    }
}
.error-input-invested {
    color: #D92D20;
    font-size: 14px;
}

/* NUEVOS ESTILOS: Contenedor del input */
.input-field-wrapper {
    display: flex;
    align-items: center;
    flex-grow: 1;
    font-size: 2rem;
    color: #9999cc; 
    font-weight: 500;
}
/* Contenedor del Switch de Moneda (Contexto para posicionamiento) */
.currency-switch-wrapper {
    position: relative; /* CRUCIAL: Necesario para que el indicador se posicione absolutamente */
    display: flex;
    align-items: center;
    width: 88px;
    height: 48px;
    margin-right: 15px;
    padding: 3px;
    border-radius: 25px;
    background: #fdfdfd;
    border: 1px solid #EBEBFE;
    overflow: hidden; /* Opcional, para asegurar que nada sobresalga */
}

.switch-active-indicator {
    position: absolute; 
    width: 40px;
    height: 40px;
    background: #EDF1FD; 
    border-radius: 50%; 
    z-index: 1;
    transition: transform 0.3s ease;
}
.switch-option {
    display: flex; 
    justify-content: center;
    align-items: center;
    width: 50%; 
    height: 100%;
    cursor: pointer;
    z-index: 2; 
}

.switch-option img {
    width: 24px;
    height: 24px;
    border-radius: 50%; 
    object-fit: cover;
    opacity: 0.7;
    transition: all 200ms ease-in-out;
}

.switch-option.active img {
    opacity: 1;
    width: 28px;
}
.currency-label {
    margin-right: 8px;
    font-weight: 600;
    font-size: 24px;
    color: #CCCBEB;
}

/* Estilos para el campo de input */
.currency-input {
    /* RESET: Elimina el estilo por defecto del input */
    border: none;
    outline: none;
    background: transparent;
    padding: 0;
    margin: 0;
    
    /* Fuente y color para que coincida con el diseño */
    font-size: 24px !important;
    font-weight: 500;
    color: #9999cc;
    width: 100%; /* Ocupa el espacio restante */
    line-height: 1; /* Asegura la alineación vertical */
}

/* Opcional: Eliminar las flechas de control (spinners) en navegadores */
.currency-input::-webkit-outer-spin-button,
.currency-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.currency-input[type=number] {
    -moz-appearance: textfield; /* Para Firefox */
}
.currency-input::placeholder {
    color: #CCCBEB !important;
}
.main-usd-to-ars {
    padding: 9px 19px 0;
}
.usd-to-ars {
    color: #9593BD;
    font-weight: 500;
    font-size: 14px;
}
.disclaimer-invested {
    color: #9593BD;
    font-size: 14px;
}
.calculator-preloader-content.invested {
    height: 196px;
}
.calculator-preloader.calculator-preloader--invested {
    padding: 0;
    border: none;
    span {
        font-size: 16px;
    }
}

:root {
    --primary-color: #7d40fa;
    --dark-bg: #1e1e2c;
    --light-text: #ffffff;
    --tag-green: #38c1a9;
    --tag-bg: rgba(56, 193, 169, 0.2);
    --inactive-bg: #FDFDFD;
}

/* --- 1. Selector de Plazos y Tasas --- */

.terms-selector {
    display: flex;
    justify-content: space-between;
    margin: 37px 0 20px 0;
}

.term-option {
    display: block;
    cursor: pointer;
    position: relative;
}

.term-option input[type="radio"] {
    display: none; /* Oculta el input de radio nativo */
}

.term-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    border-radius: 200px;
    background: var(--inactive-bg);
    color: #282740;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    transition: background 0.3s, color 0.3s;
    border: 1px solid #E3E3FA;
}

/* Tasa flotante */
.rate-tag {
    position: absolute;
    top: -15px;
    right: 0;
    display: grid;
    place-items: center;
    border-radius: 8px 8px 2px 8px;
    background: #F0FBFB;
    color: #4B9DA5;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #E3E3FA;
    width: 52px;
    height: 22px;
}
.rate-tag-value--bg-none {
    background: none;
}

/* Estilo para la opción seleccionada */
.term-option input[type="radio"]:checked + .term-box {
    background: #F9F9FF;
    border-color: #C6D3F9;
    background: linear-gradient(to right, #4168D8, #552D9A);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    .rate-tag {
        background: #4B9DA5;
        -webkit-text-fill-color: #FDFDFD;
    }
}

/* Opción activa en la imagen (24 meses) */
.term-box.selected {
    background: #F9F9FF;
    border-color: #C6D3F9;
    background: linear-gradient(to right, #4168D8, #552D9A);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    .rate-tag {
        background: #4B9DA5;
        -webkit-text-fill-color: #FDFDFD;
    }
}


/* --- Texto Informativo y Separador --- */

.info-text {
    font-size: 12px;
    color: #9999cc;
    text-align: center;
    margin: 20px 0;
}

.separator {
    border: none;
    border-top: 1px solid #33334c;
    margin: 20px 0;
}

/* --- 2. Sección de Resultados --- */

.results-section {
    padding: 0px 17px 8px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.result-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
}

.result-row .label {
    color: #040404;
}

/* Estilo para Rendimiento */
.main-label {
    font-size: 18px;
    font-weight: bold;
    color: var(--light-text);
}

.main-value {
    font-size: 18px;
    font-weight: 700;
    color: #4B9DA5;
}

/* Sub-filas (Tasa e Interés Mensual) */
.sub-row {
    font-size: 16px;
}

.rate-tag-value {
    padding: 5px 17px;
    border-radius: 200px;
    background: #4B9DA5;
    color: #FDFDFD;
    font-weight: bold;
}

.sub-value {
    color: #040404;
}
#currency-label.input-active,
#currency-input.input-active {
    color: #040404;
}
.label.main-label {
    color: #4B9DA5;
}
.alert-withdrawal {
    display: flex;
    align-items: start;
    gap: 12px;
    color: #3251A8;
    padding: 12px;
    background: #F9F9FF;
    border: 1px solid #EBEBFE;
    border-radius: 10px;
    margin-top: 24px;
}
.alert-withdrawal h4,
.alert-withdrawal p {
    margin: 0;
}
.alert-withdrawal h4 { font-size: 16px; }
.alert-withdrawal p { 
    color: #3251A8;
    line-height: 20px;
    font-size: 14px;
}
.verify-investment {
    border-radius: 16px;
    border: 1px solid #E3E3FA;
    padding: 20px;
}
.verify-investment .icon-product-invested {
    border-radius: 8px;
    border: 1px solid #EBEBFE;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
}
.evaluating-invested--main {
    color: #040404;
    font-size: 20px;
    span:nth-child(2) {
        color: #4B9DA5;
    }
}
.evaluating-invested--sub {
    color: #040404;
    font-size: 16px;
    display: flex;
}
.previous-invested { cursor: pointer; }
.details-investement {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.title-details-investement {
    color: #9593BD;
    font-size: 14px;
    margin: 0;
}
.amount-to-pay {
    font-size: 20px;
    border-radius: 12px;
    padding: 16px 20px;
    border: 1px solid #EBEBFE;
}
#amount-to-pay {
    color: #4B9DA5;
}
.profile-form-group--icon select {
    padding-left: 45px;
} 
.profile-form-group--icon::before {
    position: absolute;
    top: 12px;
    left: 15px;
}
.profile-form-group--payments::before {
    content: url('../images/helpers/lucide_wallet.png');
}
.profile-form-group--money::before {
    content: url('../images/helpers/money.png');
    top: 11px;
}
.profile-form-group--crypto::before {
    content: url('../images/helpers/crypto.png');
    top: 11px;
}
.profile-form-group--transfer::before {
    content: url('../images/helpers/transfer.png');
    top: 11px;
}
.alert-withdrawal--warning {
    background: #FFFAEB;
    border: none;
    p {
        color: #273F82;
    }
}
#money {
    padding: 0 16px;
    p, a {
        color: #040404;
    }
}
.red-crypto,
.payment-transfer {
    padding: 0 16px;
}
.copy-main {
    position: relative;
    gap: 10px;
}
.text-copy {
    font-size: 14px;
}
.icon-copy {
    cursor: pointer;
    &.copied-success {
        filter: brightness(0) saturate(100%) invert(46%) sepia(99%) saturate(838%) hue-rotate(81deg) brightness(102%) contrast(93%); 
        transition: filter 0.1s ease-in-out;
    }
}
.transfers-data-investment {
    gap: 16px;
}
.error-message {
    color: #D92D20;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}
.invested-end {
    position: fixed;
    top: 0%;
    left: 50%;
    z-index: 9999;
    transform: translate(-50%, 50%);
    cursor: pointer;
    filter: inherit;
}
.percentage-extra {
    color: #552D9A;
}
.invested-body--performance .rate-tag {
    background: #F8F2FF;
    color: #552D9A;
}
.invested-body--performance .term-option input[type="radio"]:checked + .term-box {
    & .rate-tag {
        background: #552D9A;
        -webkit-text-fill-color: rgb(253, 253, 253);
    }
}
.invested-body--performance .term-box.selected {
    & .rate-tag {
        background: #552D9A;
        -webkit-text-fill-color: rgb(253, 253, 253);
    }
}
.invested-body--performance .label.main-label,
.invested-body--performance .main-value,
.invested-body--performance .evaluating-invested--main span:nth-child(2),
.invested-body--performance #amount-to-pay,
.step-invested-title--performance {
    color: #552D9A;
}
.invested-body--performance .rate-tag-value {
    background: #552D9A;
}
.invested-body--saving .annual-rate-result--performance {
    display: flex;
}
.step-invested-title--saving {
    color: #4B9DA5;
}
.steps-invested {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.step-invested-item {
    position: relative;
    display: grid;
    place-items: center;
    color: #9593BD;
    font-size: 12px;
    gap: 6px;
}
.step-invested-item::before {
    content: "";
    width: 102.61px;
    height: 1.4px;
    background: #CCCBEB;
    position: absolute; 
    top: 7px;
    left: 93px;
}
.step-invested-item--done.step-invested-item::before {
    background: #4951C0;
} 
.step-invested-item:last-child::before {
    content: "";
    display: none;
}
.step-invested-item--half::after {
    content: "";
    width: 34%;
    height: 1.4px;
    background: #4951C0;
    position: absolute; 
    top: 7px;
    left: 93px;
}
.step-pointer {
    position: relative;
    width: 15px;
    height: 15px;
    border-radius: 200px;
    border: 1.4px solid #CCCBEB;
    display: grid;
    place-items: center;
}
.step-invested-item--done .step-pointer {
    background: #88CF68;
    border-color: #88CF68;
    &::before {
        content: url('../images/helpers/done-profile.png');
        position: absolute;
        top: -3px;
    }
}
.step-invested-item--current {
    color: #4951C0;
}
.step-invested-item--current .step-pointer {
    border-color: #4951C0;
    &::before {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        background: #4951C0;
        border-radius: 200px;
    }
}
.title-invested-performance {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #552D9A;
}
.invested-performance-services {
    padding: 0 12px;
    li {
        color: #552D9A;
        font-weight: 500;
        font-size: 14px;
    }
}
.performance-product-invested {
    border: 1px solid #E3E3FA;
    padding: 10px;
    border-radius: 12px;
    background: linear-gradient(to bottom, #F1E6FF, #F1E6FF00);
}
.only-chart {
    height: 220px;
}
.only-disclaimer {
    font-size: 9.5px;
    color: #9593BD;
}
.main-invested-modal {
    position: fixed;
    display: flex;
    justify-content: center;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2000;
    overflow: auto;
}