/* Estilos para corregir problemas con los campos de entrada en los modales */

/* Asegurar que los campos de texto tengan un ancho mínimo */
.mdc-dialog .mdc-text-field {
    min-width: 250px;
    width: 100%;
}

/* Asegurar que los campos de texto mantengan su tamaño cuando tienen contenido */
.mdc-dialog .mdc-text-field.mdc-text-field--label-floating {
    width: 100%;
}

/* Mejorar la visibilidad del texto cuando se escribe */
.mdc-dialog .mdc-text-field .mdc-text-field__input {
    width: 100%;
    font-size: 16px;
}

/* Asegurar que las etiquetas flotantes se muevan correctamente */
.mdc-dialog .mdc-text-field.mdc-text-field--label-floating .mdc-floating-label {
    transform: translateY(-106%) scale(0.75);
    background-color: white;
    padding: 0 4px;
}

/* Estilos para los campos de entrada en los modales de subida de archivos */
#modalTitleLine .mdc-text-field,
#imageModalTitleLine .mdc-text-field {
    width: 100%;
    margin-bottom: 15px;
}

/* Asegurar que el placeholder no interfiera con el texto ingresado */
.mdc-text-field--label-floating .mdc-floating-label {
    color: #6200ee;
}

/* Estilos para los campos de entrada cuando están enfocados */
.mdc-text-field--focused .mdc-floating-label {
    color: #6200ee;
}

/* Estilos para los campos de entrada cuando tienen contenido */
.mdc-text-field--label-floating .mdc-text-field__input {
    caret-color: #6200ee;
}