/* ==== 8. Simula tu Hipoteca ==== */

.simulator-calculator.cabecera.cab-textual .container {
    margin-bottom: 5rem !important;
}

.simulator-calculator.formulario-wtc-wtl .form-container .form-section.bg-light-gray-color {
    padding: 2.75rem 7.2rem;
}

.simulator-calculator.formulario-wtc-wtl .form-container .form-section .form-item .wtc-time-container {
    padding: 1.688rem 7.2rem;
}

.simulator-calculator.formulario-wtc-wtl .form-container .form-section:not(:first-child) {
    margin-top: 2.5rem;
}

.simulator-calculator.formulario-wtc-wtl .form-item .form-select{
    background-color: var(--background-base) !important;
}

/* Contador */
.simulator-calculator.formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter {
    grid-template-columns: repeat(2, 1fr);
}

.simulator-calculator.formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter .time-counter-container {
    height: fit-content;
}

.simulator-calculator.formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter .time-counter-container span {
    pointer-events: none;
}

.simulator-calculator.formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter p {
    --text-size: .875rem;
    --text-line-height: 1.125rem;
}

/* Botón */
.simulator-calculator.formulario-wtc-wtl .form-container .form-item .btn-container .btn {
    max-width: 329px;
    width: 100%;
    height: fit-content;
}

.notification .aviso-container{
    padding-left: 5rem;
    padding-right: 5rem;
}

/* Iconos */
.bloqueTemporal.aviso-temporal .aviso-box i,
.notification .aviso-box i,
.lg-icon {
    font-size: 2rem;
    width: fit-content;
}

.bloqueTemporal.aviso-temporal .aviso-box i.info-icon,
.notification .aviso-box i.info-icon {
    color: var(--semantic-content-info);
}

i.success-icon,
.bloqueTemporal.aviso-temporal .aviso-box i.success-icon,
.notification .aviso-box i.success-icon {
    color: var(--semantic-content-success);
}

.bloqueTemporal.aviso-temporal .aviso-box i.warning-icon,
.notification .aviso-box i.warning-icon {
    color: var(--semantic-content-warning);
}

i.error-icon,
.bloqueTemporal.aviso-temporal .aviso-box i.error-icon,
.notification .aviso-box i.error-icon {
    color: var(--semantic-content-danger);
}

.range-error span{
    color: var(--red-70);
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    line-height: 1rem;
}

.range-error span i{color: var(--red-70) !important;}

.form-wtc-wtl .form-item .form-input.number.rangeValue.is-invalid {
    border-color: var(--red-70) !important;
}

@media (min-width: 1300px) {
    .bloqueTemporal.aviso-temporal .aviso-box {
        width: 44.4%;
    }
}

@media (max-width: 991px) {
    .simulator-calculator.cabecera.cab-textual .container {
        margin-bottom: 3rem !important;
    }

    .simulator-calculator.formulario-wtc-wtl .form-container .form-section.bg-light-gray-color,
    .simulator-calculator.formulario-wtc-wtl .form-container .form-section .form-item .wtc-time-container {
        padding: 2.75rem 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .simulator-calculator.formulario-wtc-wtl .form-container .form-section .wtc-time-container .time-counter {
        grid-template-columns: 1fr;
    }
}