/* ==== 9. Simulators ==== */
.loan-simulator .spacing-10,
.loan-simulator .spacing-11 {
    padding: 0 1rem;
}

.loan-simulator .spacing-05 {
    padding: 0 .5rem;
}

.loan-simulator .spacing-top-bottom-01 {
    padding-top: .35rem;
    padding-bottom: .35rem;
}

.loan-simulator .spacing-top-bottom-06 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.loan-simulator .spacing-top-bottom-03 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.loan-simulator .spacing-all-11 {
    padding: 2.5rem 1.5rem;
}

.loan-simulator .margin-10 {
    margin: 0 1rem;
}

.loan-simulator .loan-simulator-message .content-md,
.loan-simulator .loan-simulator-message .content-md strong {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.loan-simulator .simulator-result .simulator-item.first-year .simulator-item-title,
.loan-simulator .simulator-result .simulator-item.first-year .simulator-item-value {
    font-size: 1.75rem;
    line-height: 2.25rem;
}

.loan-simulator.secondary-version .simulator-item.next-years,
.loan-simulator.secondary-version .simulator-item.tin,
.loan-simulator.secondary-version .simulator-item.tae,
.loan-simulator.secondary-version .simulator-details .total-cost {
    background-color: var(--background-secondary);
}

.loan-simulator .container .loan-simulator-title,
.loan-simulator .container .loan-simulator-message,
.loan-simulator .simulator-result:not(:has(.simulator-result-item:nth-child(3))) {
    max-width: 980px;
    margin: 0 auto;
}

.loan-simulator .loan-simulator-message{
    padding: 4.85rem 3.75rem;
}

.loan-simulator .loan-simulator-message .content-md {
    --h3-font-size: 1.75rem;
    --h3-line-height: 2.25rem;
    font-weight: var(--body-font-weight-medium);
}

.loan-simulator .loan-simulator-message .content-md strong {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: var(--body-font-weight-semibold);
}

.loan-simulator .simulator-result:has(> .simulator-result-item + .simulator-result-item) .simulator-result-item{
    display: flex;
    flex-direction: column;
}

.loan-simulator .simulator-result:has(> .simulator-result-item + .simulator-result-item) {
    display: grid;
    gap: 1.250rem;
}

.loan-simulator .simulator-result:not(:has(> .simulator-result-item + .simulator-result-item)) .simulator-result-item .simulator-item:first-child {
    padding: 1.5rem 3.5rem;
}

.loan-simulator .simulator-result .simulator-result-item .simulator-item {
    padding: .750rem 1rem;
}

.loan-simulator .simulator-result:not(:has(> .simulator-result-item + .simulator-result-item)) .simulator-result-item .simulator-item {
    padding: .75rem 3.5rem;
}

.loan-simulator .simulator-result:not(:has(> .simulator-result-item + .simulator-result-item)) .simulator-result-item .simulator-details {
    padding: .5rem 0 0;
    margin: 0 3.5rem;
}

.loan-simulator .simulator-result:not(:has(> .simulator-result-item + .simulator-result-item)) .simulator-result-item .simulator-details .simulator-details-row {
    padding: 0 1.25rem;
}

.loan-simulator .simulator-result .simulator-result-item .simulator-item .simulator-item-value,
.loan-simulator .simulator-result .simulator-result-item .simulator-item .simulator-item-value-sm {
    word-break: break-all;
}

.loan-simulator .simulator-result .simulator-result-item .simulator-details {
    padding: .5rem 0 0;
    margin: 0 1rem;
}

.loan-simulator .simulator-result .simulator-result-item .simulator-details .simulator-details-row {
    padding: 0 .5rem;
}

.loan-simulator .simulator-result:not(:has(> .simulator-result-item + .simulator-result-item)) .simulator-result-item .simulator-legal,
.loan-simulator .simulator-result:not(:has(> .simulator-result-item + .simulator-result-item)) .simulator-result-item .simulator-footer {
    padding: 0 4.250rem;
}

.loan-simulator .simulator-result:not(:has(> .simulator-result-item + .simulator-result-item)) .simulator-result-item .simulator-footer {
    margin-bottom: 1.5rem;
}

.loan-simulator .simulator-result .simulator-result-item .simulator-legal,
.loan-simulator .simulator-result .simulator-result-item .simulator-footer {
    padding: 0 .750rem;
}

.loan-simulator .simulator-result .simulator-result-item .simulator-footer {
    margin-bottom: .75rem;
}

.loan-simulator.secondary-version .simulator-result .simulator-result-item .simulator-details .simulator-details-row.total-cost {
    padding: .5rem;
    margin-top: .15rem;
    margin-bottom: .5rem;
}

.loan-simulator .simulator-result .simulator-result-item .simulator-details .simulator-details-row.total-cost {
    margin-top: .35rem;
    margin-bottom: .5rem;
}

.loan-simulator .simulator-result .simulator-item.tin .simulator-item-label {
    font-size: .875rem;
    line-height: 1rem;
}

.loan-simulator .simulator-result .simulator-item:first-child .simulator-item-value,
.loan-simulator .simulator-result .simulator-item:first-child .simulator-item-title {
    font-size: 2rem;
    line-height: 2.5rem;
}

.loan-simulator .simulator-result .simulator-item.maintenance .simulator-item-value-sm {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.loan-simulator .simulator-result .simulator-item.next-years .simulator-item-title,
.loan-simulator .simulator-result .simulator-item.next-years .simulator-item-value {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.loan-simulator .simulator-result .simulator-item .simulator-item-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.loan-simulator .loan-simulator-info .info-conditions.text-content {
    --text-size: .875rem;
}

@media (min-width: 992px) {
    .loan-simulator .simulator-result:has(> .simulator-result-item:nth-child(2)):not(:has(> .simulator-result-item:nth-child(3))) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .loan-simulator .simulator-result:has(> .simulator-result-item:nth-child(3)) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    
    .loan-simulator .spacing-10,
    .loan-simulator .spacing-11 {
        padding: 0 1rem;
    }

    .loan-simulator .spacing-05 {
        padding: 0 .5rem;
    }

    .loan-simulator .spacing-top-bottom-01 {
        padding-top: .35rem;
        padding-bottom: .35rem;
    }

    .loan-simulator .spacing-top-bottom-06{
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .loan-simulator .spacing-top-bottom-03{
        padding-top: .75rem;
        padding-bottom: .75rem;
    }

    .loan-simulator .spacing-all-11 {
        padding: 2.5rem 1.5rem;
    }

    .loan-simulator .margin-10{
        margin: 0 1rem;
    }

    .loan-simulator .loan-simulator-message{
        padding: 2.5rem 1.5rem;
    }

    .loan-simulator .loan-simulator-message .content-md,
    .loan-simulator .loan-simulator-message .content-md strong {
        font-size: 1.25rem;
        line-height: 1.875rem;
    }

    .loan-simulator .simulator-result .simulator-item.first-year .simulator-item-title, 
    .loan-simulator .simulator-result .simulator-item.first-year .simulator-item-value {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}