/* Opción 1: Usar la clase correcta (recomendado) */
.input-group-calculator .form-control {
    border: none !important;
    color: var(--color-gray-dark) !important;
    font-size: 1.12rem !important;
    box-shadow: none !important;
}




.input-group-calculator .input-group-text,
.form-group-calculator .input-group-text {
    background-color: transparent;
    border: none !important;
    color: var(--color-gray-dark);
    font-size: 1.12rem;
    padding: 6px 5px 6px 12px;
}

.input-group-calculator {
      border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    height: 48px;

    border: 2.5px solid var(--color-green) !important;
    box-shadow: none !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.input-group-calculator .input-group-text:last-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


.label-input-container {
    position: relative;
    width: 100%;
}

.input-label-absolute {
    position: absolute;
    top: -10px; /* Ajusta según necesites */
    left: 15px; /* Ajusta según necesites */

}

/* Si usas Bootstrap, puedes aprovechar sus clases utilitarias */
.input-label-absolute {
    position: absolute;
    top: -0.75rem;
    left: 1rem;
    background-color: #fff;
    padding: 0 0.5rem;
    font-size: 0.938rem;
    color: #495057;
    z-index: 10;
}

.selectCalculadora-landing {
 max-height: 48px;
 min-height: 48px;
}

/* Mantener el input blanco durante la carga */
.loading ~ .label-input-container .form-control,
.loading ~ .label-input-container .input-calculator,
.form-control.input-calculator {
    background-color: #ffffff !important;
}

/* Si el input está dentro del mismo contenedor */
.label-input-container .form-control,
.label-input-container .input-calculator {
    background-color: #ffffff !important;
}

@media (min-width: 768px) and (max-width: 992px) {
   .input-label-absolute {

    font-size: 0.75rem;
    top: -7px;
    left: 8px;
}
}


@media screen and (max-width: 576px) {
    .input-label-absolute {
    font-size: 0.75rem;
    top: -7px;
    left: 8px;
}
.row-height-detail-calculator-home {
    height: 20px;
}

.input-group-calculator .input-group-text, .form-group-calculator .input-group-text {

    font-size: 0.875rem

}

.input-group-calculator .form-control {


    font-size: 0.875rem !important;

}
}