/* Ocultar el input nativo pero mantenerlo funcional */
.authors-form-group input[type="file"] {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}

/* Convertir el label en la zona visual de drop */
.authors-form-group label[for="file-upload"] {
    width: 100%;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 24px 16px;
    border-radius: 8px;
    border: 2px dashed var(--grey_02);
    background: rgba(255, 255, 255, .5);
    cursor: pointer;
    transition: all 0.2s ease;
}

.authors-form-group label[for="file-upload"]:hover {
    border-color: var(--color_1);
    /* background: color-mix(in srgb, var(--color_1) 5%, white); */
}

.file-name-display, .file-text-main{
    font-family: var(--font-primary);
    color: var(--color_1);
    font-size: var(--font-md);
    font-weight: 700;
}
.file-text-sub, .file-text-sub-info{
    font-family: var(--font-primary);
    color: var(--grey_04);
    font-size: var(--font-base);
    font-weight: 400;
}

.file-text-sub-info{
    font-size: var(--font-sm);
}

.file-name-display{
    color: var(--color_3);
}
/* label.has-file .file-text-sub-info  */
label.has-file .file-text-sub{
    display: none;
}

.upload-icon {
    width: 44px;
    height: 44px;
    color: var(--color_1);
    stroke: var(--color_1);
}